@charset "utf-8";

body{	
margin:0px;
line-height:150%;
font-size:85%;
color:#333;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link { color: #666;text-decoration:underline;}
a:visited { color: #666;text-decoration:underline;}
a:hover {color: #666;text-decoration:none;}
a:active {color: #666;text-decoration:none;}


/* page */

p{
margin:0px;
padding:0px;
}

img{border:0px;}

ul,li,dl,dt,dd{
padding:0px;
margin:0px;
}

.clear{	clear:both;
		padding:0px;
		margin:0px;
		line-height:1em;
		font-size:1px;
}

.clear2{clear:both;}

.flort-l{	float:left;}
.flort-r{	float:right;}

.red{	color:#F00;}

.red2{	color:#990000;}

.err{	color:#F00;}

.ter{text-align:right;}

.color1{color:#4c8413;}

/* margin ==================================================================*/

.mrb4{	margin-bottom:4px;}
.mrb10{	margin-bottom:10px;}
.mrb15{	margin-bottom:15px;}
.mrb20{	margin-bottom:20px;}
.mrb30{	margin-bottom:30px;}
.mrb40{	margin-bottom:40px;}
.mrb60{	margin-bottom:60px;}

.terb10{	text-align:right;
			margin-bottom:10px;}

.tec{	text-align:center;}

.tecb20{	text-align:center;
			margin-bottom:20px;}
			
.tecb40{	text-align:center;
			margin-bottom:40px;}

.pankuzu{	margin-bottom:20px;
			font-size:12px;}

/* header ==============================================================================================================================================================*/

#header{
width:700px;
padding:60px 0px 27px;
}

#head-right{
float:right;
width:80%;
}

#head-right dl{
padding-top:10px;
}

/* navi ==============================================================================================================================================================*/

#navi{
margin-bottom:5px;
width:100%;
height:41px;
background:url(../img/bg_nav.png) repeat-x center;
}

#navi ul{
margin:0px auto;
width:700px;
overflow:hidden;
}

#navi li{
width:116px;
}

#navi li img{
width:100%;
}


/* mainimg ==============================================================================================================================================================*/

#mainimg{
	margin-bottom:28px;
	padding:0px;
	text-align:center;
	width:100%;
	background:url(../img/bg_mainimg.jpg) repeat-x #e2e3e7;
}

#mainimg p{
margin:0px auto;
width:700px;
overflow:hidden;
}

#mainimg p img{
width:100%;
vertical-align: top;}

.bx-wrapper {
margin: 0 auto 20px;
}

/* layout ==============================================================================================================================================================*/

#contents{
	margin:0px auto 30px;
	width:700px;
	overflow:hidden;
	}

#side{
	float:left;
}

#area{
float:right;
}

#page-tittle{
position:relative;
width:700px;
height:154px;
padding:60px 0px 0px;
}

/* side ==============================================================================================================================================================*/

.side-bannar .first{
margin:0px 0px 10px;
width:150px;
}

.side-bannar .first img{
line-height:1px;
vertical-align:bottom;
}

.side-bannar .second{
margin:0px 0px 10px;
width:150px;
}

.side-bannar .second img{
line-height:1px;
vertical-align:bottom;
}

.side-bannar a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/* top ==============================================================================================================================================================*/

.top-bannar{
width:510px;
overflow:hidden;
}

.top-bannar p{
width:500px;
padding-left:10px;
}

.top-bannar p img{
width:500px;}


.top-ranking{
margin:0px 0px 20px 10px;
width:500px;
height:174px;
background:url(../img/top_bannar2.jpg) no-repeat left top;
position:relative;
overflow:hidden;
}

.top-ranking .rank-tit{
position:relative;
width:145px;
height:99px;
top:40px;
left:13px;
}
.top-ranking .rank-tit img{width:100%;}

.top-ranking ul{
position:absolute;
top:7px;
left:167px;
z-index:10;
}

.top-ranking ul li{
width:110px;
padding-left:1px;
float:left;
list-style-type:none;
}

