@charset "UTF-8";



/* Base
------------------------------------------------------------ */
*{ vertical-align:middle;}

body * a,
body * a:link,
body * a:visited,
body * a:hover,
body * a:active,
body * a:focus{ outline:none;}

body { 
	margin:0;
	padding:0;
	border:0;
	background-color:#fff;
	text-align:center;
	height:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Pゴシック", Osaka, Helvetica;
	zoom:90%;
}

/* font 
-------------------------------------------------------------*/
p, form, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
form, h1, h2, h3, h4, h5, h6 { line-height:1.5;}

h1{ font-size:130%; font-weight:bold; color:#000;}
h2{ font-size:97%; font-weight:bold;}
h3{ font-size:83%; font-weight:bold;}
h4{ font-size:85%; font-weight:bold;}
h5{ font-size:75%; font-weight:bold;}
h6{ font-size:70%; font-weight:bold;}
p{ font-size:75%; line-height:1.8; word-break:break-all;}
.top,
.tool ul li{ font-size:70%;}
.sml{ font-size:62%;}
strong{ font-weight:bold;}

p a:link,
p a:visited,
.sml a:link,
.sml a:visited{ color:#582409; text-decoration:none;}
p a:hover,
p a:active,
.sml a:hover,
.sml a:active{ color:#582409; text-decoration:underline;}


.open p a:link,
.open p a:visited,
.gtp p a:link,
.gtp p a:visited,
.tool ul li a:link,
.tool ul li a:visited{ color:#582409; text-decoration:none;}
.open p a:hover,
.open p a:active,
.gtp p a:hover,
.gtp p a:active,
.tool ul li a:hover,
.tool ul li a:active{ color:#582409; text-decoration:underline;}

#g-navi ul#btn4 li{ font-size:80%;}



/* Float Clear
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

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



/* wapper
------------------------------------------------------------ */
#wapper { margin:0 auto; padding:0; text-align:center; width:100%; clear:both;}


/* header
------------------------------------------------------------ */
#header{ width:100%; margin:20px 0 0 0; height:30px; border-bottom:#666666 solid 4px; }
#head_logo { margin-left:0px; padding:0; height:30px;
	float: left;
	width: 230px;
	}
.screen { display: none; }
.print { display: inline; }


/* navi_btn
------------------------------------------------------------ */
#head_right{ display:none;}


/* bread
------------------------------------------------------------ */
#bread{ height:auto; text-align:left; margin-bottom:10px; _padding-top:4px;}
*:first-child+html #bread{ padding-top:4px;}


/* tool
------------------------------------------------------------ */
.tool{ display:none;}


.all-open{ display:none;}


/* title
------------------------------------------------------------ */
#cate-title{ height:30px; text-align:left; margin-bottom:20px; border-bottom:#582409 solid 4px;}
#page-title{ height:30px; text-align:left; margin-bottom:20px;}
#cate-img-area{ width:100%; height:auto; display:block; margin-bottom:40px;}
#cate-img-area .img-set img{ border:0; float:left;}
#cate-img-area h3{ text-align:left;  padding-top:8px;}
#cate-img-area p{ padding-top:3px; text-align:left;}

.tss-area{ width:100%; height:40px; text-align:left; vertical-align:middle; padding:15px 0;}
.tss-area img{ float:left; padding-right:10px;}
.tss-area a{ display:block;}
.tss-area a img{ border:0;}




/* content
------------------------------------------------------------ */
#content{ width:750px; height:100%; clear:both;margin: 0;padding: 0}
.gtp{ display:none;}
.open{ display:none;}
#cont_left {
	width: 205px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	}
#cont_right {
	width: 530px;
	}


/* footer
------------------------------------------------------------ */
#footer{
	position: absolute;
	bottom: 0px;
	width:100%; 
	height: 50px; 
	margin:0; 
	padding: 5px 0; 
	text-align:right; 
	border-top:#666666 solid 0px; 
	}