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


/* IE6 TOP bug fix */

#top #container,
#top #footer{
   _margin-left: 38px;
}


#second #contents p.end a{
   _line-height: 1pt;
}

#second #contents .main {
    min-height:943px;
	height: auto !important;
	height: 943px;
}

#top_takumi {
    _left: -336px;
}

#member_login{
    _left: -796px;
	_float: left;
}


#subnavi h2{
    _line-height: 1pt;
}


#second #contents .about {
    _margin-right: 18px;
	_position: relative;
}

#second #contents .about h2{
     _position: absolute;
}

#second #contents .about ul{
     _position: absolute;
	 _margin-top: 55px;
}

#second #contents .about ul li{
     _margin-bottom: 13px;
}


#second #contents .examination {
    _margin-right: 18px;
	_position: relative;
}

#second #contents .examination h2{
     _position: absolute;
}

#second #contents .examination ul{
     _position: absolute;
	 _margin-top: 55px;
}

#second #contents .examination ul li{
     _margin-bottom: 15px;
}


#second #contents .training {
    _margin-right: 18px;
	_position: relative;
}

#second #contents .training h2{
     _position: absolute;
}

#second #contents .training ul{
     _position: absolute;
	 _margin-top: 55px;
}

#second #contents .training ul li{
     _margin-bottom: 15px;
}



#subnavi li a{
   _line-height: 1pt;
}


#second #site_id a {
    width: 198px;
	height: 68px;
	display: block;
}





/*  */



.midashi{
    border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	font-weight: bold;
	margin-top: 10px;
}

.fl_r{
   float: right;
}
.fl_l{
    float: left;
}

.m_t10{
    margin-top: 10px;
}
.m_t20{
    margin-top: 20px;
}
.m_t30{
    margin-top: 30px;
}
.m_t40{
    margin-top: 40px;
}

.m_b10{
    margin-bottom: 10px;
}
.m_b20{
    margin-bottom: 20px;
}
.m_b30{
    margin-bottom: 30px;
}
.m_b40{
    margin-bottom: 40px;
}

.m_l10{
    margin-left: 10px;
}
.m_l20{
    margin-left: 20px;
}
.m_l30{
    margin-left: 30px;
}
.m_l40{
    margin-left: 40px;
}

.m_r10{
    margin-right: 10px;
}
.m_r20{
    margin-right: 20px;
}
.m_r30{
    margin-right: 30px;
}
.m_r40{
    margin-right: 40px;
}

.red{
    color: red;
}
.small{
    font-size: 85%;
}





#second #contents #subnavi.infomation {
 float:left;
 width:205px;
 height:194px;
 padding:0 0 0 17px;
 background:url(../img/bg_snavi_info.jpg)  no-repeat 17px 1px;
 _margin-right: 21px;
}

#subnavi.infomation h2 {
 width:158px;
 height:15px;
}

#subnavi.infomation h2 a,
#subnavi.infomation h2 p {
 display:block;
 width:158px;
 height:15px;
 background:url(../../contents/infomation/img/snavi_infomation_top.jpg) no-repeat;
 text-indent:-9999px;
}
#subnavi.infomation h2 a:hover,
#subnavi.infomation h2 p {
   background-position: 0 -16px;
}

#subnavi.infomation li {
 height:13px;
}

#subnavi.infomation li a,
#subnavi.infomation li p{
    height: 13px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	_font-size: 1pt;
}

#subnavi.infomation li p,
#subnavi.infomation li a:hover{
   background-position: 0 -13px;
}

