@charset "UTF-8";

@import url("common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　概要 : 共通では無いCSSを記入コメントアウトで年号別にしておく下記参照
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 
 2011年版 特集CSS
 
--------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------
 リストマーク
--------------------------------------------------------------------------------------- */

.leftColumn .ico_mark {
	margin: 15px 0 15px 12px;
}

.leftColumn .ico_mark li {
	float: left;
	list-style: none;
}


/* --------------------------------------------------------------------------------------
 TOP
--------------------------------------------------------------------------------------- */

.main_bg_top {
	position: relative;
	width: 635px;
	height: 731px;
	background: url(../img/main_bg.jpg) no-repeat left top;
	margin: 0 0 20px 0;
}

.main_bg_top h1 {
	position: absolute;
	left: 21px;
	top: 12px;
}

.main_bg_top .lead {
	position: absolute;
	left: 21px;
	top: 118px;
}

.main_bg_top .img01 {
	position: absolute;
	left: 183px;
	top: 441px;
}

.main_bg_top .img02 {
	position: absolute;
	left: 72px;
	top: 501px;
}

.main_bg_top .img03 {
	position: absolute;
	left: 385px;
	top: 501px;
}

.main_bg_top .btn01 {
	position: absolute;
	left: 307px;
	top: 546px;
}

.main_bg_top .btn02 {
	position: absolute;
	left: 411px;
	top: 546px;
}

.main_bg_top .btn03 {
	position: absolute;
	left: 512px;
	top: 546px;
}

.main_bg_top .btn04 {
	position: absolute;
	left: 357px;
	top: 643px;
}

.main_bg_top .btn05 {
	position: absolute;
	left: 472px;
	top: 643px;
}

.main_bg_top ul {
	position: absolute;
	left: 56px;
	top: 562px;
	font-size: 75%;
}

.main_bg_top ul li {
	margin: 0 0 3px 0;
	padding: 0 0 0 16px;
	background: url(../img/ico_arw_top.gif) no-repeat 0 .4em;
	list-style: none;
}

.main_bg_top ul li a {
	color: #512b01;
}

.top_box01 {
	margin: 0 0 20px 0;
	padding: 0 0 13px 0;
	background: url(../img/bg_top_bot01.gif) no-repeat left bottom;
}

.top_box01_rep {
	padding: 0 0 0 0;
	background: url(../img/bg_top_rep01.jpg) repeat-y;
}

.top_box01 .left_box {
	display: inline;
	float: left;
	width: 290px;
	margin: 0 0 0 16px;
}

.top_box01 .left_box p {
	margin: 0 0 10px 0;
	font-size: 75%;
}

.top_box01 .img_right {
	display: inline;
	float: right;
	margin: 0 4px 0 0;
}

.top_box02 {
	margin: 0 0 20px 0;
	padding: 0 0 13px 0;
	background: url(../img/bg_top_bot02.gif) no-repeat left bottom;
}

.top_box02 .left_box {
	display: inline;
	float: left;
	width: 290px;
	margin: 0 0 0 16px;
}

.top_box02 .left_box p {
	margin: 0 0 10px 0;
	font-size: 75%;
}

.top_box02_rep {
	padding: 0 0 0 0;
	background: url(../img/bg_top_rep02.jpg) repeat-y;
}

.top_box02 .img_right {
	display: inline;
	float: right;
	margin: 0 4px 0 0;
}

.top_box03 {
	margin: 0 0 20px 0;
	padding: 0 0 13px 0;
	background: url(../img/bg_top_bot03.gif) no-repeat left bottom;
}

.top_box03_rep {
	padding: 20px 20px 0 20px;
	background: url(../img/bg_top_rep03.gif) repeat-y;
	color: #3b5314;
}

.top_box03_rep td {
	padding: 0 100px 0 0;
	vertical-align: top;
	font-size: 75%;
}

.top_box03_rep td li {
	margin: 0 0 5px 0;
	list-style: none;
}

.top_box03_rep td a {
	color: #3b5314;
}


/* --------------------------------------------------------------------------------------
 全国キャンプ場リスト 都道府県別リスト
--------------------------------------------------------------------------------------- */

.prfHeadbelt {
	background: #a2850f;
	}
	
.leftColumn table.listTable {
	margin: 0 0 5px 0;
	border-bottom: 1px #cccccc solid;
	width: 635px;
	font-size: 75%;
}
	
.leftColumn table.listTable td {
	padding: 0 0 5px 0;
}

.leftColumn table.listTable td a:link {
	color: #a2850f;
	text-decoration: underline;
}
.leftColumn table.listTable tr td a:visited {
	color: #a2850f;
	text-decoration: underline;
}
.leftColumn table.listTable tr td a:hover {
	color: #a2850f;
	text-decoration: none;
}
.leftColumn table.listTable tr td a:active {
	color: #a2850f;
	text-decoration: none;
}

.leftColumn .listTable td.photo {
	width: 78px;
	padding: 0 0 5px 6px;
}
	
.leftColumn table.listTable tr td.textLeft {
	margin: 0;
}
	
.leftColumn table.listTable tr td.textRight {
	text-align: right;
	color: #666666;
}

/* トップページ */
td.topMenu { border:solid 1px #1bb96e; padding:1px;}
div.topMenu { padding:3px 5px 5px 5px; line-height:124%; }
div.topMenuS { padding:3px 5px 5px 5px; line-height:110%; }


/* 全国キャンプ場リスト */
#listTarget #off {
	padding-left:12px;
	background:url('../img/tryangle_green_right.gif') no-repeat left center;
	color:#1bb96e;
}
#listTarget #on {
	padding:0 0 7px 26px;
	background: url(../img/icon_mokuteki.gif) no-repeat 0 .0em;
	color: #666666;
}
#listArea #off {
	padding-left:12px;
	background:url('../img/tryangle_brown_right.gif') no-repeat left center;
	color:#663300;
}
#listArea #on {
	padding:0 0 7px 26px;
	background: url(../img/icon_mokuteki.gif) no-repeat 0 .0em;
	color: #666666;
}