.top-ranking ul li img{width:100%;}

.top-ranking .rank1{
position:absolute;
width:47px;
top:0px;
left:158px;
z-index:20;
}
.top-ranking .rank1 img{width:100%;}

.top-ranking .rank2{
position:absolute;
width:47px;
top:0px;
left:268px;
z-index:20;
}
.top-ranking .rank2 img{width:100%;}

.top-ranking .rank3{
position:absolute;
top:0px;
width:47px;
left:378px;
z-index:20;
}
.top-ranking .rank3 img{width:100%;}


.top-bannar dl{
width:245px;
float:left;
padding:0px 0px 20px 10px;
}

.top-bannar dt{
width:100%;
}

.top-bannar dt a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

.top-bannar dt img{width:100%;}

.top-information{
padding-left:10px;
width:500px;
}

.tit-information{
margin-bottom:20px;
width:500px;
}

/* newsTopics */
div#newsTopics {
width:500px;
padding:0 0 0 10px;
}

div#newsTopics div#tabFrame #tabwrap {
width:500px;
}

div#newsTopics div#tabFrame #tabwrap ul#tabs li {
font-size: 12px;
}

div#newsTopics div#tabFrame div#tabwrap div#content ul li dl dt {
	width: 120px;
}
div#newsTopics div#tabFrame div#tabwrap div#content ul li dl dd {
	width: 320px;

}

/* footer ==============================================================================================================================================================*/

#pagetop{
width:100%;
background:url(../img/bg_line1.png) repeat-x bottom;
}

#pagetop p{
margin:0px auto;
width:700px;
text-align:right;
}

.footer-menu .innar{
width:700px;
}

/* tittle ==============================================================================================================================================================*/

.tit1{
margin-bottom:20px;
width:500px;
height:46px;
-moz-background-size: 500px 46px;
background-size: 500px 46px;
background:url(../img/bg_tit1.png) no-repeat;
font-size:18px;
text-align:center;
line-height:150%;
}

.tit1 p{
width:500px;
height:46px;
vertical-align:middle;
display:table-cell;
}

/* faq ==============================================================================================================================================================*/

.base{
width:500px;
overflow:hidden;
}

.faq-btn1{
width:245px;
float:left;
}
.faq-btn1 img{
width:100%;}

.faq-btn2{
width:245px;
float:right;
}
.faq-btn2 img{
width:100%;}

.faq-btn1 a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

.faq-btn2 a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

.mi-faq{
margin-bottom:40px;
width:500px;
padding-top:2px;
background:url(../img/bg_mi_faq.png) no-repeat center top;
}

.mi-faq .innar{
width:500px;
padding-bottom:2px;
background:url(../img/bg_mi_faq.png) no-repeat center bottom;
}

.mi-faq .innar p{
padding:15px 0px;
line-height:0;
text-align:center;
}
.mi-faq .innar p img{
max-width:500px;
}

.question{
margin-bottom:20px;
width:460px;
min-height:20px;
padding:7px 0px 3px 40px;
color:#333;
font-size:16px;
font-weight:bold;
line-height:150%;
background:url(../img/icon_q.png) no-repeat left top;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
}

.question span{
min-height:30px;
padding-right:75px;
background:url(../img/icon_q3.png) no-repeat right top;
-moz-background-size: 69px 18px;
background-size: 69px 18px;
}

.answer{
margin-bottom:30px;
width:460px;
padding:20px 0px 0px 40px;
background:url(../img/icon_a.png) no-repeat 40px top;
}


/* list ==============================================================================================================================================================*/

.area-sp{
padding-left:10px;
}

.item-box{
width:510px;
padding-left:0px;
overflow:hidden;
}

.item-list{
width:160px;
margin:0px 0px 30px 10px;
float:left;
}

.item-list img{
width:100%;
max-width:160px;
}

.item-list .photo{
margin-bottom:5px;
width:158px;
border:1px #333 solid;
}

.item-list .photo img{
vertical-align:bottom;
}

