@charset "UTF-8";



body {

width: 100% ;

background : #F8F8EF ;

margin : 0 ; padding: 0 ; font-size : 12px ;

font-family : "ＭＳ Ｐゴシック", arial narrow, sans-serif ;

color : #403E31 ; line-height : 1.6 ;

}



a:link { color : #403E31 ; text-decoration : underline ; }
a:visited { color : #403E31 ; text-decoration : underline ; }
a:hover { color : #7B785E ; text-decoration : none ; }
a:focus{ outline: none ; }



h1,h2,h3,h5,h6 {
margin : 0px ; padding : 0px ;
font-size : 100% ; color : #403E31 ;
}
h4 {
margin : 0px ; padding : 0px ;
font-size : 100% ; color : #24231C ;
}



img {

margin: 0 ; padding: 0 ;

border : none ; vertical-align: bottom ;

}



p {

margin : 0 ; padding : 0 0 1em 0 ;

text-align: justify ; text-justify: inter-ideograph ;

}



sub, sup { vertical-align: baseline ; }

sup { position: relative ; top: -2px ; }

sub { position: relative ; top: 2px ; }



ol,ul { margin : 0 ; padding : 0 0 1em 0 ; }

ol li { margin : 1px 0 1px 2em ; padding : 0 ; }

ul li { margin : 1px 0 1px 1.4em ; padding : 0 ; }

li { text-align: justify ; text-justify: inter-ideograph ; }

li ol { margin : 0 ; padding : 0 ; }

li ul { margin : 0 ; padding : 0 ; }

td ol { margin : 0 ; padding : 0 ; }

td ul { margin : 0 ; padding : 0 ; }



td {

line-height : 1.6 ; text-align: justify ; text-justify: inter-ideograph ;

font-size : 12px ;

}

td p { margin : 0.5em 0 ; padding : 0 ; }

th {

line-height : 1.6 ; text-align: left ;

font-size : 12px ; font-weight: normal ; font-family: monospace ;

white-space: nowrap ;

}

em { font-weight : bold ; font-style : normal ; }

strong { font-size : 14px ; font-weight : bold ; }

big { font-size:18px ; font-weight : bold ; }

small { font-size:10px ; font-weight : normal ; line-height : 1.3 ; }



ruby { line-height : 1 ; }



dl { margin : 0 ; padding : 0 0 0.5em 0 ; }

dt {

font-size : 12px ; font-weight : bold ;

margin : 0 ; padding : 0 ;

color : #403E31 ;

}

dd { margin : 0 ; padding : 0 0 0.5em 0 ; }

dd ol { padding : 0 ; }

dd ul { padding : 0 ; }



form { margin : 0 ; padding: 0 ; }

select,input,textarea,option { font-size : 12px ; }

form .txt_c input { vertical-align: top ; }



hr {
clear: both ; background: #EEEEDF ; color: #EEEEDF ;
border-top: 0px none #EEEEDF ;
border-right: 0px none #EEEEDF ;
border-left: 0px none #EEEEDF ;
border-bottom: 1px solid #B7B78E ;
}



address {

font-style: normal ;

}









/*メイン*/


/* ↓081204sep追加↓ */
.info081204 {
	margin-right: 20px;
}
/* ↑081204sep追加↑ */


#mainbox {

width: 900px ;

margin : 0 auto ; padding: 0 0 60px 0 ;

clear: both;

}

#main_left {

float: left ;

width: 200px ;

margin : 0 ; padding: 15px 0 0 0 ;

}

#main_right {

float: right ;

width: 680px ;

margin : 0 ; padding: 15px 0 0 0 ;

}




/*インデックス*/

#index_main {

width: 900px ;

margin : 0 auto 20px auto ; padding: 10px 0 0 0 ; ;

}

#index_main #index_fair {

background: #000000 ;

width: 900px ; height: 40px ;

margin : 0 ; padding: 10px 0 ;

}

#index_main #index_fair h2 {

float: left ; height: 40px ;

