/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

#idxMain a:hover, #idxBnr a:hover, #idxBnr2 a:hover, #idxBnr3 a:hover, #sponsor a:hover, .spotAccess a:hover, .bk a:hover, .pc_link a:hover {
	opacity: 0.7;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: inherit;
	background: url(../images/common/bg_head.jpg) repeat-x;
	min-width: 880px;
}

.text-center {
	text-align: center;
}

#wrapper {
	width: 100%;
	text-align: left;
	overflow: hidden;
}

.sp {
	display: none;
}

.clr {
	clear: both;
}

/* ------ Header ------ */

header {
	width: 880px;
	height: 139px;
	margin: 0 auto;
	position: relative;
	background: url(../images/common/bg_header.jpg) no-repeat;
}

#logo {
	width: 311px;
	position: absolute;
	top: 0px;
	left: 15px;
}

#logo a {
	width: 311px;
	height: 98px;
	background: url(../images/common/logo.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	text-align: left;
}

header h1 {
	position: absolute;
	top: 9px;
	right: 39px;
	font-size: 100%;
	text-align: right;
	font-size: 83%;
	font-weight: bold;
	color: #344c1d;
	line-height: 1;
}

#breadcrumbs {
	width: 880px;
	margin: 0 auto;
	position: relative;
	height: 23px;
}

#bread {
	position: absolute;
	top: 0px;
	left: 0;
	width: 500px;
	height: 18px;
	background: url(../images/common/ic_bread.png) no-repeat 20px 5px;
	padding: 5px 0 0 38px;
}

#bread p {
	line-height: 1.5;
	font-size: 83%;
	color: #FFF;
}

#bread p a {
	font-size: 100%;
	color: #FFF;
	line-height: 1;
}

#bread p a:hover {
	text-decoration: underline;
}

#sb {
	position: absolute;
	top: 2px;
	right: 0px;
	width: 340px;
}

#gnav {
	width: 880px;
	margin: 0 auto;
	position: absolute;
	top: 99px;
	left: 0;
}

#gnav ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#gnav nav ul li {
	float: left;
	height: 39px;
}

#gnav nav ul li a {
	height: 39px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#gnav nav ul li.n0 {
	display: none;
}

#gnav nav ul li.n1 a {
	background: url(../images/common/gnav.jpg) no-repeat 0 0;
	width: 217px;
}

#gnav nav ul li.n2 a {
	background: url(../images/common/gnav.jpg) no-repeat -217px 0;
	width: 234px;
}

#gnav nav ul li.n3 a {
	background: url(../images/common/gnav.jpg) no-repeat -451px 0;
	width: 300px;
}

#gnav nav ul li.n4 a {
	background: url(../images/common/gnav.jpg) no-repeat -751px 0;
	width: 129px;
}

#gnav nav ul li.n1 a:hover {
	background: url(../images/common/gnav.jpg) no-repeat 0 -39px;
	width: 217px;
}

#gnav nav ul li.n2 a:hover {
	background: url(../images/common/gnav.jpg) no-repeat -217px -39px;
	width: 234px;
}

#gnav nav ul li.n3 a:hover {
	background: url(../images/common/gnav.jpg) no-repeat -451px -39px;
	width: 300px;
}

#gnav nav ul li.n4 a:hover {
	background: url(../images/common/gnav.jpg) no-repeat -751px -39px;
	width: 129px;
}

#gnav nav ul li.closebtn a {
	display: none;
}

/* ------ Contents ------ */

#container {
	background: url(../images/common/bg.jpg) repeat;
}

#contents {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	padding-top: 27px;
}

#contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#contentsBox {
	width: 624px;
	float: right;
	margin-bottom: 35px;
}

#side {
	width: 212px;
	float: left;
	margin-bottom: 35px;
}

#side nav ul {
	border-top: #dbbc99 1px solid;
	border-right: #dbbc99 1px solid;
	border-left: #dbbc99 1px solid;
	background: #FFF;
	margin-bottom: 20px;
}

#side nav li {
	border-bottom: #dbbc99 1px solid;
}

#side nav li a {
	display: block;
}

#side nav li a:hover {
	text-decoration: none;
}

#side nav li.sn_top a {
	background: #d42360;
	font-weight: bold;
	padding: 5px 0 5px 15px;
	color: #FFF;
	height: 16px;
}

#side nav li.sn_top a:hover, #side nav li.sn_yururi a:hover {
	opacity: 0.7;
}

#side nav li.sn_yururi a {
	background: #d42360;
	padding: 5px 0 5px 15px;
	color: #FFF;
	height: 16px;
}

#side nav li.sn1 a {
	background: url(../images/common/lnav_n1.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn1 a:hover {
	background: url(../images/common/lnav_n1.gif) no-repeat 0 0 #338DAE;
	color: #FFF;
}

#hanajisha.metro #side nav li.sn1 a, #hanajisha.metro #side nav li.sn1 a:hover {
	background: url(../images/common/lnav_n1.gif) no-repeat 0 0 #338DAE;
	color: #FFF;
}

