/* CSS Document */

body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック ', 'Hiragino Kaku Gothic Pro',sans-serif;
}

.txt_base {
color: #333333;
line-height: 1.6;
}

.icon{
padding: 4px 5px 0 0;
}


/*各ボックススタイル*/
#footer{
margin-top:7px;
width:778px;
text-align:right;
}

#head_link{
width: 778px;
margin-bottom: 4px;
}

#head_logo{
margin: 0;
}

#main{
width: 778px;
border: 1px solid #777777;
margin: 0;
padding: 0;
}






/*各ページ用背景画像設定（Mate）*/
#mate_contents{
text-align: left;
clear: both;
height: 365px;
background: url(../../mate/img/bg_photo.jpg) left bottom no-repeat;
}
.frame{
overflow-x:hidden;
background: url(../../mate/img/bg_photo.jpg) left bottom no-repeat;
}
#mate_contents_company{
text-align: left;
clear: both;
height: 365px;
background: url(../../mate/img/bg_photo_company.jpg) left bottom no-repeat;
}
.frame_company{
overflow-x:hidden;
background: url(../../mate/img/bg_photo_company.jpg) left bottom no-repeat;
}

#mate_contents_map{
text-align: left;
clear: both;
height: 365px;
background: url(../../mate/img/bg_photo_map.jpg) left bottom no-repeat;
}
.frame_map{
overflow-x:hidden;
background: url(../../mate/img/bg_photo_map.jpg) left bottom no-repeat;
}

#mate_contents_privacy{
text-align: left;
clear: both;
height: 365px;
background: url(../../mate/img/bg_photo_privacy.jpg) left bottom no-repeat;
}
.frame_privacy{
overflow-x:hidden;
background: url(../../mate/img/bg_photo_privacy.jpg) left bottom no-repeat;
}

#mate_contents_recruit{
text-align: left;
clear: both;
height: 365px;
background: url(../../mate/img/bg_photo_recruit.jpg) left bottom no-repeat;
}
.frame_recruit{
overflow-x:hidden;
background: url(../../mate/img/bg_photo_recruit.jpg) left bottom no-repeat;
}
#mate_contents_results{
text-align: left;
clear: both;
height: 365px;
background: url(../../mate/img/bg_photo_results.jpg) left bottom no-repeat;
}
.frame_results{
overflow-x:hidden;
background: url(../../mate/img/bg_photo_results.jpg) left bottom no-repeat;
}

#mate_contents_link{
text-align: left;
clear: both;
height: 365px;
background: url(../../mate/img/bg_photo_link.jpg) left bottom no-repeat;
}
.frame_link{
overflow-x:hidden;
background: url(../../mate/img/bg_photo_link.jpg) left bottom no-repeat;
}

/*各ページ用背景画像設定ここまで（Mate）*/


/*各ページ用背景画像設定（21）*/
#m21_contents{
text-align: left;
clear: both;
height: 365px;
background: url(../../21/img/bg_photo.jpg) left bottom no-repeat;
}
.frame_21{
overflow-x:hidden;
background: url(../../21/img/bg_photo.jpg) left bottom no-repeat;
}
#m21_contents_company{
text-align: left;
clear: both;
height: 365px;
background: url(../../21/img/bg_photo_company.jpg) left bottom no-repeat;
}
.frame_company_21{
overflow-x:hidden;
background: url(../../21/img/bg_photo_company.jpg) left bottom no-repeat;
}

#m21_contents_map_21{
text-align: left;
clear: both;
height: 365px;
background: url(../../21/img/bg_photo_map.jpg) left bottom no-repeat;
}
.frame_map_21{
overflow-x:hidden;
background: url(../../21/img/bg_photo_map.jpg) left bottom no-repeat;
}

#m21_contents_privacy_21{
text-align: left;
clear: both;
height: 365px;
background: url(../../21/img/bg_photo_privacy.jpg) left bottom no-repeat;
}
.frame_privacy_21{
overflow-x:hidden;
background: url(../../21/img/bg_photo_privacy.jpg) left bottom no-repeat;
}

#m21_contents_recruit{
text-align: left;
clear: both;
height: 365px;
background: url(../../21/img/bg_photo_recruit.jpg) left bottom no-repeat;
}
.frame_recruit_21{
overflow-x:hidden;
background: url(../../21/img/bg_photo_recruit.jpg) left bottom no-repeat;
}
#m21_contents_results{
text-align: left;
clear: both;
height: 365px;
background: url(../../21/img/bg_photo_results.jpg) left bottom no-repeat;
}
.frame_results_21{
overflow-x:hidden;
background: url(../../21/img/bg_photo_results.jpg) left bottom no-repeat;
}

#m21_contents_link{
text-align: left;
clear: both;
height: 365px;
background: url(../../21/img/bg_photo_link.jpg) left bottom no-repeat;
}
.frame_link_21{
overflow-x:hidden;
background: url(../../21/img/bg_photo_link.jpg) left bottom no-repeat;
}

/*各ページ用背景画像設定ここまで（21）*/







.main_topbg_circle{
background: url(../../mate/img/bg_circle.gif) right bottom no-repeat;

}
.main_topbg_circle21{
background: url(../../21/img/bg_circle.gif) right bottom no-repeat;
}

/*ナビゲーション（Mate）*/
#navi_mate{
width:778px;
height:21px;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
}

#navi_mate ul{
list-style:none;
width: 778px;
margin: 0 auto;
padding: 0;
}

#navi_mate li{
float:left;
margin:0;
padding:0;
}

#navi_mate a {
background-color:#FFFFFF;
}

#navi_mate a.on {
background-color:#FFFFFF;
background:url(../../mate/img/navi_on.gif) bottom no-repeat;
}

#navi_mate a:hover{
background-color:#FFFFFF;
background:url(../../mate/img/navi_on.gif) bottom no-repeat;
}

/*ナビゲーション（21）*/
#navi_21{
width:428px;
height:21px;
padding: 0 0 0 349px;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
}

#navi_21 ul{
list-style:none;
width: 429px;
margin: 0;
padding: 0;
}

#navi_21 li{
float:left;
margin:0;
padding:0;
}

#navi_21 a {
background-color:#FFFFFF;
}

#navi_21 a.on {
background-color:#FFFFFF;
background:url(../../21/img/navi_on.gif) left bottom no-repeat;
}

#navi_21 a:hover{
background-color:#FFFFFF;
background:url(../../21/img/navi_on.gif) left bottom no-repeat;
}


/*リンクカラー、テキストカラー*/
a.mate:link  { text-decoration: underline; color:#007CD3;}
a.mate:visited  { text-decoration: underline; color:#007CD3;}
a.mate:hover  { text-decoration: underline; color:#AEDF37;}

a.l21:link  { text-decoration: underline; color:#007CD3;}
a.l21:visited  { text-decoration: underline; color:#007CD3;}
a.l21:hover  { text-decoration: underline; color:#FFA8D7;}

.mate_important{
color:#0C9C6B;
}
.i21_important{
color:#F76EB2;
}
.base_s{
font-size /**/: 80% !important;
font-size : 75%;
}
.attention{
color:#F22727;
}
.attention_s{
color:#F22727;
font-size: 75%;
}