#subnavi.infomation li.link01 a,
#subnavi.infomation li.link01 p{
    width: 126px;
    background-image: url(../../contents/infomation/img/snavi_infomation_06.jpg);
}
#subnavi.infomation li.link02 a,
#subnavi.infomation li.link02 p{
    width: 115px;
    background-image: url(../../contents/infomation/img/snavi_infomation_07.jpg);
}
#subnavi.infomation li.link03 a,
#subnavi.infomation li.link03 p{
    width: 115px;
    background-image: url(../../contents/infomation/img/snavi_infomation_08.jpg);
}
#subnavi.infomation li.link04 a,
#subnavi.infomation li.link04 p{
    width: 126px;
    background-image: url(../../contents/infomation/img/snavi_infomation_05.jpg);
}
#subnavi.infomation li.link05 a,
#subnavi.infomation li.link05 p{
    width: 115px;
    background-image: url(../../contents/infomation/img/snavi_infomation_03.jpg);
}
#subnavi.infomation li.link06 a,
#subnavi.infomation li.link06 p{
    width: 150px;
    background-image: url(../../contents/infomation/img/snavi_infomation_04.jpg);
}
#subnavi.infomation li.link07 a,
#subnavi.infomation li.link07 p{
    width: 150px;
    background-image: url(../../contents/infomation/img/snavi_infomation_09.jpg);
}

#subnavi.infomation li.link08 a,
#subnavi.infomation li.link08 p{
    width: 116px;
    background-image: url(../../contents/infomation/img/snavi_infomation_10.jpg);
}




#second #contents #subnavi.takumi {
 float: left;
 width:180px;
 height:284px;
 margin:0 25px 0 18px;
 background:url(../img/bg_snavi_takumi_top.jpg)  no-repeat top left;
}

#contents .takumi {
   _float: left;
   _width:180px;
   _height:284px;
   _margin:0 25px 0 9px;
   _background:url(../img/bg_snavi_takumi_top.jpg)  no-repeat top left;
}
#subnavi.takumi h2 {
 width:180px;
 height:14px;
 background: url(../img/bg_snavi_takumi_line.jpg) repeat-y;
 margin:25px 0 0px 0px;
 padding-bottom: 20px;
 _margin: 0px;
 _padding-top: 25px;

}

#subnavi.takumi h2 a,
#subnavi.takumi h2 p {
 display:block;
 width:167px;
 height:14px;
 background:url(../../contents/takumi/img/snavi_takumi_top.jpg) no-repeat;
 text-indent:-9999px;
 margin-left: 10px;
}

#subnavi.takumi h2 a:hover,
#subnavi.takumi h2 p{
     background-position: 0 -14px;
}

#subnavi.takumi ul{
 width:180px;
 background: url(../img/bg_snavi_takumi_line.jpg) repeat-y;
 display: block;
 margin-left: 0px;
}

#subnavi.takumi li{
   margin-bottom: 0px;
   padding-bottom: 20px;
   padding-left: 12px;
   background: url(../../contents/takumi/img/snavi_takumi_pt.jpg) 0px 2px no-repeat;
}

#subnavi.takumi .line{
  clear: both;
  width: 180px;
  height: 7px;
  background: url(../img/bg_snavi_takumi_bottom.jpg) no-repeat top;

}



/* 会社概要 */

#info_lst{
    width: 581px;
	_width: 581px;
	height: 750px;
	_height: 392px;
	background: url(../../contents/other/img/img_bg_outline.jpg) no-repeat;
	padding: 46px 0 0 27px;
}

#info_lst h3{
    margin-bottom: 15px;
}
#info_lst h4{
    margin-bottom: 10px;
}

#info_lst dt{
    clear: both;
    width: 85px;
    float: left;
	vertical-align: top;
	border-top: 1px dotted #ccc;
	_display: inline;
}

#info_lst dd{
    float: left;
	margin-bottom: 3px;
	line-height: 140%;
	padding: 5px 0 0 5px;
	border-top: 1px dotted #ccc;
	width: 350px;
	_display: inline;
}

#info_lst .header{
    border-top: none;
}
#info_lst dd.lst_1{
    width: 448px;
}
#info_lst dd.lst_2{
    width: 450px;
}
#info_lst dd.lst_3{
    width: 450px;
}
#info_lst dd.lst_4{
    width: 450px;
}
#info_lst dd.lst_5{
    width: 450px;
}