#side nav li.sn2 a {
	background: url(../images/common/lnav_n2.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn2 a:hover {
	background: url(../images/common/lnav_n2.gif) no-repeat 0 0 #D61506;
	color: #FFF;
}

#hanajisha.tokyu #side nav li.sn2 a, #hanajisha.tokyu #side nav li.sn2 a:hover {
	background: url(../images/common/lnav_n2.gif) no-repeat 0 0 #D61506;
	color: #FFF;
}

#side nav li.sn3 a {
	background: url(../images/common/lnav_n3.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn3 a:hover {
	background: url(../images/common/lnav_n3.gif) no-repeat 0 0 #1E47A5;
	color: #FFF;
}

#hanajisha.keisei #side nav li.sn3 a, #hanajisha.keisei #side nav li.sn3 a:hover {
	background: url(../images/common/lnav_n3.gif) no-repeat 0 0 #1E47A5;
	color: #FFF;
}

#side nav li.sn4 a {
	background: url(../images/common/lnav_n4.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn4 a:hover {
	background: url(../images/common/lnav_n4.gif) no-repeat 0 0 #297FD1;
	color: #FFF;
}

#hanajisha.odakyu #side nav li.sn4 a, #hanajisha.odakyu #side nav li.sn4 a:hover {
	background: url(../images/common/lnav_n4.gif) no-repeat 0 0 #297FD1;
	color: #FFF;
}

#side nav li.sn5 a {
	background: url(../images/common/lnav_n5.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn5 a:hover {
	background: url(../images/common/lnav_n5.gif) no-repeat 0 0 #30A7EC;
	color: #FFF;
}

#hanajisha.keikyu #side nav li.sn5 a, #hanajisha.keikyu #side nav li.sn5 a:hover {
	background: url(../images/common/lnav_n5.gif) no-repeat 0 0 #30A7EC;
	color: #FFF;
}

#side nav li.sn6 a {
	background: url(../images/common/lnav_n6.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn6 a:hover {
	background: url(../images/common/lnav_n6.gif) no-repeat 0 0 #3DB743;
	color: #FFF;
}

#hanajisha.seibu #side nav li.sn6 a, #hanajisha.seibu #side nav li.sn6 a:hover {
	background: url(../images/common/lnav_n6.gif) no-repeat 0 0 #3DB743;
	color: #FFF;
}

#side nav li.sn7 a {
	background: url(../images/common/lnav_n7.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn7 a:hover {
	background: url(../images/common/lnav_n7.gif) no-repeat 0 0 #D8007C;
	color: #FFF;
}

#hanajisha.keio #side nav li.sn7 a, #hanajisha.seibu #keio nav li.sn7 a:hover {
	background: url(../images/common/lnav_n7.gif) no-repeat 0 0 #D8007C;
	color: #FFF;
}

#side nav li.sn8 a {
	background: url(../images/common/lnav_n8.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn8 a:hover {
	background: url(../images/common/lnav_n8.gif) no-repeat 0 0 #14377C;
	color: #FFF;
}

#hanajisha.tsukuba #side nav li.sn8 a, #hanajisha.tsukuba #side nav li.sn8 a:hover {
	background: url(../images/common/lnav_n8.gif) no-repeat 0 0 #14377C;
	color: #FFF;
}

#side nav li.sn9 a {
	background: url(../images/common/lnav_n9.gif) no-repeat 0 0;
	padding: 3px 0 3px 38px;
	height: 16px;
}

#side nav li.sn9 a:hover {
	background: url(../images/common/lnav_n9.gif) no-repeat 0 0 #FA8900;
	color: #FFF;
}

#hanajisha.tobu #side nav li.sn9 a, #hanajisha.tobu #side nav li.sn9 a:hover {
	background: url(../images/common/lnav_n9.gif) no-repeat 0 0 #FA8900;
	color: #FFF;
}

/*bnr*/

#sBnr1 {
	background: url(../images/common/bar_l.gif) no-repeat left bottom;
	padding-bottom: 24px;
	margin-bottom: 15px;
}

#sBnr1 li {
	margin-bottom: 10px;
}

#sBnr1 li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 212px;
}

#sBnr1 li.bn1 a {
	background: url(../images/common/bnr_photocon_s.jpg) no-repeat;
	height: 59px;
}

#sBnr1 li.bn2 a {
	background: url(../images/common/bnr_dl_s.jpg) no-repeat;
	height: 59px;
}

#sBnr1 li.bn3 a {
	background: url(../images/common/bnr_special_s.jpg) no-repeat;
	height: 59px;
}

#sBnr1 li.bn4 a {
	background: url(../images/common/bnr_special2_s.jpg) no-repeat;
	height: 59px;
}

#sBnr1 li.bn5 a {
	background: url(../images/common/bnr_facebook_s.jpg) no-repeat;
	height: 62px;
}

#sBnr2 {
	padding-bottom: 26px;
	margin-bottom: 15px;
}

#sBnr2 li {
	margin-bottom: 10px;
}

#sBnr1 li a:hover, #sBnr2 li a:hover {
	opacity: 0.7;
}

/* ------ Footer ------ */

footer {
	width: 100%;
}

#footer-inner {
	width: 100%;
	padding: 10px;
	background: #fdfcfa;
}

