@charset "Shift_JIS";



/*=========================================================================

Type : Specified Directory Layout

Page : /service/

=========================================================================*/



/* CONTENTS Add Style

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

div#CONTENTS{

}



/* Directory Common

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

/* Top Image (h1) */

h1{

	margin-bottom:10px;

}

/* Contents Wrapper */

div.ContentsWrapper{

	width:910px;

	margin-bottom:0px;

	padding:20px 15px 50px 15px;

}

/* Main Column */

div#Main{

	float:left;

	width:910px;

	background:#ffffff;

}





/* [PAGE] Directory Index

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

div.CompIndex{

	width:920px;

	padding:20px 5px 20px 15px;

}

div.CompIndex div#Main{

	width:740px;

}

div.CompIndex div#Main div.IndWrapper{

	width:740px;

	margin:0px 0px 20px 0px;

}

div.CompIndex div#Main div.MenuBox{

	float:left;

	width:345px;

	margin:0px 25px 0px 0px;

	display:inline;

}

div.CompIndex div#Main div.MenuBox div{

	float:left;

	width:110px;

	border-top:#e60010 solid 3px;

}

div.CompIndex div#Main div.MenuBox dl{

	float:right;

	width:220px;

	padding:20px 5px 0px 10px;

	border-top:#999999 solid 3px;

}

div.CompIndex div#Main div.MenuBox dl dt{

	margin-bottom:3px;

	line-height:1.0em;

}

div.CompIndex div#Main div.MenuBox dl dd{

	line-height:1.3em;

}



/* [PAGE] Index

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

h2{

	margin-bottom:20px;

}



div.CompLWhole{

	width:910px;

}

/* Main Column */

div.CompLWhole div#MColumn{

	float:left;

	width:730px;

	padding-left:15px;

}



div.CompLWhole div#MColumn .tble{

	border:3px solid #c2c2c2;

}



div.CompLWhole div#MColumn .linkbox{

	padding: 7px;

	zoom: 1;

	display: inline-block;

}

div.CompLWhole div#MColumn .linkbox:after {

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}



div.CompLWhole div#MColumn .linkbox span{

	float:left;

	white-space:nowrap;

	margin-right:30px;

}



div.CompLWhole div#MColumn span.arrow a{

	padding-left:16px;

	background:url(/service/img/icn_linkbox.gif) no-repeat;

	text-align:left;

}



div.CompLWhole div#MColumn h3.text {

	padding:1px 33px 0px 33px;

	margin-bottom:9px;

	background:url(/service/img/h3_bg.gif) no-repeat;

	font-size:1.3em;

	font-weight:bold;

  line-height:30px;

}



div.CompLWhole div#MColumn h3.text1 {

	padding:1px 33px 0px 13px;

	margin-bottom:9px;

	background:url(/service/img/h3_bg1.gif) no-repeat;

	font-size:1.3em;

	font-weight:bold;

  line-height:30px;

}



div.CompLWhole div#MColumn h3 a {

	color:#000;

	text-decoration:none;

}



div.CompLWhole div#MColumn h3 a:hover {

	color:#000;

	text-decoration:underline;

}



.fl {float:left;}

.fr {float:right;}



div.CompLWhole div#MColumn .contentCol1 {

	width:165px;

	margin-right:10px;

	margin-bottom:5px;

}



div.CompLWhole div#MColumn .contentCol11 {

	width:165px;

}



div.CompLWhole div#MColumn .contentCol2 {

	width:555px;

}



div.CompLWhole div#MColumn .contentCol2 dl.last {

	width:555px;

	padding-bottom:0px;

}



div.CompLWhole div#MColumn .contentCol21 {

	width:565px;

}



div#subContentBlock {

	padding-bottom:20px;

}



div.CompLWhole div#MColumn a.link2top {

	font-size:0.85em;

	line-height:1.1em;

	color:#999999;

	padding-right:7px;

	background:url(/common/img/icon_arrow_pagetop.gif) no-repeat right 2px;

}



div.CompLWhole div#MColumn a.link2 {

	padding-left:11px;

	background:url(/service/img/main_icon_arrow.gif) 0px 3px no-repeat;

}



div.CompLWhole div#MColumn .textlead {

	margin-bottom:20px;

}



div.CompLWhole div#MColumn .textlead1 {

	height:108px;

	margin-left:10px;

	font-size:120%;

}



div.CompLWhole div#MColumn .textlead2 {

	height:145px;

	margin-left:10px;

	font-size:120%;

}



div.CompLWhole div#MColumn dl{

	width:555px;

	padding-bottom:20px;

}



div.CompLWhole div#MColumn dl dt,

div.CompLWhole div#MColumn dl dd{

	padding:7px 2px 0px 2px;

	line-height:1.3em;

	margin-bottom:5px;

}

div.CompLWhole div#MColumn dl dt{

	float:left;

	width:118px;

	border-top:#666666 solid 3px;

	font-weight:bold;

	font-size:120%;

}

div.CompLWhole div#MColumn dl dd{

	float:right;

	width:427px;

	border-top:#c2c2c2 solid 3px;

}





