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

 =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;

font-size:12px;}

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{

width:100%;

overflow:hidden;

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========================================================*/



#top_img{

width:100%;

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

height:105px;

overflow:hidden;

}



#img_main{

margin:0 auto;

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

width:960px;

height:105px;

margin-top:-1px;

}



#img_main h2 img{

margin:40px 0 0 42px;

}



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



#main{

margin:0px auto;

width:960px;

overflow:hidden;

}



.navi{

width:960px;

padding:20px 0 30px 0;

overflow:hidden;

}



.navi a{

color:#653332;

}



#m_left{

float:left;

width:710px;

padding-bottom:100px;

overflow:hidden;

}





h3.title{

width:690px;

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

padding:10px 0 10px 10px;

font-size:19px;

color:#666;

font-weight:bold;

}



* + 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;

}



/*=====practice========================================================*/



.pa{

width:700px;

overflow:hidden;

margin:20px 0 0 0px;

}



p.midashi{

color:#663333;

font-weight:bold;

margin-bottom:10px;

}



.pa a{

color:#663333;

}





.tikara{

width:700px;

overflow:hidden;

padding:15px 0;

}



.tk1{

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

width:690px;

height:53px;

padding:0px 0 0 10px;

}



.sub{

float:left;

height:20px;

line-height:20px;

border-left:4px solid #663333;

padding-left:10px;

font-size:14px;

font-weight:bold;

color: #663333;

margin-top:15px;

}



.tk2{

background:url(images/practice/tikara2.jpg) repeat-y left top;

width:690px;

padding:10px 0 10px 10px;

overflow:hidden;

}



.tk2 p{

margin:0px 0 0 10px;

width:660px;

}



.tk3{

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

width:690px;

height:103px;

padding-left:10px;

overflow:hidden;

}



.tk3 a{

float:right;

display:block;

text-indent:-9999px;

height:37px;

margin:25px 30px 0 0;

}



.tk3 a.hp1{

width:129px;

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

}



.tk3 a.hp1:hover{

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

}



.tk3 a.hp2{

width:140px;

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

}



.tk3 a.hp2:hover{

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

}


.tk3 a.hp3{

width:129px;

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

}



.tk3 a.hp3:hover{

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

}


.omakase{

float:left;

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

width:379px;

height:76px;

overflow:hidden;

padding:10px 0 0 90px;

margin-top:15px;

}



.omakase ul{

float:left;

width:189px;

line-height:150%;

}



.omakase li{

color:#653332;

font-size:12px;

}



#flow{

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

width:705px;

height:117px;

padding-top:165px;

}



#flow ul{

width:695px;

margin:10px 0 0 10px;

overflow:hidden;

}



* + html #flow ul{

float:left;

width:695px;

margin:10px 0 0 10px;

overflow:hidden;

}



#flow li{

float:left;

width:139px;

}



#flow p{

width:125px;

margin:0;

margin-left:0px;

font-size:12px;

color:#666;

line-height:150%;

}



#flow p.pl{

margin-left:10px;

}





/*=====firm========================================================*/



.ob_box{

margin:20px 0;

background-color:#F7F5F4;

border:1px solid #E7E4E0;

padding:10px 20px;

width:658px;

overflow:hidden;

}



span.s_title{

float:left;

margin-bottom:5px;

font-size:12px;

color:#663333;

font-weight:bold;

}



span.s_title2{

font-size:14px;

color:#663333;

font-weight:bold;

}



#sou{

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

padding:20px 300px 50px 0;

}



a.gohead{

clear:both;

float:right;

margin-top:20px;

}



span.year{

float:left;

width:100px;

font-size:12px;

color:#666;

line-height:150%;

}



p.kei{

float:left;

width:400px;

font-size:12px;

color:#666;

}



p.mgt20{

float:left;

width:700px;

margin-top:20px;

}



#begosi1{

background:url(images/firm/photo.jpg) no-repeat right top;

padding-right:200px;

}



* + html #begosi1{

width:500px;

position:relative;

background:url(images/firm/photo.jpg) no-repeat right top;

padding-right:200px;

z-index:9999;

}



#begosi2{

background:url(images/firm/photo2.jpg) no-repeat right top;

padding-right:200px;

}



* + html #begosi2{

width:500px;

position:relative;

z-index:9999;

background:url(images/firm/photo2.jpg) no-repeat right top;

padding-right:200px;

}



ul.sp_box{

width:700px;

margin:20px 0;

}



ul.sp_box li.s1{

margin-top:3px;

border:4px solid #663333;

padding:10px 0;

padding-left:20px;

font-size:14px;

font-weight:bold;

color:#663333;

}



