@charset "utf-8";

/* yui-reset ---------------------------------------------------------- */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}


* {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",arial,helvetica,clean,sans-serif;
}

body {
	margin		:0;
	padding		:0;
	color		:#262626;
	text-align	:center;
	background:#36629b url(img/bg.gif) left top repeat-x;
	font-size	:84%;
}
h1 { font-size:121%; font-weight:bold; }
h2 { font-size:121%; font-weight:normal; }
h3 { font-size:103%; font-weight:normal; }
h4 { font-size:84%;  font-weight:bold; }
h5 { font-size:84%;  font-weight:normal; }
h6 { font-size:84%;  font-weight:normal; }

/* 基本構造 ------------------------------------------ */

.pagecontent {
	width:800px;
	margin:10px auto;
	padding:0;
	text-align:left;
}

/********** Utitlity Classes **********/

	#sitebody:after,
	#deltavpage .article .boxes:after,
	.inner:after,
	clearFix:after
	{
		content		: "."; 
		display		: block; 
		height		: 0; 
		line-height	: 0;
		font-size	: 0;
		clear		: both;
		visibility	: hidden;
	}

	.inner,
	clearFix {
		zoom		: 1;
	}



.clr {
	clear		: both;
	overflow	: hidden;
	width		: 1px;
	height		: 1px;
	margin		: 0;
	padding		: 0;
	border		: 0;
	font-size	: 0;
	line-height	: 0;
}

.fleft {	float:left;   }
.fright {	float:right;  }
img.fleft { margin:0 5px 5px 0; }
img.fright{ margin:0 0 5px 5px; }


.tright { text-align:right;  }
.tleft  { text-align:left;   }

.txt14pt{ font-size:121%; }
.txt12pt{ font-size:103%; }
.txt10pt{ font-size:84%;  }
.txt8pt{  font-size:71%;  }

/********** Common Site Header **********/

#siteheader {
	width		:800px;
	height		:122px;
/*
	margin		:0 auto;
	padding		:0;
	text-align	:left;
*/
	background	:url(img/header_bg.gif) left 19px no-repeat;
}

#siteheader img.chara {
	float:right;
	margin-right:8px;
}

#siteheader h1 {
	margin		:0;
	padding		:33px 0 10px 0;
}

#siteheader h1 a {
	display:block;
	background:url(img/logo.gif) left top no-repeat;
	width:360px;
	height:31px;
	margin:0 0 0 17px;
}

#siteheader h1 a span {
	display:none;
}

#siteheader .menu {
	height:23px;
	padding-left:4px;
}

#siteheader .menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#siteheader .menu li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

#siteheader .menu li a {
	display:block;
	height:23px;
}

#siteheader .menu li.tab01 a { width:57px; background:url(img/menu_top.gif) left top no-repeat; }
#siteheader .menu li.tab02 a { width:74px; background:url(img/menu_topics.gif) left top no-repeat; }
#siteheader .menu li.tab03 a { width:59px; background:url(img/menu_deltav.gif) left top no-repeat; }
#siteheader .menu li.tab04 a { width:86px; background:url(img/menu_interview.gif) left top no-repeat; }
#siteheader .menu li.tab05 a { width:65px; background:url(img/menu_company.gif) left top no-repeat; }
#siteheader .menu li.tab06 a { width:75px; background:url(img/menu_recruit.gif) left top no-repeat; }
#siteheader .menu li.tab07 a { width:70px; background:url(img/menu_map.gif) left top no-repeat; }

#siteheader .menu li.tab01on a { width:57px; background:url(img/menu_top.gif) left -23px no-repeat; }
#siteheader .menu li.tab02on a { width:74px; background:url(img/menu_topics.gif) left -23px no-repeat; }
#siteheader .menu li.tab03on a { width:59px; background:url(img/menu_deltav.gif) left -23px no-repeat; }
#siteheader .menu li.tab04on a { width:86px; background:url(img/menu_interview.gif) left -23px no-repeat; }
#siteheader .menu li.tab05on a { width:65px; background:url(img/menu_company.gif) left -23px no-repeat; }
#siteheader .menu li.tab06on a { width:75px; background:url(img/menu_recruit.gif) left -23px no-repeat; }
#siteheader .menu li.tab07on a { width:70px; background:url(img/menu_map.gif) left -23px no-repeat; }

#siteheader .menu li a:hover {
	background-position:left -23px;
}

#siteheader .menu a span {
	display:none;
}


/*********** Common Site Footer **********/

