@charset "Shift-JIS";
/*===================================
★　南海フェリー　CSS インフォーメーション　★
☆　共通レイアウト関連　☆

■１．初期設定
　●１-１　初期設定のリセット
　●１-２　汎用CLASS
■２．初期設定（タグ設定）
■３．共通仕様
　●３-１　ラッパー
　●３-２　ヘッダー
　●３-３　コンテンツ
　●３-４　ページトップ
　●３-５　フッター
　●３-６　パンくずリスト
　●３-７　リダイレクト
■４．印刷

=========================================*/

/*=========================================
■１．初期設定

===========================================

●１-１　初期設定のリセット

=========================================*/

h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
button,
address,
noscript {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight:normal;
	text-align:left;
}


ul,ol,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0;
	vertical-align:bottom;
}

a img {
	margin:0px;
	padding:0px;
	border:0;
	vertical-align:bottom;
}


hr {
	display:none;
}



/*===========================================

●１-２　汎用クラス

=========================================*/

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* except Mac IE5 ＼*/
*html .clearfix { height: 1%; }
.clearfix {display: block;}
/* end of Holly Hack */


/*clearfix　ハック未使用*/
.clear {
	height:0px;
	line-height:0;
	font-size:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/*文字飛ばし*/
.pix{
	display:block;
	font-size:5px;
	line-height:1em;
	text-indent:-9999px;
}

/*赤文字*/
.red-text{
	color:#FC2300;
}

/*右寄せ*/
.right{
	float: right;
}

/*右寄せ(テキスト)*/
.right-text{
	text-align: right;
}

/*bottom-spance*/
.bottom-spance{
	margin-bottom:10px;
	clear:both;
	text-align:right;
}

/*問い合せ*/
.inquiry-box {
	width:323px;
	background-color:#f2f3f3;
	border:1px solid #e1e1e1;
	padding:5px 10px 5px 10px;
}
.inquiry-box .p01 {
	width:323px;
	font-weight:bold;
	border-bottom:1px solid #555555;
	padding-bottom:2px;
}
.inquiry-box .p02 {
	text-align:center;
	padding-top:2px;
}
.inquiry-box .p03 {
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #555555;
}
.table-main-entry {
	background-color:#aad7f4;
}
.table-second-entry {
	background-color:#c3e6fa;
}
.table-third-entry {
	background-color:#e3f4fe;
}
.table-fourth-entry {
	background-color:#c5e9fe;
}
.table-main-entry-o {
	background-color:#ff8d42;
}
.table-second-entry-o {
	background-color:#ffba53;
}
.table-third-entry-o {
	background-color:#ffe784;
}
.table-fourth-entry-o {
	background-color:#ffd114;
}
.table-line-c {
	background-color:#eeeeee;
}
.table-line-c02 {
	background-color:#cfcfcf;
}
.table-grey {
	background-color:#cccccc;
}
.list-disc li {
	list-style-type:disc;
	margin-left:15px;
}
.table-left {
	text-align:left;
}
.table-right {
	text-align:right;
}

/*===========================================

●１-３　タグ初期設定

=========================================*/
body {
	margin:0;
	padding:0;
	color: #555555;
	text-align: center;
	word-break:break-all;
	line-height:145%;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 77%; /* IEに適用 */
}
html>/**/body {
	font-size: 12px; /* IE以外のブラウザ */
}

.mac body{
	font-size:11px;
}


/*=========================================

■３．共通仕様

===========================================

●３-１　ラッパー

=========================================*/
#wrapper{
	background: url(../img/header_bg.gif) repeat-x;
	margin:0 auto;
}

#wrapper-under{
	background: url(../img/header_bg_under.gif) repeat-x;
	margin:0 auto;
}

#wrapper-topunder{
	margin:0 auto;
}

/*=========================================

●３-２　ヘッダー

=========================================*/
#header{
	height: 55px;
	width:800px;
	margin:0 auto;
	overflow:hidden;
}

#header-logo{
	padding-top: 8px;
	float: left;
}

#header-upper{
	float:right;
	width:563px;
	height:26px;
	margin:0 auto;
}

#header-upper ul{
	padding-top: 5px;
	width: 195px;
	float: left;
}

#header-upper li{
	background:url(../img/header_icon.gif) 5px no-repeat;
	padding-left: 10px;
	font-size: 80%;
	display: inline;
	padding-right: 2px;
}

#header-upper li a{
	color: #FFF;	
}

#header-upper li a:hover{
	color: #FF9900;	
}

#header-upper object{
	float:right;
}

#catch{
	clear:both;
	padding-top:5px;
}

#catch p{
	float:left;
}

#catch p#inquiry{
	padding-left: 44px;
}

#navi{
	clear:both;
	margin:0 auto;
	width: 800px;
	height:35px;
	z-index:2;
	position:relative;
}

#navi li{
	float:left;
}

#main_flash{
	height: 280px;
	width: 100%;
	background: url(../../img/flash_back.jpg) repeat-x;
}