#listTarget {
	clear:both;
	padding-top:8px;
	font-size: 75%;
}
#listTarget div { clear:both; }

#listTarget ul.listFirst{
	display:block;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:20px;
	list-style-type:none;
	border-top:solid 1px #da4d1b;
	border-right:solid 1px #da4d1b;
	border-bottom:solid 1px #da4d1b;
	border-left:solid 1px #da4d1b;
	background: #ffcda4;
}

#listTarget ul.listFirst li{
	display:inline;
	margin:0px;
	padding:0px;
	width:126px;
	height:20px;
	float:left;
	background:#da4d1b;
	color:#ffffff;
}

#listTarget ul.listFirst li.long{
	width:129px;
}

#listTarget ul.listFirst a{
	height:20px;
	display:block;
	color:#da4d1b;
	background:#ffcda4;
}

#listTarget ul.listFirst a:hover {
	background:#ffcda4;
	color: #ffffff;
	text-decoration: none;
}

#listTarget ul.listFirst span{
	display:block;
	text-align:center;
	padding:2px 0px 3px 0px;
}


#listTarget ul#listSecond{
	display:block;
	margin:0px;
	padding:0px 0px 0px 1px;
	height:21px;
	list-style-type:none;
	background:#da4d1b;
}
#listTarget ul#listSecond:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
#listTarget ul#listSecond { display:inline-block; overflow: hidden; }
/*\*/
* html #listTarget ul#listSecond { height:1%; }
#listTarget ul#listSecond { display:block; }
/**/

#listTarget ul#listSecond li{
	display:inline;
	margin:0px;
	padding:0px;
	height:20px;
	float:left;
/*	background:#da4d1b;*/
	color:#fcbc32;
	width: 100px;
}

#listTarget ul#listSecond a{
	height:20px;
	display:block;
	color:#ffffff;
}

#listTarget ul#listSecond a:hover {
	color:#fcbc32;
	text-decoration: none;
}

#listTarget ul#listSecond span{
	display:block;
	padding:2px 0px 0px 15px;
	background:url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;
/*	background:#da4d1b url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;*/
}

#listTarget ul#listThird{
	display:block;
	margin:0px;
	padding:0px 0px 0px 1px;
	height:21px;
	list-style-type:none;
	background:#da4d1b;
}

#listTarget ul#listThird li{
	display:inline;
	margin:0px;
	padding:0px;
	height:20px;
	float:left;
/*	background:#da4d1b;*/
	color:#fcbc32;
}

#listTarget ul#listThird a{
	height:20px;
	display:block;
	color:#ffffff;
}

#listTarget ul#listThird a:hover {
	color:#fcbc32;
	text-decoration: none;
}

#listTarget ul#listThird span{
	display:block;
	padding:2px 0px 0px 15px;
	background:url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;
/*	background:#da4d1b url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;*/
}


#listArea {
	clear:both;
	padding-top:8px;
	font-size: 75%;
}
#listArea div { clear:both; }

#listArea ul.listFirst{
	display:block;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:20px;
	list-style-type:none;
	border-right:solid 1px #da4d1b;
	border-bottom:solid 1px #da4d1b;
	background: #ffcda4;
}

