@charset "utf-8";

body,div,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend{
	margin:0;
	padding:0;
	color:#3C3228;
	-webkit-text-size-adjust:100%;/* PCサイトをスマフォで見た時文字が大きくならないように */
	}
body{
	font-family: Helvetica,Lucida Grande,Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size:16px;
	line-height:1.1;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
img{
	border:0;
	display:block;
	font-size:0;
	line-height: 0;
	}
li{
	list-style-type:none;
	}
p{
	line-height:1.9;
	font-size:16px;
	text-align:justify;
	}
a{
	color:#425AA6;
	text-decoration:none;
	}
a:hover{
	color:#6B85C6;
	text-decoration:underline;
	}

/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

header{
	overflow:hidden;
	zoom:1;
	width:980px;
	height:130px;
	margin:0 auto;
	}
header h2{
	font-size:13px;
	font-weight:100;
	position:absolute;
	color:#B4AFAA;
	top:30px;
	left:50%;
	margin-left:-70px;
	width:430px;
	z-index:10;
	}
header h3 img{
	float:left;
	margin-top:33px;
	}
header h3 a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
header #contactb{
	float:right;
	width:130px;
	height:35px;
	background-color:#425AA6;
	margin-top:20px;
	line-height:1.2;
	}
header #contactb a{
	display:block;
	color:#FFF;
	background:url(img/common/mail.png) no-repeat 12px center;
	height:25px;
	width:130px;
	padding:10px 0 0 34px;
	font-size:14px;
	}
header #contactb a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
	}
header nav ul{
	clear:right;
	float:right;
	width:460px;
	margin-top:35px;
	}
header nav ul li{
	font-size:16px;
	float:left;
	font-weight:bold;
	width:130px;
	}
header nav ul li#m4{
	width:70px;
	text-align:right;
	}
header nav ul li a{
	color:#786E64;
	}
header nav ul li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	color:#786E64;
	text-decoration:none;
	}
#head{
	height:220px;
	padding:120px 0 0px 0;
	}
#head h1,#head h2{
	font-size:18px;
	width:980px;
	margin:0 auto;
	color:#FFF;
	font-weight:100;
	}
#head img{
	margin-bottom:18px;
	}
#kulink{
	background-color:#F0F0F0;
	width:100%;
	padding:12px 0;
	font-size:14px;
	margin-bottom:70px;
	}
#kulink div{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	color:#A89C8C;
	}
#kulink a{
	margin:0 10px;
	}
#kulink strong{
	margin-left:10px;
	font-weight:100;
	}

.tb{
	text-align:center;
	}
.tb h2{
	font-size:42px;
	line-height:1.3;
	font-weight:100;
	}
.tb h3,.tb h1{
	font-size:16px;
	color:#B4AFAA;
	font-weight:100;
	margin-top:12px;
	line-height:1.3;
	}
#totop{
	width:30px;
	display:block;
	margin:120px auto 80px auto;
	}
#totop:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#foot{
	overflow:hidden;
	zoom:1;
	border-bottom:1px solid #DCDCDC;
	padding-bottom:50px;
	}
#foot h2 a{
	display:block;
	width:180px;
	margin:0 auto;
	}
#foot h2 a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#foot h3{
	text-align:center;
	font-weight:100;
	font-size:14px;
	line-height:1.8;
	color:#786E64;
	margin-top:35px;
	}
#foot .social{
	overflow:hidden;
	zoom:1;
	margin-top:25px;
	}
#foot .social li a{
	width:30px;
	display:block;
	margin:0 auto;
	}
#foot .social li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
footer{
	overflow:hidden;
	zoom:1;
	width:950px;
	margin:0 auto;
	padding:50px 0 60px 0;
	}
footer div{
	float:left;
	width:190px;
	}
footer div h3{
	font-size:14px;
	}
footer div h3 a{
	color:#3C3228;
	}
footer div h3 a:hover{
	color:#3C3228;
	}
footer div ul{
	padding-top:20px;
	}
footer div li{
	font-size:14px;
	margin:8px 0;
	}
footer div li a{
	color:#786E64;
	}
footer div li a:hover{
	color:#786E64;
	}
#copyright{
	background-color:#425AA6;
	display:block;
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding:8px 0 10px 0;
	}

#change{
	overflow:hidden;
	zoom:1;
	background-color:#FFF;
	width:100%;
	height:80px;
	position:fixed;
	top:0px;
	left:0px;
	-webkit-box-shadow:0px 1px 1px 0 rgba(45,39,39,0.1); /* Safari, Chrome用 */
	-moz-box-shadow:0px 1px 1px 0 rgba(45,39,39,0.1); /* Firefox用 */
	box-shadow:0px 1px 1px 0 rgba(45,39,39,0.1); /* CSS3 */
	display:none;
	}
#change #header2{
	overflow:hidden;
	zoom:1;
	width:980px;
	margin:0 auto;
	height:65px;
	padding-top:15px;
	}
#change h2 img{
	float:left;
	}
#change h2 a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
#change #contactb{
	float:right;
	width:130px;
	height:35px;
	background-color:#425AA6;
	margin-top:5px;
	line-height:1.2;
	}
#change #contactb a{
	display:block;
	color:#FFF;
	background:url(img/common/mail.png) no-repeat 12px center;
	height:25px;
	width:130px;
	padding:10px 0 0 34px;
	font-size:14px;
	}
#change #contactb a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
	}
#change nav ul{
	float:right;
	width:520px;
	margin-top:15px;
	}
#change nav ul li{
	font-size:16px;
	float:left;
	font-weight:bold;
	width:130px;
	}
#change nav ul li a{
	color:#786E64;
	}
#change nav ul li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	color:#786E64;
	text-decoration:none;
	}