@charset "utf-8";

/*　Zeal Cruise Divition
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
	behavior: url("../css/csshover3/csshover3.htc") 
	behavior: url("../css/csshover3/csshover3-source.htc") 
}

a {
	color : #003399;
}

a:visited {
	color : #333333;	
}

a:hover {
	color : #0066cc;
}

img {
	border : none;
	vertical-align : top;
    float : left;
	/*margin-bottom : 3px;*/
}

hr {
	display : block;
	color : white;
	background-color : transparent;
	height : 1px;
	border-top : 1px solid #cccccc;
}

#wrapper {
	width : 960px;
	margin-left : auto;
	margin-right : auto;
	/*padding-top : 5px;*/
}

/*　ページトップ　リンクナビゲーション
-------------------------------------------------*/
#top_nav2 {
	width: 741px;
	padding:1px 0 0 4px;
	float: right;
	height: 30px;
	/*background-color: #ff0000;*/
}

#top_nav2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#top_nav2 li {
	/*padding: 0px;*/
	margin: 0px;
	display: block;
	float: left;
	width: 120px;
	height: 29px;
	margin-left:3px;
	text-align:center;
}
#top_nav2 li a {
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	display: block;
	width: 100%;
	height: 23px;
	color:#ffffff;
	padding-top:6px;
}
#top_nav2 li a:hover {
	font-size:90%;
	font-weight:bold;
	height: 23px;
	color:#ffffff;
	padding-top:6px;
}
#top_nav2 li#plan002 {
	background-image: url('../img/plan01.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan001 {
	background-image: url('../img/plan02.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan004 {
	background-image: url('../img/plan03.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan003 {
	background-image: url('../img/plan04.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan006 {
	background-image: url('../img/plan05.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan005 {
	background-image: url('../img/plan06.gif');
	background-repeat: no-repeat;
	width:120px
}

#top_nav2 li#plan002 a:hover {
	background-image: url('../img/plan01_on.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan001 a:hover {
	background-image: url('../img/plan02_on.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan004 a:hover {
	background-image: url('../img/plan03_on.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan003 a:hover {
	background-image: url('../img/plan04_on.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan006 a:hover {
	background-image: url('../img/plan05_on.gif');
	background-repeat: no-repeat;
	width:120px
}
#top_nav2 li#plan005 a:hover {
	background-image: url('../img/plan06_on.gif');
	background-repeat: no-repeat;
	width:120px
}


#top_navi {
	/*margin-left:2px;*/
	/*margin-bottom:1px;*/
	margin-left:auto;
	margin-right:auto;
	width: 960px;
	height: 24px;
	clear: both;
}
#top_navi ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#top_navi li {
	text-indent:-9999px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	width: 87px;
	height: 23px;
}
#top_navi li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 23px;
}
#top_navi li a:hover {
	height: 23px;
}
#top_navi li#home {
	background-image: url('../img/top_btn_01.gif');
	background-repeat: no-repeat;
	width:88px
}
#top_navi li#plan {
	background-image: url('../img/top_btn_02.gif');
	background-repeat: no-repeat;
}
#top_navi li#number {
	background-image: url('../img/top_btn_03.gif');
	background-repeat: no-repeat;
}
#top_navi li#ships {
	background-image: url('../img/top_btn_04.gif');
	background-repeat: no-repeat;
}
#top_navi li#harbor {
	background-image: url('../img/top_btn_05.gif');
	background-repeat: no-repeat;
}
#top_navi li#course {
	background-image: url('../img/top_btn_06.gif');
	background-repeat: no-repeat;
}
#top_navi li#option {
	background-image: url('../img/top_btn_07.gif');
	background-repeat: no-repeat;
}
#top_navi li#information {
	background-image: url('../img/top_btn_08.gif');
	background-repeat: no-repeat;
}
#top_navi li#reserve {
	background-image: url('../img/top_btn_09.gif');
	background-repeat: no-repeat;
}
#top_navi li#qanda {
	background-image: url('../img/top_btn_10.gif');
	background-repeat: no-repeat;
}
#top_navi li#contact {
	background-image: url('../img/top_btn_12.gif');
	background-repeat: no-repeat;
	width:89px
}
#top_navi li#home a:hover {
	background-image: url('../img/top_btnon_01.gif');
	background-repeat: no-repeat;
	width:88px
}
#top_navi li#plan a:hover {
	background-image: url('../img/top_btnon_02.gif');
	background-repeat: no-repeat;
}
#top_navi li#number a:hover {
	background-image: url('../img/top_btnon_03.gif');
	background-repeat: no-repeat;
}
#top_navi li#ships a:hover {
	background-image: url('../img/top_btnon_04.gif');
	background-repeat: no-repeat;
}
#top_navi li#harbor a:hover {
	background-image: url('../img/top_btnon_05.gif');
	background-repeat: no-repeat;
}
#top_navi li#course a:hover {
	background-image: url('../img/top_btnon_06.gif');
	background-repeat: no-repeat;
}
#top_navi li#option a:hover {
	background-image: url('../img/top_btnon_07.gif');
	background-repeat: no-repeat;
}
#top_navi li#information a:hover {
	background-image: url('../img/top_btnon_08.gif');
	background-repeat: no-repeat;
}
#top_navi li#reserve a:hover {
	background-image: url('../img/top_btnon_09.gif');
	background-repeat: no-repeat;
}
#top_navi li#qanda a:hover {
	background-image: url('../img/top_btnon_10.gif');
	background-repeat: no-repeat;
}
#top_navi li#contact a:hover {
	background-image: url('../img/top_btnon_12.gif');
	background-repeat: no-repeat;
	width:89px
}
/*　トップページ画像処理
---------------------------------------------*/
#top_tel {
	overflow:hidden;
}



