/*------------------------------------------

	スタイルの初期化

--------------------------------------------*/
html, body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0;
padding:0;
}
html{overflow-y:scroll;}
body{line-height:1.6;}
body *{font-family:Verdana, Helvetica, "MS Pゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
ul, ol{list-style:none;}
table{border-collapse:collapse;}
img, fieldset{border:none;}
img{vertical-align:top;}
strong, em{font-weight:bold;}
a:link, a:visited, a:active, a:hover{
color:#106fce;
}
/*
 *
 * レイアウト
 *
 */
body{
text-align:center;
}
#header{
overflow:hidden;
margin:0 auto;
text-align:left;
width:900px;
}
#top_visual_over{
background:#CCFFCC;
}
#top_visual{
overflow:hidden;
margin:0 auto;
text-align:left;
width:900px;
height:300px;
}
#main{
overflow:hidden;
margin:0 auto;
text-align:left;
width:900px;
padding:20px 0;
}
#footer_over{
border-top:1px solid #cccccc;
background:#eeeeee;
}
#footer{
overflow:hidden;
margin:0 auto;
text-align:left;
width:900px;
background:#eeeeee;
padding:20px 0 40px;
}
/*
 *
 * ロゴ
 *
 */
#logo{
display:block;
float:left;
margin:5px 3px;
}
/*
 *
 * トップメニュー
 *
 */
#top_menu{
margin-top:15px;
width:523px;
float:right;
}
#top_menu a{
display:block;
float:left;
height:22px;
margin-right:1px;
}
#top_menu a:hover{
background-position-y:-22px;
}
#top_menu_philosophy{
width:98px;
background:url("/images/menu.gif") no-repeat;
background-position:0 0;
}
#top_menu_company{
width:98px;
background:url("/images/menu.gif") no-repeat;
background-position:-98px 0;
}
#top_menu_business{
width:98px;
background:url("/images/menu.gif") no-repeat;
background-position:-196px 0;
}
#top_menu_recruit{
width:98px;
background:url("/images/menu.gif") no-repeat;
background-position:-294px 0;
}
#top_menu_contact{
width:126px;
background:url("/images/menu.gif") no-repeat;
background-position:-392px 0;
}
/*
 *
 * フッターメニュー
 *
 */
#footer_menu{
float:left;
width:500px;
}
#footer_menu a{
text-decoration:none;
margin-right:6px;
}
/*
 *
 * コピーライト
 *
 */
#copyright{
width:400px;
float:right;
text-align:right;
font-size:9.5px;
}
/*
 *
 * 共通
 *
 */
.terop{
margin-bottom:10px;
}
.subject{
font-size:16px; 
color:#CC0; 
margin-bottom:10px; 
margin-top:20px; 
font-weight:bold; 
padding-left:22px;
background:url("/images/icon_circle.gif") no-repeat;
background-position:left 4px;
}

.subject2{
font-size:16px; 
color:#CC0; 
margin-bottom:10px ;
margin-top:20px;
font-weight:bold;
}

.subject3{
text-align:left;
float:right;
}




/*
 *
 * 採用ページ
 *
 */
#recruit_detail{
}
#recruit_detail table{
float:left; 
margin-bottom:30px; 
margin-right:30px;
}
#recruit_detail th, #recruit_detail td{
padding:3px 6px; 
}
#recruit_detail th{
width:80px;
}
#recruit_detail td{
width:300px;
}
#recruit_detail thead{
border-top:1px dotted #CC0;
border-bottom:1px dotted #CC0;
}
#recruit_detail thead th{
font-weight:bold;
}
#recruit_detail thead td{
font-weight:bold; 
}
#recruit_detail tbody th{
font-weight:bold;
}
#recruit_detail tbody td{
}
#staff_voice_up{
clear:both; 
height:15px;
background-image:url("/images/box_top.gif"); 
}

#staff_voice_down{
height:15px; 
background-image:url("/images/box_bottom.gif")
}


#staff_voice_wrapper{
overflow:hidden;
padding:10px;
background-color:#CC0; 
}
#staff_voice{
float;left:
width:880px; 
}
#staff_voice thead th{
padding-bottom:10px; 
padding-left:20px;
}
#staff_voice tbody td{
border-top:1px solid #ffffff;
padding:20px 0;
}
.staff_voice_pic{
vertical-align:top;
width:205px; 
text-align:center;
}
.staff_voice_text{
vertical-align:top;
color:#ffffff; 
}

.staff_voice_text2{
font-size:x-large;
}

/*
 *
 * 企業理念
 *
 */

#signature{
text-align:left; 
padding-left:450px;
}
#top_message h3{
margin-bottom:20px;
}
#philosophy{
text-align:center;
}
#line{
margin-bottom:30px;
text-align:center;
}
#top_message_wrapper{
text-align:center;
margin-bottom:30px;
}
#top_message{
background-image:url("/images/ourvision_logo.jpg");
background-repeat:no-repeat; 
background-position:440px 150px;
width:640px;
padding:20px 60px;
background-color:#CC0;
margin:0 auto;
text-align:left; 
}
#top_message p{
margin-bottom:30px;
}
#top_message, #top_message *{
color:#ffffff;
}
#top_message strong{
font-weight:bold; 
font-size:16px; 
}

#polisy_message{
background-image:url("/images/ourvision_logo.jpg");
background-repeat:no-repeat; 
background-position:440px 140px;
float;left: 
width:760px;
}
#polisy_message_up{
clear:both;
width:760px; 
height:15px; 
margin-top:20px; 
background-image:url("/images/box_top_ourvision.gif"); 
}

#polisy_message_wrapper{
width:740px; 
text-align:left;

padding:10px; 
background-color:#CC0;
}

#polisy_message_down{
width:760px; 
height:15px; 
overflow:hidden; 
background-image:url("/images/box_bottom_ourvision.gif"); 
background-repeat: no-repeat;
}

#polisy_message thead th{
padding-bottom:20px; 
padding-left:50px;
}


#polisy_message tbody th{
font-weight:bold; 
padding-left:50px; 
padding-right:50px; 
font-size:16px; 
color:#ffffff;
}

#polisy_message tbody td{
padding-left:50px; 
padding-right:50px; 
color:#ffffff; 
padding-bottom:30px; 
padding-top:px;
}

.polisy_message_text{
padding-left:50px; 
padding-right:200px; 
color:#ffffff; 
padding-bottom:20px;
}

/*
 *
 * index
 *
 */

#company_data{
width:500px;
padding-bottom:30px;
margin-top:20px;
margin-left:50px; 
float:left;
}


#company_data th{
width:80px;
font-weight:bold; 
vertical-align:top;
padding-bottom:10px; 
}


#company_pic{
margin-left:50px; 
}

#map{
padding-left:40px;
margin-left:60px;
}

/*
 *
 * 事業内容
 *
 */
#business_detail{
background-image:url("/images/ourbusiness_photo.jpg");
background-repeat:no-repeat; 
background-position:400px 40px;
height:400px;
}
#business_detail p{
padding-left:23px;
}

/*
 *
 * 問い合わせページ
 *
 */
#contact_details{
margin-bottom:10px; 
}
#contact_details th{
font-weight:bold;
text-align:right;
vertical-align:top; 
padding-left:23px;
}
#contact_details td{
padding-left:10px;
}



