@charset "Shift_JIS";

body{
margin:0 auto;
padding:0;
color:#353535;
text-align:center;
background:url("../img/bg.gif") repeat-x;
}


/*-----リンク----------*/
a:link{
color:#3C78C3;
text-decoration:none;
}

a:visited{
color:#154F97;
text-decoration:none;
}

a:hover{
color:#3C78C3;
text-decoration:underline;
}


/*-----ナビゲーションのスキップ----------*/
.naviskip{
display:none;
}


/*-----全体の大枠----------*/
#wrapper{
margin:0 auto;
padding:0;
width:782px;
background:url("../img/wrapper_bg.gif") repeat-y;
border-bottom:1px solid #C4C5C7;
}

/*パンくず*/
.pankuzu{
margin:10px 15px 15px 15px;
padding:0;
font-size:95%;
}


/*区切り線*/
hr{
display:none;
}

/*回り込み解除*/
.clear{
clear:both;
}

/*画像のボーダー消し*/
img{
margin:0;
padding:0;
border:0;
}

/*ページトップへ*/
.pagetop{
clear:both;
margin:10px 0 0 0;
padding:0;
text-align:right;
}

/*中央揃え*/
.center{
text-align:center;
}

/*右寄せ*/
.right{
text-align:right;
}

/*写真左寄せ*/
.left_p{
margin:0 15px 0 0;
float:left;
}

/*写真左寄せ+キャプション*/
.left_p_c{
margin:0 0 10px 11px;
float:left;
text-align: center;
}

/*写真右寄せ*/
.right_p{
margin:0 0 10px 15px;
float:right;
}

/*写真右寄せ+キャプション*/
.right_p_c{
margin:0 0 10px 11px;
float:right;
text-align: center;
}

/*写真横並び*/
.photo_box{
margin:10px 0;
padding:0;
}

.photo_box img{
margin:0 10px 0 0;
}


/*アンカー*/
.anchor_link{
margin:10px 0;
padding:3px 5px;
background-color:#EDEDED;
}

.anchor_link p{
margin:0;
padding:0;
}

/*ダウンロードbox*/
.download_box{
margin:0;
padding:0;
width:210px;
float:right;
}

.download_box_wborder{
margin:0 0 10px 0;
padding:0 0 7px 0;
width:210px;
border-bottom:1px dotted #CCCCCC;
float:right;
}

.download_note_box{
margin:5px 0 10px 0;
padding:10px;
border:1px solid #DDDDDD;
}

.download_note_box p{
font-size:75%;
}

/*フォント関係*/
p{
margin:5px 0 5px 10px;
font-size:80%;
line-height:1.5em;
}

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

h4{
margin:0;
padding:10px 0 5px 0;
}

h5{
margin:15px 0 10px 0;
padding:0;
}

.font_s{
font-size:80%;
}

.font_red{
color:#D94242;
}

.font_blue{
color:#195DAF;
}

.font_green{
color:#1D8261;
}

.font_grass{
color:#4e690e;
}

.font_sky{
color:#1c81aa;
}

/*赤枠*/
.frame_red{
margin:7px 5px;
padding:3px 5px;
line-height:2.1em;
border:1px solid #D94242;
}

.sub_t_press{
margin:0 0 10px 0;
padding:8px 3px;
border:1px solid #DFDFDF;
font-size:90%;
}

.sub_t_press span{
margin:0;
padding:5px 0 5px 7px;
border-left:4px solid #71C9AC;
}

.sub_t_steel{
margin:0 0 10px 0;
padding:8px 3px;
border:1px solid #DFDFDF;
font-size:90%;
}

.sub_t_steel span{
margin:0;
padding:5px 0 5px 7px;
border-left:4px solid #4464C1;
}

.sub_t_machine{
margin:0 0 10px 0;
padding:8px 3px;
border:1px solid #DFDFDF;
font-size:90%;
}

.sub_t_machine span{
margin:0;
padding:5px 0 5px 7px;
border-left:4px solid #E6584D;
}

.ss_t_press{
margin:0 0 10px 0;
padding:5px;
color:#1D8261;
background-color:#E4F1EC;
clear:both;
}

.ss_t_steel{
margin:0 0 10px 0;
padding:5px;
color:#2142a3;
background-color:#E5E9F3;
}

.ss_t_machine{
margin:0 0 10px 0;
padding:5px;
color:#DC3B2B;
background-color:#F5E6E5;
}


/*-----リンク用アイコン表示----------*/

/*赤*/
ul.link_point_red{
list-style:none;
margin:0;
padding:5px 0 0 0;
}

.link_point_red li{
margin:0;
padding:0 0 0 15px;
background:url("../img/icon_red.gif") no-repeat;
vertical-align:top;
font-size:75%;
}

/*緑*/
ul.link_point_green{
list-style:none;
margin:0;
padding:0;
}