/* トップページ　トップ　左上
---------------------------------------------*/
#header_2 {
	 width: 960px;
	 /*margin-top:10px;*/
}
.logo_2 {
	 width: 140px;
	 height: 51px;
	 float: left;
}
 
#top_tel {
	 text-indent:-9999px;
	 float: right;
	 width: 186px;
	 height: 25px;
	 background-image: url('../img/tel.gif');
	 background-repeat: no-repeat;
	 margin-top:20px;
}
#all_ship {
	width : 960px;
	margin-left : auto;
	margin-right : auto;
	padding-top : 15px;
}
#all_ship p {
	padding:0 0 0 10px;
}

#all_ship h3 {
/*デザイン更新　2009/2/24：山本
背景画像に変更*/
	font-size : 120%;
	color : #ffffff;
	width:349px;
	height:44px;
	background-image: url('../img/migi3_title.gif');
	/*border-left : 10px solid #0850b2;
	border-bottom : 1px solid #cccccc;*/
	padding : 5px 0 0 5px;
}

#header {
	background-color : #2d78bf;
	padding-top : 90px;
}

#box01 {
	white-space : pre;
}

#logo {
	margin-left : auto;
	margin-right : auto;
	left : 17px;
	margin-top : -35px;
}

#logophon {
	margin-left : 770px;
	margin-top : 10px;
	color : #999999;
	font-size : 100%;
}

#logotel {
	margin-left : 850px;
	margin-top : 19px;
	color : #999999;
	font-size : 100%;
}

#cssfooter {
	margin-left : 770px;
}

#globalNav {
	clear : both;
	overflow : auto !important ;
	overflow : hidden;
	width : 960px;
	background : url(../images/top-001.gif) repeat-x left top;
}

#globalNav li {
	float : left;
	width : 7em;
	list-style : none;
}

#globalNav li a {
	display : block;
	width : 100%;
	line-height : 20px;
	color : #ffffff;
	text-decoration : none;
	text-align : center;
	background : #e8e8e8 url(../images/top-001.gif) repeat-x 0 0;
}

#globalNav li a:hover {
	color : #ffffff;
	background : #e8e8e8 url(../images/top-002.gif) repeat-x 0 0;
}

#top2 {
/*新規デザイン　2009/2/26：山本：更新の必要あり
項目追加*/
	float : left;
	width : 717px;
	padding-top: 15px;/* 090206 追加　山本 */
}

#top3 {
/*新規デザイン　2009/2/26：山本：更新の必要あり
高さ削除　文字の大きさ変更*/
	float : left;
	width : 233px;
	padding-top : 15px;
	padding-left : 10px;
	font-size:10px
}

#top0 {
	float : left;
	width : 960px;
}

#content {
	overflow : auto !important ;
	overflow : hidden;
	width : 100%;
	padding-bottom : 30px;
}

#nav2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0px;
}

#nav2_1 {
	width: 215px;
	height: 29px;
	float: left;
	}

#nav2_3 {
	width: 960px;
	height:4px;
	clear: both;
	background-image: url('../img/main_barbk.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

#nav_line {
	width: 960px;
	height:4px;
	clear: both;
}

#nav3 {
	width : 456px;
	color : #0850b2;
	background-color : #f0f6fd;
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	padding : 5px 0 5px 10px;
}

