@charset "utf-8";
/* CSS Document */

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/*----- ここからが重要なフッター下部設定 -----*/
html,body{
	width: 100%;
    height: 100%;
}

div#container{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

footer{
	padding: 10px;
	background-color: #352b23;
	color: #ccc;
	text-align: center;
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
}

/* デフォルト文字設定 */
body {
	color:#080000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",;
	font-size:14px;
	line-height:1.4;
	height: 100%;
}

a { color: #080000;}
a:visited { color: #080000;}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type: none;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}

.container { 
	position: relative; 
	width: 100%; 
	height: auto !important; 
	height: 100%; 
	min-height: 100%;
}

h2{
	padding: 30px 0px;
	font-size: 25px;
	text-align: center;
	font-weight : 400;
	color: #000;
}

h3{
	color: #000;
	text-align: center;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight : 400;
}

h4{
	padding-bottom: 30px;
	text-align: left;
	font-size: 22px;
	font-weight : 400;
	color: #006888;
	clear: both;
}

hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #808080;
	height: 1px;
}

/* TOP*/

#main{
	overflow: hidden;
	clear:both;
	width: 100%;
	height: 768px;
	margin-top:  0px;
  	padding-top: 75px;
}

#main_image{
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	}

#center{
	margin:0 auto;
	text-align: center;
	position: relative;
	top: 40%;
	background-color: transparent;
	clear: both;
}

#main p{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #fff;
	font-size: 50px;
	background-color: transparent;
}

/*ニュース*/

#news{
	text-align: center;
	height: 300px;
	width: 100%;
    clear: both;
	margin: 0px auto;
	background-color: #e0e0e0;
}

#news h2{
	font-size: 20px;
	padding: 20px;
	text-align: center;
	font-weight: 200;
	background-color: transparent;

}

#news ul{
	width: 600px;
	margin: 0 auto;
}

#news .li_02 {
	list-style-type: none;
	line-height: 2em;
	margin: 0 auto;
	padding: 10px 0px 10px 20px;
	border-top: dotted 1px #404040 ;
	border-bottom: dotted 1px #404040 ;
	text-align: left;
	background-color: #e0e0e0;
}

#news li{
	list-style-type: none;
	line-height: 2em;
	margin: 0 auto;
	padding: 10px 0px 10px 20px;
	border-bottom: dotted 1px #404040 ;
	text-align: left;
	background-color: #e0e0e0;
	clear: both;
}

/*キャビア*/

#sturgeon_cavir{
	overflow: hidden;
	clear:both;
	width: 100%;
	height: 650px;
}

#sturgeon_cavir_image{
	background-image: url(../images/cavir.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	}

#sturgeon_cavir_inner{
	margin: 0 auto;
	width: 920px;
}

#sturgeon_cavir p{
	margin: 0 auto;
	width: 100%;
	color: #fff;
}

#left{
	text-align: left;
	position: relative;
	top: 10%;
	clear: both;
}

#sturgeon_cavir h2{
	padding-top: 100px;
	padding-left: 60px;
	clear: both;
	color: #fff;
	text-align: left;
}

#sturgeon_cavir p{
	color: #fff;
	background-color: transparent;
	font-size: 18px;
	width: 800px;
}

/*チョウザメとキャビアの種類*/

#chozame{
	width: 920px;
	margin: 0 auto;
	padding-bottom: 70px;
}

#chozame h4{
	padding: 60px 0 30px 35px;
	text-align: left;
	font-size: 22px;
	font-weight : 400;
	color: #006888;
	clear: both;
}

#chozame table{
	margin: 0 auto;
}

#chozame td{
	width: 400px;
	padding: 5px 20px;
	vertical-align: top;
}

#chozame p{
	width: 5em;
	color: #f89174;
	margin-top:5px; 
	padding: 1px;
	border: solid 1px #f89174;
}

/*チョウザメの加工と収穫の様子*/

#movie{
	width: 920px;
	margin: 0 auto;
	padding-bottom: 80px;
}

#movie h4{
	padding: 10px 0 30px 35px;
	text-align: left;
	font-size: 22px;
	font-weight : 400;
	color: #006888;
	clear: both;
}

#video{
	text-align: center;
}

/*品質と衛生管理*/

#contents{
	overflow: hidden;
}

#contents h2{
	padding: 40px 0px;
	clear: both;
	color: #000;
	text-align: center;
	background-color: #e0e0e0;
}