#footer-inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#footer-inner #sponsor {
	margin: 0 auto;
	width: 976px;
}

#footer-inner ul {
}

#footer-inner li {
	float: left;
}

.copyright {
	text-align: center;
	padding: 15px 0;
	font-size: 83%;
	color: #666666;
}

/* ------ Page ------ */

/*index*/

body#index {
/*overflow: hidden;*/
}

body#index #contents {
	padding-top: 0;
	width: 880px;
}

#idxMain {
	background: url(../images/index/mainbg.gif) no-repeat;
	width: 880x;
	height: 402px;
}

#idxBnr {
}

#idxBnr2 {
	margin-bottom: 28px;
}

#idxBnr2 li {
	float: left;
}

#idxBnr3 {
	margin-bottom: 20px;
	padding-left: 15px;
}

#idxBnr3 li {
	float: left;
	margin-bottom: 10px;
}

#idxBnr3 li.mr {
	margin-right: 17px;
}

#outingindex {
	background: url(../images/index/bg_outingindex.png) no-repeat left bottom;
	height: 225px;
}

#outingindex .inner {
	padding: 14px 0 0 53px;
}

#outingindex dl {
	width: 230px;
	float: left;
	margin-right: 30px;
}

#outingindex dd select {
	width: 230px;
}

#idxFacebook {
	padding: 0 15px;
	margin-bottom: 37px;
}

/*下層ページ*/

/*common*/

.title {
	background: url(../images/common/bg_title.png) repeat;
	height: 44px;
	font-size: 220%;
	font-weight: bold;
	color: #533a21;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 21px 0 0 21px;
	line-height: 1;
	margin-bottom: 23px;
}

.midashi {
	background: #b0a090;
	font-size: 116%;
	font-weight: bold;
	padding: 6px 18px;
	margin-bottom: 10px;
	color: #FFF;
}

.at {
	font-size: 83%;
	color: #666666;
}

.mb0 {
	margin-bottom: 0 !important
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

/*hanajisha*/

.hanajishaIndex ul {
	border: #ded6b6 2px solid;
	margin-bottom: 20px;
}

.fc-red {
	color: #be0e60;
	font-weight: bold;	
}

.fc-red2 {
	color: #FF0066;	
}

/*路線ごと*/

.cname {
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	padding: 12px 0 0 20px;
	height: 31px;
	line-height: 1;
	margin-bottom: 20px;
}

#hanajisha.metro .cname {
	background: url(../images/common/ic_metro.jpg) no-repeat right 0 #278db1;
}

#hanajisha.tokyu .cname {
	background: url(../images/common/ic_tokyu.jpg) no-repeat right 0 #da250f;
}

#hanajisha.keisei .cname {
	background: url(../images/common/ic_keisei.jpg) no-repeat right 0 #004ea3;
}

#hanajisha.odakyu .cname {
	background: url(../images/common/ic_odakyu.jpg) no-repeat right 0 #0184cf;
}

#hanajisha.keikyu .cname {
	background: url(../images/common/ic_keikyu.jpg) no-repeat right 0 #03aaea;
}

#hanajisha.seibu .cname {
	background: url(../images/common/ic_seibu.jpg) no-repeat right 0 #3ab248;
}

#hanajisha.keio .cname {
	background: url(../images/common/ic_keio.jpg) no-repeat right 0 #dc167b;
}

#hanajisha.tsukuba .cname {
	background: url(../images/common/ic_tsukuba.jpg) no-repeat right 0 #003c7b;
}

#hanajisha.tobu .cname {
	background: url(../images/common/ic_tobu.jpg) no-repeat right 0 #ff8900;
}

.spot {
	border: #ded6b6 2px solid;
	margin-bottom: 35px;
}

.stamp {
	background: #d4e8ef;
	padding: 2px 0 4px 20px;
}

#hanajisha.metro .stamp {
	background: #d4e8ef;
}

#hanajisha.tokyu .stamp {
	background: #fed0ca;
}

#hanajisha.keisei .stamp {
	background: #d9e7fb;
}

#hanajisha.odakyu .stamp {
	background: #daf2ff;
}

#hanajisha.keikyu .stamp {
	background: #d6f4ff;
}

#hanajisha.seibu .stamp {
	background: #e5f9e4;
}

#hanajisha.keio .stamp {
	background: #ffdcee;
}

#hanajisha.tsukuba .stamp {
	background: #dee7ff;
}

#hanajisha.tobu .stamp {
	background: #ffe3c2;
}


.stamp dt {
	width: 82px;
	float: left;
	margin-right: 20px;
}

.stamp dd {
	width: 480px;
	float: left;
	font-size: 116%;
	padding-top: 10px;
	line-height: 1;
}

#hanajisha.metro .stamp dd li.eki {
	font-weight: bold;
	color: #278db1;
}

#hanajisha.tokyu .stamp dd li.eki {
	font-weight: bold;
	color: #da250f;
}

#hanajisha.keisei .stamp dd li.eki {
	font-weight: bold;
	color: #004ea3;
}

#hanajisha.odakyu .stamp dd li.eki {
	font-weight: bold;
	color: #0184cf;
}