#nav4 {
/*デザイン更新　2009/2/23：山本
余白左を10→0に変更*/
	width : 960px;
	margin-left : auto;
	margin-right : auto;
	border-top : 1px solid #cccccc;
	padding : 5px 0 5px 0;
}

#nav4 ul {
	margin : 0;
	padding : 0;
	list-style : none;
}

#nav4 li {
	float : right;
	width : auto;
	padding : 0 5px 3px 0;
}

#nav4 li a {
	width : 100%;
	font-size : 80%;
	text-align : center;
}

#migi {
	float : right;
	width : 460px;
	margin-left : auto;
	margin-right : auto;
	margin : 10px 0;
	padding-bottom : 20px;
}

/* お問い合わせ用フォーム対策
-------------------------------*/
#migi_rq {
	float : right;
	width : 380px;
	margin : 10px 0;
	padding-bottom : 20px;
}

#hidari_rq {
	clear : both;
	float : left;
	width : 520px;
	/* margin : 10px 0; */
}
/*---------------------------------*/

#migi h1 {
	font-size : 120%;
	color : #0850b2;
	border-left : 10px solid #0850b2;
	border-bottom : 1px solid #cccccc;
	padding : 0 0 2px 5px;
}

#migi h2 {
	font-size: 140%;
	color:#ffffff;
	width:460px;
	height:44px;
	background-image:url('../img/migi_title.gif');
	padding: 5px 0 0 5px;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#migi h2 strong {
	font-size:70%;color:#ffffff;
}





#migi .text {
/*テーブル使用に伴い新規追加　2009/2/20：山本
余白を追加*/
	padding:0 0 0 5px
}

#migi .style1 {
/*テーブル使用に伴い新規追加　2009/2/20：山本
幅と余白を追加*/
	width:90px;
	padding:2px 5px;
}

#migi #tbl_mous td{
	padding:3px;
}

#migi #tbl_mous .style3{
/*テーブル使用に伴い新規追加　2009/2/27：山本
タイトル*/
	text-align:center;
	color: #ffffff;
	background-color:#0099cc; 
	font-weight:bold;
	padding:0;
}

#migi #tbl_mous .style4{
/*テーブル使用に伴い新規追加　2009/2/27：山本
タイトル*/
	width:50%;
	vertical-align:top;	
	border-bottom:1px #aaaaaa solid;
}

#migi #tbl_mous .style6{
/*テーブル使用に伴い新規追加　2009/2/27：山本
タイトル*/
	width:50%;
	vertical-align:top;
	border-left:0;
}

#migi #tbl_mous .arrow{
/*テーブル使用に伴い新規追加　2009/2/27：山本
タイトル*/
	text-align:center;
}

#migi #tbl_mous .arrow img{
/*テーブル使用に伴い新規追加　2009/2/27：山本
タイトル*/
	float:none;
}


#migi .style2 {
/*テーブル使用に伴い新規追加　2009/2/20：山本
幅と余白・縦揃えを追加*/
	width:365px;
	padding:2px 5px;
	vertical-align:top;
}

#migi strong {
	/*color : #003399;*/
/*新規デザイン　2009/2/24：山本
文字色・文字の大きさ変更*/
	color:#336cc8;
	font-size:120%;
}

#migi h4 {
	font-size : 110%;
/*デザイン更新　2009/2/23：山本
文字色変更*/
	/*color : #0066cc;*/
	color:#0d1669;
	padding : 0 0 0 5px;
}

/*デザイン更新　2009/2/23：山本
新規追加*/
#migi .style2 h4 {
	font-size : 110%;
	color : #ff4d00;
	/*color:#ff4d00;*/
	padding : 0 0 0 5px;
}

#migi li {
	list-style : none;
	padding : 0 0 0 20px;
}

#migi p {
	padding : 0 0 0 10px;
}



#migi b {
/*デザイン更新　2009/2/23：山本
文字色変更*/
	/*color : #003399;*/
	/*color:#0d1669;*/
	color:#336cc8;
	font-size : 100%;
}

.left {
	float : left;
	width : 460px;
	margin : 0 0 10px 0;
}

.left_articles {
	margin : 0 0 15px 0;
	padding : 10px 0 0 0;
	text-align : justify;
	border-bottom : 1px dotted #ccc;
	color : #000;
}

.calendar {
	height : 50px;
	float : left;
	background : url(images/calendar.gif) no-repeat;
	width : 50px;
	padding : 5px 0 0 9px;
	color : #808080;
}

.calendar p {
	padding : 0;
	margin : 0;
}

