@charset "Shift_JIS";

/*基本設定-------------------------------------------*/

body,div,p,table,textarea {	
	font-size:12px;
	color: #666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:18px ;
}

input,select {
	font-size:12px;color:#000000;
	font-family:'ＭＳ Ｐゴシック';
}

body {
	background-image: url(img/bg.png);
	background-repeat: repeat;
	background-attachment:fixed;
	text-align: center;
	padding: 0px auto;
	margin: 0px auto;
	width: auto;
}

a:link, a:hover, a:visited	{
	color:#36F;
}

a:link, a:visited	{
	text-decoration:underline;
}

a:hover	{
	text-decoration:none;
}

div {
	padding: 0px;
	margin:0px;
}

img {
	padding: 0px;
	margin:0px;
	border:0px;
}


/*メイン構成*/

/*ヘッダー*/
#header {
	background-image: url(img/headder.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:850px;
	height: 150px;
	margin: 0px auto;
	border-bottom: 5px solid #82BFE8;
}

table.headbutton{
	margin: 0px auto 0px auto;
	width: 850px;
	height: 150px;
}

.newinfo {
	background-image:url(img/news.jpg);
	background-repeat:no-repeat;
	margin: 10px auto;
	width: 800px;
	height: 30px;
}

.newinfo_txt {
	padding-top: 6px;
	padding-left: 130px;
	text-align:left;
	font-weight: bold;
	color:#000;
}

/*メインコンテンツ部分*/

#main {
	width: 904px;
	padding-bottom: 30px;
	margin: 0px auto;
	background-image: url(img/main.png);
	background-repeat: repeat-y;
}


#layout_left {
	width: 240px;
	margin: 10px auto 5px 30px;
	float: left;
}

.pickup img {
	margin: 5px auto;
	border: 1px solid #1f6599;
}

.top_left_contents {
	width: 232px;
	margin: 0px auto 0px 4px;
	background-image:url(img/lay_left_mid.jpg);
	background-repeat:repeat-y;
}

.top_left_contents h1{
	color: #fff;
	background-color: #6279af;
	font-size: 12px;
	margin: 0px;
	padding: 2px;
	text-align: left;
	width: 200px;
}

.top_left_contents h2{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 200px;
}

#layout_right {
	width: 600px;
	margin-top: 10px;
	float: left;
}

.top_right_contents {
	width: 592px;
	margin: 0px auto 0px 4px;
	background-image:url(img/lay_right_mid.jpg);
	background-repeat:repeat-y;
}

#info_txt {
	width: 570px;
	height: 110px;
	text-align: left;
	overflow: auto;
}

#info_txt p {
	margin: 0px auto 0px 30px;
	padding: 5px;
	border-bottom: 1px dotted #7cc7ff;
}

#footer {
	width: 800px;
	margin: 0px auto 50px auto;
	padding-top: 50px;
	border-top: 2px dotted #7cc7ff;
	font-weight: bold;
	clear:both;
}

/*コンテンツ別*/

.cha_marina {
	width: 850px;
	height: 650px;
	margin: 10px auto;
	text-align:left;
	background-image:url(img/cha_base01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.cha_voice_bt {
	padding-top: 443px;
	padding-left: 88px;
}

.cha_coustume_bt {
	padding-top: 37px;
	padding-left: 88px;
}

#spec {
	width: 850px;
	margin: 0px auto;
}

.spec_aria {
	float: left;
	margin: 20px auto 30px 0px;
}

.spec_txt {
	background-image:url(img/spec_waku_mid.jpg);
	background-repeat:repeat-y;
	width: 259px;
	padding: 5px;
	margin-left: 10px;
}

.spec_txt h1{
	color: #fff;
	background-color: #6279af;
	font-size: 12px;
	margin: 0px;
	padding: 2px;
	text-align: left;
	width: 245px;
}

.spec_txt h2{
	font-size: 12px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-align: left;
	width: 245px;
}

table.sample {
	margin: 20px auto 150px auto;
	font-weight: bold;
	color: #25669C;
}

table.sample td {
	width: 220px;
	height: 190px;
}

.sample_txt {
	overflow: auto;
	height: 200px;
	width: 610px;
	text-align: left;
	margin: 0px auto;
	padding-top: 10px;
	padding-left: 30px;
	color: #333;
}

.marina {
	color: #F06;
}

#special {
	margin: 10px auto;
}

#special h1 {
	background-color: #7cc8fc;
	color: #fff;
	margin: 0px auto;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	width: 750px;
	padding-left: 10px;
}

#special table {
	margin: 10px auto;
	width: 750px;
}

#special td {
	padding-bottom: 10px;
}

#topic h1 {
	margin: 5px;
	text-align: left;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

table.info {
	border: 1px solid #000;
	width: 590px;
	margin: 5px auto;
}

td.info_img {
	width: 200px;
	padding: 5px;
}

td.info_txt {
	width: 390px;
	text-align: left;
	padding: 10px;
}

td.info_txt_only {
	width: 590px;
	text-align: left;
	padding: 10px;
}