/*-----------------------------------------

 =RESET

-----------------------------------------*/

html{background:#fff;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{*font-size:100%;}

legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

hr{display:none;}

img{vertical-align:bottom;}

a{outline:0;}

a:hover{

text-decoration:none;

}



.fl{

float:left;

}



.fr{

float:right;

}

a.hv{

display:block;

}



a.hv img:hover {filter: alpha(opacity=80); opacity: 0.8; background-color: #fff;}



ul.ss{

line-height:150%;

}



ul.ss li{

text-align:left;

font-size:12px;

color:#666;

}



p{

font-size:12px;

line-height:150%;

color:#666;

}



/*=====header========================================================*/



#header{

width:1004px;

margin:0 auto;

padding:10px 0;

overflow:hidden;

}



a.h_logo{

float:left;

margin:20px 0 0 10px;

}



#h_right{

float:right;

width:576px;

}



#h_right ul{

float:right;

margin:20px 0 0 0;

}



#h_right li{

float:left;

}



#h_right li a{

display:block;

height:25px;

text-indent:-9999px;

}



a.m1{

width:91px;

background:url(images/m1.jpg) no-repeat left top;

}



a.m1:hover{

background:url(images/m1.jpg) no-repeat left bottom;

}



a.m2{

width:91px;

background:url(images/m2.jpg) no-repeat left top;

}



a.m2:hover{

background:url(images/m2.jpg) no-repeat left bottom;

}



a.m3{

width:90px;

background:url(images/m3.jpg) no-repeat left top;

}



a.m3:hover{

background:url(images/m3.jpg) no-repeat left bottom;

}



a.m4{

width:99px;

background:url(images/m4.jpg) no-repeat left top;

}



a.m4:hover{

background:url(images/m4.jpg) no-repeat left bottom;

}



a.m5{

width:99px;

background:url(images/m5.jpg) no-repeat left top;

}



a.m5:hover{

background:url(images/m5.jpg) no-repeat left bottom;

}



a.m6{

width:99px;

background:url(images/m6.jpg) no-repeat left top;

}



a.m6:hover{

background:url(images/m6.jpg) no-repeat left bottom;

}



#top_img{

width:100%;

background:url(images/index/top_img_back.jpg) repeat-x left top;

height:301px;

overflow:hidden;

}



#img_main{

margin:0 auto;

background:url(images/index/top_img.jpg) no-repeat left top;

width:1004px;

height:301px;

}



#img_main h2 img{

float:right;

margin:70px 42px 0 0;

}



/*=====main========================================================*/



#main{

margin:25px auto;

width:1000px;

overflow:hidden;

}



#m_left{

width:720px;

float:left;

overflow:hidden;

}





.title{

width:704px;

background:url(images/index/h3_line1.jpg) no-repeat left bottom;

padding-bottom:10px;

}



* + html .title img,

* + html .title2 img,

* + html .title3 img{

float:left;

}



.title2{

width:720px;

padding-bottom:3px;

}



.title3{

width:720px;

background:url(images/index/h3_line2.jpg) no-repeat left bottom;

padding-bottom:5px;

}



a.arrow{

float:right;

background:url(images/arrow.jpg) no-repeat left;

padding-left:10px;

font-size:12px;

color:#666;

margin-top:5px;

}



#bs{

width:704px;

overflow:hidden;

margin:20px 0 40px 0;

}



.bs_box{

float:left;

background:url(images/index/b_box.jpg) no-repeat left top;

width:190px;

height:224px;

padding:20px 15px;

}



.bs_box ul{

height:100px;

margin:25px 0 10px 0;

}



.bs_box a{

float:right;

display:block;

text-indent:-9999px;

height:37px;

margin:10px 0px 0 0;

}



.bs_box a.hp1{

width:129px;

background:url(images/practice/kigyo_hp.jpg) no-repeat left bottom;

}



.bs_box a.hp1:hover{

background:url(images/practice/kigyo_hp.jpg) no-repeat left top;

}



.bs_box a.hp2{

width:140px;

background:url(images/practice/rikon_hp.jpg) no-repeat left top;

}



.bs_box a.hp2:hover{

background:url(images/practice/rikon_hp.jpg) no-repeat left bottom;

}

.bs_box a.hp3{

width:140px;

background:url(images/practice/souzoku_hp.jpg) no-repeat left top;

}



.bs_box a.hp3:hover{

background:url(images/practice/souzoku_hp.jpg) no-repeat left bottom;

}



