﻿@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*	font-size: 100%;*/
	font-size: 11px;
	background-color: #FFFFFF;
/*
	background-image: url(../img/base/base.jpg);
	background-repeat: repeat;
*/
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #3a9c58;
}
a:active {
	color: #FF6666;
}

li { list-style-type: none; }

img { border: 0; }

.clear {
	clear: both;
	display: hidden;
	font-size: 0;
	line-height: 0;
}

.pk-list {
	text-align: left;
	padding-left: 40px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding-top:12px;	
}


/* コンテナ
----------------------------------- */
div#container {
	margin: 0 auto;
	width: 910px;
	text-align: center;
/*	border: 1px solid #ccc;*/
}

div#container_inner {
	margin: 0 auto;
	width: 908px;
	text-align: left;
/*	border: 1px solid #ddd;*/
}


/* メニュー
----------------------------------- */
div#header {
	height: 71px;
	width: 900px;
}

div#head_menu li {
	float: left;
	margin: 13px 0 0 5px;
}

div#header h1 {
	float: left;
	margin: 13px 0 0 5px;
}

div#head_menu {
	float: right;
}

div#head_menu ul {
	margin-top: 40px;
}

div#head_menu li {
	margin-left: 7px;
}

div#head_menu li a {
	color: #786c55;
	text-decoration: none;
}

div#head_menu li a:hover {
	color: #3a9c58;
	text-decoration: none;
}

div#flash {
	clear: both;
	background-image: url('img/contents/flash_bg.jpg');
	background-repeat: no-repeat;
	width: 908px;
	height: 336px;
}

/*div#flash img {
	margin: 4px 0 0 4px;
}*/

div#swf_obj {
	padding-top: 5px;
	padding-left: 5px;
}

div#menuSet {
	margin-top: 8px;
}

#menuSet ul {
	margin:0;
	padding:0;
	list-style: none;
	height: 40px;
	width: 906px;
}
#menuSet li {
	margin:0;
	padding:0;
/*	width: 145px;*/
	height: 40px;
	text-indent: -9999px;
	float: left;
}
#menuSet li a {
	text-decoration: none;
	display: block;
/*	width: 145px;*/
	height: 40px;
	float: left;
}
#menuSet li#m01 {
	background: url(../img/contents/menu.jpg) no-repeat 0 0;
	width: 114px;
}
#menuSet li#m01 a {
	width: 114px;
}
#menuSet li#m01 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat 0 -40px;
	width: 114px;
}
#menuSet li#m01now {
	background: url(../img/contents/menu.jpg) no-repeat 0 -40px;
	width: 114px;
}
#menuSet li#m02 {
	background: url(../img/contents/menu.jpg) no-repeat -114px 0;
	width: 89px;
}
#menuSet li#m02 a {
	width: 89px;
}
#menuSet li#m02 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat -114px -40px;
	width: 89px;
}
#menuSet li#m02now {
	background: url(../img/contents/menu.jpg) no-repeat -114px -40px;
	width: 89px;
}
#menuSet li#m03 {
	background: url(../img/contents/menu.jpg) no-repeat -203px 0;
	width: 100px;
}
#menuSet li#m03 a {
	width: 100px;
}
#menuSet li#m03 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat -203px -40px;
	width: 100px;
}
#menuSet li#m03now {
	background: url(../img/contents/menu.jpg) no-repeat -203px -40px;
	width: 100px;
}
#menuSet li#m04 {
	background: url(../img/contents/menu.jpg) no-repeat -303px 0;
	width: 87px;
}
#menuSet li#m04 a {
	width: 87px;
}
#menuSet li#m04 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat -303px -40px;
	width: 87px;
}
#menuSet li#m04now {
	background: url(../img/contents/menu.jpg) no-repeat -303px -40px;
	width: 87px;
}
#menuSet li#m05 {
	background: url(../img/contents/menu.jpg) no-repeat -390px 0;
	width: 120px;
}
#menuSet li#m05 a {
	width: 120px;
}
#menuSet li#m05 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat -390px -40px;
	width: 120px;
}
#menuSet li#m05now {
	background: url(../img/contents/menu.jpg) no-repeat -390px -40px;
	width: 120px;
}
#menuSet li#m06 {
	background: url(../img/contents/menu.jpg) no-repeat -510px 0;
	width: 145px;
}
#menuSet li#m06 a {
	width: 145px;
}
#menuSet li#m06 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat -510px -40px;
	width: 145px;
}
#menuSet li#m06now {
	background: url(../img/contents/menu.jpg) no-repeat -510px -40px;
	width: 145px;
}
#menuSet li#m07 {
	background: url(../img/contents/menu.jpg) no-repeat -655px 0;
	width: 139px;
}
#menuSet li#m07 a {
	width: 139px;
}
#menuSet li#m07 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat -655px -40px;
	width: 139px;
}
#menuSet li#m07now {
	background: url(../img/contents/menu.jpg) no-repeat -655px -40px;
	width: 139px;
}
#menuSet li#m08 {
	background: url(../img/contents/menu.jpg) no-repeat -794px 0;
	width: 112px;
}
#menuSet li#m08 a {
	width: 112px;
}
#menuSet li#m08 a:hover {
	background: url(../img/contents/menu.jpg) no-repeat -794px -40px;
	width: 112px;
}
#menuSet li#m08now {
	background: url(../img/contents/menu.jpg) no-repeat -794px -40px;
	width: 112px;
}


