﻿@charset "utf-8";

/*当サイトをご覧いただきましてありがとうございます。　当サイトのソースを
ご覧いただく分には自由ですが、著作権法によりコピーは固くお断りしております。
どうぞ、ご了承ください。*/
/* 基本
---------------------------------------------*/
* {
	padding: 0;
	font-size: 100%;
	list-style: none;
	margin:0;
}
body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	/*\*/
	letter-spacing: 0.05em;
	/**/
	color: #333333;
	
	/* ↓システム追加 */

}
A:link
{
    COLOR: royalblue
}
A:visited
{
    COLOR: steelblue
}
A:active
{
    COLOR: royalblue;
    TEXT-DECORATION: underline
}
A:hover
{
    CLEAR: none;
    LEFT: 0pt;
    FLOAT: none;
    VISIBILITY: visible;
    COLOR: royalblue;
    POSITION: relative;
    TOP: 0pt;
    TEXT-DECORATION: none
}
#small{
	font-size:80%;
	margin:0;
	
}
h1{
	font-size:110%;
	border-bottom:1px dotted #221818;
	padding-top:5px;
	padding-bottom: 2px;
	margin:0;
	
}

h2{
	font-size:110%;

	border-bottom:1px solid #221818;
	padding-top:5px;
	padding-bottom: 2px;
	margin:0;
}
h3{
	font-size:110%;
	border-top:1px solid #221818;
	border-bottom:1px dotted #221818;
	padding-top:5px;
	padding-bottom: 2px;
	margin:0;
	
}
h4{
	font-size:110%;
	border-bottom:1px solid #c0c0c0;
	padding-top:5px;
	padding-bottom: 2px;
	margin:0;
	
}

h5{
	font-size:110%;
	border-bottom:1px dotted #e752520;
	padding-top:5px;
	padding-bottom: 2px;
	margin:0;
	color: #e752520;
	
}

#container{
	width: 840px; /*ナビゲーションと同じ幅、IE6対策*/
	top:0px;
    position:relative;
	margin:0 auto;
	border-right: 1px solid #221818;
	border-left: 1px solid #221818;
	
}

#contents{
	position:relative;
	width:840px;
	}
#footer{

	position:relative;

}


#main_contents{
	position:absolute;

	top:0;
	left:0;
	width:580;
	
	
}

#menu {
	position:absolute;
	top:22px;
	left: 550px;
	width:250px;
	
}
#menu a {
	color:#333333;
	text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
}
	
#slink a {
	color:#e75252;
	background-color:#FFFFFF;
	text-decoration: none;
	text-align:center;
}
#slink a:hover {
	text-decoration: underline;
}
#linktext{
		font-size:90%;
	    margin:0;
	   	line-height:130%;
}
/*ロードシステム*/
  .loading {
position: fixed;/*位置を固定*/
top: 50%;/*垂直位置中央*/
left: 50%;/*水平位置中央*/
width: 298px;
height: 151px;
margin-top: -75.5px;/*中央から上に高さの半分移動*/
margin-left: -149px;/*中央から左に横幅の半分移動*/
padding-top: 50px;/*内容を中央に*/
text-align: center;
background: url(../images/loading_bg2.png) no-repeat;
color: #000;
font-family: verdana;
font-size: 12px;
}
.comment_back{
  width: 450px;/*全体の幅*/
  font-size: 12px;/*文字サイズ*/
	background: #DE7A7A url(../images/009_1.gif) 0% 0% no-repeat;/*背景色*/
  }
.comment_back dt{/*タイトル部分の設定*/
  color: #FFFFFF;/*文字色*/
	background: #DE7A7A url(../images/009_2.gif) 100% 0% no-repeat;/*背景色*/
  font-weight: bold;
	text-align: center;
  margin: 0 0 0 12px;
  padding: 6px 12px 2px 0;
  }
.comment_back dd{/*内容部分*/
  margin: 0;
  border: solid 1px #DE7A7A;/*枠の色*/
	background: #FFFFFF;
  }
