/* CSS Document */

@import url("header.css");
@import url("side.css");
@import url("footer.css"); 

body {
	color:#000000;
	margin:0;
	padding:0;
	font: 75%/165% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd,ol {
	margin:0;
	padding:0;
	font-size:1em;
}

a img {
	border:none;
}

/*link
------------------------*/
a:link {
	color:#81506e;
	text-decoration:none;
	outline:none;
}

a:visited {
	color:#81506e;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#81506e;
	text-decoration:underline;
	outline:none;
}
 
/*clearfix
------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clear { clear:both;}

/*margin
---------------------*/
.mb03 {margin-bottom:3px;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {
	margin-bottom:20px;
}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.mr02 {margin-right:2px;}
.mr05 {margin-right:5px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}


/*color
------------------------*/
.c_red {color: #FF0000;}
.c_orange {color: #FA9600;}
.c_blue {color: #0000FF;}
.c_green {color: #66CC00;}
.c_b_red {color: #FF0000;font-weight:bold;}
.c_b_brown {
	color: #512800;
	font-weight:bold;
}

/*font size
------------------------*/
.fs08 {font-size: 0.8em;line-height: 1.5em;}
.fs09 {font-size: 0.9em;line-height: 1.5em;}
.fs10 {font-size: 1.0em;line-height: 1.15em;}
.fs11 {font-size: 1.1em;line-height: 1.2em;}
.fs12 {font-size: 1.2em;line-height: 1.3em;}
.fs14 {font-size: 1.4em;line-height: 1.2em;}
.fs18 {font-size: 1.8em;line-height: 1.2em;}
.fs20 {font-size: 2.0em;line-height: 1.2em;}



/*pankuzu
------------------------*/
ul#pankuzu {
	width:650px;
	list-style-type:none;
	font-size:0.9em;
	margin: 0px auto 20px;
}

ul#pankuzu li {
	float: left;
}

ul#pankuzu li a {
	background: url(../images/com/arrow_w_img.gif) no-repeat right center;
	padding-right: 15px;
	display: block;
	margin-right:5px;
}


/*alpha
------------------------*/
a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
}


/*com
------------------------*/
#contentsarea {
	width:900px;
	margin:0 auto;
}

#contents {
	width:650px;
	float:left;
}


#contents_inner {
	background:url(../images/category/department/com/bg_contetns_img.jpg) 0 0 repeat-y;
	width:730px;
	margin-left:19px;
	margin-bottom:35px;
}


#side {
	width:220px;
	float:right;
	margin-bottom: 30px;
}





.table_tag {
	width:700px;
	margin:0 auto 30px;
	font-size:0.8em;
}

.table_tag th {
	font-weight: normal;
	text-align: left;
	color:#562b08;
	padding:3px;
	width:100px;
	white-space:nowrap;
	vertical-align:top;
	border-bottom:1px dotted #562b08;
}

.table_tag td {
	padding:3px;
	border-bottom:1px dotted #562b08;
}
.caption_all {
	text-align: right;
	font-size: 0.9em;
	line-height: 1.8em;
	background: #562B08;
	margin-bottom: 20px;
	color: #FFF;
	padding-right: 5px;
	border-top: 1px solid #402000;
}



/*　カテゴリー　*/

.category_info_t {
	background: url(../images/com/category_info_t.gif) no-repeat center top;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.category_info_b {
	background: url(../images/com/category_info_b.gif) no-repeat center bottom;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

/*共通*/

.bg_menu{
	width: 900px;
	margin: 0px;
	clear: both;
}



.bg_contact_img {
	background:url(../images/com/bg_contact_img.jpg) 0 0 no-repeat;
	width:370px;
	height:44px;
	margin:0 0 30px 9px;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	padding:52px 10px 0 360px
}

.com_contact {
	width:175px;
	height:39px;
	float:left;
}

.com_contact a {
	background:url(../images/com/com_contact_img.jpg) 0 0 no-repeat;
	width:175px;
	height:39px;
	display:block;
}

.com_contact a:hover {
	background:url(../images/com/com_contact_img.jpg) 0 -39px no-repeat;
	width:175px;
	height:39px;
	display:block;
}


.com_request {
	width:175px;
	height:39px;
	float:right;
}

.com_request a {
	background:url(../images/com/com_request_img.jpg) 0 0 no-repeat;
	width:175px;
	height:39px;
	display:block;
}

.com_request a:hover {
	background:url(../images/com/com_request_img.jpg) 0 -39px no-repeat;
	width:175px;
	height:39px;
	display:block;
}
.op_btn a {
	background:url(../images/com/op_btn.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	height:40px;
	width:220px;
	display:block;
	margin-right: auto;
	margin-left: auto;
	}
.op_btn a:hover {
	background:url(../images/com/op_btn.gif) no-repeat 0px -40px;
	text-indent:-9999px;
	height:40px;
	width:220px;
	display:block;
	margin-right: auto;
	margin-left: auto;
}
.contentsarea_wrap {
	background: url(../images/com/con_bg.gif) repeat-x;
	padding-top: 30px;
}

.subtitle_text {
	background: url(../images/com/sub_title.gif) no-repeat 0 0;
	color: #484848;
	font-weight: bold;
	margin-bottom: 20px;
	height: 30px;
	font-size: 1em;
	padding-left: 20px;
	padding-top: 8px;
}