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

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;}
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 
a:link { color: #E9385B;}
a:visited { color: #E9385B;}
a:hover { color: #069;}
a:active { color: #09C;}
.opp{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	font-size: 17px; color: #000; line-height: 180%; height: 100%;}
.clearfix{ clear:both;}
.clearfix2{ clear:both; padding-bottom:40px;}
#pagetop { bottom: 15px; right: 15px; position: fixed; z-index: 500;}

#header{ height:42px; background-image:url(../img/bg_header.jpg);}
#headercontent{ width:100%; margin:0 auto; position:relative;}
#headercontent #newcustmer{ position:absolute; right:0;}

#spec{ text-align:center; padding:10px;}
#spec img{ width:100%; max-width:961px;}
#topvisual{ width:100%; max-width:530px;}

#main{ width:100%; background-image:url(../img/bg_main.jpg); background-repeat:no-repeat; background-position:center top; height:552px;}
#main_content{ width:100%; max-width:1000px; margin:0 auto; text-align:center; position:relative;}
#main_content #titles{ padding-top:95px;}
#main_content #sns{	position: absolute;	left: 0; right: 0; margin: 0 auto; top: 326px;}
#main_content #search{ position: absolute; left: 69%; top: 241px;}
#main_content #navi{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50px;}
#main_content #navi img{ margin:0 20px;}
#main_content #navi2{ margin: 20px auto; }
#main_content #navi2 img{ margin:0 20px;}

#section1{ text-align:center; background-image:url(../img/bg_s1.png);}
#section3{ text-align:center; background-image:url(../img/bg_s3_1b.jpg); background-position:center top; position:relative;}
#section4{ text-align:center; background-image:url(../img/bg_05.jpg); background-position:center top;}
#section5{ text-align:center; background-image:url(../img/bg_s7_1.png); }

.vari2{position:absolute; z-index:1000; width:100%; max-width:720px; left: 0;right: 0;margin: 0 auto;}
.vari2 #gowall{ position:absolute; left: 0;right: 0;margin: 0 auto; top:360px;}

#goroom{ position:absolute; left: 0;right: 0;margin: 0 auto; top:275px;}

h3{ text-align:left; padding-bottom:30px;}
#pink{	background-color: #FDEDED;	padding: 10px;	margin-bottom: 30px;}

#footer{ background-color:#0E5095; height:90px; color:#FFF; text-align:center; font-size:12px;}

#sectit1{ width:100%; max-width:660px;}
#sectit2{ width:100%; max-width:931px;}
#sectit3{ width:100%; max-width:953px;}
#sectit4{ width:100%; max-width:960px;}
#sectit5{ width:100%; max-width:720px;}
#sectit6{ width:100%; max-width:960px;}
#sectit7{ width:100%; max-width:600px;}
#sectit8{ width:100%; max-width:660px;}
.sectit9{ width:100%; max-width:396px;}

#sample {}

#tab33{ border:solid 2px #ccc; background-color:#FFF; padding-bottom:10px; margin-bottom:20px;}
#tab33 .title{ text-align:left; padding:20px 0 10px 20px;}
#tab33 li { float: left; padding: 0 0 0 20px; list-style: none; cursor: pointer; font-size:14px; margin-left:15px; background-image:url(../img/arrow_category_list.gif); background-repeat:no-repeat; background-position:5px 10px; display:block;}
#tab33 li:hover{ color:#F00; background-image:url(../img/arrow_category_list_on.gif); background-repeat:no-repeat; background-position:5px 10px;}
#tab33 li.select {color: #F60; background-image:url(../img/arrow_category_list_on.gif); background-repeat:no-repeat; background-position:5px 10px;}
.disnon {  display: none;}
.content_wrap {	clear: left; font-size: 20px; color: #fff; background-color:#FFF; border:solid 2px #ccc; padding:10px 0;}
.content_wrap img{ padding:10px;}
.title2{ text-align:left; padding:0px 0 10px 0px;}
.wallname{ background-color:#AC9585; width:95%; margin:10px auto; padding:10px ; text-align:left; font-weight:bold;}
#sangetsu{ margin-bottom:40px; font-size:14px;}
#day{
	margin: 40px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 27px;
	border: solid 1px #cc0000;
	padding: 8px;
	max-width: 940px;
	color: #C00;
}

#campaign{ margin:0 auto; padding:20px; max-width:915px; text-align:left; font-size:14px; line-height:180%;}
#campaign h3{
	font-weight: bold;
	font-size: 27px;
	padding: 60px 0 40px;
	line-height: 130%;
}
#campaign table{ width:100%; margin-bottom:10px; border-top:solid 1px #CCCCCC;}
#campaign table th{ font-size:16px; line-height:180%; width:15%; text-align:left; padding:15px; border-bottom:solid 1px #CCCCCC;}
#campaign table td{ font-size:14px; line-height:180%; width:85%; padding:15px; border-bottom:solid 1px #CCCCCC;}
#campaign .notice{
	padding-bottom: 60px;
	font-size: 12px;
	color: #666;
	line-height: 150%;
}

@media screen and (min-width: 640px) {
.hidepc{ display:none;}	
}

@media screen and (max-width: 639px) {
.main{ display:none;}
#main_sp{ display:block; width:100%;}
#main_sp img{ width:100%;}
#main_content #sns{	position: absolute;	left: 0; right: 0; margin: 0 auto; top: 75%;}
#main_content #search{ display:none;}
#main_content #navi{ top:10px;}
#main_content #navi img{ margin:5px 10px;}
#main_content #navi2 img{ margin:5px 10px;}
.content_wrap img{ padding:5px; width:22%;}
#campaign table th{ font-size:16px; line-height:180%; width:25%; text-align:left; padding:15px; border-bottom:solid 1px #CCCCCC;}
#campaign table td{ font-size:14px; line-height:180%; width:75%; padding:15px; border-bottom:solid 1px #CCCCCC;}
.links{ width:40%;}
.hidesp{ display:none;}
}