@charset "utf-8";
@import "/css/common.css";

/*==================================================================*/

/* style css */

/*==================================================================*/
/* common */
/* ---------------------------------------------------------------- */
/* submenu */
/* -------------------------------------------- */
#submenu{
	margin:0 14px 2em;
	padding:0 0 14px;
	background:url('/common_img/line_dash.gif') repeat-x 0 100%;
}

#submenu ul{
	margin:0;
	padding:14px 0 0;
	background:url('/common_img/line_dash.gif') repeat-x 0 0;
}
/* clear hack */
#submenu{zoom:1;}
#submenu:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#submenu li{
	margin:0;
	padding:0;
	float:left;
	width:224px;
	list-style:none;
}
#submenu li a{
	margin:0 auto;
	display:block;
	width:200px;
	line-height:2.5;
	color:#fff;
	font-size:17px;
	text-align:center;
}
#submenu .use a{background:#f08301;}
#submenu .business a{background:#0068b7;}
#submenu .material a{background:#00aeb7;}

#submenu li a:hover{text-decoration:none;}

#submenu .use a:hover{background:#f4a240;}
#submenu .business a:hover{background:#3f8dc9;}
#submenu .material a:hover{background:#3fc1c9;}


/* block */
/* -------------------------------------------- */
#contents .block{
	margin:0 auto;
	width:696px;
	background:url('../image/search_back.gif') repeat-y 0 0;
}
#contents .block a{color:#333;}
#contents .block a:hover{color:#df0100;}
#contents .bottom{margin:0;padding:0;font-size:0;}
#contents .bottom img{vertical-align:bottom;}

/* ---------------------------------------------------------------- */
/* index */
/* ---------------------------------------------------------------- */
/* リセット */
#index .block *{margin:0;padding:0;}
#index .block img{vertical-align:bottom;}

#index .block div{
	margin:0 0 28px;
	padding:10px 5px 14px 69px;
}
/* clear hack */
#index .block div{zoom:1;}
#index .block div:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index #use div{background:url('../image/search_use_back.gif') no-repeat 0 0;}
#index #business div{background:url('../image/search_business_back.gif') no-repeat 0 0;}
#index #material div{background:url('../image/search_material_back.gif') no-repeat 0 0;}

#index .block div h2{
	padding:4px 0 0;
	float:left;
	width:360px;
}

#index .block div p{
	float:right;
	width:200px;
	text-align:right;
}
#index .block div strong{color:#df0100;}


#index .block ul{
	padding:0 0 0 19px;
	background:url('../image/search_bottom.gif') no-repeat 0 100%;
}
/* clear hack */
#index .block ul{zoom:1;}
#index .block ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index .block li{
	margin:0 14px 14px 0;
	float:left;
	list-style:none;
	width:210px;
	line-height:1.2;
	letter-spacing:0;
}

#index .block li a{
	padding:0 7px 0 14px;
	height:2.3em;
	display:block;
	overflow:hidden;
	text-decoration:underline;
	
}
#index #use li a{background:url('../image/search_use_arrow.gif') no-repeat 0 5px;}
#index #business li a{background:url('../image/search_business_arrow.gif') no-repeat 0 5px;}
#index #material li a{background:url('../image/search_material_arrow.gif') no-repeat 0 5px;}

#index .block li span{
	padding:0 0 0 4px;
	font-size:11px;
	letter-spacing:0;
}

#index #contents .pagetop{margin:0 7px 5em;}

/* ---------------------------------------------------------------- */
/* list */
/* ---------------------------------------------------------------- */
#list a:hover img{opacity:0.7;filter:alpha(opacity=70);}

#list #submenu{margin-bottom:3px;}

#list .use .business a,
#list .use .material a,
#list .business .use a,
#list .business .material a,
#list .material .use a,
#list .material .business a{background:#999;}

/* リセット */
#list .block *{margin:0;padding:0;}
#list .block img{vertical-align:bottom;}

#list #contents p.return a{padding-right:5px;}

#list .block h2{
	margin:0 0 14px;
	padding:26px 0 0 38px;
	background:url('../image/search_top.gif') no-repeat 0 0;
	font-size:14px;
	text-indent:-19px;
}
#list .block strong{
	border-left:6px solid;
	padding:0 5px 0 14px;
	font-size:28px;
}
#list #use strong{color:#f08301;border-color:#f08301;}
#list #business strong{color:#0068b7;border-color:#0068b7;}
#list #material strong{color:#00aeb7;border-color:#00aeb7;}

#list .pager{
	margin:0 19px 14px;
	padding:0 0 7px;
	background:url('/common_img/line_dash.gif') repeat-x 0 100%;
	text-align:right;
	font-size:12px;
}
#list .pager a{
	padding:0.2em 0.5em 0;
	zoom:1;
}
#list .pager a:hover{background:#eee;}

#list .pager span{
	padding:0.2em 0.5em 0;
	background:#eee;
	font-weight:bold;
	zoom:1;
}

/* box */
/* -------------------------------------------- */
#list .box{
	margin:0 19px 14px;
	padding:0 0 7px;
	background:url('/common_img/line_dash.gif') repeat-x 0 100%;
}
/* clear hack */
#list .box{zoom:1;}
#list .box:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#list .box p{
	width:115px;
	float:left;
	font-size:12px;
	text-align:center;
	letter-spacing:0;
}

