@charset "utf-8";
/******************* ID*********************/


#wrapper {
	width: 1000px;
	background-image: url(../img/common/haikei_wrapper.gif);
	background-repeat: repeat-y;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background-color: #1B1D1D;
	margin-bottom: 15px;
}

#wrapper_company {
	width: 800px;
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	color: #1F4141;
	padding-top: 70px;
	padding-bottom: 30px;
}

#wrapper_company a:link,
#wrapper_company a:visited {
color:#FFFFFF;
}

#wrapper_company a:hover{
	color:#666666;
}



#wrap {
	padding-top: 40px;
	padding-left: 40px;
	height: 100%;
}
#head {
	background-image: url(../img/common/head.jpg);
	background-repeat: no-repeat;
}
#head_cont {
	float: right;
	width: 162px;
	padding-top: 10px;
}



#content {
	background-color: #FFFFFF;
	padding: 15px;
}
#wrapper2 {
	width: 900px;
}

#main {
	padding-left: 20px;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 40px;
}
#blog_wrap {
	width: 920px;
	z-index: auto;
	position:absolute;
	visibility: visible;
	top: 0px;
}
#blog_main {
	float: left;
	width: 620px;
}

#blog_left {
	width: 940px;
	background-image: url(../img/common/w_bg.png);
	background-repeat: repeat;
}
#blog_right {
	float: right;
	width: 220px;
	font-size: 10px;
}


#cont1 {
	float: left;
	width: 210px;
}
#cont2 {
	float: left;
	width: 210px;
}

#cont3 {
	float: right;
	width: 370px;
}
#logo {
	float: left;
	width: 300px;
}
#mainimg {
	float: left;
	width: 700px;
}
#leftimg {
	float: right;
	width: 300px;
}
#footer {
	padding-top: 10px;
	padding-bottom: 20px;
}
#left_con {
	float: left;
	width: 715px;
	background-image: url(../img/common/dot_tate.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin-top: 15px;
	line-height: 150%;
}
#left_wrap {
	width: 700px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
}

#right_con {
	float: right;
	width: 230px;
	margin-top: 15px;
}
#HC {
	background-image: url(../img/common/dot_tate.gif);
	background-repeat: repeat-y;
	background-position: 820px;
}
#mailform {
	width: 600px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size: 10px;
	line-height: 140%;
	background-image: url(../img/form/bg_middle.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
}


/******************* スペース *******************/
.space10 {
	padding: 10px;
}
.space12 {
	padding: 12px;
}

.space15 {
	padding: 15px;
}
.space20 {
	margin: 20px;
}
.space30 {
	padding: 30px;
}

.spaceU1 {
	padding-top: 1px;
}
.spaceU5 {
	margin-top: 5px;
}
.spaceUM5 {
	margin-top: 5px;
}

.spaceU10 {
	padding-top: 10px;
}
.spaceU15 {
	padding-top: 15px;
}
.spaceU15M {
	margin-top: 15px;
}
.spaceU19 {
	padding-top: 19px;
}
.spaceU20 {
	padding-top: 20px;
}
.spaceU30 {
	padding-top: 30px;
}
.spaceU35 {
	padding-top: 35px;
}
.spaceU40 {
	padding-top: 40px;
}
.spaceU70 {
	padding-top: 70px;
}

.spaceU10LRB15 {
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;

}
.spaceU20B5 {
	padding-top: 20px;
	padding-bottom: 5px;
}



.spaceB10 {
	padding-bottom: 10px;
}
.spaceB1 {
	padding-bottom: 1px;
}

.spaceL10 {
	padding-left: 10px;
}
.spaceL20 {
	padding-left: 20px;
}

.spaceR10 {
	padding-right: 10px;
}
.spaceR20 {
	padding-right: 20px;
}



.spaceLR8 {
	padding-right: 8px;
	padding-left: 8px;
}

.spaceLR10 {
	padding-right: 10px;
	padding-left: 10px;
}
.spaceLR15 {
	padding-right: 15px;
	padding-left: 15px;
}
.spaceLR20 {
	padding-right: 20px;
	padding-left: 20px;
}
.spaceLR30 {
	padding-right: 30px;
	padding-left: 30px;
}

.spaceUB10 {
	margin: 10px;
}
.spaceUB10_2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.spaceUL10 {
	padding-top: 10px;
	padding-left: 10px;
}