.item-box dl{
margin-bottom:10px;
font-size:12px;
line-height:150%;
}

.item-box dt{
margin-bottom:3px;
color:#6C4174;
}



.komono-box{
width:508px;
padding-left:2px;
overflow:hidden;
}

.komono-list{
width:117px;
margin:0px 0px 30px 10px;
padding:0px;
float:left;
}

.komono-list .photo{
margin-bottom:5px;
width:115px;
border:1px #333 solid;
}




/* kituke ==============================================================================================================================================================*/

.kitsuke-img{
width:122px;
padding:14px;
float:left;
border:1px #333 solid;
}
.kitsuke-img img{
width:100%;
line-height:0px;
vertical-align:bottom;
}

.kitsuke-text{
width:320px;
float:right;
}

.kitsuke-text .mi1{
color:#E3C480;
font-size:14px;
font-weight:bold;
line-height:150%;
padding:0px 0px 5px;
background:url(../img/bg_kitsuke1.png) no-repeat left bottom;
}

.kitsuke-text .text-box p{
margin-top:10px;
font-size:12px;
line-height:150%;
}

/* news ==============================================================================================================================================================*/

.news{
margin-bottom:10px;
width:500px;
font-size:12px;
line-height:150%;
padding-bottom:5px;
overflow:hidden;
border-bottom:1px #222 dotted;
}

.news dt{
width:93px;
margin-right:15px;
padding-right:15px;
float:left;
background:url(../img/bg_news.png) no-repeat right;
}

.news dd{
width:372px;
float:left;
}

/* rental ==============================================================================================================================================================*/

.rental-copy{
margin:0px auto 20px;
width:500px;
}

.rental-copy img{
width:100%;
}

.rental-box{
width:500px;
overflow:hidden;
}

.rental-list{
width:115px;
margin:0px 0px 30px 10px;
float:left;
}

.rental-list .photo{
margin-bottom:5px;
width:113px;
border:1px #333 solid;
}

.rental-list .photo img{
width:100%;
vertical-align:bottom;
}

.rental-box dl{
margin-bottom:10px;
font-size:12px;
line-height:150%;
}

.rental-box dt{
margin-bottom:3px;
color:#6C4174;
}

.rental-box a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/* event ==============================================================================================================================================================*/

.mi-event{
margin:0px 0px 20px;
padding:0px;
width:500px;
height:27px;
font-size:20px;
font-weight:bold;
line-height:150%;
background:url(../img/mi_event1.png) no-repeat right;
}

.gaiyo{
width:500px;
overflow:hidden;
border-bottom:1px #333 solid;
}

.gaiyo dt{
width:80px;
padding:20px;
float:left;
}

.gaiyo dd{
width:340px;
padding:20px;
float:right;
}

.ti-event-base{
margin-bottom:30px;
width:500px;
position:relative;
overflow:hidden;
}

.ti-event1{
width:238px;
min-height:320px;
border:1px #333 solid;
float:left;
}

.ti-event2{
width:238px;
min-height:320px;
border:1px #333 solid;
float:right;
}

.ti-event-base img{
width:100%;}

.ti-event-base dd{
width:210px;
position:absolute;
top:90px;
padding:0px 15px;
}

.map1{
width:214px;
float:left;
}

.map1 img{
width:100%;
}

.map2{
width:270px;
float:right;
}

.map2 iframe{
width:270px;
height:214px;
}

.map-text{
width:500px;
}

.ticket{
width:480px;
margin:0px auto 20px;
text-align:center;
}

.ticket img{width:100%;}

.event-main{
width:500px;
}

.event-main img{
width:100%;
vertical-align:bottom;
}

.event-main-box{
margin-bottom:20px;
width:500px;
height:104px;
overflow:hidden;
background:url(../img/event_main2.png) no-repeat;
-moz-background-size: 500px 104px;
background-size: 500px 104px;
}

.event-main-box .btn1{
width:215px;
padding-left:28px;
float:left;
}
.event-main-box .btn1 img{width:100%;}

