@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;
	background:#FFF url(../img_com/bg_body.jpg) repeat-x left top;
	font-size:16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Godthic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	padding-left: 1px;
	font-size:100%;
}

/* IE7用 */
*:first-child+html body {
	padding-left: 1px;
	font-size:100%;
}

/* タイトル */
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{
	width:100%;
}

/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	margin:0 auto;
	width:910px;
	height:74px;
	position:relative;
	text-align:left;
}
h1{
	position:absolute;
	width:500px;
	top:3px;
	left:10px;
	color:#858585;
	font-size:63%;
	font-weight:normal;
}
#logo{
	position:absolute;
	width:367px;
	top:19px;
	left:3px;
}
#header-list1{
	position:relative;
}
#header-list1 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-list1 ul{
	position:absolute;
	top:53px;
	right:3px;
	margin:0;
	padding:0;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#header-list1 ul li{
	margin:0;
	padding:0 0 0 24px;
	list-style:none;
	line-height:16px;
	float:left;
	color:#B0A584;
	background:url(../img_com/h_icon1.gif) no-repeat 10px 2px;
	font-size:75%;
	white-space:nowrap;
}
#header-list1 ul li.c-list1{background:url(../img_com/h_icon1.gif) no-repeat 10px 2px;}
#header-list1 ul li a{color:#B0A584;}
#header-list1 ul li a:hover{color:#F00;}

/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin:0 auto;
	width:910px;
	height:124px;
	position:relative;
	text-align:left;
}
#main-image #image{
	position:absolute;
	width:910px;
	height:124px;
	top:0;
	left:4px;
	z-index:1;
}
#main-image #btn{
	position:absolute;
	width:87px;
	height:24px;
	top:100px;
	left:4px;
	z-index:100;
}

/* --------------------------------------------------
	##c-bnr
-------------------------------------------------- */
#c-bnr:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#c-bnr{
	margin:0 auto;
	padding:0;
	width:910px;
	height:101px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#c-bnr li{
	margin:0;
	padding:7px 0 0 0;
	list-style:none;
	float:left;
	width:227px;
	text-align:center;
}
#c-bnr li img{vertical-align:top;}

/* --------------------------------------------------
	##pankuzu
-------------------------------------------------- */
div#pankuzu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#pankuzu{
	clear:both;
	margin:0 0 12px;
	width:666px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
div#pankuzu ol{
	margin:0;
	padding:0;
	display:inline;
}
div#pankuzu li{
	margin:0;
	padding:0 17px 0 0;
	list-style:none;
	line-height:18px;
	display:inline;
	color:#858585;
	background:url(../img_com/p_icon.gif) no-repeat right center;
	font-size:63%;
	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:#858585;}
div#pankuzu li a:hover{color:#F00;}
div#pankuzu h2{
	display:inline;
	line-height:18px;
	color:#858585;
	font-size:63%;
	font-weight:normal;
}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#main{
	margin:0 auto 7px auto;
	width:910px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##contents
-------------------------------------------------- */
#contents{
	margin-left:8px;
	display:inline;
	width:666px;
	float:left;
}

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

/* --------------------------------------------------
	##side
-------------------------------------------------- */
#side{
	margin-right:3px;
	display:inline;
	width:218px;
	float:right;
}
#s-box1{
	margin:0 0 20px;
	padding:3px 3px 14px;
	border:1px #949494 solid;
}
#s-box1.s-point{
	margin:0;
	padding:3px 3px 5px;
}
#s-box1 div{
	width:210px;
	background:url(../img_com/s_bg1.jpg) no-repeat left top;
	text-align:center;
}
#s-box1 div p{
	margin:0 0 6px;
}
#sa1 option{
	color:#666;
	font-size:75%;
}
#sa2 option{
	color:#666;
	font-size:75%;
}
#po1 select{
	margin-bottom:4px;
}
#po1 input{
	color:#666;
	font-size:75%;
	width:142px;
	border:1px #BFBFBF solid;
}
#s-box1 div.po-btn{
	padding:16px 0 0 0;
	background:url(../img_com/s_po_bg.jpg) repeat-x left top;
}
#s-box1 div.po-btn input{border:0;}
#s-box1 div.po-btn img{vertical-align:top;}
.s-po-icon{
	padding:7px 0;
	line-height:0;
	font-size:0;
	text-align:center;
}
.s-po-icon img{
	vertical-align:top;
}
#s-box1 div#s-po{
	background:none;
}
#s-box1 div#s-po p{
	color:#4D4D4D;
	font-size:75%;
	margin:0 0 3px;
}
#s-box1 div#s-po p.s-po-name{
	margin-bottom:0;
	color:#DB5800;
}
#s-box1 div#s-po p.s-po-point{
	color:#F90;
}
#s-box1 div#s-po p.s-po-point span{
	font-family:'Arial Bold';
	font-size:44px;
	line-height:46px;
}
#s-box1 div#s-po p.s-po-txt{
	margin-left:3px;
	width:190px;
	color:#767676;
	font-size:10px;
	text-align:left;
}
#s-box1 div#s-po p.s-po-txt2{
	margin-left:3px;
	width:190px;
	text-align:right;
}
#po-error{
	color:#F00;
	font-size:75%;
}

#s-pc{
	margin:0 0 22px;
}
.s-mm1{margin:0 0 6px;}
.s-mm2{
	margin:0 0 2px;
	color:#808080;
	font-size:75%;
}
.s-mm3{
	margin:0 0 27px;
	color:#006947;
	line-height:30px;
	font-size:75%;
}
.s-mm3 img{vertical-align:middle;}
.s-mm3 a{color:#006947;}
.s-mm3 a:hover{color:#F00;}

#s-wp:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#s-wp{
	padding:12px 0 0 0;
	width:218px;
	font-size:75%;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
#page-top{
	clear:both;
	margin:0 12px;
	padding-top:20px;
	color:#4D4D4D;
	font-size:75%;
	text-align:right;
}
#page-top a{color:#4D4D4D;}
#page-top a:hover{color:#F00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	margin:0 auto;
	padding:14px 0 25px;
	border-top:3px #F90 solid;
	width:904px;
	text-align:left;
}
#footer-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#footer-inner{
	margin:0 0 13px 3px;
	width:900px;
	text-align:left;
	background:url(../img_com/bg_footer.gif) repeat-y left top;
	/*\*//*/
	overflow:hidden;
	/**/
}
.f-box1{float:left;}
.f-box1 h2{margin-bottom:5px;}
#f-box1{
	width:290px;
}
#f-box2{
	width:204px;
}
#f-box3{
	width:400px;
}
#f-box4{
	width:100%;
}
#f-box4 td{
	vertical-align:top;
}
.f-list1{
	border-collapse:collapse;
	border:0;
}
.f-list1 td{
	padding:0 7px 3px 0;
	color:#4D4D4D;
	font-size:75%;
}
.f-list1 td.fl-r{padding:0 0 3px;}
#copyright{
	clear:both;
	color:#808080;
	font-size:75%;
	text-align:center;
}
.f-list2{
	background:#EBEBEB;
	margin:0 0 0 5px;
	padding:9px 5px;
	color:#4D4D4D;
	font-size:75%;
}
.f-list2 p.title{
	color:#541500;
	font-weight:bold;
}
#copyright span{
	font-size:84%;
}
