@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 12px;
}

a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}
p { margin: 0 0 5px; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

/* add
------------------------------------------------------------------------*/

.mb05 { margin-bottom : 5px; }
.mb10 { margin-bottom : 10px; }
.mb15 { margin-bottom : 15px; }
.mb20 { margin-bottom : 20px; }

.mt05 { margin-top : 5px; }
.mt10 { margin-top : 10px; }
.mt15 { margin-top : 15px; }
.mt20 { margin-top : 20px; }

.mr18{ margin-right: 18px; }
.br0{ border-right: none !important; }
.bg0{ background: none !important; }
.red{ color: #F00; }

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
	height: 100%;
}

body {
    background: url(../images/bg_body.png) repeat;
	color: #333;
	text-align: center;
	width: 100%;
	height: 100%;
}

.main{ width: 960px; height:auto; margin: 0 auto; overflow: hidden; }
.content .main{ margin: -12px auto 0 auto; }

.warp{ 
	width: 100%;
	height: auto !important;
	margin-bottom: 20px;
	float:left;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
.header{ width: 100%; height: auto; float:left; text-align: left; padding-bottom: 10px; }
.logo{ width: auto; float:left; margin: 12px auto 6px 0px; }

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#footer{ width: 100%; height: 75px; background: #252525; float:left; }
#footer ul{ float:left; margin-top: 20px; margin-left: 100px;}
#footer ul li{ float:left; display: block; padding: 0 20px; border-right: 1px solid #fff; }
#footer ul li a{ display: block; color: #fff; text-decoration: none; }

#footer p{ margin-top: 8px; font-size: 11px; color: #fff; width: 100%; margin-top: 10px; float:left; }
 
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
.content{ width: 100%; height:auto; float:left; border-top: solid 12px #7cb0af ; }

.left{ width: 697px; height: auto; float:left; }
.right{ width: 255px; height:auto; float:right; }

.bg_content_t{ background:url(../images/bg_top.png) no-repeat left top; width: 100%; height:auto; padding-top: 8px; float:left; margin-top: 30px; }
.bg_content_b{ background:url(../images/bg_bottom.png) no-repeat left bottom; width: 100%; height:auto; padding-bottom: 8px; float:left; }
.bg_content_c{ background:url(../images/bg_center.png) repeat-y; width: 657px; height:auto; float: left; padding: 15px 20px; }

.section01{ width: 100%; height: auto; float:left; }
.section02{ width: 600px; margin: 0 auto; background: url(../images/bg_dot.png) repeat-x left bottom; padding: 25px 0; }
.section03{ width: 100%; height: auto; float:left; }

.title_page{ background:url(../images/bank_4.png) no-repeat left top; width: 100%; height: auto; float: left; padding-bottom: 5px; border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; }
.title_page span{ display: block; float: left; margin-left: 30px; font-size: 16px; color: #7cb0af; }

.content h3{ background:url(../images/bank_5.png) no-repeat left center; padding-left: 20px; font-size: 14px; color: #7cb0af; margin-bottom: 10px; }

/* index
------------------------------------------------------------------------*/
.banner{ width: auto; height: auto; float:left; margin-top: 28px; }

.intro{ width: 200px; height: 192px; float:left; background: #7cb0af; color: #fff; text-align: left; padding: 15px; margin-right: 18px; }
.intro p{ font-size: 14px; }

.box{ width: 315px; height: 190px; background: #fff; border: 1px solid #d7d7d7; float: left; padding: 15px; }
.box h3{ background: url(../images/bank_2.png) no-repeat left top; border-bottom: 1px solid #d7d7d7; width: 295px; float: left; padding-bottom: 5px; text-align: left;}
.box h3 span{ font-size: 14px; text-transform: uppercase; color: #7cb0af; font-weight: bold; display: block; margin-left: 20px; }
.box p{ width: 100%; height: auto; float: left; text-align: left; margin-top: 7px; font-size: 11px; }
.box p span { width: 97%; height: auto; float: left; margin-left: 3%; }
.box p span.bg{ background:url(../images/bank_3.png) no-repeat left center; padding-left: 15px; margin-bottom: 3px; margin-left: 0!important; }

.box dl{ width: 100%; float: left; height: auto; text-align: left; margin: 9px 0; }
.box dt{ width: 20%; height: auto; float:left; background: url(../images/bank_3.png) no-repeat left center; padding-left: 5%; }
.box dd{ width: 75%; height: auto; float:left; }

/* recruit
------------------------------------------------------------------------*/
.recruit {position: relative;}
.recruit dl{ width: 100%; float:left; padding: 20px 0; background: url(../images/bg_dot.png) repeat-x left bottom; }
.recruit dt{ width: 20%; float:left; background: url(../images/bank_6.png) no-repeat left center; padding-left: 20px; }
.recruit dd{ width: 74%; float:left; }
.none_recruite{
 background: rgba(157, 157, 157, 0.5);
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 2;
}

.none_recruite p{
 margin: 0;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 -moz-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 -o-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
 position: absolute;
 font-size: 25px;
 font-weight: bold;
 color: #000;
 z-index: 3;
}
/* contact
------------------------------------------------------------------------*/
.contact dl{ width: 100%; height:auto; background:url(../images/bg_dot.png) repeat-x left bottom; padding: 20px 0; overflow: hidden; }
.contact dt{ width: 30%; height:auto; float: left; }
.contact dd{ width: 70%; height:auto; float:left; }

.contact .text_box{ background: #fff; width: 330px; border: 1px solid #bebebe; font-size: 12px; padding: 3px 5px; }
.contact textarea{ background: #fff; width: 330px; border: 1px solid #bebebe; font-size: 12px; padding: 3px 5px; }
.btn_submit{ background:url(../images/btn_submit.png) no-repeat; width: 92px; height: 36px; color: #fff; border: none; margin-left: 130px; }

/* privacy
------------------------------------------------------------------------*/
.section03 h3{ background: url(../images/bank_6.png) no-repeat left center; padding-left: 20px; width: 100%; float:left; color: #333; }
.section03 p{ margin-left: 20px; }


/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/
.navi-right{ background: url(../images/bg_menu.png) no-repeat; width: 255px; height: 344px; position: relative; top: 3px; z-index: 1000; }
.navi-right ul{ text-align: left; float:left; margin: 55px 0 0 25px; }
.navi-right ul li{ display: block; background:url(../images/line.png) no-repeat center bottom; width: 220px; }
.navi-right ul li a{ color: #fff; text-decoration: none; display: block; padding: 18px 0 18px 25px; text-transform: uppercase; font-weight:bold; }
* + html .navi-right ul li a{ padding: 15px 0 15px 25px; } /* IE7 */
.navi-right ul li a:hover{ background: url(../images/bank_1.png) no-repeat left center; }
.navi-right ul li .selected{ background: url(../images/bank_1.png) no-repeat left center; }

/* WEB_UPDATE-3067 送信確認チェックボックスエリア */
.check_area label { 
    margin-left: 60px;
} 
.check_area input {
    margin-right: 10px;
	vertical-align:middle;
}