@charset "UTF-8";

/* -------------------- clearfix -------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End Hack *//* -------------------- /clearfix ܂ -------------------- */

.fl_l { float:left;}
.fl_r { float:right;}
.t_ind { text-indent:-9900px; overflow:hidden; font-size:0;}
.align_c { text-align:center;}
.align_l { text-align:left;}
.align_r { text-align:right;}
.hidden { display:none;}
.wrapper { width:960px; margin:0 auto;}

body {
	width:100%;
	color:#161616;
	background:url(img/common/header_bg.gif) top repeat-x;
	background-color:#ffffff;
	font-family:"ＭＳ Ｐゴシック","メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, Arial;
}
a { color:#008ffd; outline:none;}
a:hover { color:#79c5ff; text-decoration:none;}

#headerTop { height:162px;}
#headerTop h1 { margin:26px 28px 0 0; float:left;}
#headerBanner { width:389px; height:88px; background:url(img/common/b_recruit.jpg) left top no-repeat; margin-top:43px; text-indent:-9999px; overflow:hidden; display:block; float:left;}
#headerBanner:hover { background-position:left bottom;}
#headerTop h2 { width:216px; height:73px; margin-top:50px; background:url(img/common/header_tel.gif) left top no-repeat; float:right; text-indent:-9999px; overflow:hidden;}

#gnavi { height:60px;}
#gnavi li { width:120px; float:left;}
#gnavi a { width:120px; height:45px; display:block; background-position:left top; float:left;}
#gnavi a:hover { background-position:left bottom;}
#gnavi_1 { background:url(img/common/gnavi_1.gif) no-repeat;}
#gnavi_2 { background:url(img/common/gnavi_2.gif) no-repeat;}
#gnavi_3 { background:url(img/common/gnavi_3.gif) no-repeat;}
#gnavi_4 { background:url(img/common/gnavi_4.gif) no-repeat;}
#gnavi_5 { background:url(img/common/gnavi_5.gif) no-repeat;}
#gnavi_6 { background:url(img/common/gnavi_6.gif) no-repeat;}
#gnavi_7 { background:url(img/common/gnavi_7.gif) no-repeat;}
#gnavi_8 { background:url(img/common/gnavi_8.gif) no-repeat;}

#main { padding-top:30px; margin-bottom:24px;}

#left { width:616px; float:left;}

#right { width:344px; float:left;}

#t_info { width:344px; height:37px; background:url(img/common/t_info.gif) left top no-repeat;}
#info { height:322px; margin:12px 0 24px;; overflow:auto; line-height:1.2;}
#info strong { font-size:12px;}
.ititle { font-size:18px; color:#ff526f;}
#info div { margin:6px 0 12px; padding-bottom:12px; border-bottom:1px dotted #ff526f;}
#info div img { width:88px; margin-right:12px; border:1px solid #e5e5e5; float:left;}
#info div p { width:222px; font-size:14px; float:left;}

#r_event { width:342px; height:260px; margin-bottom:24px; border:1px solid #d0d0d0;}
#r_event img { width:334px; margin:4px;}

#b_mrec { width:344px; height:96px; margin-bottom:12px; background:url(img/common/b_mrec.jpg) left top no-repeat; display:block;}
#b_mrec:hover { background-position:left bottom;}

#b_syame { width:344px; height:96px; margin-bottom:12px; background:url(img/common/b_syame.jpg) left top no-repeat; display:block;}
#b_syame:hover { background-position:left bottom;}

#b_mail { width:344px; height:96px; margin-bottom:12px; background:url(img/common/b_mail.jpg) left top no-repeat; display:block;}
#b_mail:hover { background-position:left bottom;}

#gerira { width:276px; height:302px; padding:68px 34px 18px; margin-bottom:24px; background:url(img/common/bg_gerira.gif) left top no-repeat;}
#gerira h2 { color:#ff526f; font-size:12px; font-weight:bold;}
#gerira p { margin-top:12px; line-height:1.3;}
#gbox { width:276px; height:302px; overflow:auto;}

#gweb { padding-top:12px;}
#gweb li { margin-bottom:12px;}
#gweb img { width:344px;}

#btn_top { width:151px; height:28px; margin-bottom:24px; background:url(img/common/btn_top.gif) left top no-repeat; float:right; display:block;}
#btn_top:hover { background-position:left bottom;}

footer { background:url(img/common/bg_footer.gif) left top repeat-x; background-color:#ff526f;}
#fbox { padding:24px 0 18px; font-size:14px; color:#ffffff;}
#fbox img { float:left;}
#fcbox { width:497px; padding-left:18px; line-height:1.5;}
#fbox ul { margin-bottom:12px;}
#fbox li { font-size:12px; float:left;}
#fbox a { color:#ffffff;}

#glist { padding-bottom:18px;}
#glist ul { width:842px; padding:11px 0 11px 118px; margin:0 auto; background:url(img/common/yuryouten.gif) left center no-repeat; border-top:1px dotted #fff; border-bottom:1px dotted #fff;}
#glist li { padding-left:12px; float:left;}