li.btn_inquiry_mail{
    float: left;
	width: 279px;
	height: 125px;
}
li.btn_inquiry_mail a{
    width: 279px;
	height: 125px;
	display: block;
	text-indent: -9999px;
	background: url(../../contents/infomation/img/btn_inquiry_mail.jpg) no-repeat;
}
li.btn_inquiry_mail a:hover{
    background-position: 0 -125px;
}

li.btn_inquiry{
    float: left;
	width: 279px;
	height: 125px;
	margin-left: 10px;
}
li.btn_inquiry a{
    width: 279px;
	height: 125px;
	display: block;
	text-indent: -9999px;
	background: url(../../contents/infomation/img/btn_inquiry.jpg) no-repeat;
}
li.btn_inquiry a:hover{
    background-position: 0 -125px;
}

dl#form{
    display: block;
}

dl#form dt{
   float: left;
   width: 148px;
   clear: both;
   padding-top: 12px;
   font-weight: bold;
}

dl#form dt.head,
dl#form dd.head{
   border-top: none;
}

dl#form dt span{
    color: red;
}

dl#form dd{
   float: left;
   width: 411px;
   line-height: 140%;
   padding-top: 12px;
}

dl#form dd p{
   margin-bottom: 10px;
}

dl#form dd input{
    margin: 2px 3px;
	padding: 1px;
}

.txt_box01{
   border: 3px double #ccc;
   padding: 5px;
   line-height: 150%;
}

.txt_box01 h3{
	margin: 5px 0 10px 0;
}


.inquiry_btn li{
    float: left;
	width: 279px;
	margin-bottom: 15px;
}


.inquiry_btn li a{
    width: 279px;
	height: 126px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


.inquiry_btn li a:hover{
    background-position: 0 -126px;
}

.inquiry_btn li.btn01,
.inquiry_btn li.btn03{
    margin-right: 10px;
}
.inquiry_btn li.btn01 a{
    background-image: url(../../contents/infomation/img/btn_doc_request_school.jpg);
}
.inquiry_btn li.btn02 a{
    background-image: url(../../contents/infomation/img/btn_doc_request_juku.jpg);
}
.inquiry_btn li.btn03 a{
    background-image: url(../../contents/infomation/img/btn_doc_request_kojin.jpg);
}
.inquiry_btn li.btn04 a{
    background-image: url(../../contents/infomation/img/btn_inquiry_form.jpg);
}

.inquiry_btn li.img01{
    width: 278px;
	height: 265px;
	text-indent: -9999px;
	display: block;
    background-image: url(../../contents/infomation/img/img_inquiry01.gif);
}

.inquiry_chui{
    float:right;
	margin-right: 4px;
	_display: inline;
}

#privacy_c{
  margin-left: 10px;
}

#privacy_c h3{
    border-bottom: 1px solid #999;
	padding-bottom: 2px;
	margin-top: 20px;
	color: #333;
}
#privacy_c ul{
    margin-left: 20px;
}
#privacy_c li{
    list-style: disc;
	margin-top: 10px;
}

#transaction_ta td,
#transaction_ta th{
    padding: 5px;
}

#transaction_ta th{
    text-align: left;
	width: 170px;
}

#now_takumi{
    width: 537px;
    _width: 567px;
	background-color: #fff;
	border: 2px solid #ccc;
	padding: 15px 15px 0 15px;
	background: url(../../contents/takumi/img/subt_takumi01.jpg) no-repeat 15px 15px #FFF;
	line-height: 180%;
}

#now_takumi h3{
    margin-left: 120px;
	font-size: 14px;
	margin-top: 2px;
}
#now_takumi h4{
    margin-left: 120px;
	font-size: 14px;
	color: #D4552A;
	margin-bottom: 10px;
}