.link_point_green li{
margin:0;
padding:0 0 0 15px;
background:url("../img/icon_green.gif") no-repeat;
vertical-align:top;
font-size:75%;
}


/*-----ヘッダー----------*/
#header{
margin:0;
padding:0;
width:780px;
height:50px;
position:relative;
text-align:left;
}

#header h1{
margin:0;
padding:0;
position:absolute;
font-size:70%;
font-weight:lighter;
text-align:right;
right:10px;
bottom:9px;
}

#header h2{
margin:0;
padding:0;
position:absolute;
width:395px;
height:25px;
bottom:10px;
left:10px;
}

#header ul{
margin:0;
padding:0;
position:absolute;
top:5px;
right:10px;
list-style:none;
}

#header ul li{
display:inline;
margin:0;
padding:0;
}


/*-----トップイメージ----------*/
.cover{
clear:both;
margin:0;
padding:0;
border-top:1px solid #C4C5C7;
}

.cover img{
vertical-align:bottom;
}


/*-----トップページメニュー----------*/

/*
#top_menu{
margin:0 auto;
padding:0;
width:780px;
height:230px;
}

#top_menu ul{
list-style:none;
margin:0;
padding:0;
width:780px;
height:230px;
}

#top_menu ul li{
float:left;
margin:0;
padding:0;
width:195px;
height:230px;
}
*/


/*-----グローバルナビ----------*/
#g_navi{
margin:0 auto;
padding:0;
width:780px;
height:52px;
}

#g_navi ul{
list-style:none;
margin:0;
padding:0;
width:780px;
height:52px;
}

#g_navi ul li{
float:left;
margin:0;
padding:0;
width:130px;
height:52px;
}

#g_navi img{
vertical-align:bottom;
}


/*-----コンテンツ----------*/
#contents{
clear:both;
margin:0 auto;
padding:5px 0;
width:780px;
background:url("../img/contents_bg.gif") repeat-x;
position:relative;
text-align:left;
}


/*-----トップ　コンテンツ 横ライン----------*/
#contents_inner_top{
margin:0 0 10px 0;
padding:0;
width:780px;
position:relative;
}

#contents_inner_top:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#contents_inner_top p{
font-size:75%;
}


/*メインエリア*/
#main_area_top{
margin:10px 0 20px 0;
padding:0 0 0 15px;
width:525px;
float:left;
}

#main_area_top h3{
margin:0;
padding:0;
}

#main_area_top h3 img{
vertical-align:bottom;
}

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

/*個人・販売店の方へ*/
.main_left{
margin:0;
padding:0;
width:245px;
float:left;
}

.personal_area{
margin:1px 0 0 0;
padding:10px;
background:url("../img/personal_bg.gif") no-repeat;
height:447px;
}

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

/*企業の方へ　採用情報　企業情報*/
.main_right{
margin:0 0 0 20px;
padding:0;
width:245px;
float:left;
}

.business_area{
margin:1px 0 16px 0;
padding:0 10px;
background:url("../img/business_bg.gif") no-repeat;
height:203px;
}

.business_area .business_p{
margin:10px 0 0 0;
padding:0;
}

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

.recruit_area{
margin:1px 0 16px 0;
padding:0 10px;
background:url("../img/other_bg.gif") no-repeat;
height:75px;
}

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

.company_area{
margin:1px 0 0 0;
padding:0 10px;
background:url("../img/other_bg.gif") no-repeat;
/*height:75px;*/
height:70px;

}

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

/*サブエリア*/
#sub_area_top{
margin:10px 0;
padding:0;
width:235px;
float:right;
}

#sub_area_top .button{
margin:0 0 7px 0;
}


/*-----新着情報----------*/
.topics_box{
margin:0 0 0px 0;
padding:0;
width:220px;
}



.topics_box h3{
margin:0 0 10px 0;
padding:0;
}

.topics_box p{
margin:0 0 7px 0;
padding:0 0 7px 0;
border-bottom:1px dotted #CCCCCC;
}

.day{
color:#7A6A4D;
}

.topics_img{
height:30px;
}

.topics_img img{
margin: 0 5px;
padding: 4px 0px;
}

/*-----2層目　コンテンツ 横ライン----------*/
#contents_inner{
margin:10px 0;
padding:0;
width:780px;
background:url("../img/contents_line_bg.gif") repeat-y 514px 0;
position:relative;
}

#contents_inner:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}


/*メインエリア*/
#main_area{
margin:10px 0 0 0;
padding:0 14px 0 15px;
width:485px;
float:left;
}

/*サブエリア*/
#sub_area{
margin:10px 0;
padding:0;
width:265px;
float:right;
text-align:center;
}

#sub_area .button{
margin:0 0 10px 0;
}



.intro_box01{
margin:0 0 10px 0;
padding:0;
display:block;
width:480px;
}

.intro_box01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.intro_box01 h4{
margin:0;
padding:0;
}