#hanajisha.keikyu .stamp dd li.eki {
	font-weight: bold;
	color: #03aaea;
}

#hanajisha.seibu .stamp dd li.eki {
	font-weight: bold;
	color: #3ab248;
}


#hanajisha.keio .stamp dd li.eki {
	font-weight: bold;
	color: #dc167b;
}

#hanajisha.tsukuba .stamp dd li.eki {
	font-weight: bold;
	color: #003c7b;
}

#hanajisha.tobu .stamp dd li.eki {
	font-weight: bold;
	color: #ff6600;
}

#hanajisha .stamp dd li.eki {
	float: left;
	margin-right: 30px;
}

#hanajisha .stamp dd li.time {
	font-size: 76%;
	color: #333;
	line-height: 1;
	font-weight: normal;
	float: left;
	padding-top: 2px;
}

.spotDetail {
	background: #FFF;
	padding: 17px 20px 10px 20px;
}

.spotBox {
	position: relative;
	margin-bottom: 35px;
}

.spotDetail .spotName {
	font-size: 250%;
	font-weight: bold;
	line-height: 1.5;
}

.spotDetail .spotNameS {
	font-size: 220%;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.5;
}

.spotDetail .point {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

.spotDetail .point-s {
	font-size: 84%;
	font-weight: bold;
	margin-bottom: 10px;
}

.spotDetail .imgR {
	position: absolute;
	top: 0px;
	right: 0px;
}

.spotDetail p {
	line-height: 1.6;
	margin-bottom: 20px;
}

.spotDetail p.read {
	color: #278db1;
	font-size: 116%;
	margin: 0;
}

.spotDetail p.rubi {
	color: #666666;
	font-size: 84%;
	margin-bottom: 15pt;
}


.spotDetail .w1 {
	width: 256px;
	font-size: 109%;
}

.spotDetail .w2 {
	width: 355px;
	min-height: 82px;
}

.spotDetail .data {
	background: #fbf7f0;
	padding: 15px 0 10px 15px;
	clear: both;
}

.spotDetail .data dt {
	width: 70px;
	float: left;
	margin-right: 20px;
	clear: left;
	margin-bottom: 10px;
}

.spotDetail .data dt.or {
	background: url(../images/common/icbg_or.gif) no-repeat;
	width: 70px;
	height: 16px;
	text-align: center;
	color: #FFF;
	line-height: 1.6;
	font-size: 90%;
}

body.ipad .spotDetail .data dt.or {
	line-height: 1.3;
}

.spotDetail .data dt.red {
	background: url(../images/common/icbg_red.gif) no-repeat;
	width: 70px;
	height: 16px;
	text-align: center;
	color: #FFF;
	line-height: 1.6;
	font-size: 90%;
}

body.ipad .spotDetail .data dt.red {
	line-height: 1.3;
}

.spotDetail .data dt.otoku {
	background: url(../images/common/icbg_otoku.gif) no-repeat;
	width: 70px;
	height: 16px;
	text-align: center;
	color: #FFF;
	line-height: 1.6;
	font-size: 90%;
}

body.ipad .spotDetail .data dt.otoku {
	line-height: 1.3;
}


.spotDetail .data dd {
	width: 465px;
	float: left;
	margin-bottom: 10px;
}

.spotAccess {
	border-top: #d1c79b 1px solid;
	padding: 20px;
}

.titAccess {
	background: url(../images/common/icbg_bl.gif) no-repeat;
	width: 70px;
	height: 16px;
	margin-right: 20px;
	text-align: center;
	color: #FFF;
	float: left;
	line-height: 1.4;
	font-size: 90%;
}

body.ipad .titAccess {
	line-height: 1.3;
}

.accessBox {
	width: 450px;
	float: left;
}

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

.accessBox strong {
	font-weight: bold;
}

/*路線図*/

#route .title {
	width: 829px;
}

.routeBox {
	border: #ded6b6 2px solid;
	margin-bottom: 40px;
}

.zoombtn {
}

.informationBox {
	width: 850px;
	margin-bottom: 35px;
}

.informationBox .title {
	background: url(../images/common/bg_stit.png) repeat;
	font-size: 166%;
	padding: 15px 0 10px 22px;
	height: 25px;
	margin-bottom: 10px;
}

.informationBox dl {
	width: 412px;
	background: #FFF;
	margin-bottom: 10px;
}

.informationBox dt {
	padding: 7px 10px;
	color: #FFF;
	font-weight: bold;
}

.informationBox dd {
	padding: 7px 10px;
	height: 80px;
}

body.ipad .informationBox dd {
	height: 110px;
}

.informationBox .iL {
	float: left;
}

.informationBox .iR {
	float: right;
}

dl#i1 {
	border: #258dad 2px solid;
}

dl#i1 dt {
	background: #258dad;
}

dl#i2 {
	border: #da250f 2px solid;
}

dl#i2 dt {
	background: #da250f;
}

dl#i3 {
	border: #004ea3 2px solid;
}

dl#i3 dt {
	background: #004ea3;
}

dl#i4 {
	border: #0184cf 2px solid;
}

dl#i4 dt {
	background: #0184cf;
}

dl#i5 {
	border: #03aaea 2px solid;
}

