@charset "utf-8";

@import url("../../../css/common.css");
/* CSS Document */

/* --------------------------------------------------

featureBox

-------------------------------------------------- */
.featureBox{
	width: 960px;
	margin: 0 auto;
} 

/* --------------------------------------------------

bTab

-------------------------------------------------- */
ul#bTab {
	width: 960px;
	margin: 5px auto 0 auto;
	background: url(img/tab_back.jpg) repeat-x left top;
}

ul#bTab li {
	float: left;
	margin-right: 8px;
}

ul#bTab li img{
	vertical-align: bottom;
}

.featureBox ul#bTab li.end{
	margin-right: 0px;
}

/* --------------------------------------------------

featureTop

-------------------------------------------------- */

.featureTop{
	width: 938px;
	height: 470px;
	margin: 15px auto 0 auto;
	background: url(img/top_back.jpg) no-repeat left top;
	text-align: left;
	padding: 20px 20px 20px 20px;
}

.featureTop .left{
	width: 440px;
	float: left;
}

.featureTop h2{
	margin-bottom: 15px;
}

.featureTop h3{
	margin-bottom: 10px;
}

.featureTop ul{
	margin-top: 10px;
}

.featureTop ul li{
	float: left;
	margin-right: 7px;
	margin-top: 5px;
}

.featureTop .right{
	float: left;
	margin-left: 5px
}


/* --------------------------------------------------

backIndex

-------------------------------------------------- */
.backIndex{
	width: 960px;
	text-align: right;
	margin: 15px auto 0 auto;
}

/* --------------------------------------------------

kodawariContents

-------------------------------------------------- */
#kodawarileft {
	float: left;
	width: 130px;
	margin-top: 20px;
}

#kodawarileft img{
	vertical-align: top;
}

#kodawariRight {
	float: right;
	width: 814px;
	margin-top: 20px;
}

.pageLink{
	float: right;
	margin-top: 10px;
}

.pageLink li{
	float: left;
	margin-left: 10px;
}


/* --------------------------------------------------

spotData

-------------------------------------------------- */

.spotData{
	background: url(img/brown_dot.gif) no-repeat left bottom;
	padding-bottom: 15px;
	width: 814px;
	margin-bottom: 20px;
}

.spotData li{
	float: left;
	margin-right: 10px;
	width: 261px;
	text-align: left;
}

.featureBox .spotData li.end{
	margin-right: 0px;
}

.minami_name{
	color: #FD0000;
	font-size: 1.2em;
	font-weight: bold;
}

.nishi_name{
	color: #725601;
	font-size: 1.2em;
	font-weight: bold;
}

.kita_name{
	color: #006699;
	font-size: 1.2em;
	font-weight: bold;
}

.sl_name{
	color: #729700;
	font-size: 1.2em;
	font-weight: bold;
}

.spotData .dataDetail{
	color: #7A6201;
	margin-bottom: 5px;
}

.spotData .dataDetail a:link{
	color: #7A6201;
	margin-bottom: 5px;
	font-weight: normal;
}

.spotData .dataDetail a:visited{
	color: #7A6201;
	margin-bottom: 5px;
	font-weight: normal;
}

.spotData .dataDetail a:hover{
	color: #7A6201;
	margin-bottom: 5px;
	font-weight: normal;
}

.jousha{
	width: 784px;
	padding: 15px;
	margin-bottom: 20px;
}

.jousha_minami{
	background: #FCDCD8;
}

.jousha_nishi{
	background: #FFEAAA;
}

.jousha_sl{
	background: #F0FCCD;
}

.jousha_kita{
	background: #EEFAFF;
}

.jousha dt{
	float: left;
	width: 387px;
}

.jousha dd{
	float: right;
	width: 380px;
	text-align: left;
}

.jousha dd p{
	margin-bottom: 10px;
}

.jousha dd p .dataDetail{
	color: #7A6201;
}

.jousha ul{
	margin-top: 10px;
}

.jousha ul li{
	float: left;
	margin-right: 15px;
}

.jousha ul li.end{
	margin-right: 0px;
}

.yorimichi{
	margin-top: 15px;
	margin-bottom: 30px;
	text-align: left;
}

.yorimichi img{
	float: left;
	margin-right: 10px;
}

.yorimichiTitle{
	color: #995B00;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

.yorimichiDetail{
	color: #7A6201;
	padding-bottom: 5px;
}

.spotDataYori{
	background: url(img/brown_dot.gif) no-repeat left bottom;
	padding-bottom: 15px;
	width: 814px;
	margin-bottom: 20px;
}

.spotDataYori li{
	float: left;
	margin-right: 10px;
	width: 261px;
	text-align: left;
}

#kodawariRight .spotDataYori li.end{
	margin-right: 0px;
	width: 250px;
}


/* ------------------------------------------featurePageTop */

.featurePageTop{
	width: 960px;
	text-align: right;
}

.last{
	margin-right: -3px; 
}

/* ------------------------------------------another */

.another{
	width: 960px;
	text-align: left;
	margin: 0 auto 20px auto;
}

.another img{
	vertical-align: bottom;
}

.another li{
	float: left;
}

/* ------------------------------------------caution */

.caution{
	width: 960px;
	text-align: right;
	margin: 0 auto 10px auto;
	color: #745C01;
}

/* ------------------------------------------newSL */

#newSL{
	width: 1050px;
	background: #FFFFFF;
	margin: 30px auto 10px auto;
	padding-bottom: 20px;
}

#newSL01{
	width: 1008px;
	text-align: left;
	margin: 0 auto 10px auto;
	background: #FFFFFF;
	padding-left: 15px;
}

#newSL02{
	width: 1008px;
	text-align: left;
	margin: 0 auto 10px auto;
	background: #FFFFFF;
}


.kirishima {
}