.event-main-box .btn2{
width:215px;
padding-right:28px;
float:right;
}
.event-main-box .btn2 img{width:100%;}

/* kanren ==============================================================================================================================================================*/

.kanren-box{
width:510px;
overflow:hidden;
}

.kanren-box li{
width:245px;
margin:0px 0px 10px 10px; 
float:left;
list-style-type:none;
}
.kanren-box li img{width:100%;}

.kanren-box li a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

/* policy ==============================================================================================================================================================*/

.policy{
width:500px;
font-size:12px;
line-height:150%;
}

.policy dt{
margin-bottom:5px;
font-weight:bold;
color:#6C3F72;
}

.policy dd{
margin-bottom:20px;
padding-left:1.5em;
}

/* sitemap ==============================================================================================================================================================*/

.sitemap-block{
width:200px;
padding-left:20px;
float:left;
}

.sitemap-block p{
margin-bottom:20px;
padding-left:15px;
background:url(../img/bg_news.png) no-repeat left;
}

.sitemap-block dl{
margin-bottom:20px;
}

.sitemap-block dt{
padding-left:2em;}

.sitemap-block dd{
padding-left:4em;
}

/* contact ==============================================================================================================================================================*/

.contact{
margin-bottom:20px;
width:500px;
overflow:hidden;
position:relative;
padding-bottom:20px;
background:url(../img/bg_contact.png) no-repeat center bottom;
}

.contact-th{
width:145px;
font-weight:bold;
font-size:12px;
line-height:150%;
padding:5px 0px 5px 10px;
position:relative;
float:left;
}

.contact-th span{
margin-left:10px;
padding:2px 10px;
color:#fff;
vertical-align:bottom;
line-height:100%;
background:#990000;
border-radius:5px;
position:relative;
top:-4px;
}

.contact-td{
width:330px;
float:right;
}

.contact-td p{display:block;}

.contact-float{
margin-right:15px;
float:left;
}

.contact-td .name{
margin-left:5px;
width:80px;
border-radius:5px;
padding:5px;
border:1px #fff solid;
}

.tel{
border-radius:5px;
padding:5px;
width:135px;
border:1px #fff solid;
}


.email{
border-radius:5px;
padding:5px;
width:210px;
border:1px #fff solid;
}

.zip{
margin-left:5px;
border-radius:5px;
padding:5px;
width:115px;
border:1px #fff solid;
}

.area{
border-radius:5px;
padding:5px;
border:1px #fff solid;
}

.address{
border-radius:5px;
padding:5px;
width:210px;
border:1px #fff solid;
}

.age{
margin-right:5px;
border-radius:5px;
padding:5px;
width:44px;
border:1px #fff solid;
}

.naiyou{
border-radius:5px;
padding:5px;
width:210px;
height:100px;
border:1px #fff solid;
}

/* datail ==============================================================================================================================================================*/

.datail-box{

}

.datail-box dl{
margin-bottom:30px;
width:500px;
padding-left:10px;
font-size:12px;
line-height:150%;
}

.datail-box dt{
margin-bottom:5px;
color:#6C4073;
}

.datail-box #photo{
margin-bottom:25px;
width:500px;
padding-left:10px;
text-align:center;
}
.datail-box #photo img{width:100%;
max-width:350px;}

#sub{
width:510px;
overflow:hidden;
}

#sub li{
width:88px;
list-style:none;
float:left;
margin-left:10px;
}

#sub img {
width:100%;
border:none;
padding:6px;
}

#sub .over img{
border:3px #5E175D solid;
padding:3px;
}

/* company ==============================================================================================================================================================*/

.rinen{
margin-bottom:30px;
width:480px;
height:611px;
padding:10px;
background:url(../img/bg_rinen.png) no-repeat left top;
color: #fff;
}

.rinen .innar{
width:480px;
padding-bottom:10px;
background:url(../img/bg_rinen2.png) repeat;
}

