@charset "utf-8";

/* -----------------------------------------------------------
CSS Information


 File name:      pet_common.css
 Style Info:     各特集独自のスタイル
----------------------------------------------------------- */

/* topics + tarm + h1のスタイル[
----------------------------------------------------------- */

#cam {
	text-align: left;
}

.cam {
	width: auto;
	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: 10px;
	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;
}


/* コンテンツ全体[
----------------------------------------------------------- */
#wrapper {
	width: 950px;
}

#content {
	width: 740px;
	float: left;
}
#content #content_block1 {
	background-image: url(/pet/images/index_bg001.png);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 15px;
	padding-bottom: 15px;
}


/*totop マージン追加*/

.totop_margin2 {
	padding-top: 8px;
	margin-bottom: 10px;
}



/* [
----------------------------------------------------------- */

.index_read1 {
	color: #663333;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	line-height: 1.3;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.index_caution {
	font-size: 10px;
	color: #F00;
	background-color: #FFF;
	width: 720px;
	border: 1px solid #F00;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
}
#map_bg {
	background-image: url(../images/index_bg003.png);
	width: 712px;
	text-align: left;
	padding-top: 1px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	height: 460px;
}
#map_bg h2 {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin-left: 27px;
	margin-top: 30px;
}



/*
 mapA＋pull フレームのスタイル[
----------------------------------------------------------- */

/*#mapのテーブル*/

#content #map {
	margin-top: 10px;
	margin-left: 9px;
}

/**/


/*県名から探す*/

.ken_search {
	text-indent: -9999px;
	margin: 0px;
	height: 41px;
	width: 331px;
	background-image: url(/jalan/doc/theme/common/images/pull_ken.gif);
	background-repeat: no-repeat;
}

.ken_search2 {
	background: #fdffda;
	height: 212px;
	padding-top: 1px;
}

#content .ken_search2 form {
	margin-top: 20px;
}

/**/


/*プルダウンのスタイル*/

select {
	width: 150px;
}

/**/


/*プルダウン下のイメージスタイル(デザインによって変更可)*/

#content .ken_search2 #image1 {
	margin-top: 15px;
}
.index_read2 {
	font-size: 10px;
	line-height: 1.3;
	color: #633;
	text-align: left;
	width: 720px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* [
----------------------------------------------------------- */

.ken_ti {
	font-size: 24px;
	color: #333;
	padding-left: 7px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #F30;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
.ken_read {
	font-size: 75%;
	color: #333;
	text-align: left;
	margin-bottom: 15px;
}

.area_caution {
	font-size: 10px;
	color: #F00;
	background-color: #FFF;
	width: 740px;
	border: 1px solid #F00;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.area_list {
	font-size: 75%;
	line-height: 1.4;
	background-color: #fbf5e1;
	margin-bottom: 10px;
}
.area_list a,
.area_list a:hover,
.area_list a:visited{
	text-decoration:underline;
}

.area_list h3 {
	font-weight: bold;
	width: 55px;
	float: left;
	margin: 10px;
	text-align: left;
}
.area_list h3 a {
	text-decoration: underline;
}

.area_list ul {
	float: right;
	width: 640px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.area_list ul li {
	list-style-type: none;
	margin-right: 5px;
	display: inline;
	text-align: left;
}
.area_list ul li strong {
	font-weight: bold;
}

.area_list li a {
	text-decoration: underline;
}
#content_block1 .manual_list {
	width: 720px;
}
#content_block1 .manual_list li {
	float: left;
	width: 240px;
	margin-bottom: 15px;
}
#content_block1 ul .tx12_333 .underline img {
	margin-bottom: 5px;
}
.tx10 {
	font-size: 10px;
}
.tx10_666 {
	font-size: 65%;
	color: #666;
}
.src-navi {
border-bottom:1px solid #D0D0D0;
margin-bottom:8px;
padding-bottom:5px;
position:relative;
}
.src-navi2 {
	padding-bottom: 10px;
}
.src-navi2 p {
float:left;
padding-left:2px;
}
.src-navi2 div {
float:right;
}
 .src-navi3 {
padding:0 0 20px;
text-align:right;
}
 .src-navi3 div.line {
border-bottom:1px solid #D0D0D0;
margin-bottom:10px;
padding-bottom:5px;
}
.s12_f33b {
	font-size:75%;
	font-weight:bold;
	color:#F33;
}

/**/

/* 県リンク一覧用のスタイル
------------------------------------------*/

#content #top_kenlink {
	width: 720px;
}