#listArea ul.listFirst li{
	display:inline;
	margin:0px;
	padding:0px;
	width:105px;
	height:20px;
	float:left;
	background:#da4d1b;
	color:#ffffff;
}

#listArea ul.listFirst li.long{
	width:107px;
}

#listArea ul.listFirst a{
	height:20px;
	display:block;
	border-left:solid 1px #da4d1b;
	border-top:solid 1px #da4d1b;
	color:#da4d1b;
	background:#ffcda4;
}

#listArea ul.listFirst a:hover {
	background:#ffcda4;
	color: #ffffff;
	text-decoration: none;
}

#listArea ul.listFirst span{
	display:block;
	text-align:center;
	padding:2px 0px 3px 0px;
}


#listArea ul#listSecond{
	display:block;
	margin:0px;
	padding:0px 0px 0px 1px;
	height:21px;
	list-style-type:none;
	background:#da4d1b;
}

#listArea ul#listSecond li{
	display:inline;
	margin:0px;
	padding:0px;
	height:20px;
	float:left;
/*	background:#da4d1b;*/
	color:#fcbc32;
}

#listArea ul#listSecond a{
	height:20px;
	display:block;
	color:#ffffff;
}

#listArea ul#listSecond a:hover {
	color:#fcbc32;
	text-decoration: none;
}

#listArea ul#listSecond span{
	display:block;
	padding:2px 0px 0px 15px;
	background: url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;
/*	background:#da4d1b url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;*/
}

#listArea ul#listThird{
	display:block;
	margin:0px;
	padding:0px 0px 0px 1px;
	height:21px;
	list-style-type:none;
	background:#da4d1b;
}

#listArea ul#listThird li{
	display:inline;
	margin:0px;
	padding:0px;
	height:20px;
	float:left;
/*	background:#da4d1b;*/
	color:#fcbc32;
}

#listArea ul#listThird a{
	height:20px;
	display:block;
	color:#ffffff;
}

#listArea ul#listThird a:hover {
	color:#fcbc32;
	text-decoration: none;
}

#listArea ul#listThird span{
	display:block;
	padding:2px 0px 0px 15px;
	background:url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;
/*	background:#da4d1b url(../img/icon_arw.gif) no-repeat 0.7em 0.7em;*/
}

div#hokkaido{ clear:both; }
div#kanto{ clear:both; }
div#chubu{ clear:both; }
div#kinki{ clear:both; }
div#chugoku{ clear:both; }
div#kyushu{ clear:both; }

div#hokkaido ul li{
	width:90px;
}
div#kanto ul li{ width:84px; }
div#chubu ul li{ width:58px; }
div#kinki ul li{ width:98px; }
div#chugoku ul li{ width:65px; }
div#kyushu ul li{ width:73px; }

h2.list { 
	clear:both;
	width:591px;
	margin: 20px 0 5px 0;
	padding:3px 0px 10px 5px;
	background: url(img/bg_title_mokuteki.gif) repeat-x;
	color:#ffffff;
	font-weight: normal;
}

h2.listA {
	clear:both;
	margin: 20px 0 15px 0;
	padding-left: 25px;
	color:#ffffff;
	background:url("../img/2010camp_bg_title.gif") no-repeat;
	line-height: 40px;
	font-weight: normal;
	font-size: 88%;
	}
	h2.listA span {
		display:block;
		margin-top:17px;
		font-size:113%;
		font-weight:bold;
		}

h2.listExp { 
	clear:both;
	width:591px;
	margin: 20px 0 5px 0;
	padding:3px 0px 10px 5px;
	background: url(img/bg_title_mokuteki.gif) repeat-x;
	color:#ff6600;
	font-weight: normal;
}

td.list { line-height:125%; }

.detailMain {
	padding:0px 0px 10px 0px;
	background:url('img/line11.gif') left bottom repeat-x;
}
.detailMain h2{
	margin:0px;
	padding:0px;
}
.detailMain div{
	padding-left:26px;
}

.detailComment {
	padding:0px 18px;
	background:url('img/detail_h06_bg.gif') repeat-y;
}

.detailOther {
	padding:0px 0px 10px 0px;
}
.detailOther h2{
	margin:0px;
	padding:0px;
}
.detailOther div{
	padding-top:4px;
}

.detailAmusement h2 {
	padding:0px 0px 10px 0px;
}


/* アウトドア料理 */

h2.cooking { 
	clear:both;
	margin-bottom:10px;
}
div.section {
	margin-bottom:10px;
}

