@charset "shift_jis";



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

	0: reset & frame
	1: contentcolumn
	2: faq
	3: form
	4: recruit
	5: leftcolumn(nav)
	6: footer
	7: module

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


*{
margin: 0;
padding: 0;
font-weight: normal;
font-family: verdana, arial, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka;
}

body{
margin:0;
padding:0;
font-size: 80%;
line-height: 1.5em;
background: #bababa url(image/back.gif) repeat-x 0 0;
}

b{font-size: 110%;}
em{color: red;}

img{
	border: 0px;
}
#maincontainer{
width: 768px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 1px solid #000;
border-width: 0 1px;
background: #FFF;
}

#topsection{
}

h1{
font-size: 11px;
line-height: 1.5em;
}

#topsection h1 a{
color: #FFF;
padding-left: 10px;
background: #EAEAEA;
height: 125px; /*Height of top section*/
background: url(image/title.jpg) no-repeat 0 0;
text-decoration: none;
display: block;
cursor: pointer;
}

em{
line-height: 1.3em;
font-size: 1.5em;
font-style: normal;
color: #000;
}

#contentwrapper{
float: left;
width: 100%;
}


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

	1: contentcolumn

-------------------------------------------------------
*/
#contentcolumn{
margin-left: 179px; /*Set left margin to LeftColumnWidth*/
padding: 5px;
}

#contentcolumn .head{
background: url(image/head.gif) no-repeat 0 0;
height: 40px;
padding: 8px 0 0 10px;
color: #FFF;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
}
#contentcolumn p{
margin: 0 10px;
margin-bottom: 1em;
}
#contentcolumn p.mailadd{
font-size: 2em;
line-height: 1em;
}
#contentcolumn #personal{
margin: 30px 0;
padding: 0;
border: 1px solid #ff7200;
}
#contentcolumn #personal p{
margin: 10px;
}
#contentcolumn #personal span{
margin: 0;
line-height: 30px;
color: #FFF;
display: block;
background: #ff7200;
font-size: 1.3em;
font-weight: bold;
padding-left: 10px;
}
#contentcolumn p.notice{
margin: 20px;
padding: 20px;
border: 1px solid #F00;
}
#contentcolumn p.notice span{
display: block;
color: #F00;
font-size: 1.3em;
}
#contentcolumn strong{
padding-left: 23px;
line-height: 21px;
font-size: 1.3em;
font-weight: bold;
background: #FFF url(image/icon-1.gif) no-repeat 0 0;
margin: 1em 1em 1em 10px;
}
#contentcolumn ul,
#contentcolumn ol{
margin: 1em 30px;
margin-top: 0;
}
#contentcolumn hr{
margin: 30px 0;
}

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

	2: faq

-------------------------------------------------------
*/
#contentcolumn dl{
margin: 10px;
}
#contentcolumn dl dt,
#contentcolumn dl dd{
line-height: 25px;
margin-bottom: 3px;
clear: left;
}
#contentcolumn dl dt{
font-weight: bold;
border-bottom: 1px solid #666;
}
#contentcolumn dl dd{
margin-bottom: 20px;
}
#contentcolumn dl dt span,
#contentcolumn dl dd span{
display: block;
float: left;
width: 25px;
color: #F33;
background: url(image/icon_q.gif) no-repeat 0 0;
text-indent: -7777px;
}
#contentcolumn dl dd span{
background: url(image/icon_a.gif) no-repeat 0 0;
}
#contentcolumn dl dd p{
margin: 0;
margin-left: 25px;
}



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

	3: form

-------------------------------------------------------
*/
form ul li{
margin: 20px 0;
list-style: none;
}
form ul li .koumoku{
margin: 0;
display: block;
float: left;
width: 160px;
border-right: 3px solid #666;
border-bottom: 1px solid #333;
margin-right: 10px;
}
form ul li .koumoku .smallred{
color: #F00;
font-size: 0.7em;
}

