@charset "shift_jis";


/*初期設定
-------------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}

div,table{margin:auto;}

img{border:0;}


/*基本フォント設定
-------------------------------------------------------------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
}
p,li,th,td{
	font-size: 13px; /* モダンブラウザ向け */
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
}

/*テキスト
-------------------------------------------------------------------------------------*/
.txt{
	margin:0 4px 0 4px;
}
.txt p{
	margin:0 0 14px 0;
	line-height:160%;
}
.waku_gr{border:solid #99CC00 1px; padding:10px;}

.txt_waku_or{	
	border:solid #FF9900 1px;
}
.txt_waku_or p{
	margin:5px 8px 10px 8px;
	line-height:160%;
}
.txt_waku_or_dot{	
	border:dotted #FF9900 2px;
}
.txt_waku_or_dot p{
	margin:5px 8px 10px 8px;
	line-height:160%;
}


.txt_waku_rd{	
	border:solid 1px #FF0000;
}
.txt_waku_rd p{
	margin:5px 8px 10px 8px;
	line-height:160%;
}
.txt_waku_rd_dot{	
	border:dotted 2px #FF0000;
}
.txt_waku_rd_dot p{
	margin:5px 8px 10px 8px;
	line-height:160%;
}

table.waku_BL{
	margin:0 0 20px 0;
	border:1px solid #C4E1FF;
}
table.waku_BL td{
	padding:8px;
	line-height:200%;
}
table.waku_PP{
	margin:0 0 20px 0;
	border:1px solid #F1C8FF;
}
table.waku_PP td{
	padding:8px;
	line-height:200%;
}

/*カラーセレクタ*/
.BL{ color:#006699;}
.GR{ color:#336600;}
.GR2{ color:#669933;}
.PK{ color:#FF3366;}
.PK2{ color:#CC0066;}
.RD{ color:#FF0000;}
.RD2{ color:#CC0000;}
.OR{ color:#FF6600;}
.B{ font-weight:bold;}
.U{ text-decoration:underline;}
.S{	font-size:80%;	}
.SS{	font-size:60%;	}


.t11{ font-size:11px;}
.t12{ font-size:12px;}
.t13{
font-size:12px;
text-align:left;
padding:0px 0px 0px 20px ;
font-weight:normal;
}

.img_top_margin{margin:20px 0 0 0;}
.img_btm_margin{margin:0 0 20px 0;}
.center{margin:0 0 20px 0; text-align: center;}
.center2{margin:20px 0 20px 0; text-align: center;}
.right{margin:20px 100px 20px 0; text-align: right;}

.clear{	clear:both;}
.center{text-align:center;}
.L{text-align:left;}
.R{text-align:right;}
.short{letter-spacing:-0.05em;}

/*基本リンク設定
-------------------------------------------------------------------------------------*/
a {color:#003366;}
a:hover {color:#0099CC;}
a.btn{}
a.btn:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:70.0;	
}

/*見出し設定
-------------------------------------------------------------------------------------*/
h1{}
h2{ margin:0 0 10px 0;}
h3{ margin:0 0 10px 0;}
h4{
	margin:16px 0 6px 0;
	height:42px;
	line-height:42px;
	text-indent:10px;
	font-size:14px;
	}
h4.b{ 
	margin:22px 0 6px 0;
	background:url(http://offshore-match.com/img/common/bg_h4b.jpg) no-repeat 0 0;
	height:42px;
	line-height:42px;
	text-indent:10px;
	font-size:14px;
	}	
h5{
	line-height:30px;
	font-size:14px;
	line-height:30px;
	border:solid #99CCFF;
	border-width:1px 1px 1px 5px;
	text-indent:10px;
	color:#666666;
	margin:16px 0 4px 0;	
}
h5.b{
	line-height:30px;
	font-size:14px;
	line-height:30px;
	border:solid #999999;
	border-width:1px 1px 1px 5px;
	text-indent:10px;
	color:#666666;
}
h6{
	background:url(http://offshore-match.com/img/common/bg_h6.gif) no-repeat center left;
	text-indent:12px;
	line-height:20px;
	font-size:12px;
	 color:#666666;
	}
h6.b{
	background:none;
	text-indent:0px;
	line-height:20px;
	color:#FF9900;
	font-size:12px;
	}


/*共通レイアウト

-------------------------------------------------------------------------------------*/

/*大枠
-------------------------------------------------------------------------------------*/
body{
	text-align:center;
	}
#Container {
	text-align:center;
	width: 100%;
}


/*ヘッダー
-------------------------------------------------------------------------------------*/
#Header{
	clear:both;
	display:block;
	text-align: center;
	min-height: 120px;
}
#Header_in{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 800px;
	padding:10px 10px;
}
#Header div#key{
}
#Header div#key h1{
	display:inline;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
}
#Header div#key p{
	margin:0 0 0 10px;
	display:inline;
	font-size:11px;
	line-height:16px;
}
#Header div#key strong{
	font-weight:normal;
}	
#Header div#key a{
	color:#333333;
	text-decoration:none;
}	
#Header div#logo{
	width:216px;
	float:left;
}
#Header div.logo_tel{
	display: none;
	width:78px;
	float:left;
}
div.logo_tel_b{
	display: block;
}
div.logo_tel_m{
	display: none;
}
#Header #lag_menu{
	max-width:376px;
	float:right;
}
#Header #lag_menu p.tel{
	font-size:12px;
	line-height:14px;
	text-align:center;
	}