dl#i5 dt {
	background: #03aaea;
}

dl#i6 {
	border: #3ab248 2px solid;
}

dl#i6 dt {
	background: #3ab248;
}

dl#i7 {
	border: #dc167b 2px solid;
}

dl#i7 dt {
	background: #dc167b;
}

dl#i8 {
	border: #003c7b 2px solid;
}

dl#i8 dt {
	background: #003c7b;
}

dl#i9 {
	border: #ff8900 2px solid;
}

dl#i9 dt {
	background: #ff8900;
}

.informationBox .at {
	clear: both;
	padding-top: 20px;
}

/*バックナンバー*/

#backnumber .title {
	width: 829px;
}

.bkBox {
	border: #ded6b6 2px solid;
	margin-bottom: 10px;
	background: #FFF;
	padding: 18px;
}

.reader {
	margin-bottom: 55px;
}

.reader dt {
	width: 115px;
	margin-right: 15px;
	float: left;
}

.reader dd {
	width: 600px;
	float: left;
}

.reader dd strong {
	color: #ff0000;
}

.bk {
	width: 398px;
	border-bottom: #ded6b6 1px solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.bno {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.bk .vs {
	width: 127px;
	float: left;
	margin-right: 15px;
}

.bk dl {
	width: 246px;
	float: left;
	height: 185px;
}

.bk dt {
	color: #a50855;
	font-size: 133%;
	font-weight: bold;
}

body.ipad .bk dl {
	width: 246px;
	float: left;
	height: 210px;
}

body.ipad .bk dt {
	color: #a50855;
	font-size: 125%;
	font-weight: bold;
}

.bk dd p {
	padding: 15px 0 0 0;
}

.bkL {
	float: left;
	
}

.bkR {
	float: right;
}

#backnumber .at {
	padding-bottom: 40px;
}

/*フォトコンテスト*/

.photoconBox {
	border: #ded6b6 2px solid;
	margin-bottom: 20px;
	background: #FFF;
}

.pc_link {
	margin-bottom: 30px;
	text-align: center;
}

.pc_link li {
	padding-bottom: 10px;
}

.how {
	padding: 0 20px 40px 20px;
}

.how .midashi {
	background: #00afe1;
}

.how ul {
	margin-left: 1em;
	margin-bottom: 30px;
}

.how li {
	list-style: disc outside;
	margin-left: 1em;
	line-height: 1.6;
}

.photoconBox a {
	color: #09F;
	text-decoration: underline;
}

.photoconBox p {
	line-height: 1.6;
}

/*ゆるり散策とは*/

.yururiBox {
	border: #ded6b6 2px solid;
	margin-bottom: 20px;
	background: #FFF;
	padding: 20px;
}

.yururiBox .midashi {
	margin-bottom: 10px;
}

.yururiBox p {
	margin-bottom: 2em;
}

.yururi1 {
	position: relative;
	padding-right: 300px;
}

.yururi1 .imgR {
	position: absolute;
	top: 0;
	right: 0;
}

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

.yururiBox li.mr0 {
	margin-right: 0;
}



/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/


@media screen and (max-width: 639px) {

body {
	min-width: inherit;
	background: none;
	overflow: hidden;
	width: 100%;
}

#wrapper {
	width: 100%;
	overflow: hidden;
}

a:hover {
	opacity: 1;
}

.pc {
	display: none;
}

.sp {
	display: inherit;
}

/* ------ Header ------ */

header {
	width: 100%;
	height: 51px;
	position: relative;
	margin: 0 auto;
	background: url(../images/common/sp/bg_header.jpg) no-repeat top right;
	background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	position: relative;
	z-index: 10000;
}

#logo {
	width: 151px;
	position: absolute;
	top: 0px;
	left: 0;
}

#logo a {
	width: 151px;
	height: 51px;
	background: url(../images/common/sp/logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	text-align: left;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}

header h1 {
	display: none;
}

#gnav ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#breadcrumbs {
	width: 320px;
	margin: 0 auto;
	position: relative;
	height: 35px;
	background: url(../images/common/bg.jpg) repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}

#bread {
	display: none;
	width: 0;
	padding: 0;
}

#sb {
	position: absolute;
	top: 12px;
	left: 12px;
	width: auto;
}

#sb .addthis_button_tweet {
	width: 100px;
}

/* ------ Contents ------ */

#container {
	background: url(../images/common/bg.jpg) repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}

#contents {
	width: auto;
	margin: 0;
	text-align: left;
	overflow: visible;
}

#contentsBox {
	width: auto;
	margin: 0 7px;
	float: none;
	margin-bottom: 25px;
}

#side {
	width: auto;
	float: none;
	margin: 0 17px;
	margin-bottom: 0px;
}

#side nav li.sn_top a {
	background: #d42360;
	font-weight: bold;
	padding: 10px 0 8px 15px;
	color: #FFF;
	height: 16px;
	line-height: 1;
	font-size: 116%;
}

#side nav li.sn_top a:hover, #side nav li.sn_yururi a:hover {
	opacity: 1;
}

#side nav li.sn_yururi a {
	background: #d42360;
	padding: 5px 0 5px 15px;
	color: #FFF;
	height: 20px;
	font-size: 116%;
}

