@charset "utf-8";

/* formatting style
---------------------------*/

body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #555555;
	background-color: #006600;
	background-image: url(../images/body_bg_2010.gif);
	background-repeat: repeat-y;
	background-position: center;
}

hr {
	display: none;
}

.clear {
	clear: both;
}

/* テキストそろえ
---------------------------*/

.txtcenter{ text-align:center;}

.txtright{ text-align:right;}

.txtleft{ text-align:left;}

.txt_box {
	padding-bottom: 5px;
}

.txt_box02 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
}


.box_w275 {
	width: 275px;
	padding-left: 15px;
}

.box_w640 {
	width: 630px;
	padding-left: 40px;
}

/* #news_box
---------------------------*/

.news_box {
	width: 620px;
	border: 1px solid #CCCCCC;
	padding-left: 20px;
	padding-bottom: 5px;
}

.news_box_all {
	width: 620px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.n_box {
	width: 605px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999999;
	padding-top: 8px;
}

.n_box_img {
	float: left;
	width: 68px;
	margin-right: 15px;
}

.n_box_txt {
	float: right;
	width: 520px;
}

.n_box_btn {
	width: 605px;
	padding-top: 5px;
	text-align: right;
}

/* 文字おおきさ
---------------------------*/
.xs{ font-size:12px; line-height:160%;}
.s{ font-size:small;}
.m{ font-size:medium;}
.txt_b{
	font-weight: bold;
}

/* h
---------------------------*/

#container h2 {
	font-size: 14px;
	color: #333333;
	margin-bottom: 2px;
	font-weight: bold;
}

#container h3 {
	font-size: 14px;
	color: #333333;
	margin-bottom: 2px;
	font-weight: bold;
}
#container h4 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}


/* link style
---------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #FF6600;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}
a:active {
	color: #FF6600;
	text-decoration: none;
}

/* marker
---------------------------*/

.marker01{
	color:#990000;
}

.marker02{
	color:#006600;
}

.marker03{
	color:#FF6600;
}

.marker04{
	color:#FF0000;
}

/* container
---------------------------*/

#container {
	background-color: #FFFFFF;
	margin: 0px auto;
	width: 1000px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}

/* header
---------------------------*/

#header {
	height: 118px;
}
#header_a_b {
	clear: both;
	height: 50px;
}

#header_a {
	height: 50px;
	width: 875px;
	float: left;
	background-image: url(../images/hd/hd_a_bg.gif);
	background-repeat: no-repeat;
}
#header_a ul li {
	float: left;
	list-style: none;
	left: 25px;
	top: 9px;
	position: relative;
}
#header_b {
	height: 50px;
	width: 125px;
	float: right;
}
#header_b ul li {
	float: left;
	position: relative;
	list-style: none;
	top: 17px;
}

#header_c_d_e {
	clear: both;
	height: 68px;
	width: 1000px;
}

#header_c {
	float: left;
	height: 68px;
	width: 260px;
}

#header_c h1 {
	padding-left: 80px;
	padding-top: 2px;
}
#header_d {
	height: 30px;
	width: 740px;
	float: right;
}
#header_d p {
	padding-top: 6px;
}

#header_e {
	float: right;
	height: 38px;
	width: 740px;
}
#header_e ul li {
	float: left;
	list-style: none;
}

/* g_navi
---------------------------*/

#g_navi {
	background-image: url(../images/gnavi/gn_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 310px;

}
#g_navi ul li {
	float: left;
	list-style: none;
	display: inline;
}


/* top_main (HOME)
---------------------------*/

#top_main_left {
	width: 680px;
	clear: both;
	float: left;
}

#top_main_right {
	width: 310px;
	float: right;
}

#top_main_right h2 {
	font-size: 14px;
	color: #333333;
	margin-bottom: 2px;
	font-weight: bold;
}

/* main
---------------------------*/

#main {
	clear: both;
	margin-top: 15px;
}
#main_bottom {
	clear: both;
	height: 10px;
}

#main #title_img {
	margin-top: 30px;
	clear: right;
}

#main p {
	margin-bottom: 5px;
}

/* #main .mv
---------------------------*/

#main .mv_title{
	width: 275px;
}

#main .mv_title #mv_l{
	width: 188px;
	padding: 0px 0px 5px 0px;
}

