@charset "utf-8";

/*
==================================================

    CSS File Name - layout.css
    Last-updated: 2010-05-19

    +1: #container
    +2: #header
    +3: #mainBody
    +4: #mainContent
    +5: #subContent
    +6: #footer

==================================================
*/


/*--------------------------------------------------
    +1: #container
==================================================*/

div#container {
	text-align: left;
}


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


/*--------------------------------------------------
    +2: #header
==================================================*/

div#header {
	width: 900px;
	margin: 0 auto;
	background: url(../images/bg_container_01.gif) 0 66px repeat-x;
}

div#header p.logo {
	display: inline;
	float: left;
	padding: 34px 0 12px 17px;
}

div#header p#guideNav {
	display: inline;
	float: right;
	padding: 40px 35px 0 0;
}

div#header ul#globalNav {
	clear: both;
}

div#header ul#globalNav li {
	display: inline;
	float: left;
}

body.home div#header p.logo {
	padding-bottom: 5px;
}


body.home div#header h1 {
	clear: both;
}

body.home div#header ul#globalNav {
	padding-bottom: 20px;
	/zoom: 1;
}

body.home div#header ul#globalNav:after{
	content: '';
	display: block;
	clear: both;
}


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


/*--------------------------------------------------
    +3: #mainBody
==================================================*/

div#mainBody {
	clear: both;
	width: 900px;
	margin: 0 auto;
}

div#mainBody p#breadcrumb {
	padding: 20px 25px 10px 25px;
}

div#mainBody p#breadcrumb a {
	color: #127ab0;
}




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


/*--------------------------------------------------
    +4: #mainContent
==================================================*/

div#mainContent {
	width: 628px;
	display: inline;
	float: right;
	margin: 0 8px 0 0;
	padding-bottom: 30px;
}

div#mainContent a {
	color: #127ab0;
}

div#mainContent h1 {
	margin-bottom: 20px;
}

div#mainContent h2 {
	clear: both;
	margin: 0 0 15px 30px;
}

div#mainContent h2.mL0 {
	margin: 0 0 15px 0;
}

div#mainContent h2.mL017 {
	margin: 0 0 15px 17px;
}

div#mainContent div.box {
	clear: both;
	padding: 0 20px 20px 50px;
	/zoom: 1;
}

div#mainContent div.box:after{
	content: '';
	display: block;
	clear: both;
}

div#mainContent div.box h3 {
	margin-bottom: 10px;
}

div#mainContent div.box p {
	margin-bottom: 10px;
}

div#mainContent div.box p.mB30 {
	margin-bottom: 30px;
}

div#mainContent div.box p.imgRight {
	display: inline;
	float: right;
	margin: 0 0 20px 20px;
}

div#mainContent div.box p.imgLeft {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
}

div#mainContent div.box p.imgLeft.mB040 {
	margin-bottom: 40px;
}

div#mainContent div.box p.imgLeft.mB060 {
	margin-bottom: 60px;
}

div#mainContent div.box.contact {
	width: 568px;
	margin: 0 0 0 28px;
	padding: 10px 10px 5px 10px;
	background-color: #eee;
}

div#mainContent div.box.pL0 {
	padding-left: 0;
}

div#mainContent div.box.pL010 {
	padding-left: 10px;
}

div#mainContent div.box.pR0 {
	padding-right: 0;
}

body.home div#mainContent h2 {
	margin: 0;
}

body.home div#mainContent div.box {
	margin-bottom: 15px;
	width: 604px;
	padding: 10px 10px 0 10px;
	background-color: #f1f1ef;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}

body.contact div#mainContent {
	width: 632px;
	margin: 0 4px 0 0;
}

body.home div#mainContent #employment{
	clear:both;
	width:604px;
	height:auto;
	background-color:#ffffff;
	border:#CCCCCC 1px solid;
	}
	
body.home div#mainContent #employment h3 {
	margin:5px 0px 10px 10px;
	}
	
	
body.home div#mainContent #employment h4{
	display:block;
	width:540px;
	background:url(../../images/em_bg.jpg);
	background-repeat:repeat;
	font:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#666666;
	font-size:120%;
	font-weight:bold;
	padding:10px 15px 10px 15px;
	margin:0 auto;
	}	
	
body.home div#mainContent #employment p{
	font-size:95%;
	margin:5px 0px 0px 30px;
	}
	
body.home div#mainContent #employment p a{
	font-size:120%;
	font-weight:bold;
	color:#FF6600;
	text-decoration: none; 
	}

.mark{
	margin:10px 0px 10px 100px;}
/*----------------------------------------------------------------------*/


/*--------------------------------------------------
    +5: #subContent
==================================================*/

div#subContent {
	display: inline;
	float: left;
	width: 250px;
	margin: 0 0 0 8px;
	padding-bottom: 30px;
}

div#subContent div.box {
	margin-bottom: 15px;
	padding: 10px 18px;
	background-color: #f1f1ef;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}

div#subContent div.box ul {
	width: 176px;
	margin: 0 auto;
	padding: 10px 15px 5px 15px;
	background-color: #fff;
	border: 1px solid #bcbcbc;
}

div#subContent div.box ul li {
	margin-bottom: 5px;
}

div#subContent div.box ul li a {
	padding: 0 0 0 20px;
	background: url(../images/icon_arrow_01.gif) 0 3px no-repeat;
}


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


/*--------------------------------------------------
    +6: #footer
==================================================*/

div#footer {
	clear: both;
	padding-bottom: 30px;
	background: url(../images/bg_footer_01.gif) 0 0 repeat-x #e8a70d;
	font-size: 0.86em;
	line-height: 1.5em;
	/zoom: 1;
}


div#footer:after{
	content: '';
	display: block;
	clear: both;
}

div#footer div.inner {
	width: 884px;
	margin: 0 auto;
	padding: 12px 8px 0 8px;
}

div#footer div.box {
	width: 881px;
	margin-bottom: 20px;
	background: url(../images/bg_footer_02.gif) right 0 no-repeat #fff;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	/zoom: 1;
}

div#footer div.box:after{
	content: '';
	display: block;
	clear: both;
}

div#footer div.box p.logo {
	display: inline;
	float: left;
	padding: 17px 24px 0 31px;
}

div#footer div.box p.tel {
	display: inline;
	float: left;
	padding: 25px 33px 0 0;
}

div#footer div.box p.contact {
	display: inline;
	float: left;
	padding: 20px 0 14px 0;
}

div#footer ul#footNav {
	clear: both;
	display: inline;
	float: left;
	width: 530px;
}

div#footer ul#footNav li {
	display: inline;
	float: left;
	margin-left: 15px;
}

div#footer p#copyright {
	text-align: right;
}

#dcs-t_logo{
	width: 100px;
	float: left;
	}

#dcs_logo{
	width: 100px;
	float: left;
	}