@charset "UTF-8";
@import "common.css";


html{
	background:url(../img/bg.jpg) repeat;
}
body{
	background:url(../img/bg_top.jpg) repeat-x;
	color:#666;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	font-size:80%;
	line-height:2em;
}
#body{
	width:1000px;
	margin:0 auto;
}
.header{
	background:url(../img/bg_header.jpg) no-repeat;
	margin:0px;
	height:99px;
}
h1{
	margin:10px 5px 0 0;
	color:#999;
	float:left;
}

.logo{
	float:left;
	margin:0px;
}

/*サブメニュー*/
.snavi{ float:right;margin:0px;height:30px;width:213px; }
.snavi ul{ margin:0; }
.snavi01, .snavi01 a{background:url(../img/snavi.gif) no-repeat 0 0;text-indent:-99999px;width:59px; }
.snavi01 a:hover{ background:url(../img/snavi_on.gif) no-repeat 0 0; }
.snavi02, .snavi02 a{background:url(../img/snavi.gif) no-repeat -59px 0;text-indent:-99999px;width:77px; }
.snavi02 a:hover{ background:url(../img/snavi_on.gif) no-repeat -59px 0; }
.snavi03, .snavi03 a{background:url(../img/snavi.gif) no-repeat -136px 0;text-indent:-99999px;width:77px; }
.snavi03 a:hover{ background:url(../img/snavi_on.gif) no-repeat -136px 0; }
.snavi01 a{ display:block;width:59px;height:30px;float:left; }
.snavi02 a, .snavi03 a{ display:block;width:77px;height:30px;float:left; }
.snavi li{ float:left; }

/*グローバルメニュー*/
.menu{ margin:14px 0 0 0; float:right; height:34px; width:597px;
}
.menu ul{ margin:0; }
.menu01, .menu01 a{ background:url(../img/gnavi.gif) no-repeat 0 0;text-indent:-99999px;width:130px; }
.menu01 a:hover{ background:url(../img/gnavi_on.gif) no-repeat 0 0; }
.menu02, .menu02 a{ background:url(../img/gnavi.gif) no-repeat -130px 0 ;text-indent:-99999px;width:126px; }
.menu02 a:hover, .menu02 span{ background:url(../img/gnavi_on.gif) no-repeat -130px 0; }
.menu03, .menu03 a{background:url(../img/gnavi.gif) no-repeat -256px 0;text-indent:-99999px;width:117px; }
.menu03 a:hover, .menu03 span{background:url(../img/gnavi_on.gif) no-repeat -256px 0; }
.menu04, .menu04 a{ background:url(../img/gnavi.gif) no-repeat -373px 0;text-indent:-99999px;width:108px; }
.menu04 a:hover, .menu04 span{ background:url(../img/gnavi_on.gif) no-repeat -373px 0; }
.menu05, .menu05 a{ background:url(../img/gnavi.gif) no-repeat -481px 0;text-indent:-99999px;width:116px; }
.menu05 a:hover, .menu05 span{ background:url(../img/gnavi_on.gif) no-repeat -481px 0; }

.menu01 a{ display:block;width:130px;height:114px;float:left; }
.menu02 a{ display:block;width:126px;height:114px;float:left; }
.menu03 a{ display:block;width:117px;height:114px;float:left; }
.menu04 a{ display:block;width:108px;height:114px;float:left; }
.menu05 a{ display:block;width:116px;height:114px;float:left; }
.menu li{ float:left; }

/*コンテンツ*/
.contents{
	margin-top:11px;
	width:900px;
	padding-bottom:80px;
}

.phimg{
	margin-top:18px;
	padding:0;
}
.pan{
	margin:2px 20px;
	text-align:left;
}

/* 左メニュー トップ*/
.leftt{
	width:200px;
	margin:0;
	padding:0px;
	text-align:center;
	float:left;
	display: inline;
}
.leftt p{
	margin-top:5px;
	padding:0px;
}

/* 左メニュー サブ*/
.lefts{
	width:200px;
	margin-top:-11px;
	text-align:center;
	float:left;
	display: inline;
}

.lefts ul{
	width:200px;
	margin:0px;
	padding:0px;
}
.lefts li{
	list-style:none;
	border-width:0px;
	text-align:left;
	width:200px;
	height:48px;
	overflow:hidden;
}
.lefts a{
	display:block;
	padding:0 0 0 30px;
	width:200px;
	height:48px;
	background-image:url(../img/bg_snavi.gif);
	line-height:50px;
}
.lefts a.t{
	display:block;
	padding:10px 0 0 30px;
	width:200px;
	height:48px;
	background-image:url(../img/bg_snavi.gif);
	line-height:14px;
}
.lefts a:hover{
	background-position:0px -48px;
}

/* 右メニュー */
.right{
	width:680px;
	margin-left:200px;
	padding:0px 0px 0px 13px;
	text-align:left;
}


