/* 共通 */

html{height:100%;}
body {
	height:100%;
	background-color:#CCE5FF;
	background-image:url(images/bg1.jpg);
	background-position:top left;
	background-repeat:repeat-x;

	}
body > #position {
    height: auto;
}

a{text-decoration:none;color:#06F;}
a:hover{color:#F30;}
button{
border:none;
background-color:#FFFFFF;
width:170px;}

#no_script{
	font-size:77%;
	color:#FFF;
	background-color:#333;
	text-align:center;
	}

#position{
	width:890px;
	height:100%;
	min-height: 100%;
	margin:auto;
	background-image:url(images/bg2.gif);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#position1{
	width:860px;
	margin:0px 15px;
	background-color:#FFF;
	}

#position2{
	width:800px;
	margin:0px 30px;
	background-color:#FFF;
	}

#foot{
	clear:both;
	height:80px;
	font-size:69%;
	vertical-align:top;
	}
#foot a{color:#666;}
#foot a:hover{color:#F30;}
#foot_navi{float: left;margin-top:10px;}
#foot .left{float: left;clear:left;}
#foot .right{float: right;clear:right;}

/*** TOPページ ****************************************/
#top_head{clear:both;}
#top_head h1{float:left;margin:10px 0px;}
#top_head .right{float:right;}
#top_head .right p{margin-bottom:10px;}

#top_navi{clear:both;}

#top_main {clear:both;margin-bottom:20px;}
#top_main h2{margin:20px 0px;}
#top_main h3{margin-bottom:15px;}
#top_main h4{color:#03C;}
#top_main h4 img{margin-bottom:2px;}

#top_left{
	width:500px;
	float: left;
	}
#top_yatoya{
	margin-top:10px;
	clear:both;
}
#top_yatoya .left{
	width:370px;
	height:140px;
	float: left;
	font-size:116%;
	line-height:1.3;
	background-image:url(images/top_yatoya_character_bottom.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}
#top_yatoya .left p{padding:0px 40px 0px 15px;}
#top_yatoya .right{
	width:130px;
	float: right;
	}

#top_right{
	width:240px;
	float: right;
	line-height:1.3;
	}
#top_right p{margin:3px 0px 15px 0px;}


/*** インナー ****************************************/
#head{
	clear:both;
	background-image:url(images/head_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 30px;
	height:100px;
}
#head_navi{
text-align: right;
padding:7px 45px 0px 0px;
}

#head h1{margin-bottom:10px;}

#navi{
	clear:both;
	line-height:0;
	}

#pankuzu {
font-size:69%;
line-height:20px;
height:20px;
color:#06F;
}
#pankuzu a{margin:0px 6px;}

#page_anchor{
line-height:30px;
height:30px;
background-image:url(images/page_anchor_line.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
#page_anchor a{
background-image:url(images/arrow_right.gif);
background-position:left;
background-repeat:no-repeat;
padding:0px 20px 0px 15px;
}

#main{
margin:20px 0px;
background-image:url(images/main_line.gif);
background-position:top left;
background-repeat:repeat-y;
width:800px;
clear:both;
}

#left{
	width:600px;
	float: left;
	font-size:116%;
	}
#left p{margin:0px 10px 10px 10px;}
#left h3{margin:20px 0px 20px 0px;}
#left h4{
	margin:5px 10px;
	color:#F60;
	font-weight:bold;
	}
#left h4 img{margin-bottom:3px;}
#left .box_2{width:300px;float:left;}

#left .box_3{width:200px;float:left;}
#left .box_2a{width:180px;float:left;padding-left:10px;}
#left .box_2b{width:410px;float:left;}
#left .imgright{float:right;clear:right;margin-left:20px;}
#left .sage{
text-indent:-1em;
padding-left:1em;
}


#right{
	width:150px;
	float: right;
	line-height:1.3;
	color:#333;
	}
#right h4 img{margin-bottom:10px;}
#right h5{margin-top:4px;}

#right .fishstock{
background-color:#E5F2FF;
text-align:center;
}
#right .fishstock img{
margin-top:10px;}

#right .fishstock p{margin:0px;}

.pagetop{
	line-height:25px;
	height:25px;
	font-size:85%;
	text-align:right;
	margin-right:10px;
	clear:both;
	}
.pagetop a{
	background-image:url(images/arrow_top.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	}

.clear{
	clear:both;
	height:0px;
	font-size:1px;
	line-height:0;
	}
/*** 海南シーフードセンター ****************************************/

#seafood_main{
	margin:10px 0px 20px 0px;
	font-size:116%;
	clear:both;
}

#seafood_main p{margin:0px 10px 10px 10px;}
#seafood_main h3{margin:20px 0px;}
#seafood_main h4{
	margin:5px 10px;
	color:#F60;
	font-weight:bold;
	}
#seafood_main .box_2{width:400px;float:left;}

#seafood_main .box_3{width:600px;float:left;}
#seafood_main .box_3a{width:135px;float:left;}
#seafood_main .box_3b{width:255px;float:left;}
#seafood_main .box_3a p, #seafood_main .box_3b p{margin:0px 0px 0px 10px;font-size:77%;}

#seafood_main .box_4{width:200px;float:left; font-size:77%;}
#seafood_main .box_4 img{margin-bottom:3px;}

#seafood_main .sage{
text-indent:-1.4em;
padding-left:1.4em;
}
#seafood_main h5{
background-color:#6C9;
color:#FFF;
font-weight:bold;
padding-left:1.4em;
margin:10px;
}

