@charset "utf-8";

/*
Theme Name: Eight-Star
*/

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:#524238;
	-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:14px;
	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;
	}
a{
	color:#A14238;
	text-decoration:none;
	}
a:hover{
	color:#CC625A;
	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{
	height:140px;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	z-index:10;
	position:relative;
	}
header img{
	float:left;
	}
header a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
header #facebookb{
	background:url(img/common/facebook.png) no-repeat left center;
	height:17px;
	background-color:#3B5998;
	color:#FFF;
	font-size:14px;
	border-radius:2px;/* CSS3草案 */
	-webkit-border-radius:2px;/* Safari,Google Chrome用 */
	-moz-border-radius:2px;/* Firefox用 */
	-o-border-radius:2px;
	-ms-border-radius:2px;
	padding:4px 6px 1px 28px;
	float:right;
	margin-top:15px;
	}
header #facebookb:hover{
	text-decoration:none;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
header nav{
	height:85px;
	width:480px;
	float:right;
	margin-top:18px;
	}
header nav li{
	float:left;
	}
header nav li a{
	background:url(img/common/menu3.png) no-repeat left top;
	display:block;
	height:43px;
	}
header nav #m1 a{
	background-position:0px 0px;
	width:140px;
	display:block;
	height:42px;
	}
header nav #m1 a:hover{
	background-position:0px -85px;
	}
header nav #m2 a{
	background-position:-140px 0px;
	width:340px;
	display:block;
	height:42px;
	}
header nav #m2 a:hover{
	background-position:-140px -85px;
	}
header nav #m3 a{
	background-position:0px -42px;
	width:140px;
	display:block;
	}
header nav #m3 a:hover{
	background-position:0px -127px;
	}
header nav #m4 a{
	background-position:-140px -42px;
	width:210px;
	display:block;
	}
header nav #m4 a:hover{
	background-position:-140px -127px;
	}
header nav #m5 a{
	background-position:-360px -42px;
	width:130px;
	display:block;
	}
header nav #m5 a:hover{
	background-position:-360px -127px;
	}

#topb{
	overflow:hidden;
	zoom:1;
	background:url(img/common/top.png) no-repeat center top;
	height:50px;
	position:relative;
	z-index:5;
	}
.contents-bg{
	overflow:hidden;
	zoom:1;
	background:url(img/common/mid.png) repeat-y center top;
	position:relative;
	z-index:5;
	}
.contents{
	overflow:hidden;
	zoom:1;
	width:960px;
	margin:0 auto;
	}

#totop{
	display:block;
	width:115px;
	margin:60px 0 0 845px;
	}
#totop:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
footer{
	background:url(img/common/bar960.png) no-repeat center top;
	overflow:hidden;
	zoom:1;
	margin-top:20px;
	padding:30px 0 20px 0;
	}
footer h2 img{
	float:left;
	}
footer h2 a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
footer ul{
	float:right;
	width:630px;
	overflow:hidden;
	zoom:1;
	}
footer ul li{
	font-size:14px;
	float:left;
	background:url(img/common/yaji1.png) no-repeat left center;
	padding-left:10px;
	margin:0 35px 20px 0;
	}
footer ul li a{
	color:#524238;
	}
footer ul li a:hover{
	color:#756156;
	}
footer ul li.fl{
	width:130px;
	}
footer h5{
	font-size:14px;
	font-weight:100;
	float:left;
	background:url(img/common/yaji1.png) no-repeat left center;
	padding-left:10px;
	margin-top:15px;
	}
footer h5 a{
	color:#524238;
	}
footer h5 a:hover{
	color:#756156;
	}
footer #fbox{
	overflow:hidden;
	zoom:1;
	padding-top:20px;
	width:960px;
	}
footer #fbox small{
	font-size:13px;
	color:#998F75;
	float:right;
	width:380px;
	display:block;
	text-align:right;
	line-height:1.5;
	margin-top:30px;
	}
footer #fbox .fb-like{
	float:left;
	width:550px;
	}

#bottomb{
	overflow:hidden;
	zoom:1;
	background:url(img/common/bottom.png) no-repeat center top;
	height:70px;
	position:relative;
	z-index:5;
	}
#bg{
    z-index: -1;
    position:fixed;
	}
hgroup.title{
	background:url(img/common/icon40.png) no-repeat left 10px;
	padding:5px 0 5px 50px;
	}
hgroup.title h1{
	font-size:30px;
	line-height:1.2;
	font-family:"小塚明朝 Std","Kozuka Mincho Std","ヒラギノ明朝 Pro W3","HiraMinPro-W3","MS P明朝","MS PMincho","細明朝体",serif;
	}
hgroup.title h2{
	font-size:14px;
	font-weight:100;
	line-height:1.2;
	color:#998F75;
	margin-left:3px;
	}