@charset "utf-8";

/* CSS Document */

	
/* ================================================================================ */
/*      general params                                                              */
/* ================================================================================ */


*{ margin:0;padding:0; }/* margin&padding reset */
body {
	text-align:center;/* box centering */
	margin:0px;
	padding:0px;
	background-color:#fff;
}

h1, h2, h3, h4, h5, h6,div, p, pre, ul, ol, dl, dt, dd,th,td,form, blockquote{
	padding:0px;
	margin:0px;
	text-align:left;
}

table			{ margin :0; empty-cells:show; }
hr 				{ display:none; }
img				{ border:none; }
ul li			{ list-style:none; }

a:link		{ color:#4e4e4e; text-decoration:none; }
a:visited	{ color:#6C0265; text-decoration:none; }
a:active	{ color:#FF6666; }
a:hover		{
	color:#479d71;
	text-decoration:none;
	text-decoration:underline;
}


#container{
	width:970px;
	height:auto;
	background:url(/img/container_bg2.gif) repeat-y left top;
	margin:0px auto;
	padding-left:10px;
	position:relative;
}
* html #container{ width:980px; }/* IE6以前対策 */
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}
/* ================================================================================ */
/*      A.font                                                                      */
/* ================================================================================ */

/*-----------------------------------------------------------------------------------
	base = 14px
	10px = 72%     11px = 79%     12px = 86%     13px = 93%
	14px = 100%    15px = 108%    16px = 115%  17px = 122%
	18px = 129%  19px = 136%  20px = 143%  21px = 150%
	22px = 158%    23px = 165%    24px = 172%    25px = 179%
	26px = 186%
------------------------------------------------------------------------------------*/

p,ul{ font-size:100%; line-height:1.6; }

#sub_bar h1,
#sub_bar ul 	{ font-size:100%; line-height:1.231;}
#sub_bar h1 	{ font-weight:normal; color:#fff; }
#sub_bar ul li a{ color:#fff; }

#right_body p{ line-height:1.4; }

#footer p,
p#copyright,
#footer p a:link,
#footer p a:visited{ color:#595959; }
#footer p a:hover  { color:#479d71; }
#footer p,
p#copyright{ font-size:86%; line-height:1.6;}

table td { color:#4c4c4c; line-height:1.8; }
table th { color:#000; }

.contents_box p.align_c{ font-size:86%; }
.contents_box_end p.align_c{ font-size:86%; }


/* contents */
/* ================================================================================ */
/*      B.pablic class                                                              */
/* ================================================================================ */


.align_c{ text-align:center; }
.align_r{ text-align:right; }

.f_left				{ float:left;}
.f_right			{ float:right;}
.clear_b			{ clear:both; }

.txt_blue			{ color:#076bb0; }
.txt_orange		{ color:#ec6438; }
.txt_blue			{ color:#1973b2; }
.txt_bold			{ font-weight:bold; }

.ml_10				{ margin-left:10px; }
.ml_20				{ margin-left:20px; }
.ml_30				{ margin-left:30px; }

.mt_5					{ margin-top:5px; }
.mt_10				{ margin-top:10px; }
.mt_20				{ margin-top:20px; }
.mt_30				{ margin-top:30px; }

.mb_5					{ margin-bottom:5px; }
.mb_10				{ margin-bottom:10px; }
.mb_20				{ margin-bottom:20px; }
.mb_30				{ margin-bottom:30px; }




/* ================================================================================ */
/*      0.site key visual                                                           */
/* ================================================================================ */

/* ================================================================================ */
/*      0.table                                                                     */
/* ================================================================================ */


table.basic{
	border-collapse:collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.basic th{
	padding:10px 5px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	background:#eef7fd;
	text-align:left;
	width:160px;
}
.basic td{
	padding:10px 5px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.basic tr.line th,
.basic tr.line td{ background:#d5dabc;}

table.company{
	border-collapse:collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.company th{
	padding:10px 5px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	text-align:left;
	width:140px;
}
.company td{
	padding:10px 5px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.company tr.line th,
.company tr.line td{ background:#eef7fd;}


/* ================================================================================ */
/*      0.sub_bar                                                                   */
/* ================================================================================ */
div#sub_bar{
width:940px;
padding:3px 10px;
background:#004475;
/*border-bottom:1px solid #8c8995;*/
}
* html div#sub_bar{ width:960px; }	/*IE hack*/

div#sub_bar h1{ float:left; }
div#sub_bar ul{ float:right; }
div#sub_bar li{ display:inline; }

/* ================================================================================ */
/*      1.header                                                                    */
/* ================================================================================ */


/* -----1-1.header_top------------------------------------------------------------- */


div#header_top{
	width:960px;
	height:70px;
	background:transparent url(/img/header_bg.gif) no-repeat left top;
	clear:both;
	border-bottom:5px solid #00406e;
}

img.logo{
	width:315px;
	height:35px;
	margin-top:15px;
	margin-left:20px;
	float:left;
}

p#top_tel_p{
	width:328px;
	height:60px;
	float:right;
	margin-top:10px;
	padding-right:15px;
}

/* ================================================================================ */
/*      2.right_body                                                                 */
/* ================================================================================ */



/* ================================================================================ */
/*      3.main contents                                                             */
/* ================================================================================ */


#contents{
	width:960px;
	height:auto;
	float:left;
	margin-bottom:10px;
}

#left_body{
	width:288px;
	position:absolute;
	top:105px;
	left:20px;
	background:#fafafa url(/img/left_body_bg.gif) repeat left top;
	padding-left:10px;
	display:inline;/* IE 対策 */
	border:1px solid #ededed;
	border-top:2px solid #84c7f1;
	float:left;
}
* html #left_body{ width:300px; } /* IE6以前対策 */
/*#left_body p{ margin:0px 0px; }*/
#left_body p.sub_navi{ margin:5px 0px; }
#left_body ul li{
	margin:0px;
	line-height:0;
}
#left_body ul li a img{
	vertical-align:top;
	/*margin-bottom:5px;*/
}
#main_body{
	width:630px;
	float:right;
	padding-right:10px;
	margin-top:10px;
}
* html #main_body{ width:580px; } /* IE6以前対策 */

.contents_box{
	width:570px;
	height:auto;
	clear:both;
	padding:0px 30px 30px 30px;
}
.contents_box_end{
	width:570px;
	height:auto;
	clear:both;
	padding:0px 30px 30px 30px;
}
.contents_box p.align_c{
	padding-top:10px;
}
.contents_box_end p.align_c{
	padding-top:10px;
}

.contents_box{ background:url(/img/line_dotted2.gif) no-repeat 30px bottom; }
* html .contents_box{ width:570px; } /* IE6以前対策 */
* html .contents_box_end{ width:570px; } /* IE6以前対策 */

#container #main_body .end{ background:none; }

.con_img{
	width:220px;
	float:right;
}

.con_txt{
	width:340px;
	padding-right:10px;
	float:left;
}
* html .con_txt{ width:350px; } /* IE6以前対策 */
.con_txt p{ margin-bottom:10px; }

#solution{
	width:550px;
	background:#f7f7f7;
	padding:10px;
}
* html #solution{ width:570px; } /* IE6以前対策 */



#contents h2{ padding:0px 0px 20px; }
#contents h3{ margin-bottom:20px; }
#contents h4{ margin-bottom:10px; }

ul.mark li{ margin-left:15px; list-style:disc; }


/* ================================================================================ */
/*      4.footer                                                                    */
/* ================================================================================ */


#footer{
	width:960px;
	height:auto;
	padding:15px 0px 0px;
	border-top:5px solid #00406e;
	clear:both;
}
#footer p{ text-align:center; }
p#copyright{
	width:980px;
	height:auto;
	margin:0px auto;
	padding-bottom:20px;
	background:url(/img/copyright_bg2.gif) no-repeat left bottom;
	text-align:center;
}


/* ================================================================================ */
/*      top css                                                                     */
/* ================================================================================ */


#top_contents{

	width:900px;
	height:auto;
	background:url(/img/top_contents_bg2.gif) no-repeat left top;
	position:relative;
	padding:0px 30px;
}
* html #top_contents{ width:960px; } /* IE6以下対策 */