/* タイトル部分の指定*/
#content #top_kenlink p {
	background-color: #963;
	text-align: left;
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

/* ボーダーカラー*/
#content #top_kenlink #top_kenlink_in {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #963;
	margin-bottom: 10px;
	background-color: #FFF;
}

/* リンクごとの幅(文字量によって下記widthを変更)*/
#content #top_kenlink #top_kenlink_in li {
	font-size: 10px;
	width: 130px;
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align:top;
	float: left;
}
* html #content #top_kenlink #top_kenlink_in li { /* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html #content #top_kenlink #top_kenlink_in li { /* IE 7 */
	display:inline;
	zoom:1;
}

/*　フッター追記　*/
#ft_logo{
	width:960px;
	text-align:left;
}

/* -----------------------------------------------------------
 特集広告(写真あり)
----------------------------------------------------------- */

#ad_wrapper{
	width:740px;
	clear:both;
	}
.ken_ti_ad {
	font-size: 12px;
	color: #FFF;
	background-color: #996633;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}
.plan_box{
	text-align:left;
	_padding-bottom:1px;
	margin-bottom: 5px;
	border: 1px solid #996633;
	padding-bottom: 20px;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	line-height:1.3;
}

.plan_cst{
	width:340px;
	margin-left:20px;
	margin-top: 20px;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
}
.plan_cst .ad_ph{
	float:left;
}
.plan_cst .tx{
	width:300px;
}

.plan_cst .hotel_name{
	font-size:12px;
	color:333333;
	font-weight:bold;
	text-decoration:none!important;

}
.plan_cst .tx .hotel_name a em {
	font-style: normal;
	font-size: 85%;
}
.plan_cst .hotel_name a:link{
	color:#333;
    text-decoration:none!important;
}
.plan_cst .hotel_name a:visited{
	color:#333;
	text-decoration:none!important;
	}
.plan_cst .hotel_name a:hover {
	color: #333;
	text-decoration:underline!important;
}
.plan_cst .hotel_name a:active{
	color:333;
}

.plan_cst .plan_area{
	font-size:10px;
	color:#666;
}

.plan_cst .plan_tx{
    float: right;
    font-size: 12px;
    width: 240px;
	padding-bottom: 5px;
    word-wrap: break-word;
	word-break: break-all;
}

.plan_cst .contentsLink02 a {
	text-decoration:underline!important;
	font-weight:bold;
    word-wrap: break-word;
	word-break: break-all;
    width: 240px;
    }

.plan_cst .contentsLink02{
    text-align:left;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: left 4px;
	}

#adplugCassetTitleAnno {
	font-size: 12px;
	text-align: left;
	margin-bottom:20px;
}

.price{
	color:#F00;
	text-align:right;
	font-size:12px;
	font-weight:bold;
}


