@charset "utf-8";

/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}

/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.4;
	color:#4D4D4D;
	font-size:12px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック','Lucida Grande',arial,helvetica,clean,sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	font-size:75%;
}

/* IE7用 */
*:first-child+html body {
	font-size:75%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{color:#4D4D4D;}
a:hover{color:#F00;}

.iepngfix{
	behavior: expression(IEPNGFIX.fix(this));
}

/* --------------------------------------------------
	##wrapper
-------------------------------------------------- */
#wrapper{
	width:100%;
	height:100%;
	position:relative;
}

/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	margin:0 0 236px;
	width:100%;
	background-color:#FFF;
}
#h-inner{
	margin:0 auto;
	width:940px;
	height:98px;
	position:relative;
	text-align:left;
}
#h-inner h1{
	width:650px;
	position:absolute;
	top:9px;
	left:0;
	z-index:1;
	color:#808080;
	font-size:100%;
	font-weight:normal;
}
#logo{
	width:142px;
	height:57px;
	position:absolute;
	top:36px;
	left:2px;
	z-index:1;
}
#h-box1{
	width:270px;
	position:absolute;
	top:9px;
	right:0;
	z-index:1;
	text-align:right;
}
#h-b1-1{margin:0 0 6px;}
ul#h-list1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
ul#h-list1{
	margin:0;
	padding:0;
	position:absolute;
	top:68px;
	right:0;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
ul#h-list1 li{
	margin:0 0 0 3px;
	padding:0;
	list-style:none;
	height:28px;
	float:left;
	display:inline;
	white-space:nowrap;
}
ul#h-list1 li a{
	height:28px;
	display:block;
}
ul#h-list1 li#h-l1-1,
ul#h-list1 li#h-l1-1 a{width:130px;}
ul#h-list1 li#h-l1-2,
ul#h-list1 li#h-l1-2 a{width:201px;}
ul#h-list1 li#h-l1-3,
ul#h-list1 li#h-l1-3 a{width:125px;}
ul#h-list1 li#h-l1-4,
ul#h-list1 li#h-l1-4 a{width:119px;}

ul#h-list1 li#h-l1-1 a{background:url(../img_com/h_btn1a.gif) no-repeat left top;}
ul#h-list1 li#h-l1-1 a:hover{background-color:#FFF;}
ul#h-list1 li#h-l1-1 a:hover img{visibility:hidden;}
ul#h-list1 li#h-l1-2 a{background:url(../img_com/h_btn2a.gif) no-repeat left top;}
ul#h-list1 li#h-l1-2 a:hover{background-color:#FFF;}
ul#h-list1 li#h-l1-2 a:hover img{visibility:hidden;}
ul#h-list1 li#h-l1-3 a{background:url(../img_com/h_btn3a.gif) no-repeat left top;}
ul#h-list1 li#h-l1-3 a:hover{background-color:#FFF;}
ul#h-list1 li#h-l1-3 a:hover img{visibility:hidden;}
ul#h-list1 li#h-l1-4 a{background:url(../img_com/h_btn4a.gif) no-repeat left top;}
ul#h-list1 li#h-l1-4 a:hover{background-color:#FFF;}
ul#h-list1 li#h-l1-4 a:hover img{visibility:hidden;}

/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin-top:-454px;
	width:100%;
	min-width:940px;
	text-align:center;
	top:98px;
	left:0;
	z-index:-999;
}
#mi-inner{
	margin:0 auto;
	width:940px;
}