.mg20{

margin:0 20px;

}



.mgbt30{

margin-bottom:40px;

}



#free{

margin:20px 0 40px 0;

}



#free p{

font-size:14px;

}



#free img{

margin-top:20px;

}



ul.topic{



}



ul.topic li{

width:700px;

margin:15px 0 15px 0;

background:url(images/index/topic_line.jpg) no-repeat left bottom;

padding:10px 0 15px 0;

overflow:hidden;

}



ul.topic li p.tt{

float:right;

width:600px;

font-size:14px;

color:#835A5A;

font-weight:bold;

}



ul.topic li span{

float:left;

display:block;

width:100px;

font-size:14px;

color:#666;

font-weight:bold;

}



ul.topic li p.con{

clear:both;

float:right;

width:600px;

font-size:14px;

line-height:150%;

margin-top:10px;

}





/*===side==========================================================*/





#side{

width:240px;

float:right;

text-align:center;

overflow:hidden;

}



.s_box{

padding:0;

margin:0;

background:url(images/index/box_rpt.jpg) repeat-y left top;

width:234px;

overflow:hidden;

margin-bottom:20px;

}



* + html #side img.s_top{

float:left;

margin-bottom:5px;

}



#ss{

width:200px;

border-top:1px solid #666;

margin:15px 0 0 3px;

}



#ss p{

margin-top:10px;

font-size:10px;

line-height:160%;

color:#999;

}



.s_con{

width:210px;

margin:10px 12px;

overflow:hidden;

text-align:center;

}



.s_con ul{

margin:10px 0;

}



.s_con p{

text-align:left;

font-size:12px;

color:#666;

line-height:150%;

}



.map{

margin-top:-15px;

}



a.bn1,

a.bn2,a.bn4,a.bn5{

float:left;

width:230px;

height:95px;

margin:0 2px 20px 2px;

text-indent:-9999px;

}



a.bn3{

float:left;

margin:0 2px 20px 2px;

}





a.bn1{

background:url(images/index/side_banner1.jpg) no-repeat right top;

}



a.bn1:hover{

background:url(images/index/side_banner1.jpg) no-repeat left top;

}



a.bn2{

background:url(images/index/side_banner2.jpg) no-repeat left top;

}



a.bn2:hover{

background:url(images/index/side_banner2.jpg) no-repeat right top;

}

a.bn4{

background:url(images/index/side_banner4.jpg) no-repeat left top;

}



a.bn4:hover{

background:url(images/index/side_banner4.jpg) no-repeat right top;

}

a.bn5{

background:url(images/index/side_banner5.jpg) no-repeat left top;

}



a.bn5:hover{

background:url(images/index/side_banner5.jpg) no-repeat right top;

}


/*====footer=========================================================*/



#footer{

width:100%;

}



#f_menu_back{

width:100%;

height:36px;

background:url(images/f_menu_back.jpg) repeat-x left bottom;

}



#f_menu{

width:1004px;

margin:0 auto;

}



#f_menu ul{

float:left;

margin-top:9px;

}



#f_menu ul li{

float:left;

background:url(images/f_menu.jpg) no-repeat left top;

width:75px;

height:25px;

padding:8px 0 0 35px;

}



body:nth-of-type(1) #f_menu ul li{

float:left;

background:url(images/f_menu.jpg) no-repeat left top;

width:75px;

height:25px;

padding:5px 0 0 35px;

}



#f_menu ul li a{

margin:0;

padding:0;

font-size:12px;

color:#666;

}



#gotop{

float:right;

width:110px;

height:21px;

background:url(images/ptop_back.jpg) no-repeat right bottom;

padding:15px 0 0 0;

}



#f_main{

height:180px;

width:1004px;

margin:0 auto;

overflow:hidden;

background:url(images/f_back.jpg) no-repeat right bottom;

margin-top:30px;

}



#f_left{

float:left;

margin-left:10px;

}



#f_left img{



}



#f_left p{

margin-top:20px;

font-size:11px;

}



#f_right{

float:right;

width:570px;

background:url(images/f_area.jpg) no-repeat left top;

padding-top:30px;

}



#f_right p{

margin-left:10px;

}



#f_right span{

float:right;

margin:80px 10px 0 0;

font-size:10px;

color:#FFF;

}



/*=============================================================*/



/*=============================================================*/



/*=============================================================*/



/*=============================================================*/