@charset "UTF-8";
/* CSS Document */

body{background-color:#CF7777;
     padding:0px;
     margin:0px;
	 text-align:center;
	 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	 border-top:2px solid #284668;
	 }
	 
h1,h2,h3,div,p,ul,li{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

img {
	border:none;
	padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/* 基本LINK */


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



/* レイアウト */

  /* その中身 */
  
/*ベース　*/  

#base{
width:820px;
margin:0px auto 0px auto;
border-left:1px solid #284668;
border-right:1px solid #284668;
border-bottom:1px solid #284668;
background-image:url(../recruit/img/mainbg.jpg);
}

/* ヘッダー*/

#headder{
width:800px;
padding:10px;
height:60px;
text-align:left;
}
/* ヘッダーのテキスト */
.hedder_text{
font-size:10px;
text-align:right;
margin-left:300px;
width:500px;
}

/* ナビ */
#navi{
width:820px;
height:57px;
clear:both;
}

#text_navi{
clear:both;
width:800px;
height:20px;
background-color:#DABDA3;
text-align:left;
color:#333333;
padding:4px 0px 0px 20px;
border-bottom:1px solid #828186;
border-top:1px solid #828186;}

.text_navi_text{
font-size:10px;
}

/*トップページトピックス*/
#topix{
float:left;
padding:20px 0px 20px 30px;
text-align:left;
width:530px;
font-size:10px;
}

.topix_t{
background-image:url(../recruit/img/topix_t.jpg);
background-position:left top;
background-repeat:no-repeat;
font-size:11px;
width:530px;
height:35px;
text-align:right;
color:#284668;
padding-top:10px;
}

.topix_st{
margin-left:15px;
padding-bottom:3px;
background-image:url(../recruit/img/san_pink_bgf.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
}

#topix h1{
font-size:13px;
color:#CB6B6B;
text-indent:20px;
font-weight:bold;

}
.topix_body{
padding:0px 0px 10px 35px;
font-size:13px;
color:#666666;
line-height:150%;
}

.topix_right{
padding:20px 20px 20px 0px;
float:right;
}


/* メインのベース */

#main_base{
width:800px;
margin:20px 0px 10px 0px;
background-image:url(../recruit/img/main_bg.jpg);
padding-left:20px;
background-repeat:repeat-y;
text-align:left;
}
#main_base6{
width:800px;
margin:20px 0px 10px 0px;
padding-left:20px;
background-image:url(../recruit/img/main_bg6.jpg);
background-repeat:repeat-y;
text-align:left;
}

#main_base2{
width:800px;
margin:20px 0px 10px 0px;
padding-left:20px;
background-image:url(../recruit/img/main_bg2.jpg);
background-repeat:repeat-y;
text-align:left;
}

#main_base3{
width:800px;
margin:20px 0px 10px 0px;
padding-left:20px;
background-image:url(../recruit/img/main_bg3.jpg);
background-repeat:repeat-y;
text-align:left;
}

#main_base4{
width:800px;
margin:20px 0px 10px 0px;
padding-left:20px;
background-image:url(../recruit/img/main_bg4.jpg);
background-repeat:repeat-y;
text-align:left;
}

#main_base5{
width:800px;
margin:20px 0px 10px 0px;
padding-left:20px;
background-image:url(../recruit/img/main_bg5.jpg);
background-repeat:repeat-y;
text-align:left;
}


/* 左 */

#side{
width:168px;
margin:0px 0px 0px 0px;
padding-bottom:20px;
float:left;
text-align:left;
height:100%;
}

/* 左 内部*/
#side ul{
margin:10px 10px 5px 10px;
border-bottom:1px dotted #828186;
}

#side h2{font-size:15px; color:#325358; text-indent:15px;}

/* メイン */
 
#main{
width:550px;
margin:0px 0px 20px 168px;
padding-left:30px;
font-size:13px;
color:#666666;
line-height:170%;
text-align:left;
}

#footer{
clear:both;
width:810px;
text-align:left;
padding-right:10px;
background-image:url(../recruit/img/foot_bg.jpg);
height:43px;
font-size:10px;
line-height:120%;
color:#E8E8E1;
}

#footer a:link, #footer a:visited{
color:#E8E8E1;
text-decoration:none;}


#footer a:hover, #footer a:active{
color:#FFFfff;
text-decoration:none;}

.page_top{
clear:both;
height:20px;
width:780px;
text-align:right;
padding-bottom:1px;
padding-right:20px;
}

/* サイトマップ */
#main_s{
width:718px;
margin:0px 0px 20px 0px;
padding-left:30px;
font-size:13px;
color:#666666;
line-height:170%;
text-align:left;
}


/* フロート */

.left_float{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.float_left{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.flort_right{
float:right;
}

.left_indent_5{
padding-left:5px;
}

.left_indent_15{
padding-left:15px;
}
/*ライン*/
.dot_1_828186{border-bottom:1px dotted #284668;}

.line_2_828186{
clear:both;
border-bottom:1px solid #BEC2D8;
}

.line_s_333333{
clear:both;
border:1px solid #666666;
}

.d_line_s{
padding:10px; 
border:1px dashed #284668; 
line-height:170%; 
margin:10px 0px 25px 0px;
background-repeat:no-repeat;
}


#st{
background-color:#DDBA9F;
padding:5px 15px 5px 15px;
text-align:left;
margin-bottom:10px;
}

#st h1{
font-size:15px;
color:#fff;
}

#st h2{
font-size:13px;
color:#fff;
}

.st_flow{
background-position:right;
background-repeat:no-repeat;
border:1px dashed #DDBA9F;
padding:2px;
text-align:left;
margin:10px 0px 10px 0px;
}

.st_flow2{
background-position:right;
background-repeat:no-repeat;
border:1px dashed #64798C;
padding:2px;
text-align:left;
margin:10px 0px 10px 0px;
}

/* イメージ */
.b_img{
background-color:#D8DDD3;
padding:8px;
margin-left:310px;
text-align:center;
margin-bottom:8px;
}
.b_img2{
background-color:#F1E6D2;
padding:8px;
text-align:left;
margin-bottom:8px;
}

.b_img3{
padding:5px 8px 8px 8px;
margin-left:310px;
text-align:center;
margin-bottom:8px;
}

/*フォント*/

.font_10n{
font-size:10px;
}
.font_12n{
font-size:12px;
}
.font_12{
font-size:12px; line-height:170%;
}
.font_13{
font-size:13px; line-height:170%;
}
.font_16n{
font-size:16px; line-height:170%;
}
.font_284668_10n{
font-size:10px;
color:#284668;
}
.font_284668_12n{
font-size:12px;
color:#284668;
}
.font_284668_12{
font-size:12px; line-height:170%;
color:#284668;
}
.font_284668_13{
font-size:13px; line-height:170%;
color:#284668;
}

.font_284668_16n{
font-size:16px; 
color:#284668;
}

.font_284668_18n{
font-size:18px; 
color:#284668;
}

.font_cf7777_18n{
font-size:18px; 
color:#cf7777;
}

.font_cf7777_12n{
font-size:12px;
color:#cf7777;
}
.font_cf7777_12{
font-size:12px; line-height:170%;
color:#cf7777;
}
.font_cf7777_13{
font-size:13px; line-height:170%;
color:#cf7777;
}

.font_cf7777_16n{
font-size:16px; 
color:#cf7777;
}

.font_cf7777_18n{
font-size:18px; 
color:#cf7777;
}


.line_s_821186 {
	padding: 8px 0px 8px 0px;
	clear: both;
	border: 1px solid #284668;
}