margin : 0 ; padding: 0 0 0 10px ;

}

#index_main #index_fair ul {

float: left ; height: 40px ;

margin : 0 ; padding: 0 ;

}

#index_main #index_fair ul li {

float: left ; height: 40px ;

margin : 0 ; padding: 0 10px 0 0 ;

list-style: none ;

}



#index_news {

float: left ;

width: 600px ;

margin : 0 ; padding: 0 ;

}

#index_news .news_list {

width: 570px ;

margin : 10px 0 0 0 ; padding: 0 ;

}

#index_news .news_list th {

text-align: left ;

vertical-align: top;

margin : 0 ; padding: 0 0 10px 0 ;

}

#index_news .news_list td {

vertical-align: top;

margin : 0 ; padding: 0 0 10px 0 ;

}

#index_news .news_list .inb1 {

background : url(/img/in_bg1.gif) left bottom no-repeat ;

padding: 0 0 20px 0 ;

}

#index_news .news_list .inb2 {

background : url(/img/in_bg2.gif) left bottom repeat-x ;

padding: 0 0 20px 0 ;

}

#index_news .news_list .inb3 {

background : url(/img/in_bg3.gif) left bottom repeat-x ;

padding: 0 0 20px 0 ;

}





#index_contents {

float: right ;

width: 280px ;

margin : 0 ; padding: 0 ;

}

#index_contents .conbox {

width: 250px ;

margin : 0 ; padding: 8px 0 0 0 ;

font-size: 10px ;

}

#index_contents .conbox ul {

float: right ;

width: 140px ;

margin : 0 ; padding: 0 ;

}

#index_contents .conbox li {

margin : 0 0 5px 0 ; padding: 0 ;

list-style: none ; line-height: 1.1 ;

}

#index_contents .conbox .ph { float: left ; width: 100px ; }

#index_contents a { text-decoration : none ; }



.index_readbox1 {
background: #EEEEDF ;
width: 570px ;
margin : 0 ; padding: 15px 15px 5px 15px ;
}

.index_readbox2 {
background: #EEEEDF ;
width: 250px ;
margin : 0 0 10px 0 ; padding: 15px ;
}
/*ポップアップ*/



#popup {

width: 100% ;

margin : 0 ; padding: 0 ;

}

#popup #popup_head {}

#popup #popup_readbox {
background: #EEEEDF ;
width: 470px ;
margin : 0 auto 20px auto ; padding: 14px ;
border: 1px solid #B7B78E ;
}

#popup h1 {
margin : 0 0 10px 0 ; padding: 10px 20px ;
color : #403E31 ; line-height: 1.6 ;

font-size: 10px ; font-weight: normal;

}

#popup h2 {}

#popup h3 { margin : 0 0 10px 0 ; padding: 0 ; }

#popup address {
background: #293D0C ;
margin : 0 ; padding: 10px 20px ;
color : #EEEEDF ; font-size: 10px ; line-height: 2 ; text-align: right ;

}

#popup .print {

margin : 0 0 20px 0 ; padding: 0 20px ;

}









/*構成*/



.plink { margin : 0 ; padding: 0 0 10px 0 ; }

.tlink { margin : 0 ; padding: 15px 0 0 0 ; text-align: right ; }

.indent { margin : 0 ; padding: 0 0 0 15px ; }

.indent2 { padding-left: 1em ; text-indent: -1em ; }

.resp { margin : 0 ; padding: 0 ; }

h3 { margin : 0 0 15px 0 ; padding: 0 ; }

.readbox h4 { margin : 0 0 5px 0 ; padding: 0 ; }

.print { margin : 0 0 15px 0 ; padding: 0 ; text-align: right ; }



.linkp { background : url(/img/lp.gif) left center no-repeat ; padding: 0 0 0 10px ; }



.boxborder {

background : url(/img/bb_bg.gif) left bottom repeat-x ;

padding-bottom: 20px ;

}