#navigation_situation {
	width:361px;
	height:26px;
	background-image:url(../img/navigation_situation02.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	float:right;
	position:relative;
}
#navigation_situation img {
	margin:0px;
	padding:0px;
	text-align:left;
}
#navigation_situation iframe {
	width:229px;
	height:18px;
	position:absolute;
	top:4px;
	left:126px;
}
#navigation_situation2 {
	width:430px;
	height:26px;
	background-image:url(../img/navigation_situation03.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	float:right;
	position:relative;
	margin-bottom: 3px;
}
#navigation_situation2 img {
	margin:0px;
	padding:0px;
	text-align:left;
}
#navigation_situation2 iframe {
	width:299px;
	height:18px;
	position:absolute;
	top:4px;
	left:126px;
}
#navigation_situation3 {
	width:800px;
	height:26px;
	background-image:url(../img/navigation_situation06.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:left;
	float:right;
	position:relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
#navigation_situatio3 img {
	margin:0px;
	text-align:left;	
}
#navigation_situation3 iframe {
	width:669px;
	height:18px;
	position:absolute;
	top:4px;
	left:126px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*=========================================

●３-３　コンテンツ

=========================================*/

#content{
	width:800px;
	margin:4px auto 5px auto;
	background: url(../img/sidenavi-back.jpg) repeat-y top right;
}

#content-main{
	float:left;
	width:606px;
}

#content-sidenavi{
	float:right;
	width:185px;
	border-top: 3px solid #0A42A1;
	background-image:url(../img/sidenavi-list-back-end-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:2px;
}
#content-sidenavi02{
	float:right;
	width:185px;
	border-top: 3px solid #0A42A1;
}

#content-sidenavi li{
	background:url(../img/sidenavi-list-back.jpg) no-repeat;
	padding: 7px 0 5px 16px;
}
#content-sidenavi ul {
	background-image:url(../img/sidenavi-list-back-bg.gif);
	background-repeat:repeat-y;
	width:185px;
}

#content-sidenavi li#end{
	background:url(../img/sidenavi-list-back-end.jpg) no-repeat;
	padding: 7px 0 5px 16px;
}

#content-sidenavi li a{
	color:#666;
}

#content-sidenavi li a:hover{
	color:#FF6600;
}

h3.h3-title {
	background:url(../img/h3-icon.gif) no-repeat 1px 4px;
	border-bottom: 1px solid #CCC;
	clear: both;
	padding: 0 0 3px 15px;
	margin-bottom: 5px;
	margin-top:20px;
}



/*=========================================

●３-４　ページトップ

=========================================*/

.pagetop{
	text-align:right;
	background:url(../img/pagetop-icon.gif) no-repeat 0 3px;
	display: inline;
	font-size: 90%;
	padding-left:10px;
	padding-bottom: 10px;
}

.pagetop a{
	color:#666;
}

.pagetop a:hover{
	color:#FF6600;
}



/*=========================================

●３-５　フッター

=========================================*/
#footer {
	clear:both;
	background-image:url(../img/footer_navi_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#0f438f;
	height:50px;
	font-size:80%;
}
#footer a{
	color: #666666;
}

#footer a:hover{
	color: #ff6600;
}
#footer-top {
	width:800px;
	height:26px;
	margin:0px auto;
	position:relative;
}
#footer-top li{
	background: url(../img/footer_icon.gif) 3px no-repeat;
	padding:5px 5px 5px 7px;
	float: left;
}
#footer-top #right {
	position:absolute;
	top:0px;
	right:0px;
	width:600px;
}
#footer-top #right li {
	float:right;
}
#footer-bottom {
	width: 800px;
	margin:5px auto 0px auto;
	color: #F5FFF4;
	position:relative;
}
#footer-bottom p {
	position:absolute;
	top:0px;
	right:0px;
}
#footer-bottom address {
	font-style:normal;
	margin:0px;
}

/*=========================================

●090521　山内(sidenavi部分)

=========================================*/
#content-sidenavi ul .under {
	background-image: url(../img/sidenavi-list-back2.jpg);
	background-repeat: no-repeat;
	padding-left: 28px;
}

/*=========================================

●３-６　パンくずリスト

=========================================*/
#crumb-list{
	background:url(../img/crumb-list_bg.jpg) repeat-x;
}

#crumb-list p {
	width: 800px;
	margin: 5px auto 0 auto;
	padding-top: 7px;
	font-size: 90%;
}

#crumb-list p a{
	color: #666;
	text-decoration:underline;
}

#crumb-list a:hover{
	color: #FF6600;
	text-decoration:none;
}

/*=========================================

●３-７　リダイレクト

=========================================*/
#redirect-contents {
	width:800px;
	margin:0px auto;
}
#redirect-contents p {
	font-size:120%;
	line-height:150%;
	width:450px;
	margin:100px auto 100px auto;
}

/*=========================================

■４．印刷

=========================================*/

@media print{
body {
	font-size: 12px;
}
#content-main, {
	*width:610px;
	*text-align:left;
}
#content-sidenavi {
	*display:none;
}
#content-sidenavi02 {
	*display:none;
}
.new-line {
	*height:150px;
}
.new-line02 {
	*height:5px;
}
.new-line03 {
	*padding-top:200px;
}
.new-line04 {
	*padding-top:250px;
}
.new-line05 {
	*padding-top:150px;
}
.new-line06 {
	*margin-top:90px;
}
.new-line07 {
	*margin-top:110px;
}
.new-line08 {
	*padding-top:300px;
}
#t-test {
	height:500px;
	background-color:#000000;
	display:block;
}
}