/* CSS Document */

/******** 初期設定 ***********/

* {
	margin: 0;
	padding: 0;
	border: none;
}


body  {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:url(../images/bg.jpg) repeat-x #DDF7FF;
	font-size:small;
	color: #663333;
	text-align:center;
	line-height:1.6em;
}


ul, li {
	list-style: none;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a{
	color: #003399;
	text-decoration:none;
}

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

p{
	margin:5px 0;
}

ruby{
    display: inline;
    position: relative;
    top: 0;
    bottom: 0;
    padding: 0;
    line-height: 1em;
}

rp{
	display:none;
}

rt {
    display: inline;
    position: absolute;
    top: -1em;
    left: 0;
    font-size: 50%;
    line-height: 1em;
    white-space: nowrap;
    text-indent: 0;
    }

/******** bace Layout　ここから ***********/

#headline{
	background-color:#3399ff;
	margin:0;
	padding:3px 0;
	text-align:left;
	color:#fff;
	width:100%;
}

#headline a{
	color:#fff;
}

#wrap{
	width: 760px; 
	margin: 0 auto;
	text-align:left;
}

#maincontent{
	width:760px;
	background:url(../images/bg_header.png) repeat-x top #fff;
	padding:40px 20px;
	}

#content_area{
	width:730px;
	margin:10px auto;
}

/*headline area*/


#headline h1{
	font-size:12px;
	font-weight:normal;
	color:#699;
	margin:0 15px;
}

h2{
	margin:0;
	padding:0;
}

h3{
	color:#006633;
	border-bottom:1px dotted #006633;
}

h3#cource_tit{
	background-color:#f3efde;
	border:none;
	padding:10px;
	color:#633;
}

/*コース紹介エリア*/
.cource{
	float:left;
	margin-right:10px;
}

.map{
	width:400px;
	padding:10px;
	background:#eeeeee;
	float:right;
	text-align:center;
	margin-bottom:10px;
}

/*散策スポット紹介エリア*/


#cource1_1{
	width:730px;
	height:330px;
	background:url(../images/bg_cource1_1.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}



#cource1_2{
	width:730px;
	height:370px;
	background:url(../images/bg_cource1_2.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}

#cource1_3{
	width:730px;
	height:390px;
	background:url(../images/bg_cource1_3.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}

#cource1_4{
	width:730px;
	height:370px;
	background:url(../images/bg_cource1_4.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}

#cource1_5{
	width:730px;
	height:370px;
	background:url(../images/bg_cource1_5.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
#cource1_6{
	width:730px;
	height:370px;
	background:url(../images/bg_cource1_6.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
#cource1_7{
	width:730px;
	height:550px;
	background:url(../images/bg_cource1_7.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}

#cource1_break{
	width:730px;
	height:370px;
	background:url(../images/bg_cource1_break.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
#cource1_8{
	width:730px;
	height:600px;
	background:url(../images/bg_cource1_8.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
#cource1_9{
	width:730px;
	height:370px;
	background:url(../images/bg_cource1_9.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#cource2_1{
	width:730px;
	height:450px;
	background:url(../images/bg_cource2_1.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}

#cource2_2{
	width:730px;
	height:370px;
	background:url(../images/bg_cource2_2.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
#cource2_3{
	width:730px;
	height:370px;
	background:url(../images/bg_cource2_3.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
#cource2_4{
	width:730px;
	height:600px;
	background:url(../images/bg_cource2_4.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}

#cource2_5{
	width:730px;
	height:370px;
	background:url(../images/bg_cource2_5.jpg) no-repeat;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
#cource2_6{
	width:730px;
	position:relative;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}

.text{
	position:absolute;
	top:22px;
	left:0px;
	width:350px;

}

.text_small{
	font-size:11px;
}
.mame{
	width:730px;
	height:150px;
	background:url(../images/bg_mame.gif) no-repeat;
	margin:10px auto;
	position:relative;
}

.text_mame{
	position:absolute;
	width:595px;
	height:64px;
	top:37px;
	left:102px;
}

.explain{
	width:710px;
	height:80px;
	background:url(../images/bg_ex.gif) no-repeat;
	margin:10px auto;
	padding:10px;
}

.infotable td{
	padding:10px;
	border-collapse:collapse;
	border:1px solid #999;
	font-size:14px;
}


.infoarea{
	background-color:#EEE6CE;
	padding:10px;
	margin:10px;
}

/* gototop*/

.gototop{
	width:100px;
	height:15px;
	float:right;
	text-align:center;
	background-color:#eee;
	margin:5px 0;
	padding:5px;
}

/*　footer　*/


#footer { 
	margin-top:20px;
	background: url(../images/bg_footer.gif);
}

#footer_text{
	color:#666;
	width:955px;
	margin:auto;
} 

#footer p {
	padding: 10px;
}


#footer a{
	color:#666;
}




/******** 　bace Layout 　ここまで***********/



.red{
	color:#ff0099;
}


.mL15{
	margin-left:15px;
}

.mL10{
	margin-left:10px;
}

.mL5{
	margin-left:5px;
}