.description {
	padding : 0 0 2px 0;
	margin : 2px 10px 5px 0;
	border-bottom : 1px dotted #ccc;
}

.info {
	font-weight:bold;
	color:#336cc8;
	padding : 0 0 2px 0;
	margin : 2px 10px 5px 0;
	border-bottom : 1px dotted #ccc;

}



.sp05 {	
	margin : 0 0 0 5px; 
	font-weight: bold;
	color: green;
}

.sp10 {	margin : 0 0 0 10px; }
.sp15 {	margin : 0 0 0 15px; }
.sp25 {	margin : 0 0 0 25px; }
.sp35 {	margin : 0 0 5px 35px; }
.sp100 { margin : 0 0 0 100px; }


.description b {
	color : #003399;
	font-size : 100%;
}

.buttons {
	text-align : right;
	padding : 4px 3px 0 0;
}

.left_articles .buttons {
	width : 460px;
	float : right;
	height : 20px;
}

.bluebtn {
	background : url(../images/bluebtn.gif) no-repeat;
	width : 100px;
	padding : 1px 10px 5px 10px;
	text-decoration : none;
}

.greenbtn {
	background : url(../images/greenbtn.gif) no-repeat;
	padding : 1px 16px 5px 10px;
	color : #ffffff;
	text-decoration : none;
}

.bluebtn:hover, .greenbtn:hover {
	background : url(../images/hoverbtn.gif) no-repeat;
	color : #ffffff;
}

#hidari {
	/* clear : both; */
	float : left;
	width : 450px;
	margin : 10px 0;
}



#hidari h2 {
	font-size : 120%;
	color : #0066cc;
	padding : 0 0 0 5px;
}

#hidari .section h3 {
	font-size : 100%;
	color : #0066cc;
	border-bottom : 1px dotted #cccccc;
	padding : 0 0 0 185px;
}

#hidari h3 a{
	color : #0099cc;
}

#hidari h4 {
	font-size : 120%;
	color : #0066cc;
	border-bottom : 1px solid #cccccc;
	padding : 0 0 0 185px;
}

#hidari p {
	font-size : 100%;
}

#hidari img {
/*デザイン変更　2009/2/20：山本
右余白を10px→15px*/
	margin : 0 15px 5px 0;
	clear : both;
}

#hidari li {
	list-style : none;
	padding : 0 0 0 200px;
}

.section {
/*デザイン変更　2009/2/23：山本
右余白を10px→0px*/
	margin : 0 0px 0 0;
	clear : both;
}

#hidari .section h3 {
/*デザイン変更　2009/2/24：山本
コードを追加*/
color:#666666;
}

.section p {
/*デザイン変更　2009/2/20：山本
上余白を10px→20px*/
	margin : 10px 0;
}

.section .link {
	background : url(../images/arrow.gif) no-repeat left center;
	padding-left : 14px;
}




.con {
/*新規デザイン　2009/2/26：山本：更新の必要あり
背景色削除*/
	background-position: right top;
	float: left;
	width: 240px;
	margin: 15px 0 10px 0px;
	padding: 0 0 10px 0;
	/*background-color: #F5F5F5;*/
	background-image: url('../img/tensen.gif');
	background-repeat: repeat-y;
	/*text-align:center;*/
}

.con img {
	border: none;
	vertical-align: top;
	float:left; 
	margin-bottom:0;/* 090206 3px→0に変更　山本 */
}


.con h2 {
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #cccccc;
	font-size: 120%;
	color: #555555;
	width: 239px;
	padding: 3px 0 2px 0;
	background-image: url('../img/thumb_bar.gif');
	background-repeat: no-repeat;
	text-align: center;
}

	/* リンク1
	---------------------------------------------*/
	.secondary ul {
		margin: 0;
		padding: 0;
		list-style: none;
		margin-top:5px;
	}
	.secondary li {
		/*margin: 0;*/
		background: url(../images/sidenav_bg_on.gif) left center no-repeat;
		width: 163px !important;
		width /**/: 160px; /* Windows Internet Explorer 5用の値 */
		margin-left:20px;
	}
	.secondary li a {
	width: 163px !important;
	width /**/: 160px; /* Windows Internet Explorer 5用の値 */;
	padding: 5px 3px 5px 30px;
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #0d1669;
	text-decoration: none;
	background: url(../images/sidenav_bg_off.gif) left center no-repeat;
}
	.secondary li a:hover {
		/*color: #EC8602;*/
		color: #0099FF;
		text-decoration:underline;
		background: none;
	}

