@charset "utf-8";

body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	background:#DF0909;
	background:url(../images/contents-background.jpg);
	margin:0; }

#header-line {
	z-index:99;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:11px;
	background-image:url(../images/header-line.jpg);
	margin:0 auto; }

#header {
	z-index:1;
	position:relative;
	width:1200px;
	height:534px;
	background-image:url(../images/index-header.jpg);
	margin:0 auto; }


#header-logo {
	z-index:2;
	position:absolute;
	top:31px;
	left:125px; }

#header-contents {
	width:322px;
	height:72px;
	position:absolute;
	top:210px;
	right:0; }

#header-facebook {
	width:33px;
	height:33px;
	position:absolute;
	top:10px;
	right:48px; }

#header-twitter {
	width:33px;
	height:33px;
	position:absolute;
	top:10px;
	right:10px; }

a img { border:0px; }

#navi {
	z-index:5;
	position:absolute;
	width:1200px;
	height:134px;
	left:0;
	bottom:-10px;
	margin:0;
	padding:0;
	background-image:url(../images/navi.png);
	list-style-type: none; }

#navi li {
	position:absolute; }

#navi li#navi-1 {
	bottom:30px;
	left:160px;
	width:134px;
	height:56px; }
#navi li#navi-2 {
	bottom:5px;
	left:342px;
	width:134px;
	height:56px; }
#navi li#navi-3 {
	bottom:5px;
	left:487px;
	width:134px;
	height:56px; }
#navi li#navi-4 {
	bottom:5px;
	left:632px;
	width:134px;
	height:56px; }
#navi li#navi-5 {
	bottom:5px;
	left:777px;
	width:134px;
	height:56px; }
#navi li#navi-6 {
	bottom:5px;
	left:922px;
	width:134px;
	height:56px; }


#footer-area {
	margin:0 auto;
	height:auto;
	background-image:url(../images/footer-background.png); }
#footer {
	color:#ffffff;
	text-align:center;
	width:1200px;
	margin:0 auto;
	height:auto; }

#footer  ul {
	margin:0;
	padding:10px 0 20px;
	list-style-type: none; }
#footer  ul li {
	margin:0 3px;
	font-size:11pt;
	display:inline; }
#footer  ul li a {
	color:#ffffff;
	text-decoration:none; }
#footer  ul li a:hover {
	text-decoration:underline; }
#footer #copyright {
	padding:6px 0 10px; }

#contents {
	position:relative;
	width:1200px;
	margin:0 auto;
	height:auto;
	background-image:url(../images/main-contents-background.png);
	background-repeat:no-repeat;
	background-position:left bottom; }

#contents #page-top {
	width:169px;
	height:31px;
	position:absolute;
	bottom:1px;
	left:116px; }

#contents #subject {
	z-index:50;
	position:absolute;
	top:40px;
	left:50px; }

#contents #main {
	display:inline;
	width:641px;
	float:left;
	text-align:center;
	margin:40px 0 46px 100px; }

#contents #side {
	display:inline;
	position:relative;
	line-height:0;
	width:306px;
	text-align:center;
	margin:40px 136px 46px 0;
	float:right; }

#contents #side #side-access-area {
	width:300px;
	margin:10px 0 0; }
#contents #side #side-access-area #side-access {
	text-align:center;
	margin:0 0 10px;
	padding:10px;
	line-height:14px;
	border:1px solid #FF0000;
	background:#BC1515; }
#side-access #side-access-data {
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:#8F1616 dashed 1px;
	text-align:left; }
#side-access #side-access-data .element {
	float:left;
	width:37px; }
#side-access #side-access-data .text {
	font-size:9pt;
	margin:5px 0 5px 0;
	float:right;
	color:#ffffff;
	width:234px; }

.clear { clear:both; }

#index-bannar {
	position:relative;
	margin:10px 0;
	width:641px;
	height:216px; }


#index-bannar a {
	width:260px;
	height:41px;
	position:absolute;
	bottom:43px;
	left:16px; }

#news-area {
	position:relative;
	margin:0 auto;
	background:#ffffff;
	width:630px;
	height:auto; }

#news-area ul {
	z-index:60;
	position:relative;
	margin:0;
	padding:10px 20px 20px;
	list-style-type: none; }

#news-area ul li {
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:0 15px;
	padding:12px 0 10px 16px;
	text-align:left;
	border-bottom:dashed 1px #BAB9B9; }

#news-area ul li .date {
	display:inline;
	width:90px;
	float:left; }
#news-area ul li .text {
	display:inline;
	width:480px;
	float:right; }

#index-hasu-1 {
	z-index:40;
	position:absolute;
	width:138px;
	height:101px;
	bottom:-20px;
	right:-20px; }

#index-hasu-2 {
	z-index:40;
	position:absolute;
	width:124px;
	height:89px;
	bottom:-50px;
	right:80px; }

#index-hasu-3 {
	z-index:40;
	position:absolute;
	width:108px;
	height:97px;
	bottom:-70px;
	left:20px; }

#index-shrimp-1 {
	z-index:40;
	position:absolute;
	width:119px;
	height:136px;
	top:-80px;
	left:-20px; }

#index-shrimp-2 {
	z-index:40;
	position:absolute;
	width:185px;
	height:208px;
	bottom:-120px;
	right:200px; }

#index-shrimp-3 {
	z-index:40;
	position:absolute;
	width:139px;
	height:168px;
	top:400px;
	right:-80px; }