/*bnr*/

#sBnr1 {
	margin: 0 auto 12px auto;
	background: url(../images/common/sp/bar.png) no-repeat center bottom;
	padding-bottom: 20px;
	background-size: auto 20px;
	-webkit-background-size: auto 20px;
	-moz-background-size: auto 20px;
	width: 285px;
}

#sBnr1 li {
	margin-bottom: 0px;
}

#sBnr1 li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 285px;
}

#side #sBnr1 li.bn1 a {
	background: url(../images/common/bnr_photocon.png) no-repeat -9px 0;
	height: 67px;
	background-size: 104% auto;
	-webkit-background-size: 104% auto;
	-moz-background-size: 104% auto;
}

#side #sBnr1 li.bn2 a {
	background: url(../images/common/bnr_dl.png) no-repeat -3px 0;
	height: 67px;
	background-size: 104% auto;
	-webkit-background-size: 104% auto;
	-moz-background-size: 104% auto;
}

#side #sBnr1 li.bn3 a {
	background: url(../images/common/bnr_special.png) no-repeat -3px 0;
	height: 67px;
	background-size: 104% auto;
	-webkit-background-size: 104% auto;
	-moz-background-size: 104% auto;
}

#side #sBnr1 li.bn4 a {
	background: url(../images/common/bnr_special2.png) no-repeat -3px 0;
	height: 67px;
	background-size: 104% auto;
	-webkit-background-size: 104% auto;
	-moz-background-size: 104% auto;
}

#side #sBnr1 li.bn5 a {
	background: url(../images/common/bnr_facebook.png) no-repeat -9px 0;
	height: 67px;
	background-size: 104% auto;
	-webkit-background-size: 104% auto;
	-moz-background-size: 104% auto;
}

#sBnr2 {
	padding-bottom: 10px;
	margin-bottom: 0px;
	width: 285px;
	margin: 0 auto;
}

#sBnr2 li {
	margin-bottom: 5px;
	float: left;
}

#sBnr2 li:nth-child(2n+0) {
	float: right;
}

#sBnr2 li img {
	width: 140px;
	height: 41px;
}

#sBnr1 li a:hover, #sBnr2 li a:hover {
	opacity: 0.7;
}

/* ------ Footer ------ */

footer {
	width: 100%;
}

#footer-inner {
	width: 100%;
	padding: 10px;
	background: #fdfcfa;
}

#footer-inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#footer-inner #sponsor {
	margin: 0 auto;
	width: 300px;
}

#footer-inner ul.sp1 {
	width: 255px;
	margin: 0 auto;
}

#footer-inner ul.sp2 {
	width: 270px;
	clear: both;
	padding-top: 10px;
}

#footer-inner li {
	float: left;
}

#footer-inner li img {
	height: 22px;
	width: auto;
}

.copyright {
	text-align: center;
	padding: 15px 0;
	font-size: 76%;
	color: #666666;
}

/* ------ Page ------ */

/*index*/

body#index {
	overflow: hidden;
}

body#index #contents {
	padding-top: 0;
	width: auto;
}

#idxMain {
	width: auto;
	height: auto;
	margin: 0 10px 5px 10px;
}

#idxBnr {
	width: auto;
	margin: 0 10px 10px 10px;
}

#idxBnr2 {
	margin: 0 5px 10px 5px;
	background: url(../images/common/sp/bar.png) no-repeat center bottom;
	padding-bottom: 20px;
	background-size: auto 20px;
	-webkit-background-size: auto 20px;
	-moz-background-size: auto 20px;
}

#idxBnr2 li {
	float: none;
	text-align: center;
	margin-top: -5px;
}

#idxBnr2 li.bn1 {
	padding-right: 5px;
}

#idxBnr2 li.bn2 {
	padding-left: 6px;
}

#idxBnr2 li img {
	width: 295px;
	height: auto;
}

#idxBnr3 {
	width: 285px;
	margin: 0 auto 10px auto;
	padding-left: 0;
}

#idxBnr3 li {
	float: left;
	margin-bottom: 5px;
	width: 140px;
	height: 41px;
}

#idxBnr3 li.mr {
	margin-right: 0;
}

#idxBnr3 li a {
	width: 140px;
	height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#idxBnr3 li#bn2, #idxBnr3 li#bn4 {
	width: 140px;
	float: right;
}

#idxBnr3 li#bn1 a {
	background: url(../images/common/sp/bnr_hiking.jpg) no-repeat;
	background-size: 140px 41px;
	-webkit-background-size: 140px 41px;
	-moz-background-size: 140px 41px;
}

#idxBnr3 li#bn2 a {
	background: url(../images/common/sp/bnr_walk.jpg) no-repeat;
	background-size: 140px 41px;
	-webkit-background-size: 140px 41px;
	-moz-background-size: 140px 41px;
}

#idxBnr3 li#bn3 a {
	background: url(../images/common/sp/bnr_sanpo.jpg) no-repeat;
	background-size: 140px 41px;
	-webkit-background-size: 140px 41px;
	-moz-background-size: 140px 41px;
}