#topic_bar {
	width: 714px;
	margin-top:16px;
	background-color:#003366;
	font-size:100%;
	color:#ffffff;
	padding-left:3px;
	font-weight:bold;
	/*background-color:#336699;*/
	/*background-image: url('../img/topic_bar.gif');
	background-repeat: no-repeat;*/
}
#sodan {
/*新規デザイン　2009/2/26：山本：更新の必要あり
項目追加*/
	padding: 3px;
	border: 1px solid #C0C0C0;
	width: 225px;
	clear: both;
	margin-top: 10px;
}

#sodan2 {
	margin-top:5px;
	margin-left:5px;
	margin-right:15px;
	}

.qa_color{
	color:#ff4d00;
	font-weight:bold;
}
.qa_color2{
	color:#555555;
	font-weight:bold;
}

.option_color{
	color:#ff4d00
}

#textarea {
	width : 715px;
	height : 135px;
}

#migi3 {
	float : right;
	width : 960px;
	margin-left : auto;
	margin-right : auto;
	margin : 10px 0;
}

#obi {
	padding : 9px 0 0 15px;
	background-image:url('../img/ichiran_obi.gif');
	background-repeat: no-repeat;
	height:47px;
}

#obi #ichiran {
	width:300px;
	float:left;
}

#obi #ichiran2 {
	padding-top:2px;
	float:left;
	color:#336cc8;
	font-weight:bold
}

#obi h2 {
	font-size : 140%;
	color:#ffffff;
}

#obi strong {
	font-size : 70%;
	color:#ffffff;
}

#migi3 h1 {
	font-size : 120%;
	color : #0850b2;
	border-left : 10px solid #0850b2;
	border-bottom : 1px solid #cccccc;
	padding : 0 0 0 5px;
}

#migi3 img {
	margin : 0 10px 5px 0;
	clear : both;
}

#migi3 h4 {
	font-size : 120%;
	color : #0066cc;
	padding : 0 0 0 110px;
}

#migi3 h5 {
	font-size : 110%;
	color : #ff0000;
	padding : 0 0 0 5px;
}

#migi3 li {
	list-style : none;
	padding : 0 0 0 125px;
}

#migi3 p {
	padding : 0 0 0 10px;
}

#footer {
	clear : both;
	width : 960px;
	color : #333333;
/*仕様変更　2009/2/22：山本
上に余白を追加*/
	margin-top:20px;
}

.ship_h2{
/*新規デザイン　2009/2/20：山本
SHIPSラインアップ船名*/
	color:#0099CC;
	margin:0 0 0px 0;
	font-size:120%;
	border-bottom:4px; /* 次のプロパティが正しくありません : border-bottom ffffff は color で利用できる値ではありません : 4px solid ffffff「solid ffffff;」*/
	background-position:0 3px;
	margin-bottom:10px;
}
.ship_h2 a{
/*新規デザイン　2009/2/23：山本
SHIPSラインアップ船名リンク*/
	color:#0099cc;
}
.ship_h2 a:hover{
/*新規デザイン　2009/2/23：山本
SHIPSラインアップ船名リンク*/
	color:#0099cc;
}
.ship_h2 a:visited{
/*新規デザイン　2009/2/23：山本
SHIPSラインアップ船名リンク*/
	color:#0099cc;
}



.p80 {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップ注意書*/
	font-size: 80%;
	padding-top:5px;
	padding-left:10px;
}

.p100 {
	font-size: 100%;
	padding-top:5px;
	padding-left:10px;
}

.ship_lineup {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップ船全体*/
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
	clear:both;
}

.ship_pic {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップ写真*/
	width:406px;
	float:left;
}

.ship_obi {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップ帯*/
	float:left;
	margin-left:100px;
}

.ship_detail {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップ船詳細*/
	width:410px;
	height:151px;
	float:right;
	padding-top:17px;
	background-image:url('../img/ships_haikei.gif');
}

.ship_tbl {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップテーブル*/
	width:100%;
	margin-left:10px;
}

.ship_tbl .style1 {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップテーブル*/
	font-size:100%;
	width:70px;
}

.ship_tbl .style2 {
/*新規デザイン　2009/2/20：山本
SHIPSラインアップテーブル*/
	padding-left:20px;
	font-size:100%
}

.pankuzu2 {
	width: 960px;
	background-image:url('../images/obi_d_head.gif');
	background-repeat:no-repeat;
	height:35px;
}