ul.sp_box li.s2{

margin-top:3px;

border:4px solid #663333;

padding:10px 20px;

font-size:12px;

line-height:150%;

color:#663333;

}





ul.office{

width:640px;

margin-left:10px;

}



ul.office li{

width:640px;

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

overflow:hidden;

margin-bottom:10px;

}



ul.office li span{

float:left;

width:100px;

border-right:1px solid #E0DFE3;

padding:10px 0;

color:#663333;;

font-size:12px;

font-weight:bold;

}



ul.office li p{

float:right;

width:500px;

padding:10px 0;

margin:0;

}



table.off_album{

width:700px;

margin:0;

}



table.off_album td{

vertical-align:top;

}



.pa iframe{

margin-top:10px;

}





/*=====appointment========================================================*/



.pa_top{

width:700px;

text-align:center;

margin-top:10px;

padding-bottom:30px;

font-size:14px;

font-weight:bold;

color:#663333;

}



.pa_top img{

margin-top:10px;

}



#app{

width:658px;

border:1px solid #DDDBD6;

padding:20px 20px;

overflow:hidden;

}



.mail{

width:660px;

padding-bottom:5px;

border-bottom:1px solid #DDDBD6;

margin-bottom:20px;

}



span.tt1{

border-left:4px solid #663333;

height:20px;

line-height:20px;

padding-left:10px;

font-size:14px;

font-weight:bold;

}



span.tt2{

float:left;

font-size:14px;

color:#666;

}



* + html span.tt2{

float:left;

width:500px;

font-size:14px;

color:#666;

}



span.tt3{

float:right;

margin-right:20px;

font-size:12px;

color:#663333;

font-weight:bold;

}



* + html span.tt3{

float:right;

width:150px;

margin-right:20px;

font-size:12px;

color:#663333;

font-weight:bold;

}





#app table {

float:left;

width:660px;

border-collapse:collapse;

margin-top:0px;

margin-bottom:20px;

}



#app table tr td{

color:#666;

	font-size:12px;

	padding:5px 10px;

	border:1px solid #E7E4E0;

}



#app table tr td.tt{

	background-color:#F7F5F4;

	color:#663333;

	font-weight:bold;

	font-size:14px;

}



#app table tr td.tf{

	background-color:#F3F2F4;

	color:#666;

	font-weight:bold;

}



#app table tr td input{

	height:20px;

	width:300px;

	border:1px solid #E7E4E0;

	margin:5px 0;

}



#app table tr td input:hover{

background-color:#F7F5F4;

}



#app table tr td input.date{

	height:17px;

	width:50px;

}



#app table tr td input.time{

	height:17px;

	width:130px;

}



#app table tr td textarea{

	width:420px;

	height:330px;

	margin:0;

	padding:0;

	margin-left:10px;

}



#app table tr td textarea:hover{

background-color:#F7F5F4;

}



#app table tr td input.bno{

	border:0px;

	padding:0;

	width:15px;

	height:15px;

}



#app table tr td input.bt {

	border:0px;

	padding:0;

	width:307px;

	height:42px;

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

}



#app table tr td input.bt2 {

	border:0px;

	padding:0;

	width:200px;

	height:34px;

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

}



#app table tr td input.bt3 {

	border:0px;

	padding:0;

	width:200px;

	height:34px;

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

}



#app table tr td input.bt:hover{

cursor:pointer;

filter: alpha(opacity=90); 

opacity: 0.9; 

}



/*=====price========================================================*/



.cb{

clear:both;

}



.line{

width:658px;

overflow:hidden;

}





a.arrow2{

float:left;

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

padding-left:10px;

font-size:12px;

color:#666;

margin-top:5px;

margin-right:20px;

}



span.sptt{

float:left;

width:690px;

margin-top:10px;

border-left:4px solid #663333;

height:20px;

line-height:20px;

padding-left:10px;

font-size:14px;

font-weight:bold;

}



table.price{

float:left;

width:700px;

border:1px solid #E7E4E0;

font-size:12px;

color:#666;

border-collapse:separate;

margin:20px 0 10px 0;

}



table.price th{

border:1px solid #FFF;

border-bottom:1px solid #E7E4E0;

background:url(images/fee/th_back.jpg) repeat left top;

padding-left:10px;

}



table.price td{

padding:5px 0;

border-left:1px solid #E7E4E0;

border-bottom:1px solid #E7E4E0;

padding-left:10px;

}



table.price td.nobd{

border-bottom:none;

}



table.price th.nobd2{

border-bottom:1px solid #FFF;

}



table.price td.tf{

border-right:1px solid #FFF;

border-top:1px solid #FFF;

background:url(images/fee/td_back.jpg) repeat left top;

}





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





#side{

float:right;

width:234px;

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;

}



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



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



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



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