@charset "utf-8";

/*
==INDEX=====================================================================

HOTELAMUSE
┣基本設定
┣共通設定１
	┣ヘッダー
	┣ナビゲーション
	┣アウトライン
	┗フッター
┣共通設定２
	┣a関連
	┣h関連
	┣p関連
	┣レイアウト関連
	┗フォント関連
┣
┣
┗

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


/* 基本設定
---------------------------------------------------- */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, address, form{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.0;
	font-style: normal;
	font-weight: normal;
}


body {
	text-align: center;
	margin-top: 0px;
	background:url(../img/common/bg_body01.gif) repeat-x center top;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}

/* for WinIE6*/
* html body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* for WinIE7*/
*:first-child+html body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img { border: 0px; }
.c-both { clear: both; }

a { color: #ff9000; text-decoration: underline; }
a:hover { color: #FFCC00; }

p{ margin:0; padding:0; line-height:1.5; font-size:14px; }

/* 共通設定１
---------------------------------------------------- */
#wrap_bg{
	background:url(../img/common/bg_wrap01.jpg) no-repeat center top;
	width:100%;
	height: auto;
}
#wrap_box{
	width:944px;
	margin:0px auto;
	text-align:center;
	height: auto;
}
#wrap{
	padding-top:22px;
	text-align:left;
	height: auto;
}

/* ヘッダー */
#header_Lbox {
	float:left;
	width:450px;
	height:64px;
	padding-left: 5px;
	text-align: left;
}
#header_Lbox h1{
	font-size:12px;
	margin-bottom:10px;
	letter-spacing: 0.1em;
}

#header_Rbox{
	float:right;
	padding-top:10px;
	width:215px;
	padding-right: 5px;
}

/* ナビ */
#navi{
	clear:both;
	width:944px;
	height:59px;
}
#navi ul li{ list-style:none; width:157px; height:59px; float:left;}
#navi ul li.li_navtop{ width:159px;}

/* h2 */
h2.h2_naka{ width:944px; height:125px;}

/* アウトライン */
#outline {
	background:url(../img/common/bg_outline01.png) no-repeat center top;
	width:890px;
	padding:43px 27px 35px 27px;
	text-align:left;
}

#pagetop{
	text-align:right;
	padding: 0px 20px 30px 0px;
}
#pagetop p{
}
#pagetop a{
	color:#3399cc;
	font-weight:bold;
}
#pagetop a:hover{ color:#66CCCC;}

/* フッター */
#footer_bg {
	background:url(../img/common/bg_footer.gif) repeat-x center bottom;
	height:51px;
}

#footer_box {
	width:944px;
	height:51px;
	text-align:center;
	margin: 0px auto;
}
#footer{
	width:934px;
	padding:22px 5px 0px 5px;
	height:29px;
	text-align: left;
}

#footer_Lbox{ float: left; width:620px;}
#footer_Lbox p{
	line-height:1.0;
	letter-spacing: 0.1em;
	font-size:12px;
}
#footer_Lbox a{ color:#333333; text-decoration:none;}
#footer_Lbox a:hover{ color:#336699;}

#footer_Rbox{ float: right; width:290px;}
#footer_Rbox p{ font-size:11px; text-align:right;}

/* 共通設定２
---------------------------------------------------- */
#tab{ height:47px; width:890px; margin-bottom:20px; border-bottom: solid #35aee1 3px;}
.tab_box{
	float:left;
	width:248px;
	height:47px;
	margin-right:4px;
}

/* レイアウト関連  */
.btm00{ margin-bottom:0px;}
.btm05{ margin-bottom:5px;}
.btm10{ margin-bottom:10px;}
.btm15{ margin-bottom:15px;}
.btm20{ margin-bottom:20px;}
.btm25{ margin-bottom:25px;}
.btm30{ margin-bottom:30px;}
.btm35{ margin-bottom:35px;}
.btm40{ margin-bottom:40px;}
.btm45{ margin-bottom:45px;}

.right20{ margin-right:20px;}


.cont00{
	width:880px;
	margin-right: 5px;
	margin-left: 5px;
}

.cont01{
	width:880px;
	border-top:solid #cccccc 1px;
	padding-top:15px;
	margin-right: 5px;
	margin-left: 5px;
}

.cont02{
	width:880px;
	border-bottom:solid #cccccc 1px;
	padding:0px 0px 15px 0px;
	margin-right: 5px;
	margin-left: 5px;
}

.box01{
	padding:12px;
	background-color:#dff5fe;
}
.box02{
	padding:12px;
	background-color:#e3fedf;
}

.box_qa_a{
	padding-left:22px;
}

.boxL{ float:left;}
.boxR{ float:right;}

.boxL01{ float:left; width:430px;}


.boxR02{
	float:right;
	width:275px;
}
.boxL02{ float:left; width:116px;}

/* a関連 */

/* h関連 */
h2.h2_top{ font-weight:bold; color:#003399; font-size:12px; line-height:1.5;}

h3.h3_txt01{
	font-size:14px;
	color:#3399cc;
	line-height:1.0;
	margin-bottom:11px;
	padding-left: 20px;
	background:url(../img/common/bg_h301.png) no-repeat left;
	height:15px;
	font-weight: bold;
}
h3.h3_txt02{
	 color:#336699;
	 font-weight:bold;
	 font-size:14px;
	 line-height:1.5;
}

h4.h4_txt01{
	 color:#336699;
	 font-weight:bold;
	 font-size:14px;
	 line-height:1.5;
}

h4.h4_txt02{
	font-size:14px;
	color:#3399cc;
	line-height:1.0;
	margin-bottom:5px;
	padding-left: 20px;
	background:url(../img/common/bg_h301.png) no-repeat left;
	height:15px;
	font-weight: bold;
	display: block;
}


/* p関連 */

/* フォント関連  */
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}