.pankuzu {
/*新規デザイン　2009/2/20：山本
パンくずリスト*/
	width: 960px; /* 2009/2/28：遠藤　文法エラー修正　*/
	/*background-image:url('../images/obi_d_head.gif');*/
	background-repeat:no-repeat;
	padding-top:5px;
}

.pankuzu ul {
/*新規デザイン　2009/2/20：山本
パンくずリスト*/
	list-style:none;
	font-size:90%;
	padding-top:5px
}

.pankuzu ul li {
/*新規デザイン　2009/2/20：山本
パンくずリスト*/
	display:inline
}
/* 2009 02 20 遠藤追加CSS
--------------------------------------------*/

#migi .migiyose {
	color:#003399;
	font-size: 120%;
	margin-left: 360px;
}

#migi .section1 b{
	margin: 0 10px 0 10px;
/*新規デザイン　2009/2/24：山本
文字色変更*/
	color:#ff4d00;
}

.section1 p {
	margin-left: 105px;
}

.section1 li {
	margin-left: 105px;
}

.section1 br {
	clear : both;
}

.section1 h3 {
	font-size: 100%;
	color: #1d2088;
	/* width:450px; */
	height:30px;
	background-image:url('../img/migi_h3_banner.gif') ;
	background-repeat:no-repeat;
	padding: 7px 0 0 35px;
	margin: 15px 0 5px 0;
	font-weight:bold;
	clear: left;
}


.section2 b{
	margin : 10px 0 10px 5px;
	clear : both;
}

.section2 p {
	margin : 10px 0 0 10px;
}
#nav4 strong {
/*デザイン更新　2009/2/23：山本
色変更*/
	color:#003399;
}
#nav4 p {
/*デザイン更新　2009/2/23：山本
文字の大きさ変更*/
	font-size:80%;
}

#section1 b{
/*デザイン更新　2009/2/23：山本
新規追加*/
	padding : 0 0 0 10px;
}

#section2 b{
/*デザイン更新　2009/2/23：山本
新規追加*/
	padding : 0 0 0 10px;
}
.answer{
/*デザイン更新　2009/2/23：山本
新規追加*/
	color:#0066cc
}

.ship_gaiyo {
	width:100%;
	margin-top:10px;
	border-spacing:1px;
	padding:2px;
}

.ship_gaiyo .style1 {
/*デザイン更新　2009/2/24：山本
新規追加*/
	background-color: #FFFFFF;
}
.ship_gaiyo .style2 {
/*デザイン更新　2009/2/24：山本
新規追加*/
	background-color:#e9e7e1;
	padding-left:20px;
	font-size:100%
}
.ship_gaiyo .style3 {
/*デザイン更新　2009/2/24：山本
新規追加*/
	/*background-color: #f8f7ec;*/
	padding:1px;
	font-size:100%;
}
.ship_gaiyo .style4 {
/*デザイン更新　2009/2/24：山本
新規追加*/
	background-color: #f8f7ec;
	text-align:center;
	padding:1px;
	font-size:100%;
	width:100px;
}
.ship_gaiyo .style2 {
/*デザイン更新　2009/2/24：山本
新規追加*/
	background-color:#e9e7e1;
	padding-left:20px;
	padding-right:10px;
	font-size:100%
}

.pia_btn {
/*デザイン更新　2009/2/24：山本
新規追加*/
	margin-left:10px;
	margin-top:5px;
	width:81px;
	height:21px;
	text-indent:-9999px;	
}
.pia_btn a {
	width:81px;
	height:21px;
	background-image: url('../img/kw.gif');
	background-repeat: no-repeat;
	display: block;
}
.pia_btn a:hover {
	background-image: url('../img/kw_on.gif');
	background-repeat: no-repeat;
}

#top_other {
	width:950px;
	padding-right:6px;
	margin-left:auto;margin-right:auto;
}

#top_other .secondary {	
	width:460px;
}

#top_other .secondary2 {
	width:450px;
	/*border:1px solid silver;*/
	margin-top:3px;
	padding:7px;
	clear:both;
}

#top_other .secondary2_2 {
	width:450px;
	margin-top:7px
	}

#top_other img {
	float:left;
}

#top_other .secondary3 {
	float:right;width:240px;
}

#top_other .title {
	color:#ffffff;
	font-weight:bold;
	padding-left:2px;
}

#top_other .text {
	font-size:85%;
}

/* 20090228 以下　css 追加　遠藤
------------------------------------------*/


.section3 b{
	margin: 0 10px 0 10px;
}

#migi .section3 p {
	margin-left: 175px;
}

#migi .section3 br {
	clear : both;
}

