@charset "UTF-8";

body{
margin:0 auto;
padding:0;
color:#353535;
text-align:center;
background:url("../img/top_bg.gif") repeat-x;
font-family:sans-serif;
}


/*
トップイメージ
----------------------------------------*/

#topimage{
margin:6px auto 0 auto;
padding:0;
}

#topimage h1{
display:none;
}


/*
トピックス・注目事件ピックアップ
----------------------------------------*/

.info_box{
margin:0 0 15px 0;
padding:0;
width:385px;
}

.info_box_t{
margin:0;
padding:0 0 5px 0;
width:385px;
background:url("../img/title_line.gif") no-repeat bottom;
}

.info_box_t h2{
margin:0;
padding:0;
display:inline;
width:200px;
float:left;
}

.ichiran_b{
margin:0;
padding:5px 0 0 0;
width:94px;
float:right;
}

.info_box ul{
margin:0;
padding:7px 0 3px 0;
list-style:none;
font-size:80%;
line-height:1.6;
background-color:#FFFFFF;
}

.info_box ul li{
margin:0 0 5px 0;
padding:0 0 5px 0;
background:url("../img/line.gif") no-repeat bottom;
}

/*
ヘッダー
----------------------------------------*/
#white{
margin:0;
padding:0;
background:url("../img/format_bg.gif") repeat-x;
}

#header{
margin:0 auto;
padding:0;
width:780px;
height:80px;
background:url("../img/header_bg.gif") no-repeat;
}

#header h1{
margin:0;
padding:22px 0 0 0;
text-align:left;
}

/*
h2タイトル
----------------------------------------*/

#h2title{
margin:0 auto;
padding:0;
background:url("../img/h2_title_bg.gif") repeat-x;
}

#h2title h2{
margin:0 auto;
padding:0;
width:780px;
height:82px;
background:url("../img/back_t.gif") no-repeat;
text-align:left;
}

#c_title{
margin:0;
padding:25px 0 0 5px;
text-align:left;
color:white; 
}



/*
パンくず
----------------------------------------*/

#topicpath{
margin:0 auto;
padding:10px 0 5px 0;
width:780px;
font-size:75%;
border-bottom:1px solid #CECEC5;
text-align:left;
}



/*
ページトップへ
----------------------------------------*/

.pagetop{
clear:both;
margin:35px 0 0 0;
padding:0;
width:545px;
text-align:right;
}
/*
画像右寄せ
----------------------------------------*/

.photo_right{
margin:0 0 25px 25px;
padding:0;
float:right;
}


/*
画像左寄せ
----------------------------------------*/

.photo_left{
margin:0 25px 25px 0;
padding:0;
float:left;
}

/*
通常リスト
----------------------------------------*/

ul{
margin:0 0 15px 10px;
padding:0;
font-size:80%;
line-height:1.6;
}

ul li{
margin:0 0 0 22px;
padding:0;
}


/*
アイコン付きリスト
----------------------------------------*/

.link_list{
margin:0 0 12px 10px;
padding:0;
list-style:none;
font-size:80%;
line-height:2.0;
}

.link_list li{
margin:0;
padding:0 0 0 22px;
background:url("../img/link_icon.gif") no-repeat center left;
}
/*
前のページへ戻るアイコン
----------------------------------------*/

.back_link{
clear:both;
margin:0 0 20px 0;
padding:0 0 0 13px;
list-style:none;
font-size:75%;
line-height:1.6;
background:url("../img/back_icon.gif") no-repeat center left;
}

/*
弁護士紹介
----------------------------------------*/

.attorney_list{
margin:0;
padding:5px 0 10px 0;
border-bottom:1px solid #DDDDDD;
}

.attorney_list a{
margin-right:10px;
font-size:120%;
line-height:3.0;
}

.attorney_list .list_kana{
font-size:90%;
}

h3 .kana{
margin:0 0 0 10px;
padding:0;
color:#535353;
font-size:70%;
}

.attorney_box{
margin:0 0 20px 0;
padding:0;
width:545px;
border-bottom:1px solid #DDDDDD;
}

.attorney_box:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.attorney_photo{
margin:0 0 10px 0;
padding:0;
width:160px;
float:left;
}

