@charset "utf-8";


/* import
------------------------------------------------------------------------------------------------------*/
@import url("font.css");
@import url("icon.css");
@import url("header.css");
@import url("footer.css");


/*  初期化設定/汎用的な設定
------------------------------------------------------------------------------------------------------*/
body {
	color: #333;
	background: #fff;
	font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	font-size: 62.5%;
	text-align: left;
}

/*  link
------------------------------------------------------------------------------------------------------*/
a{
	/*color:#1D3994;*/
	color:#579F12;
	text-decoration:none;
	outline-style:none;
}
/*	color:#3071B8;*/

a:visited{
	color:#941D55;
	text-decoration:none;
}
/*color:#993399;*/

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


/*  reset
------------------------------------------------------------------------------------------------------*/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

ul{
	list-style:none outside none;
}

a img{
	border:none;
}

/*div.checkbox{
    display:inline;
}*/

/*  utility
------------------------------------------------------------------------------------------------------*/
.floatr
	{float:right !important;}
.floatl
	{float:left !important;}

.clear
	{clear:both !important;}
br.del,div.del
	{clear:both !important;}
.ofh{
	overflow:hidden;
}

/* box layout
------------------------------------------------------------------------------------------------------*/
#container{
}

#content{
	min-width:1200px;
	min-height:500px;
	overflow:hidden;
	padding:10px 0 20px;
}

/*** main ***/
#main{
	float:left;
	min-width:700px;
	width:80%;
}

