@charset "utf-8";

*/******************** リセット**************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,big,small{font-size:100%;font-weight:normal;}
select,input,textarea{font-size:100%;}
b,strong{font-weight:bold;}
em{	font-style:normal;}
a:link,a:visited,a:active{color:#f87e16;text-decoration:none;-webkit-tap-highlight-color:rgba(1.0,1.0,1.0,0.25);}
address,article,aside,figure,footer,header,hgroup,menu,nav,section{display: block;}
img{border:0;vertical-align:bottom;}


/*****************************基本設定********************************/

html{
	-webkit-text-size-adjust:none;
}
body{
	background: #ffffff;
	color:#666666;
	font-size:14px;
	line-height:1.5;
	font-family:Century Gothic, Helvetica, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo;
}
input[type^="text"],
input[type^="password"]{
	padding:7px 3px;
	border:1px solid #a2a2a2;
	-webkit-border-radius:5px;/* webkit */
	-moz-border-radius:5px;/* moz */
	border-radius:5px;
	-webkit-box-shadow: inset 0px 1px 1px #cccccc;
	-moz-box-shadow: inset 0px 1px 1px #cccccc;
	box-shadow: inset 0px 1px 1px #cccccc; 
}
input[type^="text"] + *,
input[type^="password"] + *{
	margin-left:8px;
}

input[type^="checkbox"],
input[type^="radio"]{
	margin-right:5px;
}
select{
	border:1px solid #a2a2a2;
	-webkit-border-radius:5px;/* webkit */
	-moz-border-radius:5px;/* moz */
	border-radius:5px;
}
select + *{
	margin-left:8px;
}

/* add */
* + input[type^="text"],
* + input[type^="password"],
* + select{
	margin-left:8px;
}
/* /add */


textarea{
	padding:7px 3px;
	border:1px solid #a2a2a2;
	-webkit-border-radius:5px;/* webkit */
	-moz-border-radius:5px;/* moz */
	border-radius:5px;
	-webkit-box-shadow: inset 0px 1px 1px #cccccc;
	-moz-box-shadow: inset 0px 1px 1px #cccccc;
	box-shadow: inset 0px 1px 1px #cccccc; 
}

/*****************************General********************************/
/** Icon **/
/** Btn **/

*/

html, body{
	height:100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ラッパー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#wrapper{
	position:relative;
	height:100%;
	min-height:100%;
	width:100%;
	margin:auto;
	overflow:hidden;

}
body > #wrapper {
	height:auto;
}
body > form > #wrapper {
	height:auto;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
header{
	position:relative;
	padding:10px;
	border-top:10px solid #ffcc66;
	height:42px;
}
header #sitelogo{
	float:left;
}
header p{
	float:right;
	overflow:hidden;
	margin-top:20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#content{
	position:relative;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページトップへ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#content .pagetop{
	padding:10px;
	text-align:right;
	font-size:12px;
	margin-top:20px;
}
#content .pagetop span {
	margin-right:5px;
	color:#f87e16;
}
#content .pagetop a {
	color:#666666;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
footer{
	bottom:0px;
	right:0px;
	width:100%;
	padding-top:9px;
	font-size:10px;
	clear:both;
}
footer p#copyright{
	padding:8px 10px;
	color:#663300;
	background-color:#ffcc66;
	text-align:center;
}

/* 
fnav
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
footer .fnavi{
	border-bottom:1px solid #f87e16 ;
}
footer .fnavi ul li{
	border-top:1px solid #f87e16 ;
	text-align:center;
	background-color:#ffe99d;
}
footer .fnavi ul li a{
	display:block;
	padding:10px 30px 10px 10px;
	background:url(../img/or_icon.png) no-repeat 10px 50%;
	-webkit-background-size:16px 16px;
	-moz-background-size:16px 16px;
	-o-background-size:16px 16px;
	background-size:16px 16px;
	font-size:14px;
	color:#663300 !important;
	font-weight:bold;
	text-decoration:none !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
タイトル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#content h1.naka_title {
background-color:#fff7dc;
padding:5px 10px;
margin:10px 0px;
font-size:15px;
font-weight:bold;
color:#663300;
}
#content h1.naka_title span {
margin-right:5px;
font-size:18px;
color:#f87e16;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ナビゲーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 
グローバルナビゲーション
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
nav.gnavi{
	width:100%;
	height:40px;
}
nav.gnavi ul{
	  text-align: center;
	  border-bottom:2px solid #f87e16;
	  letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
nav.gnavi ul li{ 
display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  letter-spacing: normal; /* 文字間を通常に戻す */
  	width:19.3%;
  }
nav.gnavi ul li.on a{ 
	display: block;
	width:100%;
	height:40px;
	text-align:center;
	background-color:#ffe99d;
	-webkit-border-top--left-radius:10px;/* webkit */
	-webkit-border-top--right-radius:10px;/* webkit */
	-moz-border-radius-topleft:10px;/* moz */
	-moz-border-radius-topright:10px;/* moz */
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
nav.gnavi ul li.off a{
display: block;
	width:100%;
	height:40px;
	text-align:center;
	background:-moz-linear-gradient(top, #ffcc66 0%, #ffa900 100%);/* moz */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc66), color-stop(100%,#ffa900 )); /* webkit */
	background:-o-linear-gradient(top, #ffcc66 0%,#ffa900  100%); /* opera */
	background:linear-gradient(top, #ffcc66 0%,#ffa900  100%);
	-webkit-border-top--left-radius:10px;/* webkit */
	-webkit-border-top--right-radius:10px;/* webkit */
	-moz-border-radius-topleft:10px;/* moz */
	-moz-border-radius-topright:10px;/* moz */
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.gnavi_m{
margin-right:0.8%;
}


/* 
パンくずリスト
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
nav.pankuzu {
margin-left:10px;
	font-size:12px;
}
nav.pankuzu li {
float:left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.disc li{
 text-indent:-1em;
  padding-left:1em;
  }
#content ul.disc{
	list-style:disc inside;
}
ul.no li{
 text-indent:-1em;
  padding-left:1em;
  }
#content ul.no{
	list-style:decimal inside;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ───────────────────────────────────
横幅
─────────────────────────────────── */
.w90{
	width:90%;
	margin:auto;;
}

/* ───────────────────────────────────
フォントウェイト：ノーマル
─────────────────────────────────── */
.txtNormal{ font-weight:normal !important;}

/* 
フォント：ボールド
─────────────────────────────────── */
.bold{ font-weight:bold !important;}

/* ───────────────────────────────────
フォントサイズ
─────────────────────────────────── */
.small{ font-size:12px !important;}
.big{ font-size:15px !important;}

/* ───────────────────────────────────
フォントカラー：濃いオレンジ
─────────────────────────────────── */
.txt_or{ color: #f87e16 !important;}
/* 
フォントカラー：茶色
─────────────────────────────────── */
.txt_br{ color: #663300 !important;}
/*
フォントカラー：基本文字色のグレー
─────────────────────────────────── */
.txt_gy{ color: #666666 !important;}

/* ───────────────────────────────────
マージン
─────────────────────────────────── */
/* 上マージン
─────────────────────────────────── */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }

/* 左マージン
─────────────────────────────────── */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }

/* 下マージン
─────────────────────────────────── */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }

/* 右マージン
─────────────────────────────────── */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

/* ───────────────────────────────────
文字位置
─────────────────────────────────── */
/* align,valign
─────────────────────────────────── */
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

/* ───────────────────────────────────
配置
─────────────────────────────────── */
.clear{clear:both;}
.fl {float:left;
}
.fr {float:right;
}