.intro_box02{
margin:0 0 10px 0;
padding:15px 0 0 0;
display:block;
width:480px;
background:url("../img/intro_line.gif") no-repeat top;
}

.intro_box02:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.intro_box02 h4{
margin:0;
padding:0;
}

.intro_text{
margin:0;
padding:0;
float:right;
width:360px;
}

.intro_p{
margin:0;
padding:0;
width:110px;
}


/*-----グレイbox----------*/
.gray_box{
clear:both;
margin:0 0 20px 0;
padding:15px 20px;
background-color:#EEEEEE;
}

.gray_box p{
margin:0 0 5px 0;
}

.gray_box ul{
margin:0;
padding:0;
font-size:75%;
}


/*-----枠なしbox----------*/
.noline_box{
clear:both;
margin:0 0 20px 0;
}


/*-----フッター----------*/
#footer{
clear:both;
margin:0 auto;
padding:0;
width:780px;
background:url("../img/footer_bg.gif") repeat-x;
text-align:left;
}

#footer ul{
list-style:none;
margin:0;
padding:15px 0 8px 15px;
}

#footer ul li{
display:inline;
margin:0 10px 0 0;
padding:0;
}

.copyright{
margin:0;
padding:0;
border-top:1px solid #C4C5C7;
background-color:#EEEEEE;
text-align:right;
}

.copyright p{
margin:0 15px;
padding:7px 0;
font-size:70%;
color:#A2A2A2;
}



/*-----各トップページ2層目以降レイアウト----------*/

#contents_inner02{
margin:10px 15px;
padding:0;
width:750px;
background:url("../img/submenu_bg.gif") repeat-y;
}

#contents_inner02:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#contents_inner02{
display:inline-block;
}

/*IE-mac \*/
*html#contents_inner02{
height:1%;
}
#contents_inner02{
	display:block;
}
/*IE-mac END*/


/*-----新着情報レイアウト----------*/

#contents_inner03{
margin:10px 15px;
padding:0;
width:750px;
}

#contents_inner03:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#contents_inner03{
display:inline-block;
}



/*IE-mac \*/
*html#contents_inner023{
height:1%;
}
#contents_inner03{
	display:block;
}
/*IE-mac END*/


/*メインエリア*/
#main_area02{
margin:0;
padding:0;
width:525px;
float:right;
}

#main_area02 ul{
margin:5px 0 0 0;
padding:0 0 0 30px;
font-size:80%;
line-height:1.5em;
}

#main_area02 ol{
margin:5px 0 0 0;
padding:0 0 0 30px;
font-size:80%;
line-height:1.5em;
}

/*サブエリア*/
#sub_area02{
margin:0 0 10px 0;
padding:0;
width:200px;
float:left;
text-align:center;
}

#sub_area02 .button02{
margin:10px 0 0 0;
}



/*-----お問い合わせ　個人情報保護について　サイトマップ----------*/

/*お問い合わせ*/
.form_button_box{
margin:0;
padding:20px 0 0 0;
text-align:center;
}

.form_note_box{
margin:15px 0 10px 0;
padding:10px 0 0 0;
border-top:1px solid #D5D5D5;
}

.form_note_box ol{
margin-top:0;
font-size:75%;
line-height:1.5em;
}

/*同意する・しない*/
.answer_box{
margin:30px 0 10px 0;
padding:10px 135px 0 135px;
height:48px;
text-align:center;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}

.answer_box a{
margin:0 15px 0 0;
padding:0;
width:110px;
height:28px;
text-indent: -9999px;
display:inline_block;
vertical-align:bottom;
}

.answer_box .yes{
background: url(../contact/img/yes_b.gif) no-repeat;
background-position: 0 -28px;
float:left;
}

.answer_box .no{
background: url(../contact/img/no_b.gif) no-repeat;
background-position: 0 -28px;
float:left;
}

.answer_box a:hover{
background-position: 0 -0px;
}


/*サイトマップ*/
#main_area02 .sitemap_box{
margin:0;
padding:0;
width:525px;
}

#main_area02 .sitemap_box ul{
list-style:none;
margin:0 0 15px 0;
padding:0;
}

#main_area02 .sitemap_box ul li{
margin:3px 0;
padding:0;
}

#main_area02 .sitemap_box ul li strong{
margin:0 0 10px 0;
padding:5px 7px;
display:block;
width:525px;
border:1px solid #DDDDDD;
background-color:#F2F2F2;
}

#main_area02 .sitemap_box ul li span{
margin:7px 0;
padding:0 0 0 12px;
background:url("../sitemap/img/sitemap_icon.gif") no-repeat left;
}

#main_area02 .sitemap_box ul li ul{
margin:2px 0;
padding:0 0 0 15px;
font-size:100%;
background-image:none;
}


/*youtube 関連*/

.youtube{
width:100%;
text-align : center ;
}

.youtube div{

width:430px;
margin:10px auto 30px auto;
}