@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
@import url("fonts.css");

body {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 20px;
	line-height:190%;
	color: #1b1b1b;
	background:url(../image/bg.jpg) repeat top center;
	background-attachment: fixed;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.clear {
	clear:both;
}

div#headline {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background:url(../image/headline_bg.png) repeat top center;
}
div#headline .banner01{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
	    font-size:0;
    line-height:0;
	background:url(../image/banner01_bg.png) repeat-x top center;
}

div#banner02{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:0;
    line-height:0;
	background:url(../image/banner02_bg.png) repeat-x top center;
}

div#headline .headline01 {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	background:url(../image/headline01_bg.jpg) no-repeat top center;
}


div#headline h1 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}




div#wrapper {
	width:958px;
	margin:0px auto 0px auto;
	padding:30px 0px 50px 0px;
	box-sizing: border-box;
	background:url(../image/wrapper_bg.png) repeat-y top left;
}

div#wrapper h1 {
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	margin:0px auto 30px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}

div#wrapper h3 {
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}
div#wrapper h4 {
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}
div#wrapper h5 { margin: 0px auto 20px auto; padding: 3px 0px 2px 10px; text-align: left; font-weight: bold; color: #2ba0b1; border-bottom: 2px solid #CCCCCC; background: #eeeeee; }

div#wrapper .box01 {
	width:830px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}
div#wrapper .box02 {
	width:800px;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;

}
div#wrapper .box02 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .boxin {
	width:700px;
	margin:0px auto 30px auto;
	padding:0px;
	font-size:14px;
	text-align:center;
	line-height:130%;
}




div#wrapper .ul01{
	margin:0px auto 18px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .ul01 li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	line-height:140%;
	list-style-position: inside;
	list-style-type:disc;
	padding-left: 1em;
    text-indent: -1em;
}
div#wrapper .ul02 ul {
	margin:0px auto 0px auto;
	padding:0px;
}

div#wrapper .ul02 li {
	margin:0px 0px 18px 0px;
	padding:0px 0px 5px 45px;
	list-style:none;
	background:url(../image/icon01.png) no-repeat 0px 3px;
	border-bottom:2px dotted #efefef;
}

div#wrapper .ul03 ul {
	margin:0px auto 18px auto;
	padding:0px;
}

div#wrapper .ul03 li {
	margin:0px 0px 18px 0px;
	padding:0px 0px 5px 45px;
	list-style:none;
	font-size:24px;
	background:url(../image/icon01.png) no-repeat 0px 3px;
	border-bottom:2px dotted #efefef;
}

.img_left {
	float:left;
	margin:0px auto 20px 0px;
	padding:0px;
}

.img_right {
	float:right;
	margin:0px 0px 20px 20px;
	padding:0px;
}


div#wrapper .frame01 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	background:url(../image/frame01_bg.png) no-repeat top center;

}

div#wrapper .frame01_ttl {
	margin:0px auto 40px auto;
	padding:60px 0px 0px 0px;
	text-align:center;
}
/*
div#wrapper .frame01 .box01 {
	width:700px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;

}
*/
div#wrapper .frame02 {
	width:900px;
	margin:0px auto 40px auto;
	padding:12px 0px 12px 0px;
	border:3px solid #c1a836;
	box-sizing: border-box;
	background:url(../image/frame02_bg.png) repeat top center;
}
div#wrapper .frame02in {
	width:870px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
	background:#fefefe;
	border:1px solid #eeeeee;
	box-sizing: border-box;
}
div#wrapper .frame03in {
	width:870px;
	margin:0px auto 0px auto;
	padding:35px 0px 20px 0px;
	text-align:left;
	background:#f0eee9 url(../image/frame03_bg.png) no-repeat top right;
	border:1px solid #eeeeee;
	box-sizing: border-box;
}

div#wrapper .frame02_ttl {
	margin:0px auto 20px auto;
	padding:5px 0px 5px 15px;
	font-size:18px;
	color:#313131;
	font-weight:bold;
	text-align:left;
	background:#e6e4d1;
}

div#wrapper .frame02 .box01 {
	width:780px;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:left;
	font-size:16px;
	line-height:180%;
}