#now_takumi .photo{
    float: left;
	margin-right: 10px;
}

#next_takumi{
    display: block;
	line-height: 180%;
	background: url(../../contents/takumi/img/subt_takumi02.jpg) no-repeat 150px 30px #FFF;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 2px solid #ccc;
}
#next_takumi .photo{
    float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#next_takumi h3{
    padding-top: 20px;
}
#next_takumi h4{
    color: #D4552A;
}

#next_takumi .comming_soon{
    text-align: center;
	color: #333;
	font-weight: bold;
}

#bnumber_takumi .bnumber {
	font-weight:bold;
    border-top:2px solid #ccc;
    border-bottom:2px solid #ccc;
    margin:20px 0;
    background:#FFFFFF;
}

#bnumber_takumi .photo {
	float:left;
    margin:0 15px 15px 0;
}

#bnumber_takumi h3{
}
#bnumber_takumi h4{
    color: #D4552A;
}



#takumi_title{
     margin-bottom: 30px;
	 display: block;
}

#takumi_title .name{
    text-align: right;
	font-weight: bold;
	margin-bottom:5px;
}

#takumi_title h3{
     font-size: 130%;
	 border-bottom: 1px solid #ccc;
	 margin-bottom: 5px;
}

#takumi_title h4{
	color: #D4552A;
	font-size: 16px;
	text-align: center;
}

#takumi_txt {
}

#takumi_txt p{
   margin-bottom: 20px;
}

#takumi_txt h5{
    color: #D4552A;
	font-size: 14px;
	margin: 20px 0 10px 0;
}

#takumi_txt .photo_r{
    float: right;
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 5px;
	display: block;
}

#takumi_txt .photo_l{
    float: left;
	border: 1px solid #ccc;
	padding: 5px;
	margin-right: 5px;
	display: block;
}

#takumi_txt .photo{
	border: 1px solid #ccc;
	padding: 5px;
	display: block;
	margin:0 auto;
	width:250px;
	margin-bottom:20px;
}

#takumi_txt span.name{
    font-weight: bold;
	
}

#takumi_txt .takumi_box {
 	padding:0 10px;
    border:#CCCCCC 2px solid;
    margin:0 0 10px 0;
    background:#FFFFFF;
}

#takumi_txt .takumi_box p {
	margin:10px 0;
}

.tbl_takumi {
	width:100%;
    margin:0 0 20px 0;
}

.tbl_takumi th,
.tbl_takumi td {
	padding:5px;
}


.tipInner{
   border: 1px solid #D4552A;
   color: #D4552A;
   background-color: #fff;
   position: relative;
   z-index: 9999;
   padding:1px;
   display: block;
   min-height: 16px;
}

#checkarray{
   width: 380px;
}

#checkarray_tip{
   margin-left: -20px;
   _margin-left: 0px;
   left: 10px;
}

#checkarray2_tip .tipInner{
   margin-left: -50px;
   _margin-left: 0px;
}

#dlg{
    position: absolute;
	line-height: 1pt;
	text-indent: -9999px;
}
#dlg span{
    text-indent: -9999px;
	display:none;
	line-height: 1pt;
}


input.form_btn,
input.form_radio,
input.form_check{
   border: none;
}


/**/
#cse-search-box div{
    float: right;
	margin-right: 100px;
	_margin-right: 50px;
	display: block;
	margin-top: 3px;
}

#second #cse-search-box div{
    margin-top: 92px;
	margin-right: 105px;
	_margin-right: 53px;
}

#cse-search-box .search_box{
    float: left;
	border:1px solid #888 !important;
}

#cse-search-box .search_btn{
    border: 0px;
	margin-top: 2px;
	margin-left: 5px;
	float: left;
}

.validate{
    display: block;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc
}

#page_lst{
    text-align: center;
	width: 570px;
	margin: 0 auto 0 auto;
	_margin: 0 auto 0 -40px;
}