/* [PAGE] Hotel_restaurant

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

div.CompLWhole div#MColumn dl.hotel{

	width:565px;

	padding-bottom:10px;

}



div.CompLWhole div#MColumn dl.hotel dt.hotel{

	float:left;

	width:156px;

	border-top:#c2c2c2 solid 3px;

	font-weight:bold;

	font-size:120%;

}

div.CompLWhole div#MColumn dl.hotel dd.hotel{

	float:right;

	width:401px;

	border-top:#c2c2c2 solid 3px;

}

div.CompLWhole div#MColumn dl.hotel dd.next{

	float:right;

	padding:10px 2px 0px 2px;

	margin-top:10px;

	width:401px;

	background:url(/service/img/living_line01.gif) repeat-x;

	border-top:none;

}





/* [PAGE] Board

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

div.CompLWhole div#MColumn dl.hotel dd ul li{

	width:401px;

	margin-bottom:0.2em;

}

div.CompLWhole div#MColumn dl.hotel dd ul li:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

div.CompLWhole div#MColumn dl.hotel dd ul li span.BName{

	float:left;

	width:130px;

	font-weight:bold;

}

div.CompLWhole div#MColumn dl.hotel dd ul li span.BPost{

	float:right;

	width:271px;

}





/* Sub Column */

div.CompLWhole div#Sub{

	float:left;

	margin-left:25px;

	width:140px;

	border-top:#c2c2c2 solid 3px;

}

div.CompLWhole div#Sub h3{

	margin:8px 0px 20px 0px;

}

div.CompLWhole div#Sub .SubInfo{

	padding-top:1px;

}



/* [PAGE] Living

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

.clr {clear:both;}

.mt20 {margin-top:20px;}

.mt25 {margin-top:25px;}

.mb10 {margin-bottom:10px;}



/* Contents Wrapper */

div.ContentsWrapperTi{

	width:910px;

	margin-bottom:0px;

	padding:20px 15px 50px;

}



div#MainTi{

	width:895px;

	margin-left:15px;

}



div#MainLeft{

	float:left;

	width:730px;

}



div#MainLeft .Txt01{

	float:left;

	width:175px;

}



div#MainLeft .Txt02{

	float:left;

	width:555px;

}



div#MainLeft .Txt02 .SizeLarge{

	font-size:120%;

	line-height:1.3em;

}



div#MainLeft .linkbox{

	padding: 7px;

	zoom: 1;

	display: inline-block;

}

div#MainLeft .linkbox:after {

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}



div#MainLeft .tble{

	margin-top:7px;

	border:3px solid #c2c2c2;

}



div#MainLeft .linkbox span{

	float:left;

	white-space:nowrap;

	margin-right:30px;

}



div#MainLeft .block02{

	background:url(/service/img/living_bg.gif);

}



div#MainLeft a.link2top{

	font-size:0.85em;

	line-height:1.1em;

	color:#999999;

	padding-right:7px;

	background:url(/common/img/icon_arrow_pagetop.gif) no-repeat right 2px;

}



/* Main Column 

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

div#MainLeft .block02 div#MColumn{

	width:565px;

}

div#MainLeft .block02 div#MColumn dl{

	width:565px;

	padding-bottom:20px;

}

div#MainLeft .block02 div#MColumn dl dt,

div#MainLeft .block02 div#MColumn dl dd{

	line-height:1.3em;

}

div#MainLeft .block02 div#MColumn dl dt.first{

	float:left;

	padding:7px 10px 0px 10px;

	width:140px;

	border-top:#c2c2c2 solid 3px;

	font-weight:bold;

	font-size:120%;

}

div#MainLeft .block02 div#MColumn dl dt.next{

	float:left;

	padding:7px 10px 0px 0px;

	width:140px;

	border-top:#c2c2c2 solid 3px;

	font-weight:bold;

	font-size:120%;

}

div#MainLeft .block02 div#MColumn dl dd{

	float:right;

	padding:7px 2px 0px 2px;

	width:401px;

	border-top:#c2c2c2 solid 3px;

}



div#MainLeft .block02 div#MColumn dl dd.next{

	float:right;

	padding:10px 2px 0px 2px;

	margin-top:20px;

	width:401px;

	background:url(/service/img/living_line01.gif) repeat-x;

	border-top:none;

}



div#MainLeft .block02 div#MColumn a.link2 {

	padding-left:11px;

	background:url(/service/img/main_icon_arrow.gif) 0px 3px no-repeat;

}





/* [PAGE] Board

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

div#MainLeft .block02 div#MColumn dl dd ul li{

	width:401px;

	margin-bottom:0.2em;

}

div#MainLeft .block02 div#MColumn dl dd ul li:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

div#MainLeft .block02 div#MColumn dl dd ul li span.BName{

	float:left;

	width:130px;

	font-weight:bold;

}

div#MainLeft .block02 div#MColumn dl dd ul li span.BPost{

	float:right;

	width:271px;

}



div#MainRight{

	float:left;

	margin-left:25px;

	width:140px;

}



div#MainRight div#Sub{

	border-top:#c2c2c2 solid 3px;

}



div#MainRight div#Sub h3{

	margin:8px 0px 20px 0px;

}





/**/

.clearLine {

	clear: both;

}



/* ADPLAN

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

div#Sub div.adpds{

	margin:0px 0px 1px 0px;

	width:140px;

	height:90px;

	overflow:hidden;

}



div.adplan{

	display:none;

}