div.ingredients {
	margin-left:30px;
}

div.ingredients h3{
	margin-bottom:8px;
}

div.ingredients table{
	margin-left:10px;
}

div.ingredients td.item {
	color:#0A672D;
	padding-right:5px;
}

div.ingredients td.quantity {
	background:url('img/dotted.gif') left center repeat-x;

}

div.ingredients td.quantity span{
	background:#ffffff;
	margin-left:40px;
	padding-left:5px;
}

div.recipe {
	margin-left:30px;
}

div.recipe h3{
	margin-bottom:8px;
}

div.recipe td{
	padding-bottom:8px;
}

div.recipe td.process{
	padding-top:3px;
	line-height:125%;
}

div.footMenu {
	border-top:solid 1px #0A672D;
	border-bottom:solid 1px #0A672D;
	margin-bottom:6px;
	text-align:center;
	padding:8px 0px;
	color:#F26522;
}

div.footMenu a{
	color:#F26522;
}

div.footMenu a.hover{
	color:#0A672D;
}

div.footMenu a:visited{
	color:#F26522;
}



/* アウトドア基本用品紹介 */

#logosPrologue {
	text-align:left;
	margin:0px auto;
	width:440px;
}

#logosCheck {
	padding-left:25px;
	color:#ff0000;
	background:url('img/logos_check.gif') left center no-repeat;
}

#logosAddress {
	margin-top:8px;
	line-height:140%;
}

#logosText {
	padding:8px 0px;
	line-height:125%;
}

#logosText h3 {
	margin-bottom:8px;
}

#logosText strong {
	color:#0A672D;
}

#logosText hr {
	margin:15px 10px;
	padding:0px;
	height:1px;
	background:#ffffff;
	color:#ffffff;
	border-top:dashed 1px #0A672D;
}

#logosText div {
	margin-top:5px;
	margin-left:13px;
}


.logosPresent {
	width:500px;
	margin:0px auto 15px auto;
	padding:10px;
	border:dashed 1px #0A672D;
	background:#CBF0D9;
	text-align:left;
}

.logosPresent a {
	color:#ff0000;
	display:block;
	text-align:right;
	margin-top:5px;
}

/* アウトドアの達人 */

.master h3 {
	margin-bottom:8px;
}

.master p {
	margin:0px 10px 8px 10px;
}


/* アウトドアの遊び方 */

.playing p {
	margin:0px 0px 0px 10px;
	line-height:140%;
}


.playing a {
	color:#F26522;
}


/* みんなのアウトドアライフ */
.notice {
	padding-top:8px;
	color:#ED145B;
}
td.enqMenu { border:solid 1px #ED145B; padding:1px;}
div.enqMenu { padding:8px 0px 0px 34px; line-height:124%; }
.enqComment {
	margin:10px auto 0px auto;
	padding:8px;
	line-height:125%;
	border:solid 1px #ED145B;
	background:#FFE6EE;
	width:531px;
}

#enq02Menu ul{
	display:block;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:20px;
	list-style-type:none;
}

#enq02Menu ul li{
	display:inline;
	margin:0px;
	padding:0px;
	width:118px;
	height:20px;
	float:left;
	background:#ED145B;
	color:#ffffff;
}
#enq02Menu ul li.long{
	width:354px;
	border-right:solid 1px #ff8800;
}
#enq02Menu ul li.right{
	border-right:solid 1px #ff8800;
}

#enq02Menu ul a{
	height:20px;
	display:block;
	border-left:solid 1px #ff8800;
	border-top:solid 1px #ff8800;
	border-bottom:solid 1px #ff8800;
	color:#ff8800;
	background:#ffffff;
}

#enq02Menu ul a:hover {
	background:#ffffcc;
}

#enq02Menu ul span{
	height:20px;
	display:block;
	text-align:center;
	padding:3px 0px 3px 0px;
}

#enq02Menu div {
	clear:both;
	margin:0px 0px 0px 1em;
	padding-top:10px;
	text-indent:-1em;
}

.enq02Box {
	padding:15px;
	line-height:125%;
	border:solid 1px #F26522;
	background:#ffffdd;
}

.enq02Box span{
	color:F26522;
}

h3.enqTitle { 
	clear:both;
	width:591px;
	border:solid 1px #ED145B;
	background:#FFE6EE;
	margin-top:20px;
	margin-bottom:5px;
	padding:2px 0px 2px 5px;
	color:#ED145B;
}

/***** 0件表示 *****/

.nodata{
	font-size:12px;
	margin:50px auto;
	text-align:center;
	background:#FFFFCC;
	padding:20px;
	width:580px;
}