#main .mv_title #mv_r{
	width: 55px;
	padding: 0px 0px 0px 0px;
}

#main .mv_title .mv_bg{
	width: 275px;
	background-color:#F1EFE2;
	margin: 5px 0px 5px 0px;
}

#main .mv_title .movie{
	padding: 10px 0px 10px 23px;
}

/* .btn
---------------------------*/

.full_btn{
	text-align:center;
	padding:5px 0px 0px 0px;
}

.btn_btm{
	padding-bottom:5px;
	background-color:#cccccc;
}
.contact_btn {
	text-align: center;
	clear: both;
	height: 52px;
	padding-top: 10px;
}


/* #ec_main
---------------------------*/

#ec_main {
	clear: both;
	width: 1000px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#ec_main #ec_main_left {
	padding-left: 75px;
	float: left;
	width: 400px;
}

#ec_main #ec_main_right {
	float: right;
	width: 460px;
	padding-right: 20px;
}

/* footer
---------------------------*/

#footer {
	color: #FFFFFF;
	background-color: #333333;
	clear: both;
	padding-top: 9px;
	padding-left: 14px;
	height: 50px;
}
#footer ul li {
	list-style: none;
	display: inline;
}

/* pankuzu
---------------------------*/

#pankuzu {
	background-image: url(../images/pankuzu_bg.gif);
	height: 26px;
	background-repeat: no-repeat;
	clear: both;
	font-size: x-small;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 25px;
}

#pankuzu a{color: #FFFFFF;text-decoration: none;}
#pankuzu a:link{color: #FFFFFF;text-decoration: none;}
#pankuzu a:visited{color: #FFFFFF; text-decoration: none;}
#pankuzu a:active{color: #FFFFFF;text-decoration: none;}
#pankuzu a:hover{color: #FFFFFF;text-decoration: underline;}

/* onecolumn 1段組コンテンツ
---------------------------*/

#onecolumn{
	width:780px;
	position: relative;
	min-height:500px;
	_height:500px;
	padding: 0px 0px 30px 75px;
}

#onecolumn_02{
	width:820px;
	position: relative;
	min-height:500px;
	_height:500px;
	padding: 0px 0px 30px 75px;
}

#onecolumn img{
	vertical-align:top;
}
#onecolumn .inner{
	padding: 31px 20px 0px 26px;
}
#onecolumn h2 {
	padding-bottom: 15px;
}

/* 1段組コンテンツ内の見出し、本文の余白の設定
---------------------------*/

#onecolumn h3{
	padding: 15px 0px 5px;
	font-size:14px;
	font-weight: bold;
}

#onecolumn h4{
	padding: 5px 0px 15px 0px;
	font-size:medium;
}

#onecolumn h5{
	border-top: 8px solid #DFDBD1;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
}
#onecolumn h6{
	padding: 0px 0px 10px 0px;
}

#onecolumn p{
	padding: 5px 0px 10px 0px;
}


/* recruit
---------------------------*/

#onecolumn .recruit{
	padding: 31px 20px 0px 26px;
}

#onecolumn .recruit table{
	width:100%;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}
#onecolumn .recruit th , #onecolumn .recruit td{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 5px 5px 5px 5px;
}

#onecolumn .recruit th{
	width:250px;
	background-color:#E6E6E6;
	font-weight:normal;
	text-align:left;
	vertical-align:top;

}
#onecolumn .recruit td{
	background-color:#FFFFFF;
	width: 250px;
}

#onecolumn .recruit table .title{
	background-color:#CCCCCC;
}

/* contact
---------------------------*/

#onecolumn .contact{
	padding: 31px 20px 0px 26px;
}

#onecolumn .contact table{
	width:100%;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}
#onecolumn .contact th , #onecolumn .contact td{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 5px 5px 5px 5px;
}

#onecolumn .contact th{
	width:230px;
	background-color:#E6E6E6;
	font-weight:normal;
	text-align:left;
	vertical-align:top;

}
#onecolumn .contact td{
	background-color:#FFFFFF;
}

#onecolumn .contact table .title{
	background-color:#CCCCCC;
}

