@charset "utf-8";

/* -----------------------------------------------------------
CSS Information


 File name:      kousokudouro_common.css
 Style Info:    高速ページ独自のスタイル
----------------------------------------------------------- */

/* topics + tarm + h1のスタイル[
----------------------------------------------------------- */

#cam {
	text-align: left;
}

.cam {
	width: 450px;
	display: block;
	float: left;
	font-size: 12px;
}

.cam p {
	display: block;
	height: 15px;
	margin-bottom: 3px;
}

.cam a {
	text-decoration: underline !important;
	display: block;
	height: 15px;
	background: url(/jalan/doc/theme/common/images/topics.gif) no-repeat;
	padding-left: 70px;
}

#page_info {
	float: right;
	width: 250px;
}

.index_h1 {
	font-size: 12px;
	color: #666666;
	padding-right: 5px;
	text-align: right;
	width: 250px;
	font-weight: normal;
	display: block;
}

.tarm_cam {
	font-size: 12px;
	color: #666666;
	padding-right: 5px;
	display: block;
	width: 250px;
	text-align: right;
}


/* コンテンツ全体[
----------------------------------------------------------- */
#content {
	width: 740px;
}
#content .h2_ti {
	text-align: left;
}


/* コンテンツ上部キャッチ(画像)[
----------------------------------------------------------- */

.index_catch1 {
	height: 27px;
	width: 730px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
}

/* コンテンツ上部リード[
----------------------------------------------------------- */

.index_read1 {
	font: 75%/1.3 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


/*
 追加したスタイル[
----------------------------------------------------------- */
/*高速道路ヘッダー*/

#content .head_list {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffe065;
}
#content .head_list li {
	float: right;
	background-image: url(/jalan/doc/theme/common/images/tri_sk.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	margin-bottom: 10px;
}
#content .head_list a {
	text-decoration: underline;
}
#content .h2_ti2 {
	text-align: left;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF6600;
	padding-left: 6px;
	color: #333333;
	margin-top: 15px;
	font-size: 112.5%;
}
/**/

/*map*/

#content #ken_map {
	margin-top: 15px;
}
/**/

/*リンク一覧*/
#content .link_list {
	width: 738px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#content .link_list .h3_ti1 {
	background-image: url(../images/kousoku_bg001.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	padding: 8px;
	font-size: 75%;
	font-weight: bold;
	color: #333333;
}
#content .link_list ul {
	border: 1px solid #999999;
	padding: 15px;
	text-align: left;
}

#content .link_list li {
	width: 137px;
	text-align: left;
	font-size: 75%;
	color: #666666;
	background-image: url(../images/list_mark.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 10px;
	margin-bottom: 5px;
	display:inline-block;
	vertical-align:top;
}

* html #content .link_list li { /* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html #content .link_list li { /* IE 7 */
	display:inline;
	zoom:1;
}

#content .link_list a {
	text-decoration: underline;
}
/**/

/*ドラぷらロゴ*/
#content #sapa_logo {
	text-align: left;
	margin-top: 5px;
}
#content #sapa_logo img {
	vertical-align: middle;
}
/**/

/*県宿検索導線*/
#content #yado_kenlink {
	margin-top: 15px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
#content #yado_kenlink li {
	background-image: url(../../common/images/tri_sk.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 12px;
	font-size: 87.5%;
	float: left;
	width: 160px;
}
#content #yado_kenlink a {
	text-decoration: underline;
	font-weight: bold;
}
/**/

/*ICmap*/
#content #ic_map #ic_map_ti h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	padding: 5px;
	float: left;
}
#content #ic_map #ic_map_ti {
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	margin-bottom: 15px;
}
#content #ic_map {
	margin-top: 15px;
	margin-bottom: 15px;
}
#content #ic_map #ic_map_img {
	float: left;
}

#content #ic_map #ic_map_list {
	width: 400px;
	float: right;
	text-align: left;
}
#content #ic_map #ic_map_list li {
	list-style-type: decimal;
	font-size: 75%;
	margin-bottom: 5px;
	list-style-position: inside;
}
#content #ic_map #ic_map_list a {
	text-decoration: underline;
}
#content #ic_map #ic_map_list .ic_price {
	font-weight: bold;
}
#content #ic_map #ic_map_list .ic_member {
	font-size: 10px;
	color: #666666;
}
#content #ic_map #ic_map_list p {
	margin-top: 15px;
	background-image: url(../../common/images/tri_sk.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 12px;
}
#content #ic_map #ic_map_list strong {
	font-weight: bold;
}
/**/

/*ICcassette*/

#content .search-result-cassette a {
	text-decoration: underline;
}
/**/

/*SAPA*/
#content #sapa_block1 {
	text-align: left;
	padding-top: 15px;
}

#content #sapa_block1 #info1 {
	border: 1px solid #999999;
	width: 487px;
	float: left;
}

#content #sapa_block1 .th1 {
	background-image: url(../images/sapa_bg001.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ff6600;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #fbf6c5;
	border-bottom-color: #fbf6c5;
	border-left-color: #fbf6c5;
	text-align: left;
	padding: 8px;
	font-size: 87.5%;
	color: #FFFFFF;
	width: 135px;
}
#content #sapa_block1 .th_top {
	background-image: url(../images/sapa_bg001.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ff6600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fbf6c5;
	border-right-color: #fbf6c5;
	border-bottom-color: #fbf6c5;
	border-left-color: #fbf6c5;
	border-top-style: solid;
	text-align: left;
	padding: 8px;
	font-size: 87.5%;
	color: #FFFFFF;
	width: 135px;
}
#content #sapa_block1 .td1 {
	background-color: #fbf6c5;
	text-align: left;
	padding: 8px;
	font-size: 80%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