.rinen .innar dt{
width:460px;
padding:10px 10px 10px;
}
.rinen .innar dt img{width:100%;}

.rinen .innar dd{
margin-bottom:15px;
padding-left:20px;
padding-right:20px;
}

.honsya{
margin-bottom:30px;
}

.honsya iframe{
width:500px;
height:350px;
}


.saiyo{
width:500px;
overflow:hidden;
font-size:12px;
line-height:150%;
border-bottom:1px #333 solid;
}

.saiyo dt{
width:80px;
padding:5px 20px 10px;
float:left;
}

.saiyo dd{
width:340px;
padding:5px 20px 10px;
float:right;
}

.company-map{
margin-bottom:30px;
width:500px;
}
.company-map img{width:100%;}

.store-box{
width:510px;
padding-left:0px;
overflow:hidden;
}

.store-list{
width:245px;
margin:0px 0px 30px 10px;
float:left;
font-size:12px;
line-height:150%;
min-height:420px;
}

.store-list iframe{
width:245px;
height:145px;
}

.store-list p{
margin-bottom:5px;
display:block;
}

.store-list p img{
width:100%;
vertical-align:bottom;
}

.store-list img{width:100%;
vertical-align:bottom;}

.store-list dt{
margin-bottom:5px;
font-weight:bold;
}

/* choice ==============================================================================================================================================================*/

.choice-main{
width:500px;
margin-bottom:40px;
}

.choice-main img{width:100%;}

.choice-tit{
margin-bottom:20px;
width:500px;
text-align:center;
}
.choice-tit img{
width:100%;
}

.choice-text1{width:500px;}

.choice-page-top{
margin-bottom:30px;
width:490px;
padding-right:10px;
text-align:right;
}

.choice-table{
margin-bottom:30px;
width:500px;
font-size:12px;
line-height:150%;
}

.choice-table th{
width:50px;
color:#6C3F72;
text-align:left;
padding:20px;
vertical-align:top;
border-bottom:1px #111 solid;
}
.choice-table td{
padding:20px;
vertical-align:top;
border-bottom:1px #111 solid;
}

.choice-table2{
margin-bottom:30px;
width:500px;
font-size:12px;
line-height:150%;
}

.choice-table2 th{
width:126px;
text-align:left;
padding:10px 20px;
background:#220F18;
}
.choice-table2 td{
padding:10px 20px;
}

.choice-float1{
width:224px;
float:left;
}

.choice-float1 .innar-text{
width:224px;
font-size:12px;
line-height:150%;
}

.choice-float2{
width:256px;
float:right;
font-size:12px;
line-height:150%;
}


.choice-table3{
margin-bottom:10px;
width:256px;
font-size:12px;
line-height:150%;
}

.choice-table3 th{
padding:10px 0px;
color:#6C3F72;
text-align:center;
}
.choice-table3 td{
padding:10px 0px;
text-align:center;
}

.choice-table3 .line{
border-bottom:1px #111 solid;
}

/* acquisition ==============================================================================================================================================================*/

.acquisition-mi1{
margin:0px auto 30px;
text-align:center;
width:450px;
}
.acquisition-mi1 img{width:100%;}


.acquisition-box{
margin-bottom:40px;
width:500px;
padding-left:10px;
font-size:12px;
line-height:150%;
}

.acquisition-box img{
max-width:259px;
width:70%;
}

.acquisition-box2{
margin-bottom:40px;
width:500px;
padding-left:10px;
font-size:12px;
line-height:150%;
}

.acquisition-box2 img{
max-width:367px;
width:70%;
}


.flow-box{
width:510px;
overflow:hidden;
}

.flow-list{
width:115px;
margin:0px 0px 30px 10px;
float:left;
font-size:12px;
line-height:150%;
}
.flow-list img{
width:80%;
max-width:128px;}

.flow-list p{
margin-bottom:15px;
text-align:center;
}

.flow-list dt{
margin-bottom:10px;
text-align:center;
color:#6C3F72;
font-weight:bold;
}