#list .box div{
	width:515px;
	float:right;
}

#list .box p.headline{
	padding:0 0 14px;
	width:auto;
	float:none;
	font-size:16px;
	text-align:left;
	letter-spacing:2px;
	line-height:1.4;
}
#list .box p.headline a{
	padding:7px 7px 7px 28px;
	display:block;
	background:no-repeat 7px 8px #e7f1f7;
}
#list #use p.headline a{background-image:url('../image/list_use_arrow.gif');}
#list #business p.headline a{background-image:url('../image/list_business_arrow.gif');}
#list #material p.headline a{background-image:url('../image/list_material_arrow.gif');}

#list .box div p.headline a:hover{
	background-color:#f6f6f6;
	text-decoration:none;
}

#list .box div img{
	margin:0 14px 2px 0;
	vertical-align:middle;
}

#list .box ul{margin:0 0 4px 7px;}

#list .box li{
	margin:0 0 0px;
	padding:0 0 0 42px;
	list-style:none;
	line-height:1.4;
	font-size:12px;
	text-indent:-42px;
}

#list .box div p.more{
	margin:0;
	padding:0;
	width:auto;
	float:none;
	font-size:0;
	text-align:right;
}
#list .box div p.more img{margin:0;}

#list .pagetop{margin-right:5px;}

/* done */
#list #none{
	margin:2em 28px;
	padding:14px;
	border:1px solid #df0100;
	color:#df0100;;
	text-align:center;
}
#list #contents #none p.return{
	margin:2em auto 1em;
	text-align:center;
}

/* ---------------------------------------------------------------- */
/* detail */
/* ---------------------------------------------------------------- */
#detail a:hover img{opacity:0.7;filter:alpha(opacity=70);}

#detail #category{margin:0 0 6px;padding:0;}
#detail #bread{margin-bottom:7px;}

#detail #title{
	height:106px;
	background:url('../image/detail_title_back.jpg') no-repeat 0 0;
}

#detail h1{
	margin:0;
	padding:37px 14px 0;
	line-height:1.2;
	font-size:21px;
	text-align:center;
}

#detail #headline{margin:0 0 28px;}

/* clear hack */
#detail #headline{zoom:1;}
#detail #headline:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#detail #headline p.return{
	padding:0;
	width:160px;
	float:left;
	text-align:left;
}

#detail #headline ul{
	margin:0;
	padding:0;
	float:right;
	width:540px;
	font-size:12px;
	text-align:right;
}
/* clear hack */
#detail #headline ul{zoom:1;}
#detail #headline ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#detail #headline li{
	margin:0;
	padding:0 0 0 21px;
	display:inline;
	list-style:none;
}
#detail #headline span{font-weight:bold;}

/* photo */
/* -------------------------------------------- */
#detail #photo{
	margin:0 auto 14px;
	width:630px;
	font-size:0;
	line-height:0;
}
/* clear hack */
#detail #photo{zoom:1;}
#detail #photo:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#detail #photo p{
	margin:0 0 7px;
	padding:0;
	float:left;
	width:500;
	text-align:center;
}
#detail .photo img{border:1px solid #ccc;}

#detail #photo ul{
	margin:0 0 7px;
	padding:0;
	float:right;
	width:115px;
	text-align:center;
}
#detail #photo li{
	margin:0 0 11px;
	padding:0;
	list-style:none;
}

#detail #photo li a{display:block;}
#detail #photo li a:hover{text-decoration:none;}

#detail #contents .one p{margin:0 auto 7px;float:none;text-align:center;}
#detail #contents .one p.comment{margin:0 auto;padding:7px 0;width:500px;}

#detail #photo p.comment{
	margin:0 0 7px;
	padding:7px 14px;
	float:none;
	clear:both;
	line-height:1.6;
	background:#dfedf6;
	font-size:14px;
}

#detail #list{
	margin:0 auto 2em;
	padding:0;
	border:1px solid #ccc;
	border-collapse:collapse;
	width:630px;
}

#detail #list th{
	border:1px solid #ccc;
	width:9%;
	background:url('../image/detail_list_back.gif') repeat 0 0 #eee;
}
#detail #list th.use{color:#f08301;}
#detail #list th.business{color:#0068b7;}
#detail #list th.material{color:#00aeb7;}


#detail #list td{
	padding:4px 14px;
	border:1px solid #ccc;
	width:41%;
}

#detail #textarea{
	margin:0 auto 2em;
	padding:0 0 0;
	width:636px;
	background:url('../image/detail_textarea_back.gif') repeat-y 0 0;
}
#detail #textarea p{
	margin:0;
	padding:28px 28px 28px 60px;
	background:url('../image/detail_textarea_top.gif') no-repeat 0 0;
}
#detail #textarea b{
	padding:0 14px 7px;
	display:block;
	line-height:47px;
	color:#fff;
	background:url('../image/detail_textarea_headline.gif') no-repeat 0 0;
	font-size:18px;
}
#detail #textarea p.bottom{margin:0;padding:0;font-size:0;}
#detail #textarea p.bottom img{vertical-align:bottom;}


#detail #photo-sub{
	margin:0 auto 4em;
	padding:0;
	width:630px;
	text-align:center;
}

#detail p.contact{
	text-align:center;
}

#detail p.return-sub{
	padding:0 14px;
	width:auto;
	text-align:left;
}

/* ---------------------------------------------------------------- */