/* --------------------------------------------------
	##menu
-------------------------------------------------- */
#menu{
	width:100%;
	height:65px;
	background:transparent url(../img_com/bg_menu.gif) repeat-x left top;
	position:absolute;
	top:269px;
	left:0;
	z-index:10;
}
ul#h-list1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#menu ul{
	margin:0 auto;
	padding:0;
	width:940px;
	height:65px;
	background:transparent url(../img_com/bg_menu1.gif) repeat-x left top;
	/*\*//*/
	overflow:hidden;
	/**/
}
#menu ul li{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	float:left;
	line-height:40px;
	text-align:center;
}
#menu ul li a{
	display:block;
	height:54px;
	color:#FFF;
}
#menu ul li a:hover{color:#FF0;}
#menu ul li#me-1,
#menu ul li#me-1 a{width:67px;}
#menu ul li#me-2,
#menu ul li#me-2 a{width:100px;}
#menu ul li#me-3,
#menu ul li#me-3 a{width:119px;}
#menu ul li#me-4,
#menu ul li#me-4 a{width:119px;}
#menu ul li#me-5,
#menu ul li#me-5 a{width:97px;}
#menu ul li#me-6,
#menu ul li#me-6 a{width:109px;}
#menu ul li#me-7,
#menu ul li#me-7 a{width:119px;}
#menu ul li#me-8,
#menu ul li#me-8 a{width:99px;}
#menu ul li#me-9,
#menu ul li#me-9 a{width:111px;}

/* --------------------------------------------------
	##pankuzu
-------------------------------------------------- */
div#pankuzu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#pankuzu{
	clear:both;
	margin:0 0 16px;
	padding:0;
	min-height:24px;
	_height:24px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	height:auto;
	/**/
}
div#pankuzu ol{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
div#pankuzu li{
	margin:0;
	padding:0 20px 0 0;
	line-height:24px;
	display:inline;
	color:#808080;
	background:url(../img_com/p_icon.gif) no-repeat right center;
	white-space:nowrap;
}
* html div#pankuzu li{
	padding:0 16px 0 0;
}
*+html div#pankuzu li{
	padding:0 16px 0 0;
}
div#pankuzu li a{color:#808080;}
div#pankuzu li a:hover{color:#F00;}
div#pankuzu h2{
	display:inline;
	line-height:24px;
	color:#808080;
	font-size:100%;
	font-weight:normal;
}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main{
	width:100%;
	background:#585858 url(../img_com/bg_main.gif) repeat-x left top;
}
#m-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#m-inner{
	margin:0 auto;
	width:940px;
	background-color:#FFF;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##contents
-------------------------------------------------- */
#contents:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#contents{
	margin:0 0 0 10px;
	width:650px;
	float:left;
	display:inline;
	background-color:#FFF;
	/*\*//*/
	overflow:hidden;
	/**/
}
#c-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#c-inner{
	margin:0 0 0 8px;
	width:642px;
	padding-bottom:20px;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##side
-------------------------------------------------- */
#side{
	margin:0 20px 0 0;
	padding-top:14px;
	width:244px;
	float:right;
	display:inline;
	background-color:#FFF;
}
#s-list{
	margin:0 0 12px;
	padding:0;
}
#s-list li{
	margin:0;
	padding:0 0 3px;
	list-style:none;
}
#s-list li img{vertical-align:top;}
.s-box1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.s-box1{
	margin:0 0 15px;
	width:244px;
	/*\*//*/
	overflow:hidden;
	/**/
}
.s-box2:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
.s-box2{
	margin:0 0 15px;
	width:244px;
	/*\*//*/
	overflow:hidden;
	/**/
}
.s-txt{margin:0 0 8px 0;}
.s-txt1{margin:0 0 4px 4px;}
.s-txt2{
	margin:0 0 4px 4px;
	color:#808080;
}


/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
#page-top{
	clear:both;
	margin:0 auto;
	width:940px;
	height:35px;
	line-height:35px;
	color:#FFF;
	background:url(../img_com/bg_pt1.gif) no-repeat left top;
	text-align:right;
}
#page-top a{color:#FFF;}
#page-top a:hover{color:#F00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	width:100%;
	min-width:940px;
	border-top:3px #005D26 solid;
}
#f-inner{
	margin:0 auto;
	padding:5px 0;
	border-bottom:3px #006E35 solid;
	width:940px;
}
.f-list1{
	line-height:26px;
	color:#B2B2B2;
}
#f-logo{margin:0 0 5px;}
#copyright{
	color:#787878;
	font-size:84%;
}
#copyright a{color:#787878;}
#copyright a:hover{color:#F00;}

