@charset "UTF-8";


/* サイト共通 */
a{text-decoration:none;color:#8e0000}
a:hover{color:#333}
ul{list-style-type:none;}
p{margin:10px;text-indent:1em;padding:0;}
.r{text-align:right;}
.right{float:right;}
.left{float:left;}
.left_c{float:left; text-align:center;}
.right_c{float:right; text-align:center;}
.center{text-align:center}
dd.r{text-align:right;padding-right:0.5em}
.small{font-size:0.9em}
.small8{font-size:0.8em;clear:all}
img.r{float:right;margin-left:20px;border:red solid 1px;}
img.l{float:left;margin-right:20px;}
.quot{text-align:right;padding-right:0.5em;}
.authority{margin:20px;border:1px solid #ccc}
.clear_both{clear:both;}
.sub_box{
	margin:10px;
	padding:0 10px;
	border:#ddd solid 1px;
	background:white;
}
.bold{font-weight:bold;}

table.oddeven{
	width:630px;
	border-collapse:collapse;
	border:0;
	font-size:11px;
}
.oddeven th , .oddeven td{
	border:#aaa solid 1px;
	padding:0 20px;
}

.oddeven th.rank , .oddeven td.rank{
	width:30px;
	padding:0;
	text-align:center;
}
.oddeven th {color:#333}
.oddeven tr.bdr_top td{
	text-align:right;
	background:#1c4568;
	color:white;
	font-weight:bold
	}

.caption{
	font-size:11px;
}

@font-face {
    font-family:"HuiFont29";
    src: url("../font/HuiFont29.eot");/* ie */
}
@font-face {
    font-family:"HuiFont29";
    src: local("HuiFont29"),
         local("HuiFont29"),
         url('../font/HuiFont29.ttf') format('truetype');/* firefox, Opera, Chrome */
}


/* ***************************************ページ共通 */
h1{display:none}
h2{display:none}
h3{
	height:30px;
	margin:15px 30px;
	font:12px nomal;
	line-height:30px;
}
h3 a{
	font:12px nomal;
	color:#252525;
	font:12px nomal;
}

h3 a:hover{color:#8e0000;}

h3 .active{color:#aaa}


h4{
	width:672px !important;
	height:40px;
	margin-left:20px !important;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	color:white;
/*	background:#00365d;*/
	background:url(../img/h4_bg.png);
	text-indent:1em
}

h4 .explane_sub{
	font-size:0.8em;
	margin-left:100px;
}

h5{
	width:620px;
	margin:20px 0px;
	padding-left:1em;
	border:#ccc solid 1px;
	display:block;
	clear:both
}


#main{
	font-size:14px;
	line-height:1.5em;
	color:#252525;
}


.box{
	width:630px !important;
	margin:0 0 20px 20px;
	padding:10px 20px;
	border:#ddd solid 1px;
	background:white;

}

.box_lr{
	width:670px;
	height:100%;
	margin:50px 0 20px 20px;
	padding:0;
	display:block;
	clear:both;
}

.box_lr table{
	background:url(../img/table_bg.png);
}

table.box_l{
	width:320px;
	padding:0 0 30px 50px;
	margin:0 0 30px 0;
	border:gray solid 1px;
	float:left;
}

.box_r{
	width:320px;
	padding:0 0 30px 0;
	margin:0;
	border:gray solid 1px;
	float:right;
}

table.box_l td , table.box_r td{padding:5px;}


#main p.f_st{
	margin-top:30px;
	text-indent:1em;
}



.sub_title{
	width:250px;
	height:50px;
	float:left;
	line-height:50px;
	background:#aaa;
}



img.photo_sumb{width:200px; height:141px}

/* *************************************** ページ別 */

/* *************************************** HOME　page */

#base.home{/*padding-top:300px*/}

.home .box{border:#aaa solid 1px;}
.home .box p{height:10px;}


#news{
	margin:0 20px;
	width:670px;
	height:auto;
	background:white;

}

.news_list{
	width:670px;
	border:none;
	margin:0;
	padding:0;
	color:#555;
	font-size:15px;
}

.news_list ul{
	width:670px;
	float:left;
	border:none;
	margin-top:0px;
	text-indent:10px;
	border:solid 1px #ddd;
}
.news_list li , .news_list li a{
	font-size:13px;
	text-align:left;
	border-bottom:1px #ddd solid;
	line-height:24px;
	height:25px;
	display:block;
	color:#444;
	background:white
}


.news_list li a:hover{background:beige;}

.pdf{
	float:left;
	width:550px;
/*	background:red */
}

.date{
	margin-right:20px;
	font-size:10px;
	padding-left:20px

}


.file{
	float:right;
	width:90px !important;
	font-size:11px;
	background:url(../img/pdf.png) no-repeat bottom left;
	padding-left:20px;
/*	background:green */
}

.nofile{
	float:right;
	width:90px;
	font-size:11px;
	text-indent:0;
}


.update{width:170px;}



.archive_list a{
	float:right;
	width:650px !important;
	height:30px;
	font-size:12px;
	padding-right:20px !important;
	text-align:right !important;
/* outline:red solid 1px */
}


/* *************************************** jasfaへようこそ　page */
.box_traffic{
	width:650px;
	height:100px;
	margin:0 0 20px 20px;
	padding:20px 0 20px 20px;
	border:#ddd solid 1px;
	background:white;
}


.jasfa dl.left{
	width:210px;
	float:left;
	height:20px;
}

.jasfa dl.right{
	width:440px;
	float:left;
	height:20px;
}

.jasfa dd {height:20px;}

.jasfa dt{height:25px;}

/* *************************************** いかつり漁業とは　page */
.squid_hand_line .side_r ul{width:190px }


.squid_hand_line .box ul{
	width:630px;
	height:120px;
}

*html .squid_hand_line .box ul{
	width:610px;
	height:120px;
}


.squid_hand_line .box li{
	text-align:center;
	font-size:11px;
	line-height:11px;
	margin:0px;
	width:122px;
	float:left;
}

.squid_hand_line .box li a{
	width:122px;
/*	height:100px;*/
	padding-top:115px;
	float:left;
/*	display:block;*/
}



li.surumeika a{
	background:url("../img/ika_surume.jpg") no-repeat top center;
}
li.surumeika a:hover{
	background:url("../img/ika_surume_h.jpg") no-repeat top center;
}

li.akaika a{
	background:url("../img/ika_akaika.jpg") no-repeat top center;
}
li.akaika a:hover{
	background:url("../img/ika_akaika_h.jpg") no-repeat top center;
}

li.yariika a{
	background:url("../img/ika_yariika.jpg") no-repeat top center;
}
li.yariika a:hover{
	background:url("../img/ika_yariika_h.jpg") no-repeat top center;
}

li.nz a{
	background:url("../img/ika_nz.jpg") no-repeat top center;
}
li.nz a:hover{
	background:url("../img/ika_nz_h.jpg") no-repeat top center;
}

li.usa a{
	background:url("../img/ika_usa.jpg") no-repeat top center;
}
li.usa a:hover{
	background:url("../img/ika_usa_h.jpg") no-repeat top center;
}

/* *************************************** イカの生物学的特徴　page */

.characterization dl{width:400px;padding-bottom:100px;}
.characterization dt{
	float:left;
	width:100px;
	line-height:20px;
}
.characterization dd{
	float:right;
	width:300px;
	padding-left:100px;
	margin-top:-20px;
	line-height:20px;
}

/* *************************************** ダイエット　page */
.diet .box ul{
	width:350px;
	height:100px;
	margin:50 130px;
}


.diet .box li{
	width:200px;
	height:20px;
	text-indent:30px;
	float:left;
	background:#fffaf0;
	border:gray solid 1px;
	border-top:none;
	font-size:12px;
}

.diet li.comb_t{
	width:350px;
	text-indent:0px;
	text-align:center;
	background:#1c4568;
	border:0;
	color:#fffaf0;
	font-weight:bold
}

.diet li.comb_b{
	width:350px;
	text-indent:15px;
	border:none;
	background:none
}

.diet li.right{
	width:132px;
	text-align:right;
	padding-right:15px;
	border-left:0;

}

.diet ul.short{margin-bottom:-25px;}




/* *************************************** 函館地区、八戸地区、能登地区　page */

.box1 dt{
	background:gray/*url().no-repeat*/;
	height:50px;
	font-size:15px;
	color:white;
	text-align:center;
	line-height:50px;
}

.box1 dd{	
	padding-left:10px;
	border-top:1px solid #ddd

}




.ikaarea1 , .ikaarea2 , .ikaarea3{
	width:610px;
	height:170px;
	margin-top:20px;
}

.ikaarea1{
	background:url(../img/ikaarea1.gif) no-repeat right bottom
}
.ikaarea2{
	background:url(../img/ikaarea2.gif) no-repeat right bottom
}
.ikaarea3{
	height:170px;
	background:url(../img/ikaarea3.gif) no-repeat right bottom
}
.ikaarea1 img , .ikaarea2 img , .ikaarea3 img{border:3px solid #8e0000}
.ikaarea1 a img , .ikaarea2 a img , .ikaarea3 a img {border:3px solid gray;}

.ikaarea1 a:hover img, .ikaarea2 a:hover img , .ikaarea3 a:hover img{border:3px solid #8e0000}



/* *************************************** イカの捌き方　page */
.how_to_cut td{font-size:13px; color:#111}
#main.htc img{
	display:block;
	margin:20 0 10px 0;
}

.box_l .sub_title , .box_r .sub_title{
	width:300px;
	margin:0px;
	padding:0px;
}

tr.add_h{height:170px;}


.how_to_cut h5{
	width:648px;
	background:white;
	height:50px;
	line-height:50px;
	font-size:20px
}

.how_to_cut h5 span{
	font-size:14px;
}

.how_to_cut ol{
	margin:0px;
	padding:10px;
}

.how_to_cut ol li{
	margin-bottom:10px;
	margin-left:30px;
}

.how_to_cut .box2{
	width:670px;
	margin-bottom:10px;
	margin-left:20px;
	background:url(../img/table_bg.png);
	display:block;
	clear:both;
}

.how_to_cut table.box_l , .how_to_cut table.box_r{margin-top:-20px;border:none}
.box2{margin-top:50px}
.box2 h5{margin-top:-20px}


/* *************************************** イカの鮮度　page */
/*
.experiment{
	width:632px;
	margin:0 0 50 20px;
	padding:20px;;
	background:url(../img/table_bg.png);
}


.experiment p{
	width:610px;
	margin:0;
	padding:5 10px;
	background:white;
	border-bottom:dotted 1px #ccc;
}
*/

/* *************************************** イカ料理レシピ　page */


ul > .box_recepi {
	height: auto;

}

.box_recepi{
	height:auto;
	max-height:3000px;
	overflow:auto;
	width:630px;
	margin:0 0 20 20px;
	padding:20 20px;
	border:#ddd solid 1px;
	background:url(../img/paper01.jpg) repeat-y;
	clear:both;
}

.box_recepi img{
	width:200px;
	float:left;
	border:0;
}

.sub_title{
	width:420px;
	height:126px;
	margin-top:30px;
	float:right;
	line-height:70px;
	text-align:center;
	font-size:20px;
	font-family: "HuiFont29",Verdana,sans-serif;
	font-weight:bold;
	background:url(../img/masking_002.png) no-repeat top center;
}

.ss_title{
	width:230px;
	padding-right:1em;
	line-height:20px;
	font-size:15px;
	font-weight:normal;
	background:url(../img/under_pink_l.png) no-repeat bottom right;
}

.box_recepi .left{
	width:300px;
	padding:0px
	float:left;
	background:url(../img/ingredients.png) no-repeat;
}


.box_recepi .ingredients{
	margin:0;
	padding:15px;
	width:270px;
	float:right;
	font-size:13px;
	line-height:17px;

}


.ingredients li{
	float:left;
	width:160px;
	list-style-type:none;
	text-indent:1em

}

.ingredients li.sub_g{
	text-indent:0;
	border:none;
	font-weight:bold;
	font-size:0.9em;
}

li.title_ingre{
	width:270px;
	text-align:right;
	font-weight:bold;
	border:none;
	line-height:20px;

}

.ingredients li.r{
	width:110px;
	float:right;
}




.box_recepi .right{
	width:300px
	float:right;

}

.box_recepi ul{
	width:300px;
	float:right;
}

.h_t_m{
	width:300px;
	margin:0px;
	padding:10px;
/*	zoom : 1;*/
}

.h_t_m li{
	margin-bottom:10px;
	margin-left:30px;
}


/* *************************************** 動画　page */

.movies iframe{
	width:500px;
	height:400px;
}
/* *************************************** リンク　page */

.link h5{
	height:20px;
	font-size:13px;
	text-align:left;
	text-indent:1em;
	border:1px solid #8e0000;
	background:white;
	color:#8e0000;
}

.link .box ul{width:615px;border:red }
.link .box li{
	display:block;
	width:615px;
	height:20px;
	margin-bottom:5px;
	padding-left:1em;

}


.link .box li a{
	width:615px;
	height:20px;
	display:block;
	color:#1c4568;
}

.link .box li a:hover{
	background:#8e0000;
	color:white;
}


.link span{
	float:right;
	text-align:left;
	width:280px;
	font-size:0.8em;
	height:18px;
}

.link a span{
	color:#1c4568
}


.link  a:hover span {
	background:#8e0000;
	color:white;
}