#right_body{
	width:410px;
	height:auto;
	padding-top:10px;
	/*margin-left:540px;*/
	float:right;
}

#navi01{
	width:390px;
	height:160px;
	padding:10px 10px 0px 10px;
	margin:5px 0px;
	background:url(/img/top/navi_bg01.gif) no-repeat left top;
}
* html #navi01{ width:410px; height:170px; }/* IE6以前対策 */

#navi02{
	width:400px;
	height:50px;
	padding:10px 0px 10px 10px;
	margin:5px 0px;
	background:url(/img/top/navi_bg02.gif) no-repeat left top;
}
* html #navi02{ width:410px; height:90px; }/* IE6以前対策 */

#navi01 p{ margin-bottom:10px; }
#navi02 p{ float:left; xmargin-right:10px;}

/*#right_body h2{ margin-top:10px;}*/
#right_body p.read_txt{ margin-top:20px;}

p#catch01{
	margin-bottom:10px;
	padding-bottom:4px;
	border-bottom:1px solid #b6def7;
}
p#t_line{ margin:5px 0px; }

#t_left_body{
	float:left;
	width:448px;
	height:auto;
	padding:10px 0px 0px 0px;
}
/*#top_img{ position:absolute; left:40px; top:10px; }*/


/* ================================================================================ */
/*      contents css                                                                */
/* ================================================================================ */


.contact_box{
	width:570px;
	height:auto;
	clear:both;
	padding:0px 30px 0px 30px;
}
* html .contents_box{ width:630px; } /* IE6以前対策 */

.ask_table{ width:570px; }
.ask_table textarea{ width:355px; }

.thanks{ padding-top:50px; padding-bottom:500px;}

.error_txt{ color:#FF0000; font-weight:bold; }


/* ================================================================================ */
/*      company css                                                                 */
/* ================================================================================ */

.company_table{ width:570px; }

.company_box{
	width:570px;
	height:auto;
	clear:both;
	padding:0px 30px 0px 30px;
}
* html .company_box{ width:630px; } /* IE6以前対策 */


/* ================================================================================ */
/*      access css                                                                  */
/* ================================================================================ */


.access_box{
	width:570px;
	height:auto;
	clear:both;
	padding:0px 30px 0px 30px;
}
* html .access_box{ width:630px; } /* IE6以前対策 */