/* メインコンテンツ
----------------------------------- */
div#main_contents {
	margin-top: 16px;
}

div#main_contents_left {
	float: left;
	width: 905px;
}

div#main_left {
	float: left;
	width: 200px;
	background-color: #f9f9f9;
	text-align: right;
	padding: 10px 7px 12px 0;
/*	border: 1px solid #ccc;*/
}

div#main_center {
	float: right;
	width: 670px;
	margin-left: 13px;
	padding-top: 10px;
}
/*
div#main_right {
	float: left;
	width: 240px;
	margin-left: 10px;
	text-align: left;
	padding: 10px 7px 12px 0;
	background-color: #f9f9f9;
/*	border: 1px solid #ccc;*/
/*}*/

/**** left詳細 ****/
div#main_left h3. div#main_center h2 {
	margin-top: 10px;
}

div.head_txt {
	text-align: left;
	line-height: 1px;
	margin-left: 7px;
}

div.head_txt h2, div.head_txt h3{
	font-size: 1px;
}

div.head_txt h2 img, div.head_txt h3 img{
	padding-top: 5px;
}

div#main_left h3.info_h {
	margin-top: 10px;
}

div.head_txt p {
	margin: -11px 10px 0 0;
	text-align: right;
}

div.head_txt p a {
	color: #6e6e6e;
}

div.head_txt p a:hover {
	color: #3a9c58;
}

div#main_left ul.inq_list, div#main_left ul.info_link, div#main_left ul.com_link {
	text-align: left;
}

div#main_left li.doc_req {
	margin-top: 19px;
}


div#main_left li.bnr_othr {
	margin-top: 8px;
}

div#main_left li.doc_req a, div#main_left li.bnr_othr a,
div#main_left li.doc_req a:hover, div#main_left li.bnr_othr a:hover {
	display: block;
	background-repeat: no-repeat;
	width: 164;
	height: 43px;
	margin-left: 25px;
	text-indent: -9999px;
}

div#main_left li.doc_req a { background-image: url('img/banner/dpc_req_off.jpg'); }
div#main_left li.bnr_othr a {	background-image: url('img/banner/site_recruitment_off.jpg'); }

div#main_left li.doc_req a:hover { background-image: url('img/banner/dpc_req.jpg'); }
div#main_left li.bnr_othr a:hover {	background-image: url('img/banner/site_recruitment.jpg'); }


div#main_left li.rec01_link a { background-image: url(../img/company/company_info2_off.jpg);}
div#main_left li.rec02_link a { background-image: url(../img/company/principles.jpg);}
div#main_left li.rec03_link a { background-image: url(../img/company/history.jpg);}
div#main_left li.rec04_link a { background-image: url(../img/company/kyoten.jpg);}
div#main_left li.rec05_link a { background-image: url(../img/company/group.jpg);}
div#main_left li.rec06_link a { background-image: url(../img/company/company_top.jpg);}