#sitefooter {
	clear	:both;
	height	:50px;
	padding:0 8px 0 4px;
	text-align:right;
	background:url(img/footer_bg.gif) no-repeat;
}

#sitefooter ul {
	padding-top:22px;
}

#sitefooter ul li {
	display:inline;
	float:right;
	margin:0;
	padding:0;
}

#sitefooter ul li a {
	display:block;
	height:21px;
}
#sitefooter ul li.tab01 a { width:113px; background:url(img/btn_contact.gif) left top no-repeat; }
#sitefooter ul li a span { display:none; }

#copyright {
	clear		:both;
	padding		:5px 5px 20px 5px;
	text-align	:right;
}


/* 共通しっぽ（見出し）------------------------------------------- */

#sitetail {
	height:37px;
	background:url(img/tail_bg.gif) left top repeat-x;
}

#sitetail img.fleft {
	margin:0;
	padding:0;
}

#sitetail h1 {
	width:461px;
	height:37px;
	margin:0 0 0 82px;
	padding:0;
}
#sitetail h1 span { display:none; }

/* 共通フォーマット ---------------------------------------------- */

#sitebody,
.sitebody {
	clear	:both;
	padding:0 20px;
	background:url(img/body_bg.gif) center top repeat-y;
	zoom		: 1;
}

.leftbody {
	float:left;
	width:133px;
/*	margin-left:7px; */
}

.rightbody {
	float:right;
	width:610px;
}

/********** TOPページ(index.html) **********/


	#indexpage {
	}

	#indexpage #sitebody {
		margin		: 0;
		padding		: 0 0 20px;
	}

	#indexpage h2 {
		margin:0;
		padding:10px 20px 35px 40px;
		line-height:1.5;
		font-size:10pt;
	}

	#indexpage dl {
		margin		: 0;
		padding		: 0;
		background	: #e24a07;
		color		: #ffffff;

		border-radius			: 5px;
		-webkit-border-radius	: 5px;
		-moz-border-radius		: 5px;
	}

	#indexpage dl dt {
		margin		: 5px 5px 0 5px;
		padding		: 0;
		overflow	: hidden;
	}

	#indexpage dl dt img {
		vertical-align	: bottom;
	}

	#indexpage dl dd {
		margin		: 10px 15px 10px;
		padding		: 0;
		line-height	: 1.8;
	}

	#indexpage dl dd a {color:#ffffff; }
	#indexpage dl dd a:visited { color:#eeeeee; }

	/* DeltaV枠 */
	#indexpage dl#topdeltav {
		float		: left;
		width		: 450px;
		margin		: 0 0 0 20px;
	}

	/* DeltaV枠 */
	#indexpage dl#topflowlab {
		float		: right;
		width		: 290px;
		margin		: 0 25px 0 0;
	}



/* -----------------------------------------------
	DeltaV (deltav.html) 
-------------------------------------------------- */


	#deltavpage {
	}

	#deltavpage .article {
		line-height	: 1.5;
	}

	#deltavpage .article .header {
		background:url(img/tail_bg.gif) left top repeat-x;
	}

	#deltavpage .article .header h1 {
		height	:37px;
		margin	: 0 0 0 75px;
		background:url(img/tail_deltav.gif) left top no-repeat;
		overflow	: hidden;
		text-indent	: -9999px;
	}

	#deltavpage .article .content p {
		margin	: 10px 0;
	}


	#deltavpage .article .content p.image img {
		padding		: 5px;
		border		: 1px solid #e24a07;

		border-radius			: 5px;
		-webkit-border-radius	: 5px;
		-moz-border-radius		: 5px;
	}


	#deltavpage .article .boxes {
		zoom		: 1;
		letter-spacing	: -0.5em;
	}

	#deltavpage .article .boxes dl {
		display		: inline-block;
		position	: relative;
		vertical-align	: top;
		width		: 355px;
		margin		: 20px 10px 0 10px;
		padding		: 0;
		letter-spacing	: normal;
	}

	#deltavpage .article .boxes dl dt {
		padding			: 0 0 5px;
		font-weight		: bold;
		color			: #0d7737;
	}

	#deltavpage .article .boxes dl dt img {
		float			: left;
		margin			: 0 10px 5px 0;
	}

	#deltavpage .article .boxes dl dd {
		border-top		: 1px dashed #0d7737;
		margin			: 0 0 0 60px;
		padding			: 5px 0 0 0;
	}