.readbox {
background: #EEEEDF ;
width: 650px ;
margin : 0 ; padding: 14px ;
border: 1px solid #B7B78E ;
}



.leftbox {
background: #EEEEDF ;
width: 180px ;
margin : 15px 0 0 0 ; padding: 0 9px ;
border: 1px solid #B7B78E ;
}

.leftbox ul { margin : 0 ; padding: 0 0 10px 0 ; }

.leftbox ul li { margin : 0 ; padding: 0 ; list-style: none ; }

.leftbox p { margin : 0 ; padding: 0 0 10px 0 ; }



.newsbox { width: 650px ; margin : 0 ; padding: 0 ; }

.newsbox dl {

float: right ;

width: 535px ;

margin : 0 ; padding: 0 ;

}

.newsbox img {

float: left ;

width: 100px ;

margin : 0 ; padding: 0 ;

}



.databox {

background : url(/img/bb_bg.gif) left bottom repeat-x ;

width: 650px ;

margin : 0 ; padding: 5px 0 20px 0 ;

}

.databox .dataimg {

float: left ;

width: 140px ;

margin : 0 0 5px 0 ; padding: 0 ;

}

.databox .dataimg2 {

float: left ;

width: 100px ;

margin : 0 0 5px 0 ; padding: 0 ;

}

.databox .data {

float: right ;

width: 495px ;

line-height: 1.4 ;

}

.databox .data2 {

float: right ;

width: 535px ;

line-height: 1.4 ;

}

.databox p { margin : 0 ; padding: 0 0 5px 0 ; }

.databox table { margin : 0 0 10px 0 ; padding: 0 ; }

.databox table th { vertical-align: top ; margin : 0 ; padding: 0 ; }

.databox table td { vertical-align: top ; margin : 0 ; padding: 0 ; }



.darkbox {
width: 630px ;
background: #E1DFC6 !important ;
margin : 1em 0 ; padding: 8px 10px !important ;
color: #24231C !important ;
}



.whitebox {

background: #cccccc !important ;

margin : 1em 0 ; padding: 8px 10px !important ;

color: #000000 !important ;

}









/*専用*/



.tabmenu {

width: 680px ; height: 39px ;

margin : 0 ; padding: 0 ;

}

.tabmenu li {

float: left ;

height: 39px ;

margin : 0 ; padding: 0 ;

list-style: none ;

}



#historymenu {

width: 650px ; height: 59px ;

margin : 0 0 20px 0 ; padding: 0 ;

}

#historymenu li {

float: left ;

height: 59px ;

margin : 0 ; padding: 0 ;

list-style: none ;

}



#rec-flow {

width: 650px ; height: 80px ;

background : url(/img/recruit/flow.gif) left bottom no-repeat ;

margin : 10px 0 ; padding: 0 ;

}

#rec-flow .flow01 { width: 100px ; padding: 0 30px 0 10px ; color : #403E31 ; font-size: 10px ; }

#rec-flow .flow02 { width: 100px ; padding: 0 30px 0 10px ; color : #403E31 ; font-size: 10px ; }

#rec-flow .flow03 { width: 210px ; padding: 0 30px 0 10px ; color : #403E31 ; font-size: 10px ; }

#rec-flow .flow04 { width: 100px ; padding: 0 10px ; color : #403E31 ; text-align: center ; }



.photogallery {
background: #E1DFC6 ;
width: 640px ;
margin : 0 0 10px 0 ; padding: 10px 0 5px 10px ;
}

.photogallery h5 { margin : 0 ; padding: 0 10px 5px 0 ; }

.photogallery p { margin : 0 ; padding: 0 10px 5px 0 ; }

.photogallery table { margin : 0 ; padding: 0 ; }

.photogallery td {

width: 160px ; height: 130px ;

margin : 0 ; padding: 0 ;

}









/*他*/



.cb { clear: both ; }

.cl { clear: left ; }

.cr { clear: right ; }



.txt_l { text-align: left !important ; }

.txt_l th { text-align: left !important ; }