.cont1{
	height: auto;
	clear: both;
	background-color: #e0e0e0;
	height: 500px;
}

/*主なお取引先*/

#restaurant_img{
	background-image: url(../images/restaurant.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #e0e0e0;
	width: 100%;
	height: 500px;
	}

.cont2{
	float: right;
	width: 50%;
	height: auto;
	background-color: #e0e0e0;
	height: 500px;
}

.lead{
	width: auto;
	height: auto;
	clear: both;
	color: #000;
	text-align:left;
	padding: 20px 80px;
	background-color: #e0e0e0;
}

#process{
	width: 100%;
	background-color: #e0e0e0;
}

#process h4 a{
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 18px;
	margin: 20px auto;
	width: 19.5em;
	color: #364e96;/*文字色*/
	border: solid 2px #364e96;/*線色*/
	padding: 0.5em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
}

#process h4 a:hover{
	color: #fff;/*文字色*/
	border: solid 2px #364e96;/*線色*/
	background-color: #364e96;
	padding: 0.5em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
}

#process_img{
	background-image: url(../images/process.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #e0e0e0;
	width: 100%;
	height: 500px;
	}

/*会社概要*/

#company{
	background-color: #fff;
	width: 920px;
	text-align: left;
	margin:0 auto;
	padding-top: 30px;
	clear:both;
}

/*代表挨拶*/

#daihyo_aisatsu{
	width: 720px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 100px;
}

#daihyo_aisatsu p{
	text-align: left;
	margin: 20px auto 0;
	width: 650px;
	color: #000;
}

/*会社情報*/

#jyoho{
	padding-top: 50px;
	padding-bottom: 100px;
	width: 720px;
	margin: 0 auto;
}

#jyoho table{
	margin:0 auto;
	border-collapse: collapse;
	background-color: #fff;
	list-style: none;
}

#jyoho th.t_top{
	border-top: #808080 1px dotted;
	background-color: #fff;
}

#jyoho th{
	border-bottom: #808080 1px dotted;
	padding: 20px 40px 20px 60px;
	font-weight: normal;
	text-align: left;
	background-color: #fff;
}

#jyoho td.t_top{
	border-top: #808080 1px dotted;
	background-color: #fff;
}

#jyoho td{
	border-bottom: #808080 1px dotted;
	text-align: left;
	background-color: #fff;
}

/*お問い合わせ*/

#contact{
	margin: 0 auto;
	clear: both;
	background-color: #e0e0e0;
	padding-top: 30px;
}

#contact_inner{
	margin: 0 auto;
	width: 920px;
	text-align: center;
}

#contact p{
	margin: 0;
	font-size: 16px;
	margin-bottom: 20px;
}

/*メールフォームの設定*/

#contact table{
	width: 720px;
	margin: 0 auto;
	border: #404040 1px solid;
	border-collapse: collapse;
	background-color: #fff;
}

#contact th{
	width: 150px;
	font-weight: normal;
	text-align:center;
	border: #404040 1px solid;
	vertical-align: middle;
}

#contact td{
	text-align: left;
	border: #404040 1px solid;
	padding:5px 10px;
}

input[type=text]{
	 width: 300px;
	 height: 18px;
	 text-size: 18px;
 }

input[option value]{
	 width: 300px;
	 height: 50px;
 }

#btns{
	padding: 10px 0 50px 0;
}

/*アクセス*/

#access{
	width: 720px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 55px;
	padding-top: 30px;
}

#access h3{
	color: #000;
	text-align: center;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding : 5px 0 ;
	font-weight : 400;
}

#access h4{
	padding-bottom: 5px;
	text-align: left;
	font-size: 22px;
	font-weight : 400;
	color: #006888;
	clear: both;
}

#access p{
	margin: 5px 0;
	font-size: 14px;
}


/*フッター*/

#footer{
	clear: both;
	background-color : #473731;
	padding: 20px 0px 20px 0px;
	position: absolute;  /* フッターを絶対配置に指定する設定 */
	bottom: 0px;                /* 位置(下0px) */
	height: auto;        /* フッターの高さ */
	width: 100%;
    left: 0px;                  /* 位置(左0px) */
	z-index: 1;
}

#footer_inner{
	background-color : #000;
	margin: 0 auto;
	height: auto;
	width: 960px;
}

#footer p{
	margin: 0px 20px;
	text-align: right;
	color: #fff;
}