/* CSS Document */

* {
margin:0;
padding: 0;
}

body {
background:#ECECEC url(../common/bg.gif) center repeat-y;
color:#222222;
font-size:14px;
line-height: 1.5;
font-family:Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/* フォントサイズ */
.f_s{
font-size:11px;
}
.f_m{
font-size:12px;
}

td {
vertical-align:top;
}

img{
vertical-align:top;
line-height:0;
}

/* リンク設定 */
a:link {
color: #777777;
text-decoration:underline;
}
a:visited {
color: #777777;
text-decoration:underline;
}
a:hover {
color: #777777;
text-decoration:none;
}
a:active {
color: #777777;
text-decoration:none;
}

a.link_r{
padding-right: 16px;
background:url(../common/icon_txtlink.gif) right no-repeat;
}


.cl{
clear:both;
line-height:0;
}

/******************************************************************************
  ▼body_box 
******************************************************************************/
#body_box{
width:920px;
margin: 0 auto;
}

/******************************************************************************
  ▼header 
******************************************************************************/
#head {
margin: 5px auto;
height:104px;
background:url(../common/head_line.gif) left 71px repeat-x; 
}

/* index_ttl */
#head h1{
float:left;
}
/* under_ttl */
#head #title{
float:left;
background: url(../common/head_logo.gif) no-repeat 0;
text-indent: -9999px;
display: block;
width: 479px;
height: 98px;
overflow: hidden;
}

#title a{
display: block;
height: 98px;
}

#info{
float: right;
}

#inqury{
margin-bottom: 8px;
}

#inqury #company{
float: left;
background: url(../common/head_btn_company_a.gif) no-repeat;
text-align:left;
}
#inqury #company a{
display: block;
height: 20px;
width: 60px;
background: url(../common/head_btn_company.gif) no-repeat;
text-indent: -9999px;
overflow:hidden;
}
#inqury #company a:hover{
background: none;
}


#inqury #recruit{
float: left;
background: url(../common/head_btn_recruit_a.gif) no-repeat;
text-align:left;
}
#inqury #recruit a{
display: block;
height: 20px;
width: 60px;
background: url(../common/head_btn_recruit.gif) no-repeat;
text-indent: -9999px;
overflow:hidden;
}
#inqury #recruit a:hover{
background: none;
}

#inqury #english{
float: left;
background: url(../common/head_btn_english_a.gif) no-repeat;
text-align:left;
}
#inqury #english a{
display: block;
height: 20px;
width: 60px;
background: url(../common/head_btn_english.gif) no-repeat;
text-indent: 9999px;
overflow:hidden;
}
#inqury #english a:hover{
background: none;
}

#head .info_line{
float: left;
width: 11px;
height: 20px;
background: url(../common/head_info_line.gif) center center no-repeat;
}

/******************************************************************************
  ▼primary 
******************************************************************************/
#primary {
float:left;
width:680px;
margin: 0 0 30px;
}


/****  ▼下層ページ共通CSS ****/

/* パンくず */
#primary #pan{
color:#777777;
height:30px;
}
/* コンテンツエリア */
#primary #contents{
border:1px solid #C7C7C7;
}
#primary #contents #sub_box{
width: 650px;
margin: 20px auto 20px;
}

/* コンテンツ下　ナビ（削除の可能性有り） */
#primary #contents #bottom{
padding: 56px 11px 11px 0;
background:url(../common/bg_contents.gif) bottom repeat-x;
}
#primary #contents #bottom .number{
text-align:right;
}
#primary #contents #bottom .number img{
margin-left: 20px;
}

/* 関連事項 */
#second h3.ttl_connect{
background:url(../common/ttl_connect.gif) no-repeat;
color:#ffffff;
padding: 2px 0 0 8px;
height:17px;
line-height:1.1;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
}
#second #connect{
border:1px solid #C7C7C7;
padding: 10px;
margin: 0 0 15px;
}
#second #connect dl{
padding: 0 0 7px;
margin: 0 0 10px;
border-bottom: 1px solid #C7C7C7;
}
#second #connect dt{
font-weight:bold;
}
#second #connect dl.btm{
border:none;
padding: 0;
margin:0;
}

/* タイトルテキスト設定 */

#primary .point_s h2{
font-size:115%;
color:#8197C9;
margin: 0 0 15px 15px;
}
#primary .page_top_box h2{
font-size:115%;
color:#8197C9;
margin: 0 0 5px;
}
#primary h3{
font-size: 110%;
color:#555555;
}

td ul {
margin-left: 10px;
}


/* subttl下テキストボックス */
#primary p.caption{
margin: 0 0 30px;
}

#primary h4{
font-weight:bold;
font-size:14px;
color:#8197C9;
}

/* 扉ページボックス */

#primary .page-top_top{
height: 5px;
width:614px;
overflow:hidden;
margin: 0 auto;
background:url(../common/bg_page-top_top.gif) no-repeat;
}
#primary .page-top_bg{
background:url(../common/bg_page-top_mdl.gif) repeat-y;
width:614px;
margin: 0 auto 20px;
}

#primary .page_top_box{
width: 579px;
padding: 10px 15px 15px 20px;
margin: 0 auto;
background: url(../common/bg_page-top_btm.gif) bottom no-repeat;
}

/* 詳細はこちらボタン */
#primary .page_top_box .detail{
background: url(../common/btn_detail_a.gif) no-repeat;
margin: 20px 0 0 493px;
}
#primary .page_top_box .detail a{
width: 86px;
height:16px;
display:block;
overflow:hidden;
font-size: 75%;
text-indent:-9999px;
background: url(../common/btn_detail.gif) no-repeat;
}
#primary .page_top_box .detail a:hover{
background: none;
}


/* グラデーションBOX */
#primary .point_s{
clear:both;
margin: 0 0 10px;
padding: 10px 1px 15px;
border: solid 1px #c7c7c7;
background:url(../common/bg_contents.gif) bottom repeat-x;
}
#primary .point_s_detail{
margin: 10px 20px 0 13px;
}
#primary .point_s_detail img{
float:left;
margin-right: 1em;
margin-bottom:0.5em;
}

#primary .point_s_detail ul{
margin: 2px 0 10px 25px;
}


/**** ▲下層ページ共通CSS▲ ****/


/******************************************************************************
  ▼second 
******************************************************************************/
#second {
float:right;
width:225px;
margin: 0 0 30px;
}

/* 検索 */
#serch{
margin: 0;
padding: 6px 0;
width: 223px;
border:1px solid #C7C7C7;
height: 21px;
overflow:hidden;
}
#serch .input{
float:left;
width: 158px;
}

#serch input.txt{
width: 158px;
height: 17px;
margin: 0 3px 0 7px;
border: 1px solid #C7C7C7;
}

#serch .button{
float:right;
margin: 0 5px 0 0;
}
#second #privacy{
margin: 20px 0;
text-align:right;
}

/******************************************************************************
  ▼footer 
******************************************************************************/
#footer {
width:920px;
clear:both;
background: url(../common/foot_line.gif) top no-repeat;
padding: 15px 0 0;
}


#footer #copy{
clear:both;
margin: 15px 0 5px;
padding: 15px 0 0;
background:url(../common/foot_line.gif) top no-repeat;
text-align: right;
font-size: 11px;
}

#footer #pmark{
margin: 0 0 30px;
float:left;
text-align:left;
}