.fontb{ font-weight:bold; }
.fontn{ font-weight: normal; }

.c_red { color: #ff0000; } 

.c_red01{ color:#993833;}
.c_red01b{ color:#993833; font-weight:bold;}

.c_blue01{ color:#1f9dda;}
.c_blue01b{ color:#1f9dda; font-weight:bold;}
.c_blue02{ color:#336699;}
.c_blue02b{ color:#336699; font-weight:bold;}
.c_blue03{ color:#003399;}
.c_blue03b{ color:#003399; font-weight:bold;}

.c_green01{ color:#2e681f;}
.c_green01b{ color:#2e681f; font-weight:bold;}

/* table
---------------------------------------------------- */
table{ width:100%;}

/* table_lay01  */
table.table_lay01 tr td,table.table_lay01 tr th{
	font-size:14px;
	vertical-align:top;
	line-height:1.5;
	padding:7px 10px;
}
table.table_lay01 tr th{
	font-weight:bold;
	color:#336699;
	text-align: left;
}

/* table_flow01  */
table.table_flow01 tr th, table.table_flow01 tr td{
	font-size:14px;
	line-height:1.5;
	height:84px;
	vertical-align:middle;
}
table.table_flow01 tr th{
	background-color:#35aee1;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width:150px;
	line-height: 1.7;
}
table.table_flow01 tr td{ padding-left:20px;}

/* table_plan01  */
table.table_plan01 tr td{
	width:154px;
	padding-right:7px;
	padding-bottom:7px;
}

/* top
---------------------------------------------------- */
.body1 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../img/common/bg_body01.gif)repeat-x center top;
}

.mtop05{
	margin-top:8px;
}


div#depthBox {
    position: relative;
}
/*重ね順上*/
div#depthBox div.depthTop {
	position: absolute;
	top: 22px;
	left: 50%;
	margin-left:-472px;
	z-index: 2;
	text-align:center;
}

div#depthBox div.depthTop02 {
	position: absolute;
	top: 1110px;
	z-index: 1;
	text-align: center;
	width: 100%;
	background: url(../img/common/bg_footer.gif) repeat-x center;
	height: 51px;
	left: 0px;
}
/*重ね順下（背景化）*/
div#depthBox div.depthBottom {
	position: absolute;
	top: 122px;
	left: 50%;
	margin-left:-750px;
	z-index: 0;
}

/* トップバナー  */
#top_bnr{
	background:url(../img/top/bg_bnr01.png) no-repeat center top;
	padding:37px 0px 0px 38px;
	height:224px;
	width: 906px;
	margin-bottom: 25px;
	text-align:left;
}

#top_bnr ul li{
	float:left;
	width:249px;
	height:210px;
	list-style:none;
	margin-right:60px;
	font-size:12px;
}
#top_bnr ul li a{
	color:#333333;
	text-decoration:none;
	padding-top:140px;
	line-height:1.5;
	display:block;
}
#top_bnr ul li a:hover{ color:#666666;}

#top_bnr ul li a.a_tobbnr01{
	background:url(../img/top/bnr01_off.png) no-repeat center top;
}
#top_bnr ul li a.a_tobbnr01:hover{
	background:url(../img/top/bnr01_on.png) no-repeat center top;
}
#top_bnr ul li a.a_tobbnr02{
	background:url(../img/top/bnr02_off.png) no-repeat center top;
}
#top_bnr ul li a.a_tobbnr02:hover{
	background:url(../img/top/bnr02_on.png) no-repeat center top;
}
#top_bnr ul li a.a_tobbnr03{
	background:url(../img/top/bnr03_off.png) no-repeat center top;
}
#top_bnr ul li a.a_tobbnr03:hover{
	background:url(../img/top/bnr03_on.png) no-repeat center top;
}

/*   */
#top_box01{
	width: 880px;
	padding-left: 32px;
	margin-bottom: 33px;
	text-align: left;
	height: 218px;
}
#top_box01 table{ width:880px;}
#top_box01 table tr td{ vertical-align:top;}

/* ご利用の流れ
---------------------------------------------------- */
.ya01{ padding:10px 0px 10px 55px;}

.flow_box02{
	width:150px;
	text-align:center;
	margin-left: 12px;
}

a.a_flow01{
	display:block;
	background:#666666;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	padding:14px 0px;
	text-decoration:none;
}
a.a_flow01:hover{
	background-color:#35aee1;
}

/* プラン
---------------------------------------------------- */
h3.h3_plan01{ padding-left:10px; padding-bottom:15px;}
.plan_cont01{
	width:840px;
	padding:22px 20px;
	background-position: center top;
}

.plan_cont01_naka{
	width:798px;
	padding:21px;
	background:url(../plan/img/bg_cont01.png) center top;
}

.plan_img01{ margin-bottom:7px;}
.plan_txt01{
	font-size:14px;
	color:#FFFFFF;
	padding:5px;
	background-color:#3399cc;
	line-height:1.0;
	text-align: center;
	font-weight: bold;
}