#content #sapa_block1 .td_top {
	background-color: #fbf6c5;
	text-align: left;
	padding: 8px;
	font-size: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content #sapa_block1 #sapa_map {
	float: right;
	width: 240px;
}
#content #sapa_block1 #sapa_map #sapa_mapbox {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#content #sapa_block1 #sapa_map #sapa_map_img {
	margin-bottom: 10px;
}

#content #sapa_block1 #sapa_map #sapa_mapbox #sapa_map2 {
}

#content #sapa_block1 #sapa_map #sapa_map2 {
	width: 220px;
}
#content #sapa_block1 #sapa_map #sapa_mapbox #sapa_map2 .map_cell1 {
	background-image: url(../images/sapa_bg002.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #31319C;
	width: 17px;
}
#content #sapa_block1 #sapa_map #sapa_mapbox #sapa_map2 .map_cell2 {
	background-color: #31319C;
	background-image: url(../images/sapa_bg003.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 17px;
}
#content #sapa_block1 #sapa_map #sapa_mapbox #sapa_map2 .map_cell3 {
	background-image: url(../images/sapa_bg004.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FF6331;
	width: 17px;
}
#content #sapa_block1 #sapa_map #sapa_mapbox #sapa_map2 p {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#content #sapa_block1 #sapa_map #sapa_mapbox a {
	text-decoration: underline;
}
/**/

/*
 キャンペーン[
----------------------------------------------------------- */

#content #index_block3 {
	background-image: url(../images/index_li001.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 720px;
	padding-top: 15px;
	margin-bottom: 20px;
}
#content #index_block3 #cam1 {
	float: left;
	margin-left: 30px;
}
#content #index_block3 #index_block3_1 {
	float: right;
	width: 350px;
	margin-right: 30px;
	_margin-right: 15px;
	text-align: left;
	line-height:1.2;
}
#content #index_block3 #index_block3_1 #camtx002 {
	margin-top: 5px;
	margin-bottom: 10px;
}

/*
 キャンペーン090707追加[
----------------------------------------------------------- */


#content #index_block4 {
	background-image: url(../images/index_li001.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 720px;
	padding-top: 15px;
	margin-bottom: 20px;
}
#content #index_block4 #cam1 {
	float: left;
	margin-left: 30px;
}
#content #index_block4 #index_block4_1 {
	float: left;
	width: 380px;
	margin-left: 16px;
	text-align: left;
	line-height:1.2;
}
#content #index_block4 #index_block4_1 #camtx003 {
	margin-top: 5px;
	margin-bottom: 10px;
}

.style1 {color: #ff6600}



/*
 キャンペーン090805追加[
----------------------------------------------------------- */
.bnrArea{
   margin-bottom:30px;
   text-align:left;
   }


.bnr_l{
    float:left;
	margin-left:40px;
	_margin-left:20px;
	width:294px;
	}

.txt_r{
    float:left;
	margin-left:15px;
	width:380px;
	text-align:left;
    }

.txt_r div{
    margin-top:3px;
	margin-bottom:5px;
	}

.txt_r p{
    line-height:1.3;
	}
.attention{
    font-size:10px;
	color: #ff0000;
	
	}

/**/


/*
 バナー追加用[index.html]
----------------------------------------------------------- */

.bnrArea_l{
	float:left;
	width:540px;
}

.bnrArea_r{
	float:left;
	width:180px;
	margin-top:15px;
	margin-bottom:15px;
}

#content .tx_basic02 {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
	font-size:12px;
	line-height:1.5;
}
#content .tx_basic02 strong {
	font-weight: bold;

}










/*
IC検索結果用移植部分
■definition_text */
.type01 {color:#333;}
.type02 {color:#930;}
.type03 {color:#666;}
.type04 {color:#f00;}
.type05 {color:#f33;}
.type06 {color:#f33; font-size: 1.4em; font-weight: bold;}
.type07 {color:#f30;}
.fb { font-weight: bold;}
.s11_f00 { color: #f00; font-size: 70%; line-height: 1.1em; }
.s12_00b { color: #000; font-size: 75%; line-height: 1.3em; font-weight: bold;}
.s12_f33b { color: #f33; font-size: 75%; line-height: 1.3em; font-weight: bold;}
.s12_FF5A00b { color: #FF5A00; font-size: 75%; line-height: 1.3em; font-weight: bold;}
.s14_FF5A00b { color: #FF5A00; font-size: 100%; line-height: 100%; font-weight: bold;}
.s16_FF5A00b { color: #FF5A00; font-size: 120%; line-height: 100%; font-weight: bold;}
.s16_F60b { color: #F60; font-size: 120%; line-height: 1.3em; font-weight: bold;}
.s16_30 { color: #303030; font-size: 120%; line-height: 1.3em;}
.f60b { color: #F60; font-weight: bold;}
.f30b { color: #FF3300; font-weight: bold;}
.s30b { color: #303030; font-weight: bold;}
.fF00 { color: #FF0000;}
.f1b47ff { color: #1b47ff;}

.s12_30l { color: #303030; font-size: 75%;}
.s12_30b { color: #303030; font-size: 75%; font-weight: bold; line-height: 1.3em }
.s12_33 { color: #333; font-size: 75%; line-height: 1.3em }
.s12_66b { color: #666; font-size: 75%; font-weight: bold; line-height: 1.3em }
.s12_30o { color: #F60; font-size: 75%; font-weight: bold; line-height: 1.3em }

.h1_30 { color: #303030; font-size: 100%; font-weight: normal }