@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    color: #222;
	
	font : 62.5% Osaka, 'Lucida Grande', Helvetica, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif ;
	}

	/* for IE7 */
	/**+html body { font-family : "メイリオ", "ＭＳ Ｐゴシック" ; }*/
	*+html body { font-family : "ＭＳ Ｐゴシック" ; }

	/* for IE6 */
	* html body { font-family : "ＭＳ Ｐゴシック" ; }	

	/* for safari */
	/*html:\66irst-child body { font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif ; }*/

a { color: #b7a077; }
a:visited { color: #a8a8a8; }
a:hover {
    color: #988564;
 /* font-weight: bold; */
    text-decoration: none;
}
a img { transition: opacity 0.2s linear; }
a:hover img { opacity: 1.0; }
h1, h2, h3, h4, h5, h6 { margin-top: 0;
font-weight:400; }
p {
    font-size:1.3em;
	margin-top: 0;
    line-height: 1.6;
}
.lead {
    font-size:1.8em;
	color: #988564;
	margin-top: 0;
    line-height: 1.6;
}
img { vertical-align: bottom; }


/* ----------------------------------------------------
            header
----------------------------------------------------- */
header {
    width: 1000px;
    margin: 0 auto;
	border-top: solid 4px #FBCE7E;
}
header h1 {
    float: left;
    margin: 25px 0 10px 10px;
}

header #header_nav {
	width: 1000px;
    background-color: #fff;
    padding: 10px 0;
	text-align:right
	}
header #header_nav ul {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
}
header #header_nav li {
    display: inline;
    /*border-left: solid 1px #aaa;*/
    margin-left: 8px;
    padding-left: 8px;
    font-size:1.1em;
}
header #header_nav li:last-child {
    /*border-right: solid 1px #aaa;*/
    padding: 0 8px;
}

/* ----------------------------------------------------
            #wrapper
----------------------------------------------------- */
#wrapper {
    width: 1000px;
    margin: 0 auto;
	overflow: hidden;
	clear:both;
}
#wrapper ul {
    list-style: none;
	margin-top: 0;
    margin-bottom: 30px;
    padding: 0;
}

/* ----------------------------------------------------
            #main
----------------------------------------------------- */
#main h1 {
    padding: 10px 0px 10px 0px;
    font-size: 26px;
    border-bottom: solid 1px #b7a077;
}
#main h2 {
    font-size: 22px;
    /*border: 1px solid #b7a077;
	border-radius: 5px;*/
    padding: 11px 8px;
}
#main h3 {
    font-size: 20px;
    /*border-left: solid 3px #b7a077;*/
    padding-bottom: 5px
}
#main {
    width: 1000px;
    float: none;
	padding-left:0;
}
#main a:hover img { 
	opacity: 0.7;
	}


/* ----------------------------------------------------
            footer
----------------------------------------------------- */
footer {
    background-color: #FBCE7E;
    text-align: center;
	margin-bottom:30px;
}
footer #footer_nav {
    background-color: #efefef;
    padding: 10px 0;
}
footer #footer_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer #footer_nav li {
    display: inline;
    border-left: solid 1px #aaa;
    margin-left: 8px;
    padding-left: 8px;
    font-size: 1.1em;
}
footer #footer_nav li:last-child {
    border-right: solid 1px #aaa;
    padding: 0 8px;
}
footer small {
    display: block;
    padding: 8px 0;
    color: #fff;
	font-size: 1.1em;
}
footer p {
    display: block;
    padding: 8px 0;
    color: #999;
	font-size: 1.3em;
}
/* ----------------------------------------------------
            #breadcrumb
----------------------------------------------------- */
#breadcrumb { font-size:1.1em; }
#breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
    content: ">";
    padding-left: 7px;
}
#breadcrumb ol li:last-child::after { content: none; }


/* ----------------------------------------------------
            .contents1  (page)
----------------------------------------------------- */

.contents1{
	clear:both;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin-bottom: 80px;
	}
	
.contents1 .Left_box{
	float:left;
	width:500px;
	margin-top: 20px;
	}

.contents1 .Left_box img{
	float:right;
	margin-top:10px;
	margin-right:15px;
	}

.contents1 .Right_box{
	float:right;
	width:500px;
	margin-top: 20px;
	margin-bottom:0px;
	}
.contents1 .Right_box h3{
	font-weight: bold;
	margin-left: 15px;
	line-height: 1.0;
	margin-top: 8px;
	margin-bottom: 8px;
	}
.contents1 .Right_box p{
	float:left;
	margin-left: 15px;
	line-height: 2.6;
	}
.contents1 .Right_box ul p{
	float:left;
	clear:both;
	overflow:hidden; /* 回り込み解除指定 */
	line-height: 1.6;
	}
.contents1 .Right_box h5{
	font-weight: 100;
	font-size: 1.3em;
	margin-left: 15px;
	line-height: 1.5;
	margin-top: 8px;
	margin-bottom: 8px;
	}

/* ----------------------------------------------------
            .contents2  (page)
----------------------------------------------------- */

.contents2{
	clear:both;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin-bottom: 80px;
	}
	
.contents2 .Left_box{
	float:left;
	width:300px;
	margin-top: 20px;
	}

.contents2 .Left_box img{
	float:right;
	margin-top:10px;
	margin-right:15px;
	}