/*
	#deltavpage h2 {
		padding:20px 0;
	}
	
	#deltavpage p.catch {
		padding-bottom:20px;
		line-height:1.3;
	}

	#deltavpage .boxes {
		padding-bottom:20px;
		line-height:1.5;
	}

	#deltavpage .boxes .box {
		width:370px;
		float:left;
	}

	#deltavpage .boxes .box2 {
		width:370px;
		margin-left:20px;
		float:left;
	}

	#deltavpage .boxes p {
		margin-left:60px;
	}
*/


/* トピックス (topics.html) -------------------------------------------------*/

#topicspage {
}

#topicspage #sitetail h1 {
	width:461px;
	height:37px;
	background:url(img/tail_topics.gif) left top no-repeat;
}

#topicspage .entry {
	clear:both;
	margin:20px 10px;
	line-height:1.5;
}

#topicspage .entry h2 {
	margin-bottom:5px;
	padding:3px 0;
	border-bottom:1px dotted #E14A07;
}

#topicspage .entry td {
	padding-right:5px;
}

/* 会社概要 (company.html) --------------------------------------------------*/

#companypage {
}

#companypage #sitetail h1 {
	width:461px;
	background:url(img/tail_company.gif) left top no-repeat;
}

#companypage p.catch {
	margin:20px;
	line-height:1.5;
}

#companypage table {
	width		: 720px;
	margin:20px;
	border-top:2px solid #E85D00;
	border-bottom:3px solid #E85D00;
	line-height:1.5;
}

#companypage table th{
	margin:0;
	padding:5px 15px 5px 5px;
	background:url(img/naname.gif);
/*	text-align:right; */
	border-top:1px solid #E85D00;
	font-weight:bold;
	vertical-align:top;
}

#companypage table td {
	width	: 500px;
	margin:0;
	padding:5px;
	line-height:1.5;
	border-top:1px solid #E85D00;
	vertical-align:top;
}

#companypage dl dt {
	clear	: left;
	float	: left;
	width	: 6em;
}

#companypage dl dd {
	margin-left:6em;
}



/* 地図(map.html) ------------------------------------------------------*/

#mappage #sitetail h1 {
	width:461px;
	background:url(img/tail_map.gif) left top no-repeat;
}






#mappage #gmap-outer {
	margin:5px 14px 20px;
	padding:0;
}

#mappage #gmap {
	width		: 728px;
	height		: 450px;
}

#mappage .address {
	float		: left;
	margin		: 30px 0 0 10px;
	padding		: 0;
	line-height	: 1.5;
}




/*
#mappage #map {
	width:728px;
	height:370px;
	margin:20px 14px;
	background:url(img/map.gif) left top no-repeat;
}
*/



#mappage #map p {
	margin:30px 30px 0 450px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #dd0000;
	font-size:11pt;
	font-weight:bold;
	line-height:1.5;
}

/*
#mappage #route {
	margin:15px 20px;
}
*/


#mappage #jr,
#mappage #subway {
	clear		: right;
	float		: right;
	width		: 330px;
	margin		: 30px 20px 0 0;
	line-height	: 1.5;
}

#mappage #jr dt,
#mappage #subway dt {
	font-weight:bold;
	border-bottom:1px dotted #E14A07;
}

#mappage #jr dl {
	padding-left:80px;
	padding-bottom:60px;
	background:url(img/map_jr.gif) 7px top no-repeat;
}

#mappage #subway dl {
	padding-left:80px;
	background:url(img/map_subway.gif) left top no-repeat;
}


/* リクルート (recruit.html) --------------------------------------------------*/

#recruitpage #sitetail h1 {
	width:461px;
	background:url(img/tail_recruit.gif) left top no-repeat;
}

#recruitpage p.catch {
	margin:20px;
	line-height:1.5;
}

#recruitpage p.banner {
	margin:20px 10px;
}

#recruitpage p.banner img {
	margin:0 10px;
}

#recruitpage table {
	margin:20px;
	border-top:2px solid #E85D00;
	border-bottom:3px solid #E85D00;
	line-height:1.5;
}

#recruitpage table th{
	width:200px;
	margin:0;
	padding:5px 15px 5px 5px;
	background:url(img/naname.gif);
	text-align:right;
	border-top:1px solid #E85D00;
	font-weight:bold;
}

#recruitpage table td {
	margin:0;
	padding:5px;
	line-height:1.5;
	border-top:1px solid #E85D00;
}

#recruitpage dd {
	margin-left:50px;
}

/* インタビュー(interview.html,interview2.html) ---------------------------*/

#interviewpage #sitetail h1 {
	width:461px;
	background:url(img/tail_interview.gif) left top no-repeat;
}