#onecolumn .contact table .button{
	background-color:#E4E0C8;
	padding: 10px 5px 10px 20px;
}
#onecolumn .contact .contactend{
	width:400px;
	margin: 0px auto 0px auto;
	padding: 15px 15px 15px 15px;
	border:1px solid #666666;
	background-color:#E4E0C8;
}
#onecolumn .contact .contactend ul{
	margin: 10px 0px 20px 80px;
}
#onecolumn .contact .contactend li{
	list-style-type: disc;
	color:#CC0000;
}
#onecolumn .contact ul{
	margin: 10px 0px 20px 0px;
}
#onecolumn .contact li{
	padding: 0px 0px 0px 15px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
#onecolumn .contactlist{
	position:relative;/*リストスタイルIE6.0バグ対応*/
}

/* company
---------------------------*/

#onecolumn .company{
	padding: 31px 20px 0px 26px;
}

#onecolumn .company table{
	width:100%;
	margin-top: 25px;
}

#onecolumn .company #company_table .odd {
	background-color: #F8F7F1;
}

#onecolumn .company th , #onecolumn .company td{
	padding: 5px 5px 5px 5px;
}

#onecolumn .company th{
	width:100px;
	background-color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	color: #666666;
}

#onecolumn .company td{
	background-color:#FFFFFF;
}


#onecolumn .company table .title{
	background-color:#CCCCCC;
}

#onecolumn .company table .button{
	background-color:#E4E0C8;
	padding: 10px 5px 10px 20px;
}

#onecolumn .company .contactend{
	width:400px;
	margin: 0px auto 0px auto;
	padding: 15px 15px 15px 15px;
	border:1px solid #666666;
	background-color:#E4E0C8;
}

#onecolumn .company .contactend ul{
	margin: 10px 0px 20px 80px;
}

#onecolumn .company .contactend li{
	list-style-type: disc;
	color:#CC0000;
}

#onecolumn .company ul{
	margin: 10px 0px 20px 0px;
}

#onecolumn .company li{
	padding: 0px 0px 0px 15px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#onecolumn .companylist{
	position:relative;/*リストスタイルIE6.0バグ対応*/
}


#onecolumn_02 .company{
	padding: 31px 20px 0px 26px;
}

#onecolumn_02 .company table{
	width:100%;
	margin-top: 25px;
}

#onecolumn_02 .company #company_table .odd {
	background-color: #F8F7F1;
}

#onecolumn_02 .company th , #onecolumn .company td{
	padding: 5px 5px 5px 5px;
}

#onecolumn_02 .company th{
	width:100px;
	background-color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	color: #666666;
}

#onecolumn_02 .company td{
	background-color:#FFFFFF;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 10px;
}


#onecolumn_02 .company table .title{
	background-color:#CCCCCC;
}

#onecolumn_02 .company table .button{
	background-color:#E4E0C8;
	padding: 10px 5px 10px 20px;
}

#onecolumn_02 .company .contactend{
	width:400px;
	margin: 0px auto 0px auto;
	padding: 15px 15px 15px 15px;
	border:1px solid #666666;
	background-color:#E4E0C8;
}

#onecolumn_02 .company .contactend ul{
	margin: 10px 0px 20px 80px;
}

#onecolumn_02 .company .contactend li{
	list-style-type: disc;
	color:#CC0000;
}

#onecolumn_02 .company ul{
	margin: 10px 0px 20px 0px;
}

#onecolumn_02 .company li{
	padding: 0px 0px 0px 15px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#onecolumn_02 .companylist{
	position:relative;/*リストスタイルIE6.0バグ対応*/
}


.enkaku_box_00{
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 26px;
}
	
.enkaku_box_01 {
	width: 734px;
	margin-bottom: 5px;
}

.enkaku_box_02 {
	width : 160px;
	color: #006600;
	background-color: #F8F7F1;
	border: 1px solid #CCCCCC;
	float:left;
	padding-left: 30px;
	height: 26px;
}
	
/* onecolumn_2
---------------------------*/
	
#onecolumn_2 {
	width: 800px;
	margin-left: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#onecolumn_2 .box_1 {
	width: 800px;
	border-top: 1px dotted #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
}

#onecolumn_2 dt {
	color: #333333;
	padding-top: 10px;
}

#onecolumn_2 .comment {
	font-weight: bold;
	color: #333333;
}


#onecolumn_2 .box_1 .box_1_1 {
	width: 250px;
	float: left;
	padding-top: 15px;
}