.comment_back dd p{
  padding: 1em;/*テキスト部分の余白*/
  margin: 0;
  }
  .box2111234{
  font-size: 10pt;/*文字サイズ*/
  width: 275px;/*幅*/
  text-align: center;/*タイトルを中央寄せ*/
  border: solid 1px #868689;/*外周枠の色*/
  background-color: #E9E9EC;/*枠の背景色*/
  padding-top: 4px;
  }
.box2121234{
  text-align: left;
  border: solid 1px #ACACAE;
  padding: 1em;
  margin: 4px;
  background-color: #FBFBFC;/*文章部分の背景色*/
  }
#read{
	font-size:12px;
	line-height:2.0em;
	margin:10px 10px 10px 10px;
}
#read_kuchikomi{
	width:680px;
	font-size:12px;
	line-height:2.0em;
	margin:10px 10px 10px 10px;
}
#read_kuchikomi_top{
	width:480px;
	font-size:12px;
	line-height:2.0em;
	margin:10px 10px 10px 10px;
}
.alert {
	background: #fff6bf url(../../images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

/*ナビゲーションシステム*/
#navigation1 {
	position: relative;
	left: 0;
	top: 111px;
	width: 140px;
	padding-bottom: 327px;
	border-top: 1px solid #5F5F5F;
	background: url(../images/menu2.gif) left bottom no-repeat;
}
#navigation1 li {
	border-bottom: 1px solid #5F5F5F;
}

#navigation {
	width: 840px; /* main幅と同じ */

}
#navigation ul {
	list-style: none; 
	margin: 0; 
	padding: 0px; 
	height: 32px;
	overflow: hidden;

}
#navigation li {
	float: left; 
	width: 140px; 
	margin: 0; 
	padding: 0; 
}
#navigation a {
	display: block;
	width:100%;
	padding: 6px 0 8px 0;
	color:#FFFFFF;
	background-color:#4C924D;
	background-image: url(../images/menu.gif);
	background-position: left top;
	text-decoration: none;
	text-align:center;
}
#navigation a:hover{
	background-color:#297E27;
	background-position: right top;
}
/*ReportPAD*/
#reportpad {
	position: relative;

	width: 550px;
	height: 250px;
	background: url(../images/reportpad.gif) left bottom no-repeat;
}
#header{
height: 400 px;

}
#main_contents{

float: left;
width: 680px;
padding-left: 1px;

}
#ad_right{
width: 120px;
float: right;
}
#sidenavi {
	width: 120px;
}
#sidenavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
}
#sidenavi li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
	background: #CC0000 url(../cruise/images/list_marker_white.gif) left center no-repeat; /* オフマウス時のマーカー画像と背景色を指定 */
}
#sidenavi a {
	padding: 4px 0 4px 10px;
	background: #FFFFFF url(images/list_marker_red.gif) left center no-repeat;
	display: block;
	width: 110px !important;
	width /**/: 120px;
	color: #333333;
	text-decoration: none;
}
#sidenavi a:hover {
	color: #FFFFFF; /* オンマウス時の文字色を指定 */
	background-image: none; /* オンマウス時の背景画像を表示させないように指定 */
	background-color: transparent; /* オンマウス時の背景色を透過するように指定 */
}
#cruise_intro {
	line-height: 18pt ;
	}
#intro {
	line-height: 14pt ;
	}
	#tab {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	border-bottom: 2px solid #333;
	height: 1.5em;
	overflow: hidden;
}
#tab li {
	float: left;
	width: 124px;
	height: 1.5em;
}
#tab li a {
	display: block;
	width: 120px;
	height: 1.5em;
	border: 1px solid #ccc;
	border-bottom: 0;
	
	color: #777;
	text-align: center;
}
#tab li a:hover,
#tab li.present a {
	border-color: #333;
	color: #000;
}


#page1, #page2, #page3, #page4, #page5 {
	margin-bottom: 12em;
	padding-top: 1em;
}
#comment_space1 {
	position:absolute;
	left:10px;
	width: 590px;
	height: 160px;
	background-color:#fff;
}