.attorney_profile{
margin:0 0 15px 0;
padding:0;
width:360px;
float:right;
}

.attorney_profile h4{
margin:0;
padding:0 0 5px 0;
font-size:90%;
border-top:none;
border-bottom:1px dotted #D5D5D5;
}
/*
次の4人
----------------------------------------*/

.gotopage{
clear:both;
margin:20px 0 20px 0;
padding:0 0 0 0;
list-style:none;
font-size:75%;
line-height:1.6;
border-top:1px solid #D5D5D5;
border-bottom:1px dotted #D5D5D5;
}

/*
法律相談を受けられる方へ
----------------------------------------*/

.flow_box{
margin:0;
padding:10px 0 0 0;
}

.flow_box h3{
clear:both;
margin:0 0 10px 0;
padding:8px 0 0 40px;
font-size:90%;
height:32px;
}

.flow_box .number01{
background:url("../img/number01.gif") no-repeat;
text-indent: -10000px;
}

.flow_box .number02{
background:url("../img/number02.gif") no-repeat;
text-indent: -10000px;
}

.flow_box .number03{
background:url("..img/number03.gif") no-repeat;
text-indent: -10000px;
}

.flow_box .number04{
background:url("..img/number04.gif") no-repeat;
text-indent: -10000px;
}

.flow_box p{
margin-left:40px;
}

.flow_box .flow{
margin:10px 0 20px 0;
padding:0;
text-align:center;
}
/*
よくあるご相談
----------------------------------------*/

/*リスト*/
.faq_list{
margin:0 0 12px 10px;
padding:0;
list-style:none;
font-size:80%;
line-height:1.6;
}

.faq_list li{
margin:0;
padding:12px 0 12px 22px;
background:url("../img/link_icon.gif") no-repeat 0 15px;
border-bottom:1px solid #DDDDDD;
}

.faq_list li ul{
margin:10px 0 0 10px;
list-style:none;
font-size:100%;
}

.faq_list li ul li{
margin:0;
padding:3px 0 3px 22px;
background:url("../img/link_icon.gif") no-repeat 0 7px;
border:none;
}

/*質問と回答*/
.q_t{
clear:both;
margin:25px 0 10px 0;
padding:0 0 5px 45px;
color:#63AB17;
font-size:90%;
line-height:1.6;
background:url("../img/q_t.gif") no-repeat;
border:none;
}

.answer{
margin:0 0 10px 0;
padding:0 0 10px 45px;
background:url("../img/a_icon.gif") no-repeat;
border-bottom:1px solid #DDDDDD;
}


/*
交通手段
----------------------------------------*/

/*マップ*/
#map_area{
margin:15px 0 25px 0;
padding:7px;
border:1px solid #D5D5D5;
}

.parking{
margin:15px 0 25px 0;
}


/*
トップページメイン
----------------------------------------*/

/*メインコンテンツ*/
#main_col{
margin:0;
padding:0;
width:385px;
float:right;
}

/*ナビコンテンツ*/
#nav_col{
margin:0;
padding:0;
width:140px;
float:left;
}

#nav_col ul{
list-style:none;
margin:0;
padding:0;
width:140px;
}

#nav_col ul li{
margin:0;
padding:0;
width:140px;
}

/*法律相談Ｑ＆Ａ*/
.qa_box{
margin:0 0 20px 0;
padding:0 0 5px 0;
height:150px;
border-right:1px solid #CECFC6;
border-bottom:1px solid #CECFC6;
border-left:1px solid #CECFC6;
}

.qa_box:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.qa_box h2{
margin:0;
padding:0;
}

.qa_box ul{
list-style:none;
margin:10px 9px 0 14px;
padding:0;
}

.qa_box ul li{
margin:0 5px 5px 0;
padding:0;
float:left;
}

/*サイト内検索*/
.search_area{
margin:0 0 10px 0;
padding:0 0 10px 0;
width:205px;
position:relative;
border-bottom:1px solid #CECFC6;
}

.search_text{
margin:0;
padding:0;
width:145px;
position:absolute;
top:0;
}

.search_b{
margin:0;
padding:0;
position:absolute;
top:0;
left:155px;
}