@charset "utf-8";

/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}
/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.5;
	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;}

/* --------------------------------------------------
	##枠
-------------------------------------------------- */
#wrapper{
	margin:0 auto;
	width:900px;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	text-align:left;
}

/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	width:900px;
	height:86px;
	position:relative;
}
#header h1{
	width:500px;
	position:absolute;
	top:3px;
	left:0;
	z-index:1;
	color:#808080;
	font-size:100%;
	font-weight:normal;
}
#logo{
	width:286px;
	position:absolute;
	top:51px;
	left:0;
	z-index:1;
}
#h-txt1{
	width:170px;
	position:absolute;
	top:62px;
	left:289px;
	z-index:1;
}
ul#h-list1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
ul#h-list1{
	margin:0;
	padding:0;
	position:absolute;
	top:6px;
	right:0;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
ul#h-list1 li{
	margin:0;
	padding:0 0 0 19px;
	list-style:none;
	float:left;
	color:#808080;
	background:url(../img_com/h_icon1.gif) no-repeat 4px 3px;
	white-space:nowrap;
}
ul#h-list1 li#h-l1-s{
	padding:0;
	background:none;
}
ul#h-list1 li a{color:#4D4D4D;}
ul#h-list1 li a:hover{color:#F00;}
#h-box1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#h-box1{
	width:300px;
	height:54px;
	position:absolute;
	top:32px;
	right:0;
	z-index:1;
	line-height:1.2;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##menu
-------------------------------------------------- */
#menu{
	margin:0 0 8px;
	width:900px;
}
#menu ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#menu ul{
	margin:0;
	padding:0;
	width:900px;
	height:44px;
	background:url(../img_com/bg_menu.jpg) no-repeat left top;
	/*\*//*/
	overflow:hidden;
	/**/
}
#menu ul li{
	margin:0 0 0 1px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	height:44px;
	line-height:30px;
	color:#FFF;
	text-align:center;
}
#menu ul li#me-1{margin:0;}
li#me-1,
li#me-1 a{width:63px;}
li#me-2,
li#me-2 a{width:135px;}
li#me-3,
li#me-3 a{width:111px;}
li#me-4,
li#me-4 a{width:122px;}
li#me-5,
li#me-5 a{width:137px;}
li#me-6,
li#me-6 a{width:104px;}
li#me-7,
li#me-7 a{width:80px;}
li#me-8,
li#me-8 a{width:141px;}
#menu ul li a{
	color:#FFF;
	display:block;
	height:44px;
}
#menu ul li a:hover{color:#999;}
#top li#me-1 a{background:url(../img_com/bg_menu.jpg) no-repeat left top;}

/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin:0 0 10px;
	width:900px;
}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#main{
	padding-bottom:116px;
	width:900px;
	background:url(../img_com/c_title1.gif) no-repeat left top;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##pankuzu
-------------------------------------------------- */
div#pankuzu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#pankuzu{
	clear:both;
	margin:0 0 4px;
	padding:0 0 0 58px;
	min-height:20px;
	_height:20px;
	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 17px 0 0;
	line-height:20px;
	display:inline;
	color:#808080;
	background:url(../img_com/p_icon.gif) no-repeat right center;
	white-space:nowrap;
}
* html div#pankuzu li{
	padding:0 13px 0 0;
}
*+html div#pankuzu li{
	padding:0 13px 0 0;
}
div#pankuzu li a{color:#808080;}
div#pankuzu li a:hover{color:#F00;}
div#pankuzu h2{
	display:inline;
	line-height:20px;
	color:#808080;
	font-size:100%;
	font-weight:normal;
}

/* --------------------------------------------------
	##contents
-------------------------------------------------- */
#contents:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#contents{
	margin:0;
	width:674px;
	float:right;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##side
-------------------------------------------------- */
#side{
	width:210px;
	float:left;
}
#s-box1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#s-box1{
	margin:0 0 9px;
	width:210px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#s-box2:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#s-box2{
	margin:0 0 9px;
	width:210px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#s-box3:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#s-box3{
	width:210px;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
#page-top{
	clear:both;
	margin:0 0 2px;
	height:18px;
	line-height:18px;
	text-align:right;
}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:900px;
	height:96px;
	z-index:1;
	zoom:1;
	background:url(../img_com/bg_footer.jpg) repeat-x left bottom;
	text-align:center;
}
#f-list{
	margin:0 0 6px;
	padding-top:18px;
}
#copyright{
	color:#000;
	font-size:84%;
}
#copyright a{
	color:#000;
	font-size:120%;
}
#copyright a:hover{color:#F00;}