#Header #lag_menu p.tel	span.tel_no{
		color:#660000;
		font-weight:bold;
		}
#Header #lag_menu ul{
	list-style-type:none;
}
#Header #lag_menu ul li{
	float:left;
	margin:0 0 0 0;
}
#Header #lag_menu ul li a{
}
#Header #lag_menu ul li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:70.0;
}

/*フッター
-------------------------------------------------------------------------------------*/
#Footer{
	clear:both;
	display:block;
	text-align:center;
}
#Footer div.line{
	background-color:#FF9900;
	height:32px;
	line-height:32px;
	margin:0 0 10px 0;
}
#Footer div.line div.line_div{
/*	width:100%;*/
	width: calc(100% - 20px);
	max-width:800px;
	padding:0 10px;
}
#Footer div.line div.line_div p *{
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

#Footer2{
	clear:both;
	display:block;
	text-align:center;
}
#Footer2 div#foot_menu{
	display:block;
	width:100%;
	max-width:800px;
	text-align:center;
	margin:0 0 10px 0;
}
#Footer2 div#foot_menu a{
	color:#333333;
	text-decoration:none;
	font-size:12px;
	}
#Footer2 div#copyright{
	width:100%;
	max-width:800px;
	text-align:center;
	}
#Footer2 div#copyright p{
	margin:0 0 6px 0;
	font-size:11px;
	}
#Footer2 div#copyright p a{
	font-size:11px;	
	color:#333333;
	text-decoration:none;
	}	

.m_display {
	display:none;
}
.img_width780{
	width:100%;
	max-width: 780px;
}
.img_width600{
	width:100%;
	max-width: 600px;
}
.img_width459{
	width:100%;
	max-width: 459px;
}
.img_width300{
	width:100%;
	max-width: 300px;
}
.img_width360{
	width:100%;
	max-width: 360px;
}
.img_width180{
	width:100%;
	max-width: 180px;
}

