@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);}
#article h2.title8{ background: url(../img/title_8.gif);}
#article h2.title9{ background: url(../img/title_9.gif);}
#article h2.title10{ background: url(../img/title_10.gif);}
#article h2.title11{ background: url(../img/title_11.gif);}
#article h2.title12{ background: url(../img/title_12.gif);}
#article h2.title13{ background: url(../img/title_13.gif);}
#article h2.title14{ background: url(../img/title_14.gif);}
#article h2.title15{ background: url(../img/title_15.gif);}
#article h2.title16{ background: url(../img/title_16.gif);}
#article h2.title17{ background: url(../img/title_17.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);}
#company #article h2.title5{ background: url(../company/img/title_5.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);}

#article h2.title1{ background: url(../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; height: 360px;}

#flash_l{float:left;width:820px;}
#flash_r{margin: 0 0 0px;}

#ytb_text{
	width:260px;
	height:114px;/height:119px;
	float:left;
}
#t_ytb{
	margin:5px 0 3px;
	padding:7px 0 0 8px;
	height:22px;
	_height:29px;
	background: url(../img/t_ytb.gif);
	font-weight:bold;
}

#ytb_source{
	padding:8px;
	background:#f2f3f0;
	height:187px;
	_height:203px;
	float:right;
	margin-bottom:20px;
}



.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;}


dl.submenu{padding:5px 0 0px 0;margin:0;}
dl.submenu dt{padding:0 0 5px 0;}


/* --- 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;}



/* ir */

#company table{
	width: 595px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin:10px 0;
}
#company table th, #company table td{
	padding: 5px 10px 3px;
	line-height: 140%;
	font-size: 12px;
}
#company table th{
	background: url(/company/img/table_bg_th1.gif) repeat-x top;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-weight: normal;
}
#company table td{
	border-right: 1px solid #ddd;
	background: url(/company/img/line_1.gif) repeat-x bottom;
	text-align: center;
}
#company table td.l{ text-align: center;}
#company table td.r{ border-right: none;}
#company table td.end{ background: none; border-bottom: 1px solid #ccc;}
#company table.ir1 td{ text-align: right;}




/* 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;}





/* 20120217 banalink ********************************************/
.banalink_text01{margin:13px 0 0;padding:15px 0 30px;border-top:1px dotted #333;}

.banalink_box01_outer{width:342px;margin:0 auto 30px;border:1px solid #a5bbd4;}
.banalink_box01{border:3px solid #fff;background:#dae9fa;text-align:center;padding:20px 0px;line-height:1.8;}

.big{font-size:120%;}
.center{text-align:center;}

/* =========Showcase=================== */

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../img/arrows.png');
		width: 25px;
		height: 30px;
		top: 155px;
		cursor: pointer;
		z-index:2;
	}
	
	.showcase-arrow-previous
	{
		left: 0px;
		background-position: 60px -14px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 60px -74px;
	}
	
	.showcase-arrow-next
	{
		right: 0px;
		background-position: -37px -14px;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -37px -74px;
	}
	

	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #ffcc00;
		}