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

.mainImgBox{
	padding:20px 0 20px 0;
	width:960px;
	margin:0 auto;
}

.mainImg{
	width:960px;
	margin:0 auto;	
}



div.mainImg {
}

div.mainImg div.mapArea {
	float:left;
	position:relative;
}

div.mainImg div.mapArea img {
}

div.mainImg div.mapArea a {
}

div.mainImg div.mapArea div.maparea_hiroshima {
	position: absolute;
	top: 65px;
	left: 215px;
}

div.mainImg div.mapArea div.maparea_yamaguchi {
	position: absolute;
	top: 90px;
	left: 125px;
}

div.mainImg div.mapArea div.maparea_fukuoka {
	position: absolute;
	top: 137px;
	left: 58px;
}

div.mainImg div.mapArea div.maparea_oita {
	position: absolute;
	top: 160px;
	left: 115px;
}

div.mainImg div.mapArea div.maparea_kumamoto {
	position: absolute;
	top: 192px;
	left: 43px;
}

div.mainImg div.mapArea div.maparea_nagasaki {
	position: absolute;
	top: 164px;
	left: 5px;
}

div.mainImg div.mapArea div.maparea_saga {
	position: absolute;
	top: 159px;
	left: 36px;
}

div.mainImg div.mapArea div.maparea_kagoshima {
	position: absolute;
	top: 261px;
	left: 47px;
}

div.mainImg div.mapArea div.maparea_okinawa {
	position: absolute;
	top: 247px;
	left: 182px;
}

div.mainImg div#photos {
	width:627px;
	height:360px;
	background:url(../images/top/thum_bg.gif) no-repeat left bottom;
	overflow:hidden;
	float:right;
}

/*div.mainImg div#photos .strip_wrapperWrap {
	width:625px;
	height:58px;
	border:#CCCCCC 1px solid;
	background:#FFF;
	position:absolute;
	left:0px;
	top:300px;
	z-index:0;
}*/

/*div.mainImg div#photos .filmstrip img { width:157px;} */


/*div.mainImg div#photos li{
	margin:0 0 0 0;
}

div.mainImg div#photos li img{
	width:175px;
}*/


.filmstrip li:hover img{
opacity:0.7; 
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */	
}



#main .map { width:680px; position:relative; margin-bottom:30px;}

#main .areaFukuoka { display: block; width: 285px; position: absolute; top: 36px; left: 10px; }

#main .areaKagoshima { display: block; width: 285px; position: absolute; top: 196px; left: 10px; }

#main .areaYamaguchi {
	display: block;
	width: 199px;
	position: absolute;
	top: 47px;
	left: 467px;
}

#main .areaKumamoto { display: block; width: 199px; position: absolute; top: 132px; left: 467px; }

#main .map li {
vertical-align:bottom;
font-size:1px;
list-style-type: none;
margin-bottom:7px;
line-height:0;
}

#main .map li a { line-height:normal; }

/*--------------------------------------------------*/


#main .example { float:right;}

/*--------------------------------------------------*/

#main .cntA {width:680px; margin-bottom:20px;}
#main .cntA .unit-1-2 { width:330px; float:left;}
#main .cntA .unit-2-2 { width:330px; float:right;}

#main .cntA .unitInner { background:#FFF; width:330px; position: relative; padding-bottom:1px;
min-height:208px;
height:auto !important;
height:208px;

}







#main .cntA .ribbon { width:50px; position:absolute; top:-4px; right:-4px;}

#main .unitInner h4 { font-size:13px; line-height:15px; background:url(../images/top/bg_bukkenname.jpg) no-repeat; padding:10px; color:#FFF; font-weight:bold; margin-bottom:10px;}

#main .unitInner a { color:#FFF;}

#main .unitInner .soldOut { color:#C00; font-size:11px; line-height:13px;}


/*--------------------------------------------------*/


#main .cntB {width:310px; margin-bottom:6px; margin-left:10px; margin-right:10px; position:relative;}
#main .cntB .unit-1-2 { width:203px; float:left;
min-height:121px;
height:auto !important;
height:121px;}
#main .cntB .unit-2-2 { width:94px; float:right;}
#main .cntB .cancel {
	width:94px;
	float:right;
	position:absolute;
	left: 216px;
	top: 96px;
}

#main .cntB .unit-1-2 ul { margin-bottom:6px;}

#main .cntB .unit-1-2 li { font-size:12px; line-height:16px; padding:0 0 4px 18px; border-bottom:1px dotted #8F8F8F; margin:0 0 4px 0;}

#main .cntB .unit-1-2 .address { background:url(../images/top/blt_compass.gif) no-repeat 0px 0px;}
#main .cntB .unit-1-2 .traffic { background:url(../images/top/blt_traffic.gif) no-repeat 0px 0px;}
#main .cntB .unit-1-2 .phone { background:url(../images/top/blt_phone.gif) no-repeat 0px 0px;}




#main .cntC {width:310px;margin-left:10px; margin-right:10px; padding-bottom:10px;}
#main .cntC .unit-1-2 { width:153px; float:left;}
#main .cntC .unit-2-2 { width:153px; float:right;}

/*--------------------------------------------------*/

#main .cntD {width:680px; }
#main .cntD .unit-1-2 { width:330px; float:left;}
#main .cntD .unit-2-2 { width:330px; float: right;}




/*--------------------------------------------------*/


.bannerControls { cursor:pointer !important;}