.box_1_1 p a{color: #555555;text-decoration: none;}
.box_1_1 p a:link{color: #555555;text-decoration: underline;}
.box_1_1 p a:visited{color: #555555; text-decoration: underlinee;}
.box_1_1 p a:active{color: #FF6600;text-decoration: none;}
.box_1_1 p a:hover{color: #FF6600;text-decoration: none;}

#onecolumn_2 .box_1 .box_1_2 {
	float: right;
	width: 550px;
}
#onecolumn_2 .box_1 .box_1_2 h4 {
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: 3px;
}






/* detail
---------------------------*/

.detail_detail_01 {
	width: 160px;
	float: left;
	padding-left: 30px;
	color: #006600;
	background-color: #F8F7F1;
	border: 1px solid #CCCCCC;
	height: 26px;
}

.detail_detail_01_b {
	width: 160px;
	float: left;
	padding-left: 30px;
	color: #006600;
	background-color: #F8F7F1;
	border: 1px solid #CCCCCC;
	height: 22px;
	padding-top: 4px;
}

.detail_detail2{
	width : 180px;
	color:#555555;
	background-color:#F8F7F1;
	float:left;
	padding-right: 10px;
}

.detail_detail2 ul{
    width : 170px;
    padding:5px;
    margin:0px 10px 0px 0px;
    _margin:0px 0px 0px 0px;
    font-size:12px;
    text-align:left;
    border:1px solid #cccccc;
}

.detail_detail2 li{
    list-style:none;
    padding:0px 10px 3px 10px;
    margin:0px 0px 0px 0px;
    line-height:130%;
    border-bottom:1px solid #cccccc;
}

.detail_detail2 li.tab{
    list-style:none;
    border:none;
    color:#006600;
    padding:3px 10px 0px 10px;
    margin:0px 0px 0px 0px;
}

.detail_company{
	width : 525px;
	color:#555555;
	float:right;
	border-top:1px dotted #cccccc;
	padding-top: 6px;
	padding-left: 10px;
}

.detail_company ul{
	list-style:none;
	font-size:12px;
	text-align:left;
}

.detail_company li{
    list-style:none;
    margin:0px;
    line-height:1.3em;
}

.detail_dcompany li{
    list-style:none;
    margin:0px;
    line-height:130%;
    border-bottom:1px solid #cccccc;
}


/* web
---------------------------*/

.web_box_01 {
	width: 925px;
	padding-left: 75px;
	padding-top: 20px;
}

.web_box_02 {
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
	width: 905px;
	padding-bottom: 15px;
}

.web_box_03_all {
	margin-top: 15px;
}

.web_box_03 {
	width: 181px;
	float: left;
	text-align: center;
}

.web_box_03 img {
	margin-bottom: 3px;
}


/* -----------------------------------------------------------------
   margin
----------------------------------------------------------------- */

.mar_t5{
	margin: 5px 0px 0px 0px;
}

.mar_t10{
	margin: 10px 0px 0px 0px;
}

.mar_t15{
	margin: 15px 0px 0px 0px;
}

.mar_t20{
	margin: 20px 0px 0px 0px;
}


.mar_r5{
	margin: 0px 5px 0px 0px;
}

.mar_r10{
	margin: 0px 10px 0px 0px;
}

.mar_r15{
	margin: 0px 15px 0px 0px;
}

.mar_r20{
	margin: 0px 20px 0px 0px;
}


.mar_u2{
	margin: 0px 0px 2px 0px;
}

.mar_u3{
	margin: 0px 0px 3px 0px;
}

.mar_u5{
	margin: 0px 0px 5px 0px;
}

.mar_u10{
	margin: 0px 0px 10px 0px;
}

.mar_u15{
	margin: 0px 0px 15px 0px;
}

.mar_u20{
	margin: 0px 0px 20px 0px;
}


.mar_tu5{
	margin: 5px 0px 5px 0px;
}

.mar_tu10{
	margin: 10px 0px 10px 0px;
}

.mar_l5{
	margin: 0px 0px 0px 5px;
}

.mar_l10{
	margin: 0px 0px 0px 10px;
}

.mar_l15{
	margin: 0px 0px 0px 15px;
}

.mar_l20{
	margin: 0px 0px 0px 20px;
}