#seafood_main .tume p{margin:0px 10px 0px 10px;}
#seafood_main .line{border-bottom:1px solid #CCC;}


/*** 会社案内 ****************************************/
.company_tb{
background-image:url(images/page_anchor_line.gif);
background-position:top left;
background-repeat:no-repeat;
margin:0px 0px 20px 10px;
}

.company_tb th{
font-weight:bold;
text-align:right;
background-image:url(images/page_anchor_line.gif);
background-position:bottom left;
background-repeat:no-repeat;
vertical-align:top;
padding:5px 10px
}
.company_tb td{
background-image:url(images/page_anchor_line.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding:5px 10px
}


/*** プライバシー ****************************************/

#privacy_main, #sitemap_main{
	margin:20px 0px;
	padding:0px 10px;
	font-size:116%;
	clear:both;
}
#privacy_main h3{
background-image:url(images/privacy_h3_bg.gif);
background-position:left;
background-repeat:no-repeat;
margin:20px 0px 10px 0px;
padding-left:15px;
color:#039;
font-weight:bold;
}

/*** サイトマップ ****************************************/

#sitemap_main table{border-bottom:1px solid #9CF;
margin-bottom:20px;}
#sitemap_main th{
border-top:1px solid #9CF;
background-image:url(images/sitemap_bg.gif);
background-position:right;
background-repeat:repeat-y;
vertical-align:top;
padding:5px 10px;
}
#sitemap_main td{
border-top:1px solid #9CF;
vertical-align:top;
padding:5px 10px;
}


#sitemap_main a{
background-image:url(images/arrow_right.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}
/*** IR ****************************************/

#left .top0{margin-top:0px !important;}

.sitelink a{
background-image:url(images/arrow_right.gif);
background-position:left;
background-repeat:no-repeat;
padding:0px 20px 0px 15px;
}

hr{
border-style:solid none  none  none;
border-color:#CCC;
height:1px;
margin:10px;
clear:both;
}
/*** お問い合せ ****************************************/
.arrow a{
background-image:url(images/arrow_right.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
font-size:77%;
}

.contact_tb{margin:0px 0px 10px 10px;}
.contact_tb th{
	text-align:right;
	width:150px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:right;
	}
.contact_tb th p{
	background-image:url(images/contact_arrow.gif);
	background-repeat:no-repeat;
	background-position:right;
}

.contact_tb th p, .contact_tb td p{
	padding-right:15px;
	margin:0px !important;
	line-height:2.2;
}

#yatoya{
	margin:10px 10px 0px 10px;
	clear:both;
}
#yatoya .left{
	width:590px;
	height:160px;
	float: left;
	background-image:url(images/brand_seabream_words_03.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}
#yatoya .left h4{margin:0;}
#yatoya .left p{padding:0px 30px 0px 15px;}
#yatoya .right{
	width:190px;
	float: right;
	}
.h25{height:25px;line-height:25px;vertical-align: middle;}



#deepsea{
	clear:both;
	height:540px;
	background-color:#039;
	background-image:url(images/brand_deepsea_bg.gif);
	background-position: top left;
	background-repeat:repeat-x;
	color:#FFF;
}
#deepsea p{margin:0;}
#deepsea .left{
	width:490px;

	padding:0px 20px;
	float: left;
	background-color:#039;
}

#deepsea .right{
	width:250px;
	padding:0px 20px 0px 0px;
	float:right;
	background-color:#039;
}


#deepsea .left h4{margin:10px 0px;}
#deepsea .sitelink a{
background-image:url(images/arrow_right2.gif);
background-position:left;
background-repeat:no-repeat;
padding:0px 20px 0px 15px;
color:#FFF;
}

#deepsea .sitelink a:hover{color:#F30;}


#popup_head{
	clear:both;
	background-image:url(images/popup_head_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 30px;
	height:60px;
}

#popup_head h1{margin:10px 0px;}
#popup_main{
	margin:0px 0px 20px 0px;
	clear:both;
}
#popup_main h2{margin:20px 0px 0px 0px;}
#popup_main h3{margin:20px 0px;}
#popup_main .left{
	width:340px;
	float: left;
	font-size:123.1%;
	line-height:2;
	}
#popup_main .right{
	width:460px;
	float: right;
	line-height:1.3;
	color:#333;
	}

#popup_main p{margin:0px 10px 10px 10px;}

#popup_main .box_2{width:300px;float:left;}
#popup_main .yatoyan{width:600px;margin-left:90px;font-size:116%;}

.fs8{font-size:60%;}
.fs9{font-size:69%;}
.fs10{font-size:77%;}
.fs11{font-size:85%;}
.fs12{font-size:93%;}
.fs13{font-size:100%;}
.fs14{font-size:108%;}
.fs15{font-size:116%;}
.fs16{font-size:123.1%;}

.imgright{float:right;clear:right;}
.imgleft{float:left;clear:left;}

.top10{margin-top:10px;}
.top20{margin-top:20px;}
.bottom3{margin-bottom:3px;}
.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}
.left10{margin-left:10px;}
.left20{margin-left:20px;}
.left90{margin-left:90px;}

.blue{color:#03C;}
.gray{color:#666;}
.new{color:#F60;}
.orange{color:#F60; font-weight:bold;}
.black{color:#000;}
.red{color:#F00;}