#page_lst li{
    text-align: center;
	vertical-align: middle;
	display: inline;
	margin: 0 3px;
}

#page_lst li.nowpage{
    border: none;
	display: inline;
	font-size:130%;
	padding: 3px 5px;
	text-align: center;
	vertical-align: middle;
	margin:0px;
}

#page_lst li a{
    text-decoration: none;
	font-size:130%;
	padding: 3px 5px;
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
	margin:0px;
}

#page_lst li a:hover{
    text-decoration: underline;
}

#page_lst li.page_back,
#page_lst li.page_next,
#page_lst li.page_back a,
#page_lst li.page_next a{
    border: none;
}

#page_lst li.page_back a img,
#page_lst li.page_next a img{
    margin-bottom: -7px;
}

.sitemap_lst{
    float: left;
	margin-left: 20px;
	display: block;
}

.sitemap_lst li{
    margin-left: 10px;
	margin-bottom: 15px;
	font-size: 12px;
}

.sitemap_lst li ul li{
    margin-left: 10px;
	margin-top: 10px;
}


.sitemap_lst li ul li ul{
    margin-left: 15px;
}

.sitemap_lst li ul li ul li{
    list-style: square;
	margin-bottom: 10px;
}

.sitemap_lst li ul li ul li ul{
    margin-top: 5px;
}
.sitemap_lst li ul li ul li ul li{
    list-style: disc;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 11px;
	margin-left: 5px;
}

.sitemap_lst li ul li ul li ul li ul li{
    list-style: circle;
    font-size: 10px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 5px;
}

#lst_compres li{
    float: left;
	width: 187px;
	display: inline;
	height:50px;	
	padding: 0;
	margin: 0;
}

#lst_compres li.lst_1,
#lst_compres li.lst_2{
    margin-right: 2px;
}

#lst_compres li a,
#lst_compres li p{
    width: 187px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

#lst_compres li a:hover,
#lst_compres li p{
    background-position: 0 -50px;
}

#lst_compres li.lst_1 a,
#lst_compres li.lst_1 p{
    background-image: url(../../contents/about/compre/img/lst_compre01.jpg);
}
#lst_compres li.lst_2 a,
#lst_compres li.lst_2 p{
    background-image: url(../../contents/about/compre/img/lst_compre02.jpg);
}
#lst_compres li.lst_3 a,
#lst_compres li.lst_3 p{
    background-image: url(../../contents/about/compre/img/lst_compre03.jpg);
}

#compres_item{
    float: left;
	width: auto;
	text-align: center;
	margin-right: 20px;
	padding: 10px 20px;
	background-color:#FFFFFF;
	border:4px solid #CCCCCC;
}

#compres_item p{
}

#compres_item .btn{
    width: 96px;
	height: 28px;
	margin-top: 10px;
	display: inline-block;
}

#compres_item .btn a{
	color: #020f68;
	text-decoration: none;
	display: block;
	background: url(../../contents/about/compre/img/btn_compre.gif) no-repeat;
	width: 88px;
	height: 28px;
	padding-left: 8px;
}

* html #compres_item .btn a{
    width: 96px;
	padding-left: 10px;
}

#compres_item .btn a:hover{
    color: #d03e0d;
}

#compres_details{
    width: 100%;
}

#compres_details th{
    padding: 2px;
	line-height: 2;
	text-align: left;
}

#compres_details td{
    padding: 10px;
	line-height: 2;
}

#compres_details td span{
    display: inline-block;
	margin-right: 20px;
}

#compres_c {
 border:2px solid #CCCCCC;
 padding:20px;
 background:#FFFFFF;
}
#compres_c h3 {
 margin-bottom:20px;
}

#compres_c .title {
 font-weight:bold;
 font-size:120%;
}

.txt_red{
   color: #B91E19;
}

.txt_blue{
   color: #013a7f;
}