.div_line9{
	clear:both;
	display:block;
	text-align: center;
}
.div_line9_in{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 40px);
	max-width: 800px;
	color:#333333;
	padding: 0px 20px 40px 20px;
}
.div_line9_in2{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 40px);
	max-width: 800px;
	color:#333333;
	padding: 0px 20px 0px 20px;
}
.div_line0{
	border-top: 2px #cccccc solid;
	clear:both;
	display:block;
	text-align: center;
}
.div_line0_in{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 800px;
	color:#333333;
	padding:10px 10px;
}
.div_line0_in p{
	margin: 10px 0px;
	font-size:32px;
	line-height:48px;
	font-weight:bold;
}
.div_line0_in p.exp01{
	margin: 20px 0px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
	color:#ff0000;
}
.div_line0_in p.exp02{
	margin: 20px 0px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
}
.div_line1{
	clear:both;
	display:block;
	background-color:#fd7201;
	text-align: center;
}
.div_line1_in{
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 800px;
	color:#ffffff;
	padding:10px 10px;
}
.div_line1_in p{
	margin: 10px 0px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
}
.div_line2{
	clear:both;
	display:block;
	text-align: center;
}
.div_line2_in{
	margin: 10px 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 800px;
	color:#333333;
	padding:10px 10px;
}
.div_line2_in_lr{
	clear:both;
	display:inline-block;
	width: 100%;
}
.div_line2_in_l{
	float:left;
	width: 200px;
}
.div_line7_in_l img{
	width: 200px;
}
.div_line2_in_r{
	float:left;
	max-width: 580px;
	margin: 10px 0px;
}
.div_line2_in_r p{
	margin: 20px 0px;
	font-size:18px;
	line-height:32px;
	font-weight:bold;
}
.div_line2_in_radius{
	text-align: left;
	margin-top: 20px;
	background-color:#FFFCDB;
	border: 3px #0062AC solid;
	border-radius: 20px;
	color:#333333;
	padding:10px 10px;
}
.div_line2_in_radius p{
	margin: 10px 0px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
}
.div_line3{
	clear:both;
	display:block;
	text-align: center;
}
.div_line3_in{
	margin: 10px 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 800px;
	color:#333333;
	padding: 10px 10px 0px 10px;
}
.div_line3_in p{
	margin: 20px 0px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
}
.div_line4{
	clear:both;
	display:block;
	background-color:#009140;
	text-align: center;
}
.div_line4_in{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 800px;
	color:#ffffff;
	padding:10px 10px;
}
.div_line4_in p{
	margin: 10px 0px;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
}
.div_line5{
	clear:both;
	display:block;
	text-align: center;
}
.div_line5_in{
	margin: 10px 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 600px;
	color:#333333;
	padding:10px 10px;
}
.div_line5_in p{
	margin: 10px 0px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
}
.div_line5_in_m{
	margin: 10px 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 600px;
	color:#333333;
	padding: 10px 10px 0px 10px;
}
.div_line5_in_m p{
	margin: 10px 0px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
	padding-left:50px;
	background:url(http://offshore-match.com/img/kanren/mark.gif) no-repeat 0 0;
}

.div_line6{
	clear:both;
	display:block;
	background-color:#0062AC;
	text-align: center;
}
.div_line6_in{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 800px;
	color:#ffffff;
	padding:10px 10px;
}
.div_line6_in p{
	margin: 10px 0px;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
}
.div_line7{
	clear:both;
	display:block;
	text-align: center;
}
.div_line7_in{
	margin: 10px 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	width: 98%;*/
	width: calc(100% - 20px);
	max-width: 800px;
	color:#333333;
	padding: 10px 10px 0px 10px;
}
.div_line7_in_lr{
	clear:both;
	display:inline-block;
	width: 100%;
}
.div_line7_in_l{
	float:left;
	width: 100px;
	min-height:80px;
}
.div_line7_in_l img{
	width: 50px;
	display:block;
}
.div_line7_in_r{
	float:left;
	max-width: 650px;
	min-height:80px;
	display:block;
}
.div_line7_in_r p{
	text-align: left;
	margin: 5px 0px;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}



@media screen and (max-width: 800px) {

	#RightColumn{
		float:left;
		width:100%;
		max-width:250px;
	}
	#right_menu{
		background:none;
		margin:0 0 16px 0;
	}
	#right_menu ul{
		list-style-type:none;
		margin:0 3px 0 3px;
	}
	#right_menu ul li{
		list-style-type:none;
		border: dotted #FFFFFF;
		border-width:0 0 1px 0;
	}
	#right_menu ul li a{
		display:block;
		font-size:12px;
		color:#333333;
		text-decoration:none;
		height:30px;
		line-height:30px;
		background:none;
		text-indent:10px;
	}
	#right_menu ul li a.t11{
		font-size:11px;
		letter-spacing:-1px;
		}
	#right_menu ul li a:hover{
		background:none;
		color:#FF3300;
	}
	#right_menu ul li.sub a{
		background:none;
		}
	#right_menu ul li.sub a:hover{
		background:none;
		}

	#HeadMenu ul li.m_menu {
		display:none;
	}
	#lag_menu {
		float:left;
	}
	#Header #lag_menu ul li{
		float:left;
		margin:5px 0px 10px 0px;
	}
/*	#lag_menu ul li.m_menu {
		display:none;
	}
	.m_none {
		display:none;
	}
	.m_display {
		display:block;
	}
*/
	#dropin{
		width:360px;
		height:260px;
		background-color:#FFFFFF;
		filter:alpha(opacity=85);
		-moz-opacity:85.0;
		border:1px #0099CC solid;
		padding:20px;
		position:absolute;
		visibility:hidden;
		left:10px;
		top:100px;
	}
	#dropin p#btn{
		text-align:right;
	}

	#Header div.logo_tel{
		display: block;
		width:78px;
		float:right;
	}
	div.logo_tel_b{
		display: none;
	}
	div.logo_tel_m{
		display: block;
		margin:10px 0px 5px 0px;
	}


}