.spaceULR8 {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

.spaceULR10 {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.spaceUBR15 {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.spaceU5L10 {
	padding-top: 5px;
	padding-left: 10px;
}

/******************* 見出し系*********************/

/******************* フロート、ボックス系*********************/
.FL {
	float: left;
}
.FL30 {
	float: left;
	width: 30px;
}
.FL60 {
	float: left;
	width: 60px;
}
.FL240 {
	float: left;
	width: 240px;
}
.FL300 {
	float: left;
	width: 300px;
}
.FL320 {
	float: left;
	width: 320px;
}
.FL330 {
	float: left;
	width: 330px;
}

.FL390 {
	float: left;
	width: 390px;
}
.FL415 {
	float: left;
	width: 415px;
}
.FL450 {
	float: left;
	width: 460px;
}



.FR {
	float: right;
}
.FRL40 {
	float: right;
	padding-left: 20px;
}

.FR120 {
	float: right;
	width: 120px;
}
.FR160 {
	float: right;
	width: 160px;
}
.FR220 {
	float: right;
	width: 220px;
}
.FR285 {
	float: right;
	width: 285px;
}
.FR300 {
	width: 300px;
	float: right;
}
.FR380 {
	float: right;
	width: 380px;
}
.FR399 {
	float: right;
	width: 399px;
}
.FR460 {
	width: 460px;
	float: right;
}
.FR545 {
	float: right;
	width: 545px;
}

/*********************** color 、フォントサイズ*******************/
.white {
	color: #fff;
}

.red {
	color: #D82121;
}

.blue {
	color: #003366;
}

.green {
	color: #396;
}

.gray {
	color: #D8D8D8;
}

.yellow {
	color: #FFFF99;
}
.txtb {
	font-weight: bold;
}

.txt10 {
	font-size: 10px;
}
.txt10_w {
	font-size: 10px;
	color: #FFFFFF;
}

.txt12 {
	font-size: 12px;
	line-height: 160%;
}
.txt12_w {
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}

.txt14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.txt14 a {
	color: #333333;
}
.txt14 a:visited {
	color:#333333;
	text-decoration: none;
}
.txt14 a:hover {
	color:#999999;
	text-decoration: none;
}


.midashi_h3 {
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	line-height: 24px;
	color: #0099CC;
	font-size: 14px;
	font-weight: bold;
}


.midashi_h4 {
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	line-height: 40px;
	color: #0099CC;
	font-size: 12px;
	font-weight: bold;
}


/*********************** dot 、ライン*******************/
.dot {
	background-image: url(../img/common/dot.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 17px;
}
.dot2 {
	background-image: url(../img/common/dot.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 31px;
}
.dot3 {
	background-image: url(../img/common/dot.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 11px;
}
.dot_c {
	background-image: url(../img/common/dot_gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 38px;
}
.hotel_ttl {
	padding-bottom: 18px;
	padding-top: 10px;
}

.line_50 {
	background-image: url(../img/common/line.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 40px;
	width: 50px;
}

.line_black {
	background-image: url(../img/common/black.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 38px;
}
.line_black2 {
	background-image: url(../img/common/black.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 51px;
}
.line_black3 {
	background-image: url(../img/common/line.gif);
	background-repeat: repeat-x;
	background-position: left 25px;
	height: 30px;
}

.line_gray {
	background-image: url(../img/common/gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 10px;
}
.line_gray2 {
	background-image: url(../img/common/gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 30px;
}
.line_gray3 {
	background-image: url(../img/blog/gray2.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 40px;
}
.line_gray4 {
	background-image: url(../img/blog/gray3.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 40px;
}
.line_gray5 {
	background-image: url(../img/common/gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 20px;
}
.line_red {
	background-color: #FF0000;
	height: 1px;
}
.line_h {
	width: 30px;
	background-image: url(../img/common/dot_tate.gif);
	background-repeat: repeat-y;
	height: 270px;
	background-position: center;
}
.line_right {
	background-image: url(../img/common/dot_tate.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 10px;
}
.line_tb {
	background-image: url(../img/common/dot_tate.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.line_wt {
	background-image: url(../img/common/wt.gif);
	background-repeat: repeat-x;
	background-position: left 5px;
	height: 20px;
}
.lh14 {
	line-height: 14px;
}

.lh18 {
	line-height: 20px;
}



/*********************** ナビゲーション*******************/
.navi ul{
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}


.navi ul li{
	display: inline;  
	margin:0px;
	padding:0px;
}





/*********************** blog系*******************/

.ttl_blog {
	line-height: 24px;
	font-size: 12px;
}

.dates_blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	color: #666666;
}
.blog_link {
	background-image: url(../img/common/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.blog_link a {
	color: #660000;
}

.next {
	float: right;
	padding-left: 15px;
}
.back {
	float: right;
	padding-left: 10px;
}


/******************* クリアーフィックス *******************/
.clearfix:after {
display : block;
clear : both;
height : 0;
content : "";
overflow : hidden;
}
.clearfix {
overflow : hidden;
}
/* for Mac IE \*/
* html .clearfix {
height : 1%;
overflow : visible;
}
.clearfix {
display : block;
}
/* end of for Mac IE */


/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
.logo {
	width: 240px;
}
.cont {
	font-size: 10px;
	color: #1F4141;
}
.box200 {
	width: 200px;
	color: #1F4141;
}
.ttl {
	background-image: url(../img/common/bar.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

img, div { behavior: url(/js/iepngfix.htc); }

