@charset "UTF-8";

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td {
	margin: 0;
	padding: 0;
}

body{ background-color: #D0C9AC; color: #333; background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #312312;}
img { border: 0; vertical-align:bottom;}
a { color: #F00; text-decoration: none; overflow:hidden;}
a:hover{ color: #3399FF; text-decoration:underline;}
a:visited{ color: #C00;}

#header{ width: 202px; height: 28px; margin: 0 auto; position: relative; background-image: url(../img/header.jpg); padding: 20px 30px 20px 768px;}
#header h1 a{ width: 165px; height: 80px; display: block;}

#main{
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	position: relative;
	background-image: url(../img/main_back.jpg);
}
#slideshow { position: relative; width: 1000px; height: 485px;}
#slideshow a { position:absolute; top:0; left:0; z-index:8; }
#slideshow a.active { z-index:10; }
#slideshow a.last-active { z-index:9; }

#banners{ margin: 0 auto; width: 904px; z-index: 500; clear: both; position: relative; padding: 16px 48px 16px 48px; background-image: url(../img/obi.jpg);}



#main_banner01{
	width: 302px;
	left: 34px;
	top: 26px;
}
#main_banner02{ position: absolute; height: 540px; width: 302px; left: 349px; top: 16px; background-color:#fff; }
#main_banner03{ position: absolute; height: 540px; width: 302px; right: 34px; top: 16px; background-color:#fff; }


#info_all{
	margin: 0 auto;
	width: 1000px;
	background-image: url(../img/info_bg.jpg);
	background-repeat: repeat-y; 
	position: relative;
}


#info{
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

#info #trial{
	margin: 0px auto;
	left: 30px;
	width: 940px;
	padding-top: 14px;
}

#info #trial02{
	margin: 0px auto;
	left: 30px;
	width: 940px;
	padding-top: 14px;
}

#info #banner_a{
	margin: 0px auto;
	left: 30px;
	width: 940px;
	padding-top: 14px;
}

#info #banner_b{
	margin: 0px auto;
	left: 30px;
	width: 940px;
	padding-top: 14px;
}



#info_02{
	margin: 0 auto;
	width: 1000px;
	position: relative;
		background-image: url(../img/shadow.png);
	height: 380px;
}

#info_02 #news{
	float: left;
	width: 573px;
	margin: 55px 27px 0 30px;
	height: 270px;
	background-color: #FFF;
	border: solid 1px #fff;
	overflow: hidden;
}
#info_02 #twitter{
	float: left;
	width: 322px;
	margin: 55px 30px 0 0;
	height: 270px;
	overflow: hidden;
	font-size: 12px;
	background-color: #FFFFFF;
	filter: alpha(opacity=25);
	border: solid 1px #fff;
	padding: 0 7px 0;
}
#info_02 #sns{ width: 300px; margin: 0 0 0 30px; padding-top: 10px;}
#info_02 #title_news{
	position: absolute;
	left: 31px;
	top: 20px;
	width: 176px;
	height: 28px;
}
#info_02 #title_twitter{
	position: absolute;
	left: 632px;
	top: 20px;
	width: 96px;
	height: 28px;
}
#info_02 #follow{
	position: absolute;
	left: 874px;
	top: 20px;
	width: 96px;
	height: 28px;
}

#footer{ margin: 0 auto; width: 1000px; height: 80px; text-align: center; background-image: url(../img/footer.jpg);}
#pagetop { bottom: 20px; right: 20px; position: fixed; z-index: 500;}