.txt_l td { text-align: left !important ; }

.txt_r { text-align: right !important ; }

.txt_r th { text-align: right !important ; }

.txt_r td { text-align: right !important ; }

.txt_c { text-align: center !important ; }

.txt_c th { text-align: center !important ; }

.txt_c td { text-align: center !important ; }



.vt { vertical-align: top ; }

.vb { vertical-align: bottom ; }



.ph_l { float: left ; margin : 0 20px 10px 0 ; padding: 0 ; }

.ph_r { float: right ; margin : 0 0 10px 20px ; padding: 0 ; }



.box_m { width: 650px ; margin : 0 ; padding: 0 ; }

.box_i { width: 635px ; margin : 0 ; padding: 0 0 0 15px ; }

.box_l { float: left ; margin : 0 ; padding: 0 ; }

.box_r { float: right ; margin : 0 ; padding: 0 ; }



.subhead {
clear: both ;
background: #B7B78E ;
margin : 10px 0 !important ; padding: 7px 10px !important ;
line-height: 1.1 ;
}


.subhead2 {
margin : 10px 0 !important ; padding: 1px 0 1px 7px !important ;
line-height: 1.1 ; border-left: 3px solid #B7B78E ;
}

.subhead3 {
clear: both ;
margin : 10px 0 !important ; padding: 7px 9px !important ;
line-height: 1.1 ; border: 1px solid #B7B78E ;
}
/* ↓081204sep追加↓ */
.subhead4 {
	clear: both;
	background: #404040;
	margin : 10px 0px!important;
	padding: 7px 10px !important;
	line-height: 1.1;
	text-align: center;

}
.subhead5 {
	clear: both;
	margin : 0px!important;
	padding: 7px 9px !important;
	line-height: 1.1;
	text-align: left;

}
/* ↑081204sep追加↑ */


.w5 { width: 5% ; }

.w10 { width: 10% ; }

.w15 { width: 15% ; }

.w20 { width: 20% ; }

.w25 { width: 25% ; }

.w30 { width: 30% ; }

.w35 { width: 35% ; }

.w40 { width: 40% ; }

.w45 { width: 45% ; }

.w50 { width: 50% ; }

.w55 { width: 55% ; }

.w60 { width: 60% ; }

.w65 { width: 65% ; }

.w70 { width: 70% ; }

.w75 { width: 75% ; }

.w80 { width: 80% ; }

.w85 { width: 85% ; }

.w90 { width: 90% ; }

.w95 { width: 95% ; }

.w100 { width: 100% ; }

.w33 { width: 33% ; }

.w34 { width: 34% ; }



.wp50 { width: 50px ; }

.wp100 { width: 100px ; }

.wp110 { width: 110px ; }

.wp115 { width: 115px ; }

.wp135 { width: 135px ; }

.wp155 { width: 155px ; }

.wp200 { width: 200px ; }

.wp210 { width: 210px ; }

.wp225 { width: 225px ; }

.wp245 { width: 245px ; }

.wp250 { width: 250px ; }

.wp270 { width: 270px ; }

.wp315 { width: 315px ; }

.wp320 { width: 320px ; }

.wp345 { width: 345px ; }

.wp365 { width: 365px ; }

.wp430 { width: 430px ; }

.wp520 { width: 520px ; }



.tp0 { margin-top: 0px !important ; }

.tp5 { margin-top: 5px !important ; }

.tp10 { margin-top: 10px !important ; }

.tp15 { margin-top: 15px !important ; }

.tp20 { margin-top: 20px !important ; }

.bp0 { margin-bottom: 0px !important ; }

.bp5 { margin-bottom: 5px !important ; }

.bp10 { margin-bottom: 10px !important ; }

.bp15 { margin-bottom: 15px !important ; }

.bp20 { margin-bottom: 20px !important ; }

.lp0 { margin-left: 0px !important ; }

.lp5 { margin-left: 5px !important ; }

.lp10 { margin-left: 10px !important ; }