.ttl{
	margin:0px;
}
ul.info{
	list-style:none;
	width:680px;
	margin:10px 0px 15px 0px;
	padding:0px;
}
li.info{
	padding:0px 0px 5px 25px;
	list-style:none;
	background-image:url(../img/bg_info.gif);
	text-align:left;
}

table.btn{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
table.btn td{
	padding:5px 4px 3px 1px;
}


.sttl{
	height:58px;
	background:url(../img/bg_sttl.gif) no-repeat 0 0;
	margin:10px 0 10px 0;
	padding:16px 0 0 35px;
	font-size:17px;
	font-weight:bold;
}
.txt{
	margin:0px 10px 0px 20px;
}
.txt2{
	margin:0px 10px 0px 20px;
	line-height:1.8em;
}




.pro table{
	margin:0 10px 0 20px;
	width:640px;
}
.pro th{
	border:1px solid #cccccc;
	background-color:#eefffc;
	padding:4px 6px;
	text-align:left;
	width:180px;
}
.pro td{
	border:1px solid #cccccc;
	background-color:#fff;
	padding:4px 6px;
}

.hob table{
	border:1px solid #62be8f;
	background-color:#fff;
	margin:0 10px 0 20px;
	width:620px;
}
.hob th{
	padding:6px 6px 6px 15px;
	text-align:left;
	width:100px;
	vertical-align:top;
}
.hob td{
	padding:6px 6px;
	vertical-align:top;
}

.pol table{
	margin:0 10px 0 20px;
	width:640px;
}
.pol td{
	border-bottom:1px solid #67c2a6;
	background-color:#fff;
	padding:20px 6px;
	vertical-align:top;
	font-weight:bold;
}

.map{
	margin:20px 10px 0 20px;
	width:640px;
}
.sign{
	margin:40px 20px 0 400px;
}

.ptn table{
	margin:0 10px 20px 20px;
	width:640px;
}
.ptn table th{
	border-top:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:6px;
	background-color:#eefffc;
	font-weight:bold;
	text-align:left;
}
.ptn table td{
	border-bottom:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:6px;
	vertical-align:top;
}

.stepbox{
	margin-bottom:0px;
}
.stepbox dl{
	background-color:#dcffe8;
}
.stepbox dl.y{
	background-color:#ffffdc
}
.stepbox dt{
	color:#666666;
	font-size:110%;
	font-weight:bold;
	padding:10px 10px 10px 20px;
}
.stepbox dd{
	padding:0px 10px 10px 20px;
}

.smn table{
	margin:0 0px 20px 0px;
	width:640px;
}
.smn table th{
	border:#cccccc 1px solid;
	padding:6px;
	background-color:#eefffc;
	font-weight:bold;
}
.smn table td{
	border:#cccccc 1px solid;
	padding:5px 2px;
	vertical-align:top;
	line-height:1.2em;
}


.faq_q{
	margin:0 20px;
	padding:12px 0 12px 50px;
	font-weight:bold;
	background:url(../img/q.gif) no-repeat;
	border-bottom:1px dotted #CCC;
	font-size:110%;
}

.faq_a{
	margin:0 20px;
	padding:15px 0 50px 50px;
	background:url(../img/a.gif) no-repeat 0 10px;
}

.wor table{
	margin:0 10px 0 20px;
	width:640px;
}
.wor th{
	border:1px solid #cccccc;
	background-color:#eefffc;
	padding:4px 6px;
	text-align:left;
	width:180px;
}
.wor td{
	border:1px solid #cccccc;
	background-color:#fff;
	padding:4px 6px;
}
.site table{
	margin:0 10px 0 20px;
	width:640px;
}
.site td{
	border:1px solid #cccccc;
	background-color:#fff;
	padding:4px 6px;
	vertical-align:top;
}

.words table{
	margin:0 10px 0 20px;
	width:640px;
	border-collapse:collapse;
	background-color:#ebfaff;
}
.words th{
	border-top:#96dade 1px solid;
	border-left:#96dade 1px solid;
	border-right:#96dade 1px solid;
	border-bottom:none;
	padding:5px;
	line-height: 150%;
	font-weight:bold;
	background-color:#d7f3e2;
	text-align:left;
}
.words td{
	border-bottom:#96dade 1px solid;
	border-left:#96dade 1px solid;
	border-right:#96dade 1px solid;
	padding:5px;
	line-height: 150%;
}


/*footer*/
.footer{
	clear:both;
	padding:40px 10px 10px 10px;
	font-size:80%;
}

.footer ul{
	background-color:#f0f0f0;
	padding:10px;
}
.footer li{
	float:left;
	padding:0 6px 0 18px;
	line-height:1.1em;
	background:url(../img/bg_footnavi.gif) no-repeat 0 0;
}

.footer .copyright{
	clear:both;
	padding:10px 0 0 5px;
	margin:10px 0;
	text-align:center;
}