#main h1{
	background: -moz-linear-gradient(right, #fff, #414FA0 100%);
	background: -webkit-gradient(linear, right top, left bottom, from(#fff), to(#414FA0));
	background: linear-gradient(top, #fff 0%, #414FA0 100%);
	-moz-border-radius:0 10px 0 10px;
	-webkit-border-radius:0 10px 0 10px;
	-o-border-radius:0 10px 0 10px;
	border-radius:0 10px 0 10px;
	font-size:16px;
	color:#FFF;
	padding:5px 0 5px 10px;
	margin:0 0 20px 0;
}

.subTitle{
	border-bottom:solid 2px #063;
	border-left:solid 6px #063;
	font-size:14px;
	padding:3px 5px;
}

.hotel_list{
	padding:0 0 0 20px;
}

.hotel_list ul{
	padding:0 0 0 20px;
	list-style:disc outside none;
}

.hotel_list ul li{
	font-size:16px;
	padding:0 0 5px;
}



/*** l_side ***/
#l_side{
	float:left;
	width:200px;
	padding:0 10px;
}

div.menu_box{
	border:solid 1px #414FA0;
	border-top:none;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

div.menu_box h4{
	background:#414FA0;
	font-size:14px;
	color:#FFF;
	padding:3px 0 3px 10px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

div.menu_box menu{
	list-style:square outside none;
	padding:10px 0 10px 25px;
	margin:0;
	font-size:12px;
}

div.menu_box menu li{
	padding:0 0 5px 0;
}



/*** main_full ***/
.main_full{
}


/* login */
.login_area{
	padding:20px 0;
}
.login_area p{
	margin:0 auto;
	font-size:16px;
	text-align:center;
}

.login_area form{
	width:50%;
	margin:0 auto;
}

.login_area form table{
	width:70%;
	margin:0 auto 5px;
	font-size:14px;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
}

.login_area form table th{
	padding:10px;
	text-align:right;
	background:#CCC;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

.login_area form table td{
	padding:10px;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

.login_area form table input{
	padding:5px;
	font-size:14px;
}


.login_area .auto_login{
	margin:0 auto;
	font-size:14px;
	text-align:center;
}

.login_area .button input{
	font-size:16px;
	padding:3px;
}

/* form layout
------------------------------------------------------------------------------------------------------*/
.form_box{
}

.form_box h3{
	font-size:14px;
}

.input_box{
	font-size:12px;
}

.input_box_border{
	border:solid 1px #CCC;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


.input_box input[type="text"]{
	padding:2px;
	font-size:14px;
}

.input_del{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.input_bg{
	border:2px solid #999;
	border-radius:5px;
	padding:10px;
}


/* table layout
------------------------------------------------------------------------------------------------------*/
/* リスト */
table.data_list{
	font-size:12px;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
}

table.data_list th{
	background:#CCC;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

table.data_list td{
	padding:5px;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
	vertical-align:middle;
}

/* フォーム */
table.form{
	font-size:12px;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
}

table.form th{
	background:#CCC;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

table.form td{
	padding:5px;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

/* 詳細 */
table.view{
	font-size:12px;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
}

table.view th{
	background:#CCC;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

table.view td{
	padding:5px;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

/* 検索 */
div.search_box{
	background:#CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	box-shadow:2px 2px 2px #999999;
	padding:5px 0;
}

table.search{
	font-size:12px;
}

table.search th{
	padding:5px;
	font-size:10px;
	font-weight:normal;
	text-align:right;
}

table.search td{
	padding:5px;
}

/* 削除用 */
table.del_list{
	width:80%;
	margin:0 auto;
	font-size:12px;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
}

table.del_list th{
	background:#CCC;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}

table.del_list td{
	padding:5px;
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
}


/* フォームパーツ */

select{
	padding:2px;
	font-size:12px;
}

textarea{
	padding:2px;
	font-size:12px;
}


div.button_box{
	text-align:center;
}
div.button_box input{
	padding:5px 10px;
	font-size:14px;
	font-weight:bold;
}

a.set_links{
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:5px 0;
	width:150px;
	border:solid 1px #999999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background:#666;
	color:#FFF;
	box-shadow:2px 2px 2px #999999;

}

a.button{
	display:inline-block;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	padding:3px 10px;
	border:solid 1px #999999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background:#666;
	color:#FFF;
	box-shadow:1px 1px 1px #999999;

}


/*　ページング
------------------------------------------------------------*/
.paginator_list{
	text-align:left;
	font-size:12px;
}

.paginator_num{
	text-align:center;
	font-size:12px;
}

/*　セッションメッセージ/メッセージ
------------------------------------------------------------*/
div.flash_success{
	background:#CCFFCC;
	border:solid 1px #CCC;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 10px 30px;
	margin:0 0 10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

div.flash_error{
	background:#DB1A0B;
	border:solid 1px #CCC;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:10px 0 10px 30px;
	margin:0 0 10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

p.no_data{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:0 0 20px 0;
}

p.del_txt{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding:0 0 20px 0;
}

/*　iflame設定
------------------------------------------------------------*/
.site_thum{
	-moz-transform: scale(0.33);
	-moz-transform-origin: 0 0;
	-webkit-transform: scale(0.33);
	-webkit-transform-origin: 0 0;
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	overflow:hidden;
	width:1000px;
	height:1000px;
}

/*　マージン
------------------------------------------------------------*/
.m0{margin:0px !important;}
.mt0{margin-top:0px !important;}
.ml0{margin-left:0px !important;}
.mb0{margin-bottom:0px !important;}
.mr0{margin-right:0px !important;}


.m3{margin:3px !important;}
.mt3{margin-top:3px !important;}
.ml3{margin-left:3px !important;}
.mb3{margin-bottom:3px !important;}
.mr3{margin-right:3px !important;}

.m5{margin:5px !important;}
.mt5{margin-top:5px !important;}
.ml5{margin-left:5px !important;}
.mb5{margin-bottom:5px !important;}
.mr5{margin-right:5px !important;}

.m10{margin:10px !important;}
.mt10{margin-top:10px !important;}
.ml10{margin-left:10px !important;}
.mb10{margin-bottom:10px !important;}
.mr10{margin-right:10px !important;}

.mt15{margin-top:15px !important;}
.ml15{margin-left:15px !important;}
.mb15{margin-bottom:15px !important;}
.mr15{margin-right:15px !important;}

.m20{margin:20px !important;}
.mt20{margin-top:20px !important;}
.ml20{margin-left:20px !important;}
.mb20{margin-bottom:20px !important;}
.mr20{margin-right:20px !important;}

.m30{margin:30px !important;}
.mt30{margin-top:30px !important;}
.ml30{margin-left:30px !important;}
.mb30{margin-bottom:30px !important;}
.mr30{margin-right:30px !important;}


/*　パディング
------------------------------------------------------------*/
.p0{padding:0px !important;}
.pt0{padding-top:0px !important;}
.pl0{padding-left:0px !important;}
.pb0{padding-bottom:0px !important;}
.pr0{padding-right:0px !important;}


.p3{padding:3px !important;}
.pt3{padding-top:3px !important;}
.pl3{padding-left:3px !important;}
.pb3{padding-bottom:3px !important;}
.pr3{padding-right:3px !important;}

.p5{padding:5px !important;}
.pt5{padding-top:5px !important;}
.pl5{padding-left:5px !important;}
.pb5{padding-bottom:5px !important;}
.pr5{padding-right:5px !important;}

.p10{padding:10px !important;}
.pt10{padding-top:10px !important;}
.pl10{padding-left:10px !important;}
.pb10{padding-bottom:10px !important;}
.pr10{padding-right:10px !important;}

.pt15{padding-top:15px !important;}
.pl15{padding-left:15px !important;}
.pb15{padding-bottom:15px !important;}
.pr15{padding-right:15px !important;}

.p20{padding:20px !important;}
.pt20{padding-top:20px !important;}
.pl20{padding-left:20px !important;}
.pb20{padding-bottom:20px !important;}
.pr20{padding-right:20px !important;}

.p30{padding:30px !important;}
.pt30{padding-top:30px !important;}
.pl30{padding-left:30px !important;}
.pb30{padding-bottom:30px !important;}
.pr30{padding-right:30px !important;}

.p40{padding:40px !important;}
.pt40{padding-top:40px !important;}
.pl40{padding-left:40px !important;}
.pb40{padding-bottom:40px !important;}
.pr40{padding-right:40px !important;}


/*  透明度設定 
------------------------------------------------------------------------------------------------------*/
#transp80,
.transp80{filter:alpha(opacity=80);	-moz-opacity: 0.8;opacity: 0.8;}
#transp70,
.transp70{filter:alpha(opacity=70);	-moz-opacity: 0.7;opacity: 0.7;}
#transp65,
.transp65{filter:alpha(opacity=65);	-moz-opacity: 0.65;opacity: 0.65;}
#transp60,
.transp60{filter:alpha(opacity=60);	-moz-opacity: 0.6;opacity: 0.6;}


/* clearfix
----------------------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* パンくず設定 */
p#pan{
	font-size:12px;
	margin:0;
	padding:5px 0 10px 0;
}