@charset "UTF-8";

/*タブナビゲーション
---------------------------------------------------- */
#tab_nav {
	/*width: 960px;*/
	height: 65px;
	margin: 20px auto 2px auto;
	padding: 0;
	list-style: none;
}
#tab_nav li {
	float: left;
	height: 69px;
	margin: 0;
	padding: 0;
}
#tab_nav li#nousan,
#tab_nav li#nousan_on {
	width: 445px;
	margin: 0 0 0 15px;
}
#tab_nav li#fish,
#tab_nav li#fish_on {
	width: 447px;
	margin: 0 0 0 10px;
}
#tab_nav li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#tab_nav li#nousan a {
	background: url(../images/nousan.png) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 69px 0 0 0;
}
#tab_nav li#fish a {
	background: url(../images/fish.png) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 69px 0 0 0;
}

#tab_nav li#nousan a:hover {
	background: url(../images/nousan.png) 0 -69px no-repeat;
}
#tab_nav li#fish a:hover {
	background: url(../images/fish.png) 0 -69px no-repeat;
}

#tab_nav li#nousan_on a {
	background: url(../images/nousan.png) 0 -69px no-repeat;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 69px 0 0 0;
}
#tab_nav li#fish_on a {
	background: url(../images/fish.png) 0 -69px no-repeat;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 69px 0 0 0;
}

/* info */


#infoBox {
margin:20px 0 0 0;
padding:20px 30px 30px 30px;
background: #fff /*url("../../howto/images/bg.gif") center top repeat-y*/;
font-size:14px;
line-height:27px;
overflow: hidden;
}

#howtoBoxEnd {
margin:0px;
width:940px; 
height:10px;
background: url("../../howto/images/bg_bottom.gif") center top no-repeat;
}

.infoMi {
padding:0px 0px 30px 0px; }

.infoMidashi {
clear:left;
padding:0px 0px 15px 0px; }

.infoYohaku {
height:130px;
background-color:#036;}

/* about */
#aboutBox {

width:880px;
padding:0px 30px 0 30px;
margin:0px 0px 0 0px;
font-size:14px;
line-height:27px;
}

.aboutMidashi {
padding:0px 0px 0px 0px; }
.midashiMovie2011 { padding:80px 0 0 0;}


#infoBox ul.ctsList li {
	width:235px;
	height:270px;
	float:left;
	margin:0 0 20px 0;
	padding:0 40px 20px 0;
	list-style-type:none;
}


#infoBox ul.ctsList li p.ttl {
	font-size:105%;
	text-align:left;
	padding:0;
}
#infoBox ul.ctsList li p.ttl a {
	line-height:1.5em;
}

#infoBox ul.ctsList li p.txt {
	font-size:90%;
	line-height:1.5em;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}




#infoBox ul.storeList li {
	width:250px;
	height:30px;
	float:left;
	padding:0 10px 20px 0;
	line-height:22px;
	list-style-type:none;
}


#infoBox span.suji {
background-color:#f29700;
color:#FFF;
padding:0 5px;
margin:0 8px 0 0;
}




#leftstrBox{
	width:250px;
	margin:0 20px 20px 0;
	float:left;

	}


#rightstrBox{
	width:530px;
	padding:0 0 20px 0;
	float:right;
	}

.strtable td.ttl{
	height:20px;
	background:#0086c7;
	color:#FFF;
	font-size:110%;
	font-weight: bold;
	padding:10px;
	}
	
.strtable td.mi{
	width: 70px;
	color:#0086c7;
	font-weight: bold;
	vertical-align: top;
	}
	
.commebox{
	background:#ccc;
	padding:30px;
 margin:0 0 10px 0;	
	}
	

.commebox .commettl{
	font-size:110%;
	font-weight: bold;
		}
		
.commebox .commename{
	font-size:90%;
		}