div#main_left li.rec01_link a:hover { background-image: url(../img/company/company_info2.jpg);}
div#main_left li.rec02_link a:hover { background-image: url(../img/company/principles_on.jpg);}
div#main_left li.rec03_link a:hover { background-image: url(../img/company/history_on.jpg);}
div#main_left li.rec04_link a:hover { background-image: url(../img/company/kyoten_on.jpg);}
div#main_left li.rec05_link a:hover { background-image: url(../img/company/group_on.jpg);}
div#main_left li.rec06_link a:hover { background-image: url(../img/company/company_top_on.jpg);}


div#main_left li.rec01_link a,div#main_left li.rec02_link a, div#main_left li.rec03_link a,
div#main_left li.rec04_link a,div#main_left li.rec05_link a, div#main_left li.rec06_link a,
div#main_left li.rec01_link a:hover,div#main_left li.rec02_link a:hover,div#main_left li.rec03_link a:hover,
div#main_left li.rec04_link a:hover,div#main_left li.rec05_link a:hover,div#main_left li.rec06_link a:hover
{
	display: block;
	width: 164px;
	height: 43px;
	margin: 8px 0 0 25px;
/*	text-align: right;*/
	background-repeat: no-repeat;
	text-indent: -9999px;
}


/**** center詳細 ****/
div.new_article {
/*	margin-top: 19px;*/
	margin-top: 20px;
}

div.new_article img.article_line {
	line-height:1px;
}

div.article_img_box {
	float: left;
}

div.article_img {
	width: 144px;
	text-align: center;
	margin-left: 22px;
	padding: 6px;
	background-color: #dcdcdc;
}

div.article_img img {
	border: 1px solid #fff;
}

div.article_detail {
	float: left;
	margin-left: 20px;
	width: 230px;
}

div.article_detail h4 {
	font-size: 12px;
	border-bottom: 1px solid #333;
	line-height: 1.4em;
}

div.article_detail h4 span {
	font-size: 10px;
	font-weight: normal;
	margin-left: 10px;
}

div.article_detail p.outline {
	margin-top: 10px;
	letter-spacing: 0.1em;
	color: #545454;
}

div.article_detail img {
	margin-top: 10px;
}

div.article_detail p.details {
	margin-top: 5px;
	color: #545454;
}

/*2008．10.13追加*/
.BoxSet01{
	clear: both;
	text-align: left;
	width: 600px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 20px;
	height: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*2008．10.13追加*/
.tBox{
/*	padding-left: 10px; */
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

.textBox00{
	float: left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	width: 620px;
	margin-left: 20px;
	background:#efefef;
	padding:0 5px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 5px;
	margin-bottom:5px;
	margin-top:10px;
	height:160px
}

.textBox{
	float: left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	width: 620px;
	margin-left: 10px;
	background:#CCFFCC;
	padding:0 5px;
	padding: 5px;
	margin-bottom:3px;
	margin-top:3px;
}

.textBox2{
	float: left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	width: 620px;
	margin-left: 10px;
	background:white;
	padding:0 5px;
	padding: 5px;
	margin-bottom:3px;
	margin-top:3px;
}


.article_detail01 {
	float: left;
	padding-right:5px;
	text-align:center;
	background-color:white;
	width:100px;

}

.article_detail02 {
	float: left;
	margin-left:5px;
	margin-bottom:5px;
	padding-left:10px;
	background-color:white;
	width:500px;

}

.article_detail03 {
	float: left;
	padding-left:5px;
	margin-bottom:5px;
	text-align:left;
	background-color:white;
	width:610px;

}

.article_detail04 {
	float: left;
	padding-left:5px;
	text-align:left;
	background-color:white;
	width:120px;

}


/* フッター
----------------------------------- */
div#footer {
	clear: both;
	margin-top: 45px;
	text-align: center;
}

div#footer_menu a {
	text-decoration: none;
	color: #786c55;
}

div#footer_menu a:hover {
	text-decoration: none;
	color: #3a9c58;
}

div#footer img {
	margin-top: 18px;
}

div#footer p {
	margin: 12px 0 8px;
}
