@charaset "Shift-JIS";
/*
Copyright (c) tomo creations.
CSS Document : page.css

/////// * 共通設定 * ////////
*/

/*基本（standard）フォント*/

body{
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size: 12px;
line-height: 160%;
text-align:justify;text-justify:distribute;
color:#555555;
background:#E6E6E6;
}

td{
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size: 12px;
line-height: 160%;
text-align:justify;text-justify:distribute;
color:#555555;
}

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


/*レイアウト*/

.back_left{
width:5px;
background:url(images/line_left.gif) repeat-y right;
}

.back_right{
width:5px;
background:url(images/line_right.gif) repeat-y left;
}

#menu{
width:163px;
padding:20px 39px 0px 38px;
background:url(images/menu_back.gif) repeat-y;
}

#menu_bottom{
background:url(images/menu_back.gif) repeat-y;
}

#menu_bottom2{
padding:20px 30px 30px 30px;
background:url(images/footer_back.jpg) no-repeat bottom;
}


#contents{
width:480px;
padding:0px 18px 90px 0px;
background:url(images/footer.gif) no-repeat bottom #FFFFFF;
}

#footer{
text-align:right;
height:34px;
background:#EEEEEE;
border-bottom:5px solid #5E1E3E;
}

/*メニュー*/
#main_menu{
margin-top:20px;
}

#sub_menu{
margin-top:20px;
}

.sub_menu_text{
padding:1px 0px;
}

.sub_menu_line{
height:1px;
background:url(images/sub_menu_line.gif) repeat-x bottom;
}

#sub_menu a:link{
color:#555555;
text-decoration: none;
}

#sub_menu a:visited{
color:#555555;
text-decoration: none;
}

#sub_menu a:active{
color:#555555;
text-decoration: none;
}

#sub_menu a:hover{
color:#006699;
text-decoration: none;
}

.inquiry{
margin-top:20px;
}

.company_box{
border:1px solid #E5E5E5;
padding:4px;
}

/*仕事内容*/

.explain{
text-align:right;
margin-top:20px;
margin-bottom:20px;
}

/*トップページ*/
.concept{
margin-top:20px;
}

.concept_text{
padding:5px 0px 0px 98px;
}

#menu3{
margin-top:40px;
}

.menu3_text{
padding:10px 0px;
border-bottom:3px solid #EEEEEE;
line-height:120%;
}

/*各ページ共通*/
.title_box{
margin-bottom:50px;
}

.title{
padding-bottom:20px;
}

.title_left{
width:225px;
padding:0px 15px 0px 0px;
}

.title_right{
width:225px;
padding:0px 0px 0px 15px;
}

.sub_title{
color:#0066CC;
font-weight:bold;
border-bottom:3px solid #CCE0F5;
}

.sub_title2{
font-weight:bold;
}

.text_all{
padding:10px 0px 0px 0px;
}

.text_left{
width:225px;
padding:10px 15px 0px 0px;
}

.text_right{
width:225px;
padding:10px 0px 0px 15px;
}

.text_img_left{
width:320px;
padding:10px 20px 0px 0px;
}

.text_img_right{
width:320px;
padding:10px 0px 0px 20px;
}

.bold{
font-weight:bold;
}

.page_top{
margin-top:22px;
margin-bottom:22px;
}

.spot_box{
border:1px solid #CCCCCC;
padding:15px 10px;
background:url(images/spot_back.jpg) top no-repeat ;
}

.line_box{
border:3px solid #F0F0F0;
padding:10px;
}

.jirei_top{
font-weight:bold;
margin-bottom:5px;
border-bottom:3px solid #EDEDED;
}

.jirei_bottom{
margin-top:5px;
border-bottom:3px solid #EDEDED;
}

.button{
width:83px;
height:30px;
border-style:none;
background:#FFFFFF;
cursor:pointer;
}

/*会社案内*/

.company_prof_left{
color:#006699;
border-bottom:1px dashed #CCCCCC;
padding:3px 0px;
}

.company_prof_right{
border-bottom:1px dashed #CCCCCC;
padding:3px 0px 3px 10px;
}

.enkaku_bar{
padding:11px 5px 5px 3px;
}

.enkaku_ym{
color:#666666;
font-weight:bold;
padding:4px 5px 4px 0px;
}

.enkaku_text{
padding:4px 0px 4px 0px;
}

.recruit_box{
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

.recruit_box_left{
border-bottom:1px solid #CCCCCC;
background:#efefef;
padding: 5px 8px 5px 8px;
}

.recruit_box_center{
border-bottom:1px solid #CCCCCC;
background:url(recruit/images/recruit_box_dot.gif) repeat-y;
padding:9px 0px 5px 0px;
}


.recruit_box_right{
border-bottom:1px solid #CCCCCC;
padding: 5px 8px 5px 8px;
}

.recruit_oubo{
margin-top:15px;
text-align:right;
}

.entry_box_left{
width:142px;
border-bottom:1px solid #CCCCCC;
border-right:1px dashed #CCCCCC;
background:#efefef;
padding: 5px 8px 5px 8px;
}

.entry_box_right{
width:304px;
border-bottom:1px solid #CCCCCC;
padding: 5px 8px 5px 8px;
}

.red{
color:#FF0000;
}

.example_box{
margin-top:10px;
border:1px solid #CCCCCC;
padding:0px;
}

.example_box2{
border:4px solid #EEEEEE;
padding:7px;
}

.example_title{
background:#EFEFEF;
font-weight:bold;
padding:1px 5px 1px 5px;
border-right:3px solid #FFFFFF;
}

.example_line{
padding:3px 5px 3px 5px;
border-right:3px solid #FFFFFF;
border-bottom:1px dashed #CCCCCC;
line-height:140%;
}

.example_mi{
float:left;
margin-right:15px;
}

.example_cap{
font-size:11px;
}

.border{
border-bottom:1px dashed #CCCCCC;
margin-top:14px;
margin-bottom:14px;
}

#spot_header{
width:526px;
padding:0px 18px 0px 0px;
background:#FFFFFF;
}

.spot_title{
font-weight:bold;
background:#EFEFEF;
padding :3px 8px 3px 8px;
}

.spot_data{
background:#FFFFFF;
padding:3px 8px;
}


#spot_contents{
padding:30px 18px 30px 18px;
background:#FFFFFF;
}

.compare_box{
border:1px dashed #CCCCCC;
padding:10px;
}