@charset "utf-8";

/********************************************************
Copyright(C)RELAFULL CO., LTD. All Rights Reserved.
********************************************************/

/* INDEX and COMPANY ********************************************/

@import url(base.css);

/* base 1 ********************************************/

#wrap_inner{ background: url(img/index/bg_wrap_in.gif) no-repeat top;}
html[xmlns*=""] body:last-child #wrap_inner
{ background: url(img/index/bg_wrap_in_SF.gif) no-repeat top;}

#header{ background: url(img/index/header.gif);}

#navi_left{ background: #e3ebf4;}
#navi_left_in1{ background: url(img/index/left_top.gif) no-repeat top;}
#navi_left_in2{ background: url(img/index/left_bottom.gif) no-repeat bottom;}

#footer{ background: #3a71bc url(img/index/footer.gif) no-repeat top;}

/* base 2 ********************************************/

h3{ background: url(img/index/title_h3.gif) no-repeat;}
h4{ background: url(img/index/icon_1.gif) no-repeat 0 1px;}

/* Utility ********************************************/

@media print {
#wrap_inner{ background: #fff;}
}

/* sidebar ********************************************/

#navi_left h2.title1{ background: url(img/index/left_title_jigyo.gif);}
#navi_left h2.title2{ background: url(img/index/left_title_sites.gif);}


/* article ********************************************/

#company .unit p, #privacy .unit p{ margin: 0 0 0.8em;}

#article h2.title1{ background: url(../img/title_1.gif);}
#article h2.title2{ background: url(../img/title_2.gif);}
#article h2.title3{ background: url(../img/title_3.gif);}
#article h2.title4{ background: url(../img/title_4.gif);}
#article h2.title5{ background: url(../img/title_5.gif);}
#article h2.title6{ background: url(../img/title_6.gif);}
#article h2.title7{ background: url(../img/title_7.gif);}

#company #article h2.title1{ background: url(../company/img/title_1.gif);}
#company #article h2.title2{ background: url(../company/img/title_2.gif);}
#company #article h2.title3{ background: url(../company/img/title_3.gif);}
#company #article h2.title4{ background: url(../company/img/title_4.gif);}

#privacy #article h2.title1{ background: url(../privacy/img/title_1.gif);}
#privacy #article h2.title2{ background: url(../privacy/img/title_2.gif);}
#privacy #article h2.title3{ background: url(../privacy/img/title_3.gif);}

#contact #article h2.title1{ background: url(../contact/img/title_1.gif);}

/*100721 add recruit*/
#recruit #article h2.title1{ background: url(../recruit/img/title_1.gif);}

#topics div div{ background: url(img/index/arrow_3.gif) no-repeat 0 3px;}

.topics{ background: url(img/index/topics_bg1.gif) no-repeat top;}
.topics h3{ background: url(img/index/arrow_5.gif) no-repeat 0 2px;}
.topics_inner{ background: url(img/index/topics_bg2.gif) no-repeat bottom;}

/* --- index --- */

#flash{ margin: 0 0 20px; background: url(../img/loading.jpg); height: 322px;}

.site_map .hght{ clear: both;}
.site_map ul{ margin: 0; padding: 0; list-style:none;}
.site_map li{
	margin: 0 0 0.5em;
	padding: 0 0 0.5em 20px;
	background: url(img/index/arrow_3.gif) no-repeat 0 3px;
	border-bottom: 1px solid #ccc;
}

.box_left, .box_right{ width: 285px;}
.box_left{ float: left;}
.box_right{ float: right;}
.box_left div, .box_right div{ padding: 0 10px 30px;}

/* --- company --- */

#company .fl_1{ float: left; width: 380px;}
#company .fr_1{ float: right; width: 180px;}

#company .fl_2{ float: left; width: 192px;}
#company .fr_2{ float: right; width: 370px;}
#company #article ul{ margin: 0 0 20px 0.5em; padding: 0 0 0 1em;}

/* --- privacy --- */

#privacy .unit .privacy_number{ margin: 0 0 15px; text-align: left;}
#privacy .unit .privacy_number p{ margin: 0 0 0.2em 2em; text-indent: -1.5em;}

/* --- contact --- */

#contact span{ color: #c00;}
#contact .unit img{ margin: 15px 0;}
#contact p.error{ color: #c00; text-align: center; font-size: 110%;}


/* --- recruit --- */
#recruit dl {
margin:0;
border-bottom:1px dotted #999;
width:550px;
}
#recruit dl.dl_top{border-top:1px dotted #999;}

#recruit dl dt {
float:left;
width:120px;
padding:10px 0 10px 10px;
clear:both;
font-weight:bold;

}
#recruit dl dd {
width:350px;
margin-left:120px;
padding:10px 5px 10px 10px;

}
#recruit #inquiry{ 
	background-color: #DAF2FE; 
	border:1px solid #A8D3FB;
	padding:15px;
	line-height:150%;
	width:320px;
	margin-top:15px}


/* tables & forms ********************************************/

.tables{ margin: 0 10px 30px; padding: 0 0 15px; background: url(img/index/tables_bg.gif) top;}
.tables .hght{ background: url(img/index/tables_border.gif) no-repeat bottom; clear: both;}
.tables .l, .tables .le{
	padding: 6px 0 6px 35px;
	float: left;
	clear: none;
	width: 125px;
	background: none;
}
.tables .r, .tables .re{
	margin: 6px 0;
	padding: 0 30px 0 0;
	float: right;
	width: 360px;
	background: none;
}

.tables div.error{ background: url(img/index/tables_border_er.gif) no-repeat bottom left;}
.tables div.error .r div{ color: #c00; background: none;}
.tables select{ margin: 0;}
.tables textarea{ width: 350px; height: 120px;}
.tables textarea.jobs{ height: 2em;}
.tables input.input{ width: 250px;}
.tables input.trans{ width: 80px;}

#company #article .tables ul{ margin: 0 0 0 0.5em; padding: 0 0 0 1em;}

/* footer ********************************************/

#footer_inner{ background: url(img/index/footer_line.gif) no-repeat bottom;}
#footer_inner li{ background: url(img/index/arrow_4.gif) no-repeat right;}

#footer .copy{ background: url(img/index/copy.gif) no-repeat top;}