div#wrapper .frame04 {
	width:900px;
	margin:-100px auto 40px auto;
	padding:12px 0px 12px 0px;
	border:3px solid #af9759;
	box-sizing: border-box;
	background:url(../image/frame04_bg.png) repeat top center;
}
div#wrapper .frame04in {
	width:870px;
	margin:0px auto 0px auto;
	padding:185px 0px 10px 0px;
	text-align:left;
	background:url(../image/frame04in_bg.png) repeat top center;
	border:1px solid #bba166;
	box-sizing: border-box;
}

div#wrapper .frame04_ttl {
	margin:0px auto 0px auto;
	padding:0px;
	text-align:center;
	top:75px;
	position:relative;
}

div#wrapper .frame05 {
	width:900px;
	margin:-100px auto 40px auto;
	padding:12px 0px 12px 0px;
	border:3px solid #af9759;
	box-sizing: border-box;
	background:url(../image/frame05_bg.png) repeat top center;
}

div#wrapper .frame05 .box01 {
	width:760px;
	margin:0px auto 30px auto;
	padding:30px 0px;
	text-align:left;
	border:6px solid #f6f5f1;
	background:#fcfbed;
	box-sizing: border-box;
}

div#wrapper .frame05 .box01in {
	width:680px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .frame05_ttl {
	margin:0px auto 25px auto;
	padding:0px;
	text-align:left;
	border-bottom:1px solid #313131;
	font-size:26px;
}
div#wrapper .box01in p {
	margin:0px 0px 0px 0px;
	padding:0px;
}


div#wrapper .frame06 {
	width:866px;
	margin:-80px auto 40px auto;
	padding:165px 0px 0px 0px;
	outline:7px solid #e5e5e5;
	border:9px solid #f6f6f6;
	box-sizing: border-box;
	background:url(../image/frame04in_bg.png) repeat top center;
}

div#wrapper .frame06_ttl {
	margin:0px auto 0px auto;
	padding:0px;
	text-align:center;
	top:80px;
	position:relative;
}
div#wrapper .frame06 .box01 {
	width:780px;
	margin:0px auto 30px auto;
	padding:0px;
}
div#wrapper .frame10 {
	width:840px;
	margin:50px auto 50px auto;
	background:url(../image/frame10_mid.png) repeat top center;
	text-align:center;
}
div#wrapper .frame10_top {
	width:840px;
	height:25px;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(../image/frame10_top.png) repeat top center;
}
div#wrapper .frame10_btm {
	width:840px;
	height:25px;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(../image/frame10_btm.png) repeat bottom center;
}
div#wrapper .frame10 .box01 {
	width:700px;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .frame10 .box01 p {
	margin:0px;
	padding:0px;
	line-height: 36px;
	background: url(../image/frame10_box.png) repeat left bottom;
}


div#wrapper .table01 {
	width:760px;
	margin:0px auto 40px auto;
	padding:0px 0px 0px 0px;
	border: 5px #dddddd solid;
	background:#FFFFFF;
	box-sizing: border-box;
}

div#wrapper .table01 th{
	margin:0px auto 30px auto;
	padding:7px 15px 7px 15px;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	background: #eae6df;
	box-sizing: border-box;
}

div#wrapper .table01 td {
	margin:0px auto 30px auto;
	padding:7px 15px 7px 15px;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	box-sizing: border-box;
	text-align:left;
}




div#wrapper .table02 {
	width:700px;
	margin:10px auto 30px auto;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

div#wrapper .table02 td {
vertical-align: top;
}


div#footer{
	padding:20px 0px 15px 0px; 
	text-align:center; 
	margin:0px auto 0px auto; 
	background:#000000;
	}
	
div#footer p {
	font-size:12px;
	line-height:150%;
	text-align:center; 
	color:#FFF; 
	margin:0px 0px 18px 0px; 
	padding:0px;
	}
div#footer a{
	color:#FFF;
	text-decoration: none;
	}


/* 

@media screen and (min-width: 800px) {
   img.miniimg { display: none; }
   img.bigimg  { display: block; }
}

@media screen and (max-width: 799px) {
   img.miniimg { display: block; }  
   img.bigimg  { display: none }
}

@media screen and (max-width: 960px) {
div.text800_r{
	width:100%;
}

*/