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

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

@font-face{
	font-family:'Blogger Sans Bold';
	src: url("Blogger Sans-Bold.ttf") format("truetype");
	}
@font-face{
	font-family:'Blogger Sans Medium';
	src: url("Blogger Sans-Medium.ttf") format("truetype");
	}


body{
	background-color:#fcf5ea;
	background-image:url(../images/sannkaku_img.png);
	background-repeat:repeat-x;
	color:#412B12;
	font-size:15px;
	line-height:2em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
/* =======================================
    header
======================================= */
header{
	width:1000px;
	margin:70px auto 30px auto;
	}
#hed01{
	float:left;
	text-align:center;
	width:450px;
	margin-left:275px;
	}
#hed01 p{
	font-family:"Hiragino Maru Gothic ProN W4";
	}
#hed01 img{
	margin-left:auto;
	margin-right:auto;
}

#hed02{
	float:right;
	width:200px;
	padding-left:10px;
	border-left:#412B12 solid 2px;
	font-family:"Blogger Sans Medium";
	line-height:1.5em;
	font-size:16px;
	}
#hed02 a:hover{
	opacity:0.7;
	}
nav ul li{
	width:142px;
	float:left;
	text-align:center;
	font-family:"Blogger Sans Bold";
	font-size:20px;
	}
nav{
	line-height:0.7em;
	margin-bottom:0px;
	}	
nav li a{
	text-decoration:none;
	display:block;
	color:#412B12;
	}
nav li a:hover{
	color:#ad997b;
	}


/* =======================================
    main
======================================= */	
#main{
	height:200px;
	background-color:#ad997b;
	background-image:url(../images/pattern_usume.png);
	}
#main p{
	text-align:center;
	font-family:"Blogger Sans Bold";
	font-size:50px;
	padding:80px;
}


/* =======================================
    contents
======================================= */	
#contents h1{
	width:140px;
	font-family:"Blogger Sans Bold";
	font-size:30px;
	border-bottom:#412B12 3px solid;
	margin-bottom:60px;
	}

#contents{
	width:1000px;
	margin:50px auto 0px auto;
	}
#contents ul{
	list-style-type:disc;
}
#sitemap{
	width:200px;
	float:left;
	height:180px;
	padding:10px;
	border:dashed 1px #412B12;
	}
#sitemap h2{
	font-size:18px;
	margin-bottom:15px;
	font-weight:bold;
	}
#sitemap ul{
	width:200px;
	float:left;
	}
#sitemap li{
	}
#sitemap ul li a{
	color:#412B12;
	}
#sitemap ul li a:hover{
	color:#ad997b;
	}
	
#sitemap02{
	width:200px;
	float:left;
	height:180px;
	padding:10px;
	border:dashed 1px #412B12;
	}
#sitemap02 h2{
	font-size:18px;
	margin-bottom:15px;
	font-weight:bold;
	}
#sitemap02 ul{
	width:200px;
	float:left;
	}
#sitemap02 li{
	}
#sitemap02 ul li a{
	color:#412B12;
	}
#sitemap02 ul li a:hover{
	color:#ad997b;
	}
	
#sitemap03{
	width:200px;
	float:left;
	height:180px;
	padding:10px;
	border:dashed 1px #412B12;
	}
#sitemap03 h2{
	font-size:18px;
	margin-bottom:15px;
	font-weight:bold;
	}
#sitemap03 ul{
	width:200px;
	float:left;
	}
#sitemap03 li{
	}
#sitemap03 ul li a{
	color:#412B12;
	}
#sitemap03 ul li a:hover{
	color:#ad997b;
	}
	
#sitemap04{
	padding:10px;
	width:200px;
	float:left;
	height:180px;
	border:dashed 1px #412B12;
	}
#sitemap04 h2{
	font-size:18px;
	margin-bottom:15px;
	font-weight:bold;
	}
#sitemap04 ul{
	width:200px;
	float:left;
	}
#sitemap04 li{
	}
#sitemap04 ul li a{
	color:#412B12;
	}
#sitemap04 ul li a:hover{
	color:#ad997b;
	}




/* =======================================
    footer
======================================= */
footer{
	clear:both;
	background-color:#412B12;
	color:#d3b937;
	padding:30px 0px 25px 0px;
	}
#footer_b{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#footer_b ul li a{
	text-decoration:none;
	color:#d3b937;
	font-family:"Blogger Sans Medium";
	font-size:16px;
	}
#footer_b ul li a:hover{
	opacity:0.7;
	}
#footer_b p{
	clear:both;
	margin-top:30px;
	}
#footer_a{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	}
#text03{
	width:238px;
	float:right;
	margin-left:70px;
	}
#text03 a:hover{
	opacity:0.7;
	}
#image03{
	float:left;
	margin-left:200px;
	}

#footer_b ul{
	height:30px;
	width:1000px;
	text-align:center;
	}
#footer_b ul li{
	width:119px;
	float:left;
	}

#return{
	clear:both;
	padding-top:70px;
	width:1000px;
	height:37px;
	}
#return img{
	float:right;
	}




.font{
	font-family:"Blogger Sans Medium";
	font-size:16px;
	}
.border{
	border-right:1px #d3b937 dashed;
	border-left:none;
	border-bottom:none;
	border-top:none;
	}
.border02{
	border-right:1px #d3b937 dashed;
	border-left:none;
	border-bottom:none;
	border-top:none;
	}
.coutya{
	color:#ad997b;
	}
.kiiro{
	color:#d3b937
	}