@charset "utf-8";





/* ========================================  all_wrap */

div#all_wrap {
margin:0px auto 15px auto;
_text-align:center;
width:958px;
font-size:14px;
}


/* ======================================== header */
dl#header {
}

dl#header dt{
float:left;
width:263px;
margin:0 20px 0 0;
_margin:0 10px 0 0;
}

dl#header dd{
padding:20px 0 0 0;
margin:0 15px 0 0;
}

dl#header dd img{
margin:0 0 10px 0;
}

dl#header dd#ex{
float:left;
width:327px;
}

dl#header dd#twitter_facebook{
float:left;
width:45px;
}

dl#header dd#map{
float:left;
width:257px;
margin:0 0 0 0;
}

dl#header dd#map img{
margin:0;
}

/* ======================================== area map*/
ul#area li#tokyo_area{
float:left;
}

ul#area li#osaka_area{
float:right;
}


/* ======================================== global_navigation */
ul#global_navigation li {
float: left;
}







/* ======================================== sub_navigation */
div#sub_navigation  {
float:left;
width:249px;
margin:17px 17px 0 0 ;
_margin:17px 15px 0 0;
}

	div#sub_navigation div#search {
	border:1px #86c7c9 solid;
	margin:0 0 15px 0;
	}
	
	div#sub_navigation ul.category  {
	margin:0 15px 15px 15px;
	}
			
	div#sub_navigation ul.category li {
	border-bottom:1px #d2eaca solid;
	padding:7px 0px;
	color:green;
	font-size: 14px;
	font-weight: bold;
	}
	
	div#sub_navigation ul.category li img{
	margin:0 10px 0 0;
	}		
	div#sub_navigation ul.category li a{
	color:green;
	font-weight: bold;
	}	
	
	div#sub_navigation ul.category li a:hover{
	color:gray;
	text-decoration:underline;
	}		
	
	div#sub_navigation div#collection {
	margin:10px 0 ;
	border:1px #86c7c9 solid;
	text-align: center;
	padding:0 0 5px 0;
	}
	

/* ======================================== main_contents */

div#main_contents {
float:left;
width:478px;
margin:17px 0 0 0 ;
}

div#main_contents p{
line-height: 1.5;
margin:0 0 15px 0;
}


	div#main_contents div#pickup {
	border:1px #86c7c9 solid;
	margin:17px 0 ;
	}
	
	div#main_contents div#pickup ul li{
	float:left;
	margin:0 0 10px 10px;
	_margin:0 0 10px 5px;
	width:220px;
	} 	
	
	div#main_contents div#pickup ul li.clear_right{
	clear:both;
	} 	
	

	
	
	div#main_contents div#pickup dl{
	width:219px;
	height:72px;
	background:url(../img/bk_pickup.gif) no-repeat;
	margin:0 0 10px 0;
	} 
	
	div#main_contents div#pickup dl dt{
	float:left;
	width:55px;
	text-align: center;
	padding:15px 0 0 0;
	} 
	
	div#main_contents div#pickup dl dd{
	float:right;
	width:160px;
	padding:15px 0 0 0;
	} 
	
	div#main_contents div#pickup dl dd a{
	color:blue;
	font-weight: bold;
	} 
	
	div#main_contents div#pickup dl dd a:hover{
	color:gray;
	text-decoration: underline;
	} 
	
	
/* ========================================index配下htmlのメインコンテンツ箇所 */
div#main_contents2 {
float:left;
width:692px;
margin:17px 0 0 0 ;
}

div#main_contents2 p{
line-height: 1.5;
margin:0 0 15px 0;
}

div#main_contents2 p.pic{
text-align:center;
}

ul.pickup_title {
font-size:16px;
color:#f47a0b;
padding:20px;
}

ul.pickup_title li{
padding:0 0 10px 0;
text-decoration:none !important;
}

ul.pickup_title li span{
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
padding:0 30px 0 0 ;
font-weight:bold;
}

div.includediv img {
vertical-align:bottom;
}

dl.syutten_list  {

}



dl.syutten_list dt {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:20%;
padding:10px 0px;
text-align:center;
border-bottom:1px #dddddd solid;
margin:0 0 20px 0;
height:60px;
font-weight:bold;
}

dl.syutten_list dd {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:79.9999%;
font-size:12px;
padding:10px 0px 10px 0;
line-height:1.6;
border-bottom:1px #dddddd solid;
margin:0 0 20px 0;
height:60px;
}

ol.furusatolist {
list-style-type:decimal;
padding:20px 0 20px 30px;
}

ol.furusatolist li{
padding:0 0 20px 40px;
list-style-type:decimal;

}

ol.furusatolist li span{
display: inline-block;/display: inline;/zoom:1;
font-weight:bold;
width:20%;
}

a.btn_list {
display: inline-block;/display: inline;/zoom:1;
text-align:center;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
color:black;
margin:0 30px;
width:200px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border:1px #dddddd solid;
box-shadow:0px 0px 6px 3px #e8e8e8;
-moz-box-shadow:0px 0px 6px 3px #e8e8e8;
-webkit-box-shadow:0px 0px 6px 3px #e8e8e8;

}

a.btn_list span{
display:block;
padding:10px 0;
font-weight:bold;
border:1px white solid;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

p.btn_list {
text-align:right;
}

a.btn_list:hover {
color:green;
text-decoration:underline;
}

/* ========================================topic_path */	
div#topic_path {
margin:0 0 10px 0;
}
		
/* ======================================== bnrs */

div#bnrs {
float:right;
width:197px;
margin:17px 0 0 0 ;
}

div#bnrs img{
margin:0 0 10px 0;
}

div#bnrs div#sponsor {
border:1px #e6e6e6 solid;
background:#fafafa;
text-align: center;
}




/* ======================================== footer*/

div#footer {
background:url(../img/bk_footer.gif) repeat-x;
height:94px;
}

div#footer ul#footer_navigation{
width:958px;
margin:0px auto ;
padding:13px 0 18px 0;
}

div#footer ul#footer_navigation li{
float:left;
padding:0 16px 0 0;
}

div#footer ul#footer_navigation li#back{
float:right;
padding:0;
}

div#footer dl#footer_logo{
width:958px;
margin:0px auto;
}

div#footer dl#footer_logo dt{
float: left;
}

div#footer dl#footer_logo dd{
float: right;
font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
font-size:12px;
color:#333;
}

div#footer dl#footer_logo dd span{
color:green;
}



/* ======================================== map*/
div#map {
width:800px;
margin:30px auto;
}



/* ========================================markup */

.markup {
font-size: 18px;
font-weight: bold;
color:#00bd00;
display: block;
border: 1px #eeeeee solid;
padding:7px 10px;
}

.markup2 {
font-size: 14px;
font-weight: bold;
color:orange;
}

.markup3 {
font-size: 14px;
font-weight: bold;
color:blue;
}