.contents2 .Right_box{
	float:right;
	width:700px;
	margin-top: 20px;
	margin-bottom:0px;
	}
.contents2 .Right_box h5{
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 15px;
	line-height: 1.0;
	margin-top: 8px;
	margin-bottom: 8px;
	}
.contents2 .Right_box h6{
	font-weight: bold;
	font-size: 1.5em;
	margin-left: 32px;
	line-height: 1.0;
	margin-top: 8px;
	margin-bottom: 8px;
	}
.contents2 .Right_box h4{
	margin-left: 170px;
	line-height: 1.0;
	margin-top: 20px;
	margin-bottom: 8px;
	}
.contents2 .Right_box table tr th p{
	margin-left: 50px;
	font-weight: 100;
	text-align: left;
	margin-top: 10px;
	margin-right: 10px;
	}

/* ----------------------------------------------------
            .contents3  (page)
----------------------------------------------------- */

.contents3{
	clear:both;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin-bottom: 80px;
	}
	
.contents3 .Left_box{
	float:left;
	width:200px;
	margin-top: 20px;
	}

.contents3 h3 { 
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 0;
	}
.contents3 p { 
	margin-left: 30px;
	margin-bottom: 0;
	}


/* -----------------------------------------------------------
	Table pattern1 表設定
----------------------------------------------------------- */

table.tbl_pattern1 {
	font-size:1.3em;
	width: 400px;
	/*border-top: 1px solid #b2a8a7;
	border-bottom: 1px solid #b2a8a7;
	border-collapse: separate;
	border-spacing: 0px;*/
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 30px;
}
table.tbl_pattern1 tr:last-child th, table.tbl_pattern1 tr:last-child td {
	border-bottom: none;
}
table.tbl_pattern1 tr th {
	width: 65px;
	/*border-bottom: 1px dotted #b2a8a7;*/
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	padding: 3px 0;
	/*background: #f0ece5;*/
	position: relative;
}
table.tbl_pattern1 tr th:before {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	top: 0;
	/*border-top: 3px solid #FFF;*/
}
table.tbl_pattern1 tr th:after {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	bottom: 0;
	/*border-bottom: 3px solid #FFF;*/
}
table.tbl_pattern1 tr td {
	/*border-bottom: 1px dotted #b2a8a7;*/
	padding: 0px 0 0px 20px;
}
table.tbl_pattern1 tr td.line {
	/*border-right: 1px dotted #b2a8a7;*/
}
/* -----------------------------------------------------------
	Table pattern2 表設定
----------------------------------------------------------- */

table.tbl_pattern2 {
	font-size:1.3em;
	width: 400px;
	/*border-top: 1px solid #b2a8a7;
	border-bottom: 1px solid #b2a8a7;
	border-collapse: separate;
	border-spacing: 0px;*/
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 30px;
}
table.tbl_pattern2 tr:last-child th, table.tbl_pattern2 tr:last-child td {
	border-bottom: none;
}
table.tbl_pattern2 tr th {
	width: 100px;
	/*border-bottom: 1px dotted #b2a8a7;*/
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	padding: 3px 0;
	/*background: #f0ece5;*/
	position: relative;
}
table.tbl_pattern2 tr th:before {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	top: 0;
	/*border-top: 3px solid #FFF;*/
}
table.tbl_pattern2 tr th:after {
	content: "";
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	bottom: 0;
	/*border-bottom: 3px solid #FFF;*/
}
table.tbl_pattern2 tr td {
	/*border-bottom: 1px dotted #b2a8a7;*/
	padding: 0px 0 0px 20px;
}
table.tbl_pattern2 tr td.line {
	/*border-right: 1px dotted #b2a8a7;*/
}
/* ----------------------------------------------------
            #main_navi  (top)
----------------------------------------------------- */
#main_navi{
	
    clear: both;
	width:100%;
	padding-bottom:20px;
	margin-top: 20px;
	}

#main_navi ul{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	width:750px;
	margin:0 auto;
	}

#main_navi ul li{
	display:inline;
	float: left;
	margin-left:25px;
	margin-right:15px;
	margin-bottom:30px;
	}
#main_navi ul li:nth-child(3n){
	margin-right:0;
	}
#main_navi ul li a:hover img { 
	opacity: 0.7;
	}
#main_navi ul li h3 { 
	color:#FBCE7E;
	margin-bottom: 0;
	}
#main_navi ul li p { 
	margin-bottom: 0;
	}
#main_navi ul li a { 
	color: black;
	text-decoration: none;
	}

/* ----------------------------------------------------
            #contents_navi  (works)
----------------------------------------------------- */
#contents_navi{
	
    clear: both;
	width:100%;
	padding-bottom:20px;
	margin-top: 10px;
	margin-left: 200px;
	}

#contents_navi ul{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin:0 auto;
	}

#contents_navi ul li{
	display:inline;
	float: left;
	}
#contents_navi ul li:nth-child(3n){
	margin-right:0;
	}
#contents_navi ul li a:hover img { 
	opacity: 0.7;
	}
#contents_navi ul li h3 { 
	color:#FBCE7E;
	margin-bottom: 0;
	}
#contents_navi ul li img {
	margin-left: 5px;
	margin-bottom: 5px;
	}