/* skyscraper */
#header_area {
    position: relative;
    width: 950px;
    margin: 0 auto;
}
#tokujs {
	text-align: left !important;
}
.socialIcon {
position: relative;
top: 18px !important;
float: right;
width: 400px;
margin-bottom: 40px !important;
}
ol, ul {
	list-style: none outside none;
}
.socialIcon ul {
	display: block;
	width: 100%;
	text-align: right;
	height: 24px;
}
.socialIcon li {
	display: inline-block !important;
	display: -moz-inline-box !important; /*for Firefox 2*/
 /display: inline; /*for ie5～7*/
 /zoom: 1; /*for ie5～7*/
	overflow:hidden !important;
}
.socialIcon li:nth-child(1){
/*	margin-right: -30px !important;*/
}
.to_pagetop {
font-size: 65%;
color: #666666;
width: 950px !important;
text-align: right;
min-height: 10px;
height: auto !important;
height: 10px;
clear: both;
}
#tokujs li{
	font-size: 90% !important;
	text-indent:0 !important;
}
#tokujs li a{
	padding:0;
	text-indent:0;
	letter-spacing:0;
}
#tokujs ul {
   padding:0 !important;
    list-style-type: none !important;
}
/*==============================

COMMON
================================*/
@charset "UTF-8";
/*
 * common
 * common：全ページ共通のcss。
 */
/*
 * setting
 * setting：各変数の定義。
 */
/*
 * base all
 * base：defaultの設定を指定する。上書きされないよう!importantを設定。
 */
/*
 * display
 */
/* line 6, ../../../../../assets/kg/pc/css/base/_display.scss */


/*
 * grid
 */
/*
 * margin
 */
/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT0 {
  margin-top: 0px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL0 {
  margin-left: 0px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR0 {
  margin-right: 0px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB0 {
  margin-bottom: 0px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT5 {
  margin-top: 5px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL5 {
  margin-left: 5px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR5 {
  margin-right: 5px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB5 {
  margin-bottom: 5px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT10 {
  margin-top: 10px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL10 {
  margin-left: 10px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR10 {
  margin-right: 10px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB10 {
  margin-bottom: 10px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT15 {
  margin-top: 15px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL15 {
  margin-left: 15px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR15 {
  margin-right: 15px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB15 {
  margin-bottom: 15px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT20 {
  margin-top: 20px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL20 {
  margin-left: 20px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR20 {
  margin-right: 20px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB20 {
  margin-bottom: 20px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT25 {
  margin-top: 25px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL25 {
  margin-left: 25px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR25 {
  margin-right: 25px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB25 {
  margin-bottom: 25px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT30 {
  margin-top: 30px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL30 {
  margin-left: 30px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR30 {
  margin-right: 30px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB30 {
  margin-bottom: 30px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT35 {
  margin-top: 35px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL35 {
  margin-left: 35px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR35 {
  margin-right: 35px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB35 {
  margin-bottom: 35px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT40 {
  margin-top: 40px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL40 {
  margin-left: 40px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR40 {
  margin-right: 40px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB40 {
  margin-bottom: 40px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT45 {
  margin-top: 45px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL45 {
  margin-left: 45px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR45 {
  margin-right: 45px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB45 {
  margin-bottom: 45px !important;
}

/* line 6, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mT50 {
  margin-top: 50px !important;
}

/* line 9, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mL50 {
  margin-left: 50px !important;
}

/* line 12, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mR50 {
  margin-right: 50px !important;
}

/* line 15, ../../../../../assets/kg/pc/css/base/_margin.scss */
.mB50 {
  margin-bottom: 50px !important;
}

/*
 * reset
 */
/* line 17, ../../../../../../../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */


/* line 22, ../../../../../../../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}



/* line 116, ../../../../../../../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 8, ../../../../../assets/kg/pc/css/base/_reset.scss */
body {
  
  
  
  font-size: 12px;
}

/* link */
/* line 16, ../../../../../assets/kg/pc/css/base/_reset.scss */

#ft_ul li {
float: left;
list-style-type: none;
margin: 30px 0 5px;
font-size: 10px;
}

#header990 #pankuzu {
font-size: 10px;
}

.to_pagetop {
font-size: 10px;
}

#content_block1 .manual_list {
font-size: 14px;
}

.plan_box {
border: 1px solid #996633;
}

.ken_ti_ad {
font-size: 12px;
color: #FFF;
background-color:#996633;
}