/* 20130902
--------------------------------------------------*/
#main h3 {
	background: url(../images/top/bg_ttl.png) no-repeat 0 bottom;
	/*background: url(../images/pageparts/blt_circle.png) no-repeat 0 0.7em;*/
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 8px 0 12px 16px;
	margin-bottom: 1em;
}
#main h3 span{
	background: url(../images/pageparts/blt_circle.png) no-repeat 0 0.1em;
	padding: 0 0 0 16px;
}


ul.bukkenList{
	overflow:hidden;
	padding-top:5px;
	margin-bottom:15px;
}
ul.bukkenList li{
	float:left;	
	width:216px;
	background:url(../images/top/btm_bcon.jpg) no-repeat 0 bottom;
	padding-bottom:32px;
	margin-bottom:15px;
	margin-right:15px;
	
	position:relative;
}
ul.bukkenList li.right3n{
	margin-right:0;
}
ul.bukkenList li .ribonNew{
	background:url(../images/top/ribon_new.png) no-repeat 0 0;
	width:51px;
	height:51px;
	position:absolute;
	top:-4px;
	right:-2px;
	z-index:50;
	/*border:1px solid #000;*/
}
ul.bukkenList li .ribonSoldout{
	background:url(../images/top/ribon_soldout.png) no-repeat 0 0;
	width:51px;
	height:51px;
	position:absolute;
	top:-4px;
	right:-2px;
	z-index:50;
	/*border:1px solid #000;*/
}
ul.bukkenList li h4{
	background:url(../images/top/bg_bname.jpg) repeat-y 0 0;
	color:#FFF;
	line-height:1.4;
	padding:10px 20px 8px 10px;
	margin-bottom:10px;
	min-height:18px;
	height: auto !important;
	height: 18px;
	font-size:95%;
}
ul.bukkenList li h4 a{
	color:#FFF;
}
ul.bukkenList li h4.fontS{
	background:url(../images/top/bg_bname.jpg) repeat-y 0 0;
	color:#FFF;
	font-size:80%;
	line-height:1.4;
	padding:10px 20px 8px 10px;
	margin-bottom:10px;
}
ul.bukkenList li .phR{
	float:right;
	margin:0 10px 6px 10px;
}
ul.bukkenList li .icoAccess{
	background:url(../images/top/blt_traffic.gif) no-repeat 0 0.1em;
	padding:3px 0 2px 18px;
	margin:0 0 5px 5px;
}
ul.bukkenList li .icoArrange{
	margin:0 0 5px 5px;	
}
ul.bukkenList li .icoArrange img{
	margin-right:3px;
}
ul.bukkenList li .siteBtn{
	/*margin:3px 0 5px 7px;*/
	position:absolute;
	bottom:8px;
	right:10px;
}
ul.bukkenList li .bgBukkenList{
	background:url(../images/top/bg_bcon.jpg) repeat-y 0 0;
	overflow:hidden;
}

.txtSoldout{
	color:#CC0000;
	font-size:80%;
	
	position:absolute;
	bottom:8px;
	left:6px;	
}


/* mapArea */
/*.mapArea{
	background:url(../images/top/bg_map.jpg) 0 0 no-repeat;
	width:680px;
	height:257px;
	margin-bottom:30px;
	position:relative;
}
.mapArea ul{
	width:680px;
	height:257px;
}
.mapArea ul li{
	position:absolute;
	z-index:50;
	cursor:pointer;
}

.mapArea ul li.btFukuoka{
	top:70px;
	left:439px;
}
.mapArea ul li.btKumamoto{
	top:117px;
	left:426px;
}
.mapArea ul li.btKagoshima{
	top:176px;
	left:429px;
}
.mapArea ul li.btYamaguchi{
	top:31px;
	left:494px;
}
.mapArea ul li.btHiroshima{
	top:37px;
	left:552px;
}

.mapArea .mapCon{
	position:absolute;
	top:56px;
	left:19px;
	z-index:50;
}*/

#mapArea{
	background:url(../images/top/bg_map.jpg) 0 0 no-repeat;
	width:680px;
	height:257px;
	margin-bottom:30px;
	position:relative;
}
#mapArea dl {
	width:680px;
	height:257px;
}
#mapArea dt{
	position:absolute;
	z-index:50;
	cursor:pointer;
}
/*#mapArea dt img:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none !important;
	
}*/
#mapArea dt.fukuokaArea { top:70px; left:439px;}
#mapArea dt.kumamotoArea { top:117px; left:426px;}
#mapArea dt.nagasakiArea { top:94px; left:393px;}
#mapArea dt.sagaArea { top:94px; left:393px;}
#mapArea dt.kagoshimaArea {	top:176px; left:429px;}
#mapArea dt.yamaguchiArea {	top:31px; left:494px;}
#mapArea dt.hiroshimaArea {	top:9px; left:570px;}
#mapArea dd {
	position:absolute;
	margin:0;
	padding:0;
	top:56px;
	left:19px;
	z-index:50;
	display:none;
	width:337px;
}
#mapArea dd img {
	width:337px;
}

.main_box{
	overflow:hidden;
	margin-bottom:20px;
}

.link_box_layout{
	width:960px;
	overflow:hidden;
	margin-bottom:20px;	
	padding-bottom:0px;
}

.link_box{
	overflow:hidden;
	margin-bottom:8px;
}

.underLine{
	border-bottom:1px solid #CCC;
}

.link_box > li{
	float:left;
	margin-right:20px;
	padding-bottom:10px;	
}

.link_box > li.link_box_last{
	margin-right:0;	
}