form .btn{
text-align: center;
}
form .btn input{
margin: 20px;
}

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

	4: recruit

-------------------------------------------------------
*/
#recruit{
margin: 30px;
border: 1px solid #999;
border-width: 0 0 1px 1px;
}
#recruit th,
#recruit td{
padding: 5px;
border: 1px solid #999;
border-width: 1px 1px 0 0;
}
#recruit th{
width: 20%;
}
#recruit td{
width: 80%;
}
#recruit strong{
background: none;
padding: 0;
margin: 0;
}


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

	5: leftcolumn(nav)

-------------------------------------------------------
*/
#leftcolumn{
float: left;
width: 179px; /*Width of left column*/
overflow: hidden;
margin-left: -768px; /*Set left margin to -(MainContainerWidth)*/
background: #FFF;
border: 1px solid #979797;
border-width: 0 1px 1px 0;
}

#nav{
margin: 5px;
}
#nav li ul{
}

#nav li{
margin-bottom: 3px;
padding-bottom: 3px;
border-bottom: 1px dotted #000;
}
#nav li ul li{
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}

#nav li span,
#nav li ul li span{
background: #FFF url(image/nav_back.gif) no-repeat 0 0;
padding-left: 8px;
display: block;
line-height: 25px;
}
#nav li span{
font-size: 1.2em;
}
#nav li ul li span{
font-size: 1em;
}
#nav li ul li span{
background: #FFF url(image/nav_back.gif) no-repeat 0 -25px;
font-weight: normal;
}

#nav li span a,#nav li span a:link,#nav li span a:visited{
color: #000;
text-decoration: none;
}
#nav li span a:focus,#nav li span a:hover,#nav li span a:active{
color: #F00;
text-decoration: underline;
}
#nav li span a,
#nav li ul li span a{
display: block;
font-weight: bold;
}
#nav li ul li span a{
font-weight: normal;
}

/* Find Lawyer バナー */
#leftcolumn div.bana {
	margin: 5px;
}

address{
font-style: normal;
font-size: small;
margin: 15px 10px;
line-height: 1em;
}
address span{
font-size: 1.3em;
line-height: 1.5em;
}




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

	6: footer

-------------------------------------------------------
*/
#footer{
clear: left;
width: 100%;
background: #F0F0F0;
color: #000;
text-align: center;
}
#footer .backtotop{
border-bottom: 1px solid #000;
}

#footnav{
text-align: left;
margin: 10px;
}
#footnav li{
margin-top: 5px;
display: block;
}
#footnav li a{
margin-right: 5px;
padding-left: 5px;
color: #FFF;
border: 1px solid #333;
border-width: 0 0 0 5px;
}
#footnav li a,#footnav li a:link,#footnav li a:visited{
text-decoration: none;
color: #333;
}
#footnav li:active a,#footnav li a:hover,#footnav li a:focus{
text-decoration: underline;
color: #F00;
}
#footnav li span{
}
#footnav li ul{
padding-left: 5px;
}
#footnav li ul li{
display: inline;
}
#footnav li ul li a{
margin: 5px;
padding-right: 5px;
padding-left: 0;
border-width: 0 1px 0 0;
}
#footnav li ul li span{
}



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

	7: module

-------------------------------------------------------
*/
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.backtotop{
background: #FFF;
line-height: 30px;
text-align: right;
padding: 0 10px;
font-size: 0.9em;
margin-bottom: 1em;
}
.backtotop a,.backtotop a:link,.backtotop a:visited{
color: #666;
text-decoration: none;
}
.backtotop a:focus,.backtotop a:hover,.backtotop a:active{
color: #F00;
text-decoration: underline;
}
.imgright{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #000;
}

.qtbtn{
	text-align: center;
	margin: 10px auto;
}
.qttext{
	font-size: larger;
	font-weight: bold;
	color: #F00;
}