#interviewpage #main1 {
	height:220px;
	margin:0;
	padding:0 250px 0 40px;
	background:url(img/interview1_main_bg.jpg) left 20px no-repeat;
}

#interviewpage #main2 {
	height:220px;
	margin:0;
	padding:0 180px 0 185px;
	background:url(img/interview2_main_bg.jpg) left 20px no-repeat;
}

#interviewpage #main1 h2,
#interviewpage #main2 h2 {
	padding:50px 0 20px 0;
}
#interviewpage #main1 p,
#interviewpage #main2 p {
	font-size:11pt;
	line-height:1.5;
}


#interviewpage #interview {
	float:left;
	width:500px;
	padding:20px 0;
	line-height:1.5;
}

#interviewpage #interview strong {
	margin-right:15px;
	color:#346097;
	font-weight:bold;
}

#interviewpage #interview h3 {
	margin:30px 10px;
	color:#E14A07;
}

#interviewpage .pages {
	clear:both;
	height:25px;
	margin-left:130px;
	padding:10px 0;
}

#interviewpage .pages h3 {
	float:left;
	margin:0 5px;
	padding:4px;
	color:#333333;
	font-weight:bold;
}
#interviewpage .pages li {
	float:left;
	margin:0 2px;
	padding:3px 6px;
	border:1px solid #cccccc;
}
#interviewpage .pages li.on {
	color:#FFFFFF;
	background-color:#E14A07;
}

#interviewpage #rightbody {
	float:right;
	width:240px;
	padding:20px 0;
}

#interviewpage .photobox {
	margin:0 0 30px 0;
	padding:8px;
	line-height:1.2;
	font-size:10pt;
	background-color:#ffffff;
	border:1px solid #cccccc;
}

#interviewpage .photobox strong {
	font-weight:bold;
	margin-right:5px;
}

/*

#interview h2 {
	margin-bottom:5px;
}

#interview #head {
	height:195px;
	background:url(img/interview_bg.jpg) left top no-repeat;
}

#interview #head h3 {
	margin:0 190px 10px 95px;
	padding:20px 5px 5px 5px;
	border-bottom:1px dotted #444444;
}

#interview #head p {
	margin:10px 190px 0 95px;
	padding:5px;
	color:#f0f0f0;
}

#interview .leftbody {
	width:580px;
}

#interview .rightbody {
	width:170px;
}

#interview .rightbody img {
	display:block;
	margin-bottom:30px;
}

#interview h4 {
	margin:0;
	padding:10px;
	color:#E85D00;
	font-size:103%;
	font-weight:bold;
	background-image:url(img/naname.gif);
	border-left:5px solid #E14A07;
}

#interview p {
	margin-left:10px;
}

#interview .link {
	clear:both;
	margin:10px 0;
	padding:0;
	text-align:right;
}

#interview .footlink {
	clear:both;
	margin:0;
	padding:20px 0;
	text-align:center;
	border-top:1px dotted #E14A07;
}

*/



/* お問い合わせ(contact.php) ------------------------------------ */

#contactpage {
}

#contactpage #sitetail h1 {
	width:461px;
	height:37px;
	background:url(img/tail_contact.gif) left top no-repeat;
}


#contactpage p.catch {
	padding:15px;
	line-height:1.5;
}
#contactpage p.catch span { color:#bb0000; }

#contactpage p.errors {
	padding:15px;
	color:#bb0000;
	font-weight:bold;
	line-height:1.5;
}

#contactpage table {
	table-layout:fixed;
	margin:0 15px 15px 15px;
	border:1px;
	border-collapse:collapse;
	border-spacing:1px;
	line-height:1.5;
}
#contactpage table th{
	background-color:#f8f3e2;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	padding:10px;
}
#contactpage table th span {
	color:#bb0000;
}
#contactpage table td {
	background-color:#faf8f3;
	border-bottom:1px solid #FFF;
	padding:10px;
	width:500px;
}

#contactpage .inp_company{ width:300px; }
#contactpage .inp_section{ width:300px; }
#contactpage .inp_namae  { width:150px; }
#contactpage .inp_email  { width:150px; }
#contactpage .inp_tel    { width:50px; }
#contactpage .inp_desc   { width:300px; height:100px; }

#contactpage .btn {
	padding:15px 0;
	text-align:center;
}

#contactpage .thanks {
	padding:50px;
	text-align:center;
	line-height:1.5;
}

#contactpage .thanks h2 {
	margin:50px 0;
}