#migi .section3 h3 {
	font-size : 110%;	
	background-color : #3333ff;
	color: #ffffff;
	margin-left: 175px;
	padding : 0 0 0 5px;
}
#migi .section3 a {
	color: #ffffff;
}
#migi .section3 a:visited {
	color: #333333;
}
#migi .section3 a:hover {
	color: #0066CC;
}
.btntest1{
	margin-top:20px;
	border-top:1px dotted #ccc;
}

.btntest2{
	float:left;
	background-image:url('../img/plan_a.gif');
}

.btntest3{
	float:left;
	width:287px;
	height:100px;
	margin-bottom: 15px!important;
	
}
/* 全部対応できたら消す
.btntest3 a{
	width:287px;
	height:100px;
	background-image:url('../img/plan_b.gif');
	display: block;text-indent:-9999px;
}
*/

/*　全部対応できたら消す
.btntest3 a:hover{
	width:287px;
	height:100px;
	background-image:url('../img/plan_b_on.gif');
	display: block;
}
*/


.contact button{
	float : right;
	width:287px;
	height:100px;
	border: 0px;
	background-image:url('../img/plan_b.gif');
	display: block;
	text-indent:-9999px;

}

.contact button:hover{
	float : right;
	width:287px;
	height:100px;
	border: 0px;
	background-image:url('../img/plan_b_on.gif');
	/* display: block; */
}

.link button{
	width:80px;
	height:15px;
	border: 0px;
	background-image:url('../img/link.gif');
	/* display: block; */
}

.link button:hover{
	width:80px;
	height:15px;
	border: 0px;
	background-image:url('../img/link_on.gif');
	display: block;
}


/* トップページEND処理のためのスクリプト
------------------------------------------------------------------*/
.block {
	padding-top:10px;
}

.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.box h2 {
	background-color:#62b5da;
}
.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#62b5da;
/*	上記変更　各カテゴリーのオンマウスしたときの色変更　background-color:#111; */

}

/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
/*	background: url('img/main_bar.gif'); */
	background: #eee; 
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;

	font-size:1.1em;
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.element img {
	float:left;
	margin: 0px 10px 3px 0px;
	border:0px
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}





.nav4_box {
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

#top_box_left {
	width:715px;
	float: left;
	background-position: 98% 50%;
}

#top_box_right {
	width:235px;
	float: right;

}

#top_box_left .frame {
	border: solid 1px #d3c3ae;
	padding-left: 15px;
	padding-right: 15px;
	margin-top:15px;
	width: 685px;
	height: 135px;
	overflow: scroll;
	margin-bottom: 10px!important; 
}

#top_box_left .frame p {
	margin-bottom: 10px!important; 
}

#top_box_left .frame h3 {
	margin-bottom: 3px!important; 
}





/*改行　文字の間隔
-------------------------------------------------------------*/

