@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:30px 30px 30px 30px;
background: #fff /*url("../../howto/images/bg.gif") center top repeat-y*/;
font-size:14px;
line-height:27px;
}

#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;}

span.topicsRed {color:#ff0000; }

.infoTable table.style {
width:860px;
margin:10px 0;
padding:0;
line-height:20px;
}
.infoTable td.sell01 {
background:#0086c7;
border:1px solid #0086c7;
color:#FFFFFF;
margin:0;
padding: 10px;
line-height:20px;
}
.infoTable td.sell02 {
background:#e3ffc8;
border-left:1px solid #0086c7;
border-right:1px solid #0086c7;
border-bottom:1px solid #0086c7;
margin:0;
padding: 10px;
line-height:20px;
}
.infoTable td.sell03 {
background:#0086c7;
border-top:1px solid #0086c7;
border-right:1px solid #0086c7;
border-bottom:1px solid #0086c7;
color:#FFFFFF;
margin:0;
padding: 10px;
line-height:20px;
}
.infoTable td.sell04 {
border-right:1px solid #0086c7;
border-bottom:1px solid #0086c7;
margin:0;
padding: 10px;
line-height:20px;
}

.topicsTxtBoxInfo {
width:650px;
margin:0;
font-size:14px;
line-height:27px;
padding:10px 20px 10px 20px;
}
.topicsTxtBoxInfo ul li {
border-bottom:1px dotted #666666;
margin:0 0 20px 0;
padding:0 0 10px 0;
}


#infoTopics {
background-color:#FFFFFF;
width:803px;
font-size:14px;
line-height:27px;
margin:0;
padding:10px 20px 10px 20px;
}

#infoTopics ul li {
border-bottom:1px dotted #666666;
margin:0 0 20px 0;
padding:0 0 10px 0;
}





#infoTopics {
background-color:#FFFFFF;
width:803px;
font-size:14px;
line-height:27px;
margin:0;
padding:10px 20px 10px 20px;
}

#infoTopics ul li {
border-bottom:1px dotted #666666;
margin:0 0 20px 0;
padding:0 0 10px 0;
}


.infoMidashi.okome {
	color: #0086c7;
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
}

.changeItem {
	display: none;
}

.changeItem.changed {
	display: block;
}

.hiddenItem.changed {
	display: none;
}