.lp15 { margin-left: 15px !important ; }

.lp20 { margin-left: 20px !important ; }

.rp0 { margin-right: 0px !important ; }

.rp5 { margin-right: 5px !important ; }

.rp10 { margin-right: 10px !important ; }

.rp15 { margin-right: 15px !important ; }

.rp20 { margin-right: 20px !important ; }



.txt1 { color: #FF7777 ; }

.txt2 { color: #F8B872 ; }

.txt3 { color: #89CA62 ; }

.txt4 { color: #6DC0F1 ; }

.txt5 { color: #9C8FF5 ; }

.txt6 { color: #FC9EDB ; }



.bg0 { background: #F8F8EF !important ; }

.bg1 { background: #111111 !important ; }

.bg2 { background: #222222 !important ; }

.bg3 { background: #E1DFC6 !important ; }

.bg4 { background: #B7B78E !important ; }



.caution {

text-indent: -1em ; padding-left: 1em ;

color: #cc0000 ; line-height: 1.6 ; }



.table1 th { margin : 0 ; padding: 0 10px 0 0 ; }

.table1 td { margin : 0 ; padding: 0 10px 0 0 ; }



.table2 {
border-top: 1px solid #B7B78E ;
border-left: 1px solid #B7B78E ;
}.table2 th {
background: #F8F8EF ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
text-align: center ; line-height: 1.4 ;
}

.table2 td {
background: #F8F8EF ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
line-height: 1.4 ;
}



.table3 {
border-top: 1px solid #B7B78E ;
border-left: 1px solid #B7B78E ;
}

.table3 th {
background: #E1DFC6 ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
color : #403E31 ; line-height: 1.4 ;
}

.table3 td {
background: #F8F8EF ;
margin : 0 ; padding: 6px 8px ; 
border-right: 1px solid #B7B78E ;
border-bottom: 1px solid #B7B78E ;
line-height: 1.4 ;
}
.t_list th { margin : 0 ; padding: 3px ;

font-size: 10px ; text-align: center; }

.t_list td { margin : 0 ; padding: 3px ;

font-size: 10px ; text-align: center; }



.submitbg1 {

width: 60px ; height: 21px ;

background: transparent url(/img/form_bg1.gif) left top no-repeat ;

margin : 0 ; padding: 0px ;

border: none ;

line-height: 1.1 ; font-size: 12px ; text-align: center ; color: #403E31 ;

}

.submitbg1:hover { background: url(/img/form_bg1_over.gif) ; }

.submitbg2 {

width: 120px ; height: 41px ;

background: transparent url(/img/form_bg2.gif) left top no-repeat ;

margin : 0 ; padding: 0px ;

border: none ;

line-height: 1.1 ; font-size: 14px ; text-align: center ; color : #403E31 ;

}

.submitbg2:hover { background: url(/img/form_bg2_over.gif) ; }


/*  SEO-Box 100326追加  */

#bottom-box {
	background-color:#E9E9D6;
	margin-top:25px;
}
#bottom-box .seo_text {
	width:473px;
	font-size:12px;
	padding:5px 20px 5px 5px;
	vertical-align:middle;
	line-height:140%;
}
/* 1027 文字サイズ用css */
.rp6 {
	margin-right: 6px;
	float: left;
	width: 64px;
}

.fontsize {
	border:1px #CCCC99 solid;
	width:127px;
	float:left;
	padding:6px 6px;
	height: 18px;
	background-color: #FFFFFF;
	font-size: 0px;
}

.txtarea01 {
	width: 400px;
}
.fs_st {
	background-image: url(../img/fontsize_st_over.gif);
	height: 14px;
	width: 13px;
	float: left;
	background-repeat: no-repeat;
	background-position: left 55%;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.fs_l {
	background-image: url(../img/fontsize_l.gif);
	height: 15px;
	width: 16px;
	float: left;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: left 55%;
}
.fs_el {
	background-image: url(../img/fontsize_el.gif);
	height: 18px;
	width: 18px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
}