#idxBnr3 li#bn4 a {
	background: url(../images/common/sp/bnr_plat.png) no-repeat;
	background-size: 140px 41px;
	-webkit-background-size: 140px 41px;
	-moz-background-size: 140px 41px;
}

#idxBnr3 li#bn5 a {
	background: url(../images/common/sp/bnr_machi.jpg) no-repeat;
	background-size: 140px 41px;
	-webkit-background-size: 140px 41px;
	-moz-background-size: 140px 41px;
}

#idxBnr3 li#bn6 a {
	background: url(../images/common/sp/bnr_tokyo.jpg) no-repeat;
	background-size: 140px 41px;
	-webkit-background-size: 140px 41px;
	-moz-background-size: 140px 41px;
}

#idxBnr3 li#bn7 a {
	background: url(../images/common/sp/bnr_tx.jpg) no-repeat;
	background-size: 140px 41px;
	-webkit-background-size: 140px 41px;
	-moz-background-size: 140px 41px;
}

#outingindex {
	width: auto;
	background: #f3efe2;
	height: auto;
	margin-bottom: 15px;
}

#outingindex h2 {
	display: none;
}

#outingindex .inner {
	width: auto;
	padding: 10px 20px 10px 20px;
}

#outingindex dl {
	width: 48%;
	float: left;
	margin: 0;
}

#outingindex dl#oi2, #outingindex dl#oi4 {
	width: 48%;
	float: right;
}

#outingindex dt img {
	height: 18px;
	width: auto;
}

#outingindex dd select {
	width: 100%;
}

#outingindex dl.mr0 {
	margin-right: 0;
}

#idxFacebook {
	display: none;
}

/*下層ページ*/

/*common*/

#contents {
	padding-top: 10px;
}

.title {
	background: url(../images/common/bg_title.png) no-repeat;
	height: 30px;
	font-size: 140%;
	font-weight: bold;
	color: #533a21;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 14px 0 0 16px;
	line-height: 1;
	margin-bottom: 8px;
}

.at {
	padding-left: 10px;
}

/*hanajisha*/

.hanajishaIndex ul {
	border: #ded6b6 2px solid;
	margin-bottom: 20px;
}

/*路線*/

.cname {
	font-size: 140%;
	font-weight: bold;
	color: #FFF;
	padding: 8px 0 0 16px;
	height: 21px;
	line-height: 1;
	margin-bottom: 15px;
}

#hanajisha.metro .cname {
	background: #278db1;
}

#hanajisha.tokyu .cname {
	background: #da250f;
}

#hanajisha.keisei .cname {
	background: #004ea3;
}

#hanajisha.odakyu .cname {
	background: #0184cf;
}

#hanajisha.keikyu .cname {
	background: #03aaea;
}

#hanajisha.seibu .cname {
	background: #3ab248;
}

#hanajisha.keio .cname {
	background: #dc167b;
}

#hanajisha.tsukuba .cname {
	background: #003c7b;
}

#hanajisha.tobu .cname {
	background: #ff8900;
}


.spot {
	border: #ded6b6 2px solid;
	margin-bottom: 20px;
}

.stamp {
	background: #d4e8ef;
	padding: 4px 0 4px 10px;
}

#hanajisha.metro .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #d4e8ef;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

#hanajisha.tokyu .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #fed0ca;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

#hanajisha.keisei .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #d9e7fb;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}


#hanajisha.odakyu .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #daf2ff;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

#hanajisha.keikyu .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #d6f4ff;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

#hanajisha.seibu .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #e5f9e4;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

#hanajisha.keio .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #ffdcee;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

#hanajisha.tsukuba .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #dee7ff;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

#hanajisha.tobu .stamp {
	background: url(../images/common/ic_stamp.png) no-repeat 10px 2px #ffe3c2;
	padding-left: 90px;
	background-size: 70px auto;
	-webkit-background-size: 70px auto;
	-moz-background-size: 70px auto;
}

.stamp dt {
	display: none;
}

.stamp dd {
	float: left;
	font-size: 100%;
	padding-top: 1px;
	line-height: 1;
}

#hanajisha .stamp dd li.eki {
	float: none;
	margin-right: 30px;
}

#hanajisha .stamp dd li.time {
	font-size: 76%;
	color: #333;
	line-height: 1;
	font-weight: normal;
	float: none;
	padding-top: 2px;
}

.spotDetail {
	background: #FFF;
	padding: 10px 10px 10px 10px;
}

.spotBox {
	position: inherit;
	margin-bottom: 15px;
}

.spotDetail .spotName {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.5;
}

.spotDetail .spotNameS {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.5;
}

.spotDetail .point {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}

.spotDetail .imgR {
	position: inherit;
	top: 0px;
	right: 0px;
	float: right;
	margin-left: 5px;
	margin-bottom: 10px;
}

.spotDetail p {
	line-height: 1.6;
	margin-bottom: 10px;
}

.spotDetail p.read {
	color: #278db1;
	font-size: 116%;
	margin: 0;
	margin-bottom: 5px;
}

.spotDetail .w1 {
	width: 100%;
}

.spotDetail .w2 {
	width: 100%;
	min-height: inherit;
}

.spotDetail .w1 img {
	width: 150px;
	height: auto;
}

