@charset "UTF-8";
/* =============================
　リセットCSS + サイト共通設定
================================ */
/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/* デフォルト文字設定 */
body{
/*	color:rgb(102,102,102); */
	font-family:"游明朝","MeiryoKe_Gothic","MeiryoKe_Console";
	font-size:13px;
	line-height:1.4;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}

/* デフォルトリンク色の設定 */
a{
	color:rgb(220,28,39);
}

a:hover{	/*リンクポイントへマウスをかざすと色変化するところ。現在はオレンジ*/
	color:rgb(227,119,41);
/*	color:rgb(102,28,39);	濃い茶*/
}

/* 画像リンクの設定 */
a img{
	margin:auto 8px;
	opacity:1;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:0.4;
	filter: alpha(opacity=50);
}

/* clearfix */

.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ==============================
　レイアウト
 ================================ */
body {
	background:#fff url(img/bg.png) repeat-x;
	background-clip:padding-box;
	margin:0 auto;
	background-color:rgb(251,243,238);
}

/* ヘッダー */
#header {
	margin: 0 auto;
}

#header .inner{
	width:940px;
	height: 130px;
	margin:0 auto 1px;
	overflow:hidden;
	position:relative;
	background-image: url("img/header.png");
}

/* グローバルナビゲーション */
#dropmenu{
	list-style-type: none;
	width: 940px;
	margin: 0 auto;
}
#dropmenu:before, #dropmenu:after{
	content: "";
	display: table;
}
#dropmenu:after{
	clear: both;
}

#dropmenu ul{
	border-left:rgb(254,245,249) 1px solid;
}

#dropmenu li{
	position: relative;
	width: 187px;
	height:44px;
	float: left;
	border-right:rgb(255,255,255) 1px solid;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu li.gnav01{
	width: 186px;
	border-left:rgb(255,255,255) 1px solid;
}

/*
#dropmenu li.gnav05{
	border-right:rgb(227,119,41) 1px solid;
}	*/

#dropmenu li a{
	display: block;
	margin: 0;
	padding: 13px 0 13px;
	background:rgb(227,119,41);
	color:rgb(255,255,255);
	font-size: 140%;
	line-height: 1;
	text-decoration: none;
	font-weight:bold;
}
#dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
#dropmenu li ul li{
	width: 100%;
}
#dropmenu li ul li a{
	border: 1px solid rgb(236,195,170);
	background: rgb(255,255,255);
	text-align: center;
	color:rgb(102,28,39);
}
#dropmenu li:hover > a{
/*	background: rgb(174,118,110);	*/
}
#dropmenu li a:hover{
	background: rgb(241,196,163);
}

/*========================
フェードイン
==========================*/
#dropmenu li ul{
	visibility: hidden;
	opacity: 0;
	transition: .2s;
}
#dropmenu li:hover ul{
	visibility: visible;
	opacity: 1;
}
#dropmenu li ul li a{
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}
#dropmenu li:hover ul li a{
	visibility: visible;
	opacity: 1;
}
/*----------------------------------------------
  ----------------------------------------------*/
/* コンテンツエリア */
#contents{
	width:1080px;
	margin:0 auto;
/*	border:rgb(102,28,39) 1px solid;
	background-color:rgb(251,243,238);	*/
}

/* メインコンテンツ */
#wrap{
	width:940px;
	margin:0 auto;
/*	background-color:rgb(251,243,238);	*/
	background-color:#fff;
}

/*　リンク　*/
#linkbox{
	clear:both;
margin-top:30px;
}

.l_box{
	float:left;
	height:43px;
	width:300px;
	margin: 20px 80px;
}

/* ページトップ */
.pagetop{
	clear:both;
	text-align:right;
	margin-right:30px;
}
/* フッター */
#footer{
	background:rgb(227,119,41);
}

#footer .inner{
	width:940px;
	height: 108px;
	margin:0 auto;
/*	overflow:hidden;
	position:relative;
	background:rgb(102,28,39);	*/
	background-image: url("img/footer.png");
}