@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:62.5%;
	line-height:1.5;
	color:#101010;
}
*:first-child+html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",	Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;	}
* html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}

h1,h2,h3,h4,h5,h6,p,input,form,ul,ol,li,dl,dt,dd,hr,td,th{
	margin: 0;
	padding: 0;
}

img { border: none; vertical-align:top; }
ul,li{	list-style-type:none;}
hr{ display:none;}
table{border-collapse:collapse;}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}

pre{
	font-size:1em !important;
	padding:1em;
	overflow:hidden; 
	border:1px solid #CCC;
}

em{
	font-style:normal;
	font-weight:bold;
	font-size:1.2em !important;
}

.left {float:left;}
.right {float:right;}

.l_txt{	text-align:left !important;}
.cen_txt{ text-align:center !important;}
.r_txt{ text-align:right !important;}

.font_txt_s{ font-size:1em!important;}
.font_txt_m{ font-size:1.2em!important;}
.font_txt_l{ font-size:1.4em!important;}
.nobold{ font-weight:normal !important;}

.col_txt_gray{ color:#333333 !important;}
.col_txt_red{ color:#CC0000 !important;}
.error { color:#CC0000 !important;}

.pad_head_05em{margin-top:0.5em !important;}
.pad_head_1em{margin-top:1em !important;}
.pad_head_2em{margin-top:2em !important;}

.pad_foot_05em{margin-bottom:0.5em !important;}
.pad_foot_1em{margin-bottom:1em !important;}
.pad_foot_2em{margin-bottom:2em !important;}

.pad_l_05em{ margin-left:0.5em !important;}
.pad_l_1em{	margin-left:1em !important;}
.pad_l_2em{	margin-left:2em !important;}

.pad_r_05em{margin-right:0.5em !important;}
.pad_r_1em{	margin-right:1em !important;}
.pad_r_2em{	margin-right:2em !important;}

.pad_all_5{ padding:5px !important;}
.pad_all_10{ padding:10px !important;}

/*clearfix*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table; }
/* ¥*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/*link
--------------------------------*/
a {color: #333; text-decoration: none;}
a:visited{color: #333; text-decoration: none;}
a:hover{color: #CC0000; text-decoration: underline;}
a:active{color: #333; text-decoration: none;}

a.noline{color: #261E93; text-decoration: none;}
a.noline:visited{color: #261E93; text-decoration: none;}
a.noline:hover{color: #261E93;	text-decoration: underline;}
a.noline:active{color: #261E93; text-decoration: none;}

#footer a { background: url(../img/arrow_gr.gif) no-repeat; padding:0 10px;}
#footer a:visited { background: url(../img/arrow_gr.gif) no-repeat; padding:0 10px; }
#footer a:hover { background: url(../img/arrow_red.gif) no-repeat; padding:0 10px; }
#footer a:active { background: url(../img/arrow_gr.gif) no-repeat; padding:0 10px;}

#breadcrumbs a { color: #666; text-decoration:underline;}
#breadcrumbs a:visited {color: #666; text-decoration: underline;}
#breadcrumbs a:hover { color: #CC0000; text-decoration: underline;}
#breadcrumbs a:active {color: #666; text-decoration: underline;}

#mainco .case a { background:url(../img/arrow_cir.gif) left no-repeat; padding:0;}
#mainco .case a:visited {}
#mainco .case a:hover { background:url(../img/arrow_cir_on.gif) left no-repeat; padding:0;}
#mainco .case a:active {}


/*ボタン
--------------------------------*/
#wrapper .pagetop,
#wrapper02 .pagetop {
	clear:both;
	text-align:right !important;
	margin:20px 0 0 0;
}

/*background
--------------------------------*/
body { background:url(../img/body_bg.gif) repeat-y top center #EEEEEE; }
#body_wrapper{ background:url(../img/body_bg02.gif)  repeat-x; }
#all_wrapper{ background:url(../img/wrappall_bg.gif)  repeat-x #CCCCCC; }
#wrapper{ background:#FFF; }
#wrapper02 { background:url(../img/contents_bg.gif)  repeat-x #FFF; }
#header{ background:url(../img/wrapp_bg.gif) repeat-x #FFF; }
.headnav{ background:url(../img/headnav_bg01.gif) no-repeat #F0F0F0; }

.bg_gray{ background:#F0F0F0; }
.bg_grayf9{ background:#F9F9F9; }
.bg_or{ background:#FDF0EB; }
.bor_gray{ border:1px solid #CCC; }

/*layout
--------------------------------*/
#body_wrapper { width:100%;}
#all_wrapper{ width:820px; padding:0 1px; margin: 0 auto; text-align:left; 	font-size:1.2em; }
#wrapper{ width:820px; }
#wrapper02{ width:820px; }

#header{ padding:15px 25px 0 25px; }
#contents { width:770px; padding:20px 0; margin: 0 25px;  clear:both;}
#breadcrumbs { padding:0;  margin: 0 auto; color:#666; }
#breadcrumbs ul li { display:inline; }

#main { padding:0;  margin: 0 auto;}
#l_side{ width:526px; padding:10px 0; float:left; }
#r_side{ width:220px; padding:10px 0; float:right; }

#side { width:180px; padding:10px 0; float:left;   clear:both;}
#mainco { width:570px; padding:10px 0; float:right; }

#footer { clear:both; font-size:1em; padding: 20px; border-top:5px solid #CC0000;}
#footer ul li { display:inline; }


/*header
--------------------------------*/
#header h1{ padding:0; margin:0; float:left; }
#header h1 img{ padding:0; margin:0; float:left; display:inline!important;}
#header .headtp { height:67px; display:block; }
#header .headnav{ width:285px!important; height:35px; margin:11px 0 0 0; padding:0; float:right; display:block;}
#header .headnav ul { padding:0; margin:2px 0 0 10px;}
#header .headnav ul li{ display:inline!important; padding:0; margin:0;}

/*ナビゲーション*/
#header #gnavi{ width:770px; margin:0 auto; padding: 0 0 7px 0; }
#header #gnavi ul { margin:0; padding:0; }
#header #gnavi ul li { float:left; height:35px; padding:0; margin:0;}
#header #gnavi ul li img{ vertical-align:top; }

li#gnavi_service a, li#gnavi_service_on a,
li#gnavi_staff a, li#gnavi_staff_on a,
li#gnavi_case a, li#gnavi_case_on a,
li#gnavi_company a, li#gnavi_company_on a,
li#gnavi_faq a, li#gnavi_faq_on a {
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/: 35px ;
	padding-top:35px;
}

li#gnavi_service a, li#gnavi_service_on a{ width:146px; background: url(../img/gnavi_service_off.gif) no-repeat; }
li#gnavi_staff a, li#gnavi_staff_on a{ width:191px; background: url(../img/gnavi_staff_off.gif) no-repeat; }
li#gnavi_case a, li#gnavi_case_on a{ width:146px; background: url(../img/gnavi_case_off.gif) no-repeat; }
li#gnavi_company a, li#gnavi_company_on a{ width:146px; background: url(../img/gnavi_company_off.gif) no-repeat; }
li#gnavi_faq a, li#gnavi_faq_on a{ width:141px; background: url(../img/gnavi_faq_off.gif) no-repeat; }

li#gnavi_service a:hover,
li#gnavi_staff a:hover,
li#gnavi_case a:hover,
li#gnavi_company a:hover,
li#gnavi_faq a:hover {
	background-position:0 -35px;
}

li#gnavi_service_on a,
li#gnavi_staff_on a,
li#gnavi_case_on a,
li#gnavi_company_on a,
li#gnavi_faq_on a {
	background-position:0 -35px;
}


/*contents
--------------------------------*/
#breadcrumbs { padding:0;  margin: 0 auto 10px auto; }
#breadcrumbs ul { padding:0; margin:0;}
#breadcrumbs ul li{ display:inline; padding:0; margin:0;}

/*mainco
--------------------------------*/
#mainco h2 { padding:0 0 5px 0 ; margin: 0 0 10px 0; border-bottom:1px dotted #CCC;}
#mainco table { font-size:1em;}

#mainco .description_box { margin:20px auto; padding:0; }
#mainco .description_box h3 { padding:15px 5px 5px 5px; margin:0; border-bottom:2px solid #D63333; background:url(../img/h_bg.gif) no-repeat;}
#mainco .description_box h4 { font-size:1em!important;}

#mainco .description_box .box { margin:10px 5px; padding:0; }
#mainco .description_box .ph { width:140px; float:left;}
#mainco .description_box .txt{ width:420px; padding:0 0 10px 0; margin:0; display:block; float:left;}

#mainco .description_box table { width:100%; border:1px solid #CCC; }
#mainco .description_box td { padding:5px; border-bottom:1px solid #CCC; }
#mainco .description_box th { padding:5px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}

#mainco .case_box { margin:20px auto; padding:0; }
#mainco .case_box h3 { width:187px; padding:0; margin:0; float:left;}
#mainco .case_box .cent { padding:0 4px;}

#mainco .flow_box_all { margin:20px auto; padding:0; }
#mainco .flow_box { margin:0 auto; padding:0; background:url(../img/image_flowbk01.gif) repeat-y;}
#mainco .flow_box h3 { padding:0 0 5px 0; margin:0; }
#mainco .flow_box p { padding:0; margin:0 0 0 65px; }

#mainco .form_box { margin:20px auto; padding:0; }
#mainco .form01 { background:#EDEDED; padding:10px; margin:5px auto 20px auto;}
#mainco .form01 table { margin:0 auto; font-size:1em !important;}
#mainco .form01 th { width:30%; padding:8px 0; }
#mainco .form01 .line{ background:url(../img/line_gr02.gif) bottom repeat-x; }
#mainco .form01 .separater-col{ padding:0 10px;}

#mainco .access_box { margin:20px auto; padding:20px 0; border-top:1px dotted #CCC;}
#mainco .access_box .w245 { width:245px; padding:0 10px 0 0; margin:0; float:left;}
#mainco .access_box .w305 { width:305px; padding:0 0 0 10px; margin:0; float:left;}

#mainco .access_box table { width:100%; border:1px solid #CCC; }
#mainco .access_box td { padding:5px; border-bottom:1px solid #CCC; }
#mainco .access_box th { padding:5px; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}

#mainco .qa_box { margin:20px auto; padding:0; clear:both; }
#mainco .qa_box ul { margin:0; padding:15px 0 0 5px;}
#mainco .qa_box ul li { background:url(../img/ico_q.gif) no-repeat; padding:0 0 7px 25px; }
#mainco .qa_box dl { 
	margin:0;
	padding:5px;
	display:block;
	overflow: hidden;
}
#mainco .qa_box dl:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*¥*/
* html #mainco .qa_box dl{
	height: 1em;
	overflow: visible;
}
/**/

#mainco .qa_box dt { width:5%;}
#mainco .qa_box dd { width:94%;}

#mainco .sitemap_box { margin:20px auto; padding:0; clear:both; }
#mainco .sitemap_box ul { margin:0; padding:15px 0 0 5px;}
#mainco .sitemap_box ul li { margin:0;}
#mainco .sitemap_box .bg_gray{ background:url(../img/arrow_dotted.gif) no-repeat #F0F0F0; padding:5px 15px 5px 25px;}
#mainco .sitemap_box .bg_wh{ background:url(../img/arrow_dotted.gif) no-repeat #FFF; padding:5px 15px 5px 25px;}

#mainco .contact_box { margin:20px auto 50px auto; padding:0; }

#mainco .privacy_box { margin:20px auto; padding:0; clear:both; }
#mainco .privacy_box .hr { border-top:1px dotted #CCC; padding:20px 0; }


#mainco .dotted { border-bottom:1px dotted #CCC;}

/*side
--------------------------------*/
#side h2 { padding:0; margin: 0; }
#side .current { width:178px; padding:0; margin:0; border:1px solid #CCC;}
#side .current ul li { margin:0; padding:0; }
#side .current .dotted { padding:0 0 1px 0; background:url(../img/dotted_180.gif) bottom no-repeat; }

#side .banners { padding:5px; margin:10px 0; background:#F0F0F0;}
#side .banners ul { padding:5px; margin:5px 0;  background:#FFF; }
#side .banners ul li { margin:0; padding:0; }
#side .banners ul li img { margin:0; padding: 0 0 5px 0; }

/*top
--------------------------------*/
#main { }

/*l_side
--------------------------------*/
#l_side  { }

/*r_side
--------------------------------*/
#r_side  { }