.spotDetail .w2 img {
	width: 108px;
	height: auto;
}

.spotDetail .data {
	background: #fbf7f0;
	padding: 6px 0 6px 6px;
	clear: both;
}

.spotDetail .data dt {
	width: 70px;
	float: left;
	margin-right: 10px;
	clear: left;
	margin-bottom: 5px;
	font-size: 86%;
	line-height: 1.8;
}

.spotDetail .data dt.or {
	background: url(../images/common/icbg_or.gif) no-repeat;
	width: 70px;
	height: 16px;
	text-align: center;
	color: #FFF;
}

.spotDetail .data dd {
	width: 180px;
	float: left;
	margin-bottom: 5px;
	font-size: 86%;
}

.spotAccess {
	border-top: #d1c79b 1px solid;
	padding: 10px 0 0 0;
}

.titAccess {
	background: url(../images/common/icbg_bl.gif) no-repeat;
	width: 70px;
	height: 16px;
	margin-right: 0px;
	text-align: center;
	color: #FFF;
	float: none;
	margin-bottom: 5px;
	font-size: 86%;
	line-height: 1.8;
}

.accessBox {
	width: 100%;
	float: none;
}

.accessBox p {
	font-size: 86%;
}

.accessBox li {
	float: left;
	margin-right: 10px;
	font-size: 86%;
}

.accessBox li:nth-child(2n+0) {
	margin-right: 0px;
}

.accessBox li img {
	width: 130px;
	height: auto;
}

.accessBox strong {
	font-weight: bold;
}

/*路線図*/

#route .title {
	width: auto;
	margin: 0 10px 10px 10px;
}

.routeBox {
	border: none;
	margin: 0 10px 20px 10px;
}

.pasmo {
	display: none;
}

.zoombtn {
	margin: 15px 17px 20px 17px;
}

.informationBox {
	width: auto;
	margin-bottom: 35px;
}

.informationBox .title {
	background: url(../images/common/bg_stit.png) repeat;
	font-size: 125%;
	padding: 14px 0 10px 10px;
	height: 18px;
	margin-bottom: 10px;
}

.informationBox dl {
	width: auto;
	background: #FFF;
	margin: 0 10px 10px 10px;
}

.informationBox dt {
	padding: 2px 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 116%;
}

.informationBox dd {
	padding: 7px 10px;
	height: auto;
}

.informationBox .iL {
	float: none;
	clear: none;
}

.informationBox .iR {
	float: none;
}

.informationBox .at {
	clear: both;
	padding-top: 0px;
}

/*バックナンバー*/

#backnumber .title {
	width: auto;
	margin: 0 10px 10px 10px;
}

#backnumber .mb30 {
	margin-bottom: 15px !important;
}

.bkBox {
	border: #ded6b6 2px solid;
	margin: 0 10px 10px 10px;
	background: #FFF;
	padding: 10px;
}

.reader {
	width: 300px;
	margin-bottom: 30px;
}

.reader dt {
	width: 90px;
	margin-right: 7px;
	float: left;
}

.reader dd {
	width: 175px;
	float: left;
	font-size: 76%;
}

.reader dd strong {
	color: #ff0000;
}

.bk {
	width: 290px;
	border-bottom: #ded6b6 1px solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.bno {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.bk .vs {
	width: 65px;
	float: left;
	margin-right: 15px;
}

.bk dl {
	width: 200px;
	float: left;
	height: auto;
}

.bk dt {
	color: #a50855;
	font-size: 116%;
	font-weight: bold;
}

.bk dd p {
	padding: 15px 0 0 0;
	width: 185px;
}

.bkL {
	float: left;
	clear: none;
}

.bkR {
	float: none;
}

#backnumber .at {
	padding-bottom: 20px;
}

/*フォトコンテスト*/

.photoconBox {
	margin-bottom: 15px;
}

.photoconBox .mb30 {
	margin-bottom: 15px !important;
}

.pc_link {
	width: 237px;
	margin: 0 auto 10px auto;
	text-align: center;
}

.pc_link li {
	padding-bottom: 5px;
	font-size: 76%;
}

.how {
	padding: 0 10px 20px 10px;
}

.how .midashi {
	background: #00afe1;
	padding: 3px 15px;
}

.how ul {
	margin-left: 0.5em;
	margin-bottom: 20px;
}

.how li {
	list-style: disc outside;
	margin-left: 1em;
}

/*ゆるり散策とは*/

.yururiBox {
	border: #ded6b6 2px solid;
	margin-bottom: 10px;
	background: #FFF;
	padding: 10px;
}

.yururiBox .midashi {
	margin-bottom: 10px;
	padding: 3px 15px;
}

.yururiBox p {
	margin-bottom: 1.5em;
}

.yururi1 {
	position: inherit;
	padding-right: 0px;
}

.yururi1 .imgR {
	position: inherit;
	top: auto;
	right: auto;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

.yururi1 .imgR img {
	width: 212px;
	height: auto;
}

.yururiBox ul {
	width: 212px;
	margin: 0 auto;
}

.yururiBox li {
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}

.yururiBox li.mr0 {
	margin-right: 0;
}
}