/*--文字の上の間隔*/
.m0-t{ margin-top: 0px!important; }
.m05-t{ margin-top: 5px!important; }
.m10-t{ margin-top: 10px!important; }
.m20-t{ margin-top: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m40-t{ margin-top: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m60-t{ margin-top: 60px!important; }
.m70-t{ margin-top: 70px!important; }
.m80-t{ margin-top: 80px!important; }



/*文字の色
-------------------------------------------------------------*/
.black{ color: #000!important; }
.red{ color: #ff0000!important; }
.blue{ color: #0000dd!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #1F26A9!important; }
.gray{ color: #ccc!important; }
.orange{ color: #ff6600!important; }
.pink{ color: #ff0080!important; }
.purple{ color: #660099!important; }
.olive{ color: #808000!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #167FA6!important; }
.win{ color: #cc0000!important; }
.blue_2 { color:#336cc8!important; }


/*--文字の大きさ*/
.f8{ font-size: 8px!important; }
.f9{ font-size: 9px!important; }
.f10{ font-size: 10px!important; }
.f11{ font-size: 11px!important; }
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f22{ font-size: 22px!important; }
.f24{ font-size: 24px!important; }



.impact {
	font-weight:bold;
	font-size: 22px;
	color: #ff0000!important; 
	margin-top: 20px!important;
}

.bc1, .bc3 {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 100%;
}

.bc1 td {
	padding:0.4em 1em;
	border-top: 1px solid #06d;
	border-bottom: 1px solid #06d;
	border-left: 1px solid #06b;
	border-right: 1px solid #06b;
}

.bc1 th {
	background: #abe;
	color: #04a;
	padding:0.4em 1em;
	border-top: 1px solid #06d;
	border-bottom: 1px solid #06d;
	border-left: 1px solid #06b;
	border-right: 1px solid #06b;
}

.bc2 {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 100%;
}

.bc2 td {

	border-top: 1px solid #06d;
	border-bottom: 1px solid #06d;
	border-left: 1px solid #06b;
	border-right: 1px solid #06b;
}

.bc2 th {
	background: #abe;
	color: #04a;

	border-top: 1px solid #06d;
	border-bottom: 1px solid #06d;
	border-left: 1px solid #06b;
	border-right: 1px solid #06b;
}


.bc3 td {
	padding:0.4em 1em;
	border-top: 1px solid #467f00;
	border-bottom: 1px solid #467f00;
	border-left: 1px solid #467f00;
	border-right: 1px solid #467f00;
}

.bc3 th {
	background: #abe;
	color: #04a;
	padding:0.4em 1em;
	border-top: 1px solid #467f00;
	border-bottom: 1px solid #467f00;
	border-left: 1px solid #467f00;
	border-right: 1px solid #467f00;
}


.section_right h3{
	font-size: 120%;
	color: #ffffff;
	width:450px;
	height:30px;
	background-image:url('../img/hidari_h3.gif') ;
	background-repeat:no-repeat;
	padding: 6px 0 0 10px;
	margin: 15px 0 5px 0;
	font-weight:bold;
}

.section_2 {
	clear : both;
	margin-top: 5px;
	padding-bottom: 10px;
	background-color: #f8fbf1;
	border-top: 1px solid #467f00;
	border-bottom: 1px solid #467f00;
	border-left: 1px solid #467f00;
	border-right: 1px solid #467f00;
}

.section3 {
	clear : both;
	margin-top: 5px;
	padding-bottom: 10px;

}

.section2 h3 {
	font-size: 100%;
	color: #1d2088;
	/* width:450px; */
	height:30px;
	background-image:url('../img/migi_h3_banner.gif') ;
	background-repeat:no-repeat;
	padding: 7px 0 0 35px;
	margin: 15px 0 5px 0;
	font-weight:bold;
	clear: left;
}

.section_2 h3 {
	font-size: 100%;
	color: #1d2088;
	/* width:450px; */
	height:30px;
	background-image:url('../img/migi_h3_banner.gif') ;
	background-repeat:no-repeat;
	padding: 7px 0 0 35px;
	margin: 15px 0 5px 0;
	font-weight:bold;
	clear: left;
}

.section5 h3 {
	font-size: 100%;
	color: #1d2088;
	/* width:450px; */
	height:30px;
	background-image:url('../img/migi_h3_banner.gif') ;
	background-repeat:no-repeat;
	padding: 7px 0 0 35px;
	margin: 15px 0 5px 0;
	font-weight:bold;
	clear: left;
}

.section2_1 {
	font-size: 140%;
	text-align: center;  
	height:50px;
	background-image:url('../img/topic_bar2.gif') ;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-top: 12px;
	color: #03004c;
}


	



/*文字の位置
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }


.migiyose_14 {
	font-size: 14px!important;
	text-align: right!important;
}

.migiyose_24 {
	font-size: 24px!important;
	font-style: italic;
	text-align: right!important;
	margin: 10px 0 10px 0;
	font-weight:bold;
	color:#336cc8!important;
}

/*画像回り込み解除のフォーム
-------------------------------*/
.r_clear { clear:right;}
.l_clear {clear:left;}


/* お問い合わせ用フォーム対策
-------------------------------*/
#migi_rq {
	float : right;
	width : 380px;
	margin : 10px 0;
	padding-bottom : 20px;
}

#hidari_rq {
	clear : both;
	float : left;
	width : 520px;
	/* margin : 10px 0; */
}
/*---------------------------------*/


.point {
	margin-top: 10px;
	font-size: 10px!important;
	color: #008000!important; 
	height: 35px;
	padding: 6px 0 0 12px;
	background-image:url('../img/cruiseconsultant.gif') ;
	background-repeat:no-repeat;
}

.m0-tt{ 
	margin-top: 0px!important;
	margin-left: 3px;
	margin-bottom: 10px;
	background-color:#f8fbf1;
	border-top: 1px solid #467f00;
	border-bottom: 1px solid #467f00;
	border-left: 1px solid #467f00;
	border-right: 1px solid #467f00;
}

.info2{ 
	margin-top: 5px!important;
	padding-left: 20px!important;
	margin-bottom: 5px!important;
}

.point_1 {
	color: #ff6600!important;
	font-weight:bold;
	padding-bottom:5px!important;
}