/* 共通
------------------------------------------------------------*/
body{
background: #FFF;
font-size: medium;
font-family: "ＭＳ Ｐゴシック",Osaka;
color: #666;
margin: auto;}

a:link{
color: #999;
text-decoration: none;}

a:visited{
color: #666;
text-decoration: none;}

a:hover{
color: #333;
text-decoration: underline;}

h1{
margin: 0px;
padding: 10px 0px 10px 5px;
font-size: 10px;
line-height: 120%;
font-weight: lighter;
text-align: left;}

h2{
margin: 0px;
font-size: 14px;
font-weight: bold;
text-align: left;}

h3{
margin: 0px;
font-size: 12px;
font-weight: lighter;
text-align: left;}

.fl{
float: left;}

.fr{
float: right;}

.cl{
clear: left;}

.cr{
clear: right;}

form{
margin: 0px;
padding: 0px;}


/* ヘッダー
------------------------------------------------------------*/
#head{
width: 770px;
height: 75px;
margin: 0px;
padding: 0px;
background: url("share/head_bg.jpg") no-repeat left;
text-align: left;}

.h_h1{
float: right;
margin: 0px 15px 0px 0px;
text-align: right;}

.h_logo{
float: left;
margin: 0px 0px 0px 15px;}

.h_logo2{
float: left;
margin: 0px;}

#head p{
margin: 0px;
padding: 0px;
font-size: 1px;
line-height: 1px;}

.l_w{
background: #FFF;
color: #FFF;}

.l_g{
background: #CCC;
color: #CCC;}

.h1_img{
margin: 7px 0px 0px 20px;}

.logo{
margin: 10px 0px 0px 0px;}


/* トップページ
------------------------------*/
#head_t{
width: 770px;
height: 115px;
margin: 0px;
padding: 0px;
background: url("share/head_bg_top.jpg") no-repeat left;
text-align: left;}

#head_t p{
margin: 0px;
padding: 0px;
font-size: 1px;
line-height: 1px;}

#head_t h1{
margin-top: 20px;}

.h1_img2{
margin: 15px 0px 0px 20px;}

.logo_t{
margin: 15px 0px 0px 0px;}


/* フッター
------------------------------------------------------------*/
#footer{
clear: left;
width: 770px;
height: 60px;
margin: 10px 0px;
padding: 0px;
background: url("share/foot_bg.jpg") no-repeat left;
text-align: left;}

.copy {
float: left;
margin: 25px 0px 0px 20px;
padding: 0px;
font-size: 10px;
text-align: left;}

.fmenu{
float: right;
margin: 25px 20px 0px 0px;
padding: 0px;
font-size: 10px;
text-align: right;}


/* メイン
------------------------------------------------------------*/
#main{
width: 760px;
margin: 10px 0px 0px 0px;
background: url("share/menu_bg.gif") repeat-y left bottom;}


/* メニュー
------------------------------------------------------------*/
#menu{
float: left;
width: 180px;
text-align: left;}

.menu_add{
margin: 20px 0px 0px 5px;}

#menu p{
padding: 0px;
margin: 10px;
font-size: 12px;
line-height: 120%;}

#menu span{
font-size: 10px;}


/* ページ
------------------------------------------------------------*/
#page{
float: right;
width: 580px;
text-align: left;}

.topic{
font-size: 10px;
margin: 0px 15px;}

.submenu{
font-size: 12px;
line-height: 140%;
margin: 0px 15px;}

.title{
margin: 10px 15px;}

.title2{
margin: 10px 15px;
padding: 2px 20px;
border-bottom: 1px #CBE57E solid;
background: url("share/title2.gif") no-repeat left center;
font-size: 14px;
font-weight: bold;
text-align: left;}

.subtitle{
margin: 0px;
padding: 2px 20px;
border-bottom: 1px #CCC dashed;
background: url("share/icon_st.gif") no-repeat left center;
font-size: 14px;
font-weight: bold;
text-align: left;}

.sst{
clear: left;
padding: 1px 12px 0px;
margin: 0px;
background: url("share/list.gif") no-repeat left center;
color: #386A0B;
font-weight: bold;
border-bottom: 1px #CCC dotted;}

#pagetop{
width: 720px;
margin: 0px 20px;
font-size: 10px;
text-align: right;}

#pagetop img{
vertical-align: middle;
margin: 0px 5px 0px 10px;}


/* トップページ
------------------------------------------------------------*/
.flash{
background: url("img/flasf_bg.gif") no-repeat left top;}

.top_info{
margin: 15px 10px;
background: url("img/info_bg.gif") repeat-y left top;
text-align: left;}

#top_tel{
float: left;
width: 220px;}

#top_tel p{
width: 200px;
margin: 10px;
padding: 0px;
font-size: 12px;
line-height: 130%;}

.tel_img{
margin: 0px 0px 7px;}

.tel_img2{
margin: 0px 17px;}

#top_web{
float: right;
width: 330px;}

#top_web p{
width: 310px;
margin: 10px;
padding: 0px;
font-size: 12px;
line-height: 120%;}

#top_web strong{
color: #369;}

#top_web span{
margin: 0px 0px 0px 5px;
color: #C00;
font-size: 10px;
font-weight: lighter;
line-height: 100%;}

.web_t{
width: 290px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 20px;
font-size: 12px;
font-weight: bold;
line-height: 140%;
background: url("img/arrow_b.gif") no-repeat left center;
border-bottom: 1px #09C dashed;}

.web_right{
text-align: right;}

.web_img{
margin: 0px 0px 0px 10px;}

.web_point{
margin: 10px;
padding: 5px;
background: #F0F0F0;
font-size: 10px;}

#top_web table{
width: 310px;
margin: 10px;
border-collapse: collapse;}

#top_web td{
font-size: 12px;
line-height: 100%;
padding: 3px;}

.wt_left{
width: 100px;}


/* 査定依頼
------------------------------------------------------------*/
#assessment{
padding: 0px;
margin: 20px;}

#assessment p{
margin: 10px;
font-size: 12px;
line-height: 150%;}

#assessment img{
vertical-align: middle;
margin: 0px 10px;}

#assessment strong{
color: #069;}

#assessment span{
margin-left: 5px;
font-size: 10px;
color: #C00;}

#assessment table{
width: 520px;
border-collapse: collapse;
margin: 10px;
padding: 0px;}

#assessment td{
border-collapse: collapse;
margin: 0px;
padding: 0px;
border: 1px #FFF solid;
padding: 5px;
font-size: 12px;}

.ass_left{
background: #CCE5FF;
width: 140px;}

.ass_right{
background: #F0F0F0;}

.ass_c{
text-align: center;}

.ass_r{
text-align: right;}


/* 自動車リサイクル法
------------------------------------------------------------*/
#recycle{
padding: 0px;
margin: 20px;}

#recycle p{
margin: 10px 10px 30px;
padding: 0px;
font-size: 12px;
line-height: 180%;}

#recycle strong{
color: #069;}

#recycle span{
float: right;
font-size: 10px;
margin: 5px;}

.re_text{
margin: 10px;
padding: 5px;
font-size: 10px;
line-height: 130%;
border: 1px #CCC dotted;}

.re_img{
float: left;
margin: 3px 10px 0px 0px;}


/* 買取までの流れ
------------------------------------------------------------*/
#flowchart{
padding: 0px;
margin: 20px;}

#flow{
width: 520px;
border-collapse: collapse;
margin: 10px 10px 30px;
padding: 0px;}

#flow td{
border-collapse: collapse;
margin: 0px;
padding: 0px;}

#flow p{
margin: 10px;
padding: 0px;
font-size: 12px;
line-height: 140%;}

.fl_top{
width: 160px;
vertical-align: top;
background: url("flowchart/img/purchase_menu_box_bg.gif") repeat-y;}

.fl_bottom{
width: 160px;
vertical-align: bottom;
background: url("flowchart/img/purchase_menu_box_bg.gif") repeat-y;
text-align: center;}

.fl_top2{
width: 160px;
vertical-align: top;
background: url("flowchart/img/purchase_menu_web_box_bg.gif") repeat-y;}

.fl_bottom2{
width: 160px;
vertical-align: bottom;
background: url("flowchart/img/purchase_menu_web_box_bg.gif") repeat-y;
text-align: center;}

.fl_ar{
width: 20px;
vertical-align: middle;}

.fl_ari{
margin-top: 70px;}

.fl_ari2{
margin-left: 155px;}

#target{
float: left;
width: 120px;
margin: 10px 0px 0px 10px;}

#target p{
margin: 10px 5px;
padding: 0px;
font-size: 12px;
line-height: 130%;}

.target_text{
margin: 10px;
font-size: 12px;
line-height: 150%;
color: #F30;
text-align: center;}


/* 事故車買取例
------------------------------------------------------------*/
#domestic{
padding: 0px;
margin: 20px;}

#domestic span{
margin: 0px 5px 0px 0px;
color: #9C3;
font-size: 8px;}

#domestic table{
width: 520px;
border-collapse: collapse;
margin: 10px;
padding: 0px;}

#domestic td{
border-collapse: collapse;
margin: 0px;
padding: 0px;
border: 1px #CCC solid;
padding: 5px;
font-size: 12px;}

.dm_ph{
vertical-align: top;
width: 200px;}

.dm_l{
background: #F0F0F0;
width: 80px;}

.dm_r{
background: #FFF;}

.dm_page{
margin: 10px;
padding-top: 10px;
border-top: 1px #CCC dashed;
font-size: 12px;}


/* はなまる安心サポート
------------------------------------------------------------*/
/* サポートトップ
------------------------------*/
#support{
padding: 0px;
margin: 20px;}

#support p{
margin: 10px;
font-size: 12px;
line-height: 180%;}

.sp_ph{
float: right;
margin: 0px 0px 0px 10px;}

#sp_list{
width: 520px;
border-collapse: collapse;
margin: 10px 10px 30px;
padding: 0px;}

#sp_list td{
border-collapse: collapse;
margin: 0px;
padding: 0px;}

#sp_list p{
margin: 0px 10px 10px;
padding: 0px;
font-size: 12px;
line-height: 140%;}

.sp_top{
width: 160px;
vertical-align: top;
background: url("support/img/support_menu_box_bg.gif") repeat-y;}

.sp_bottom{
width: 160px;
vertical-align: bottom;
background: url("support/img/support_menu_box_bg.gif") repeat-y;
text-align: center;}


/* よくあるご質問
------------------------------*/
#faq{
padding: 0px;
margin: 20px;}

#faq p{
margin: 10px;
font-size: 12px;
line-height: 180%;}

.faq_inq{
float: right;
margin: 10px 80px 0px 0px;}

.faq_list{
margin: 0px 10px 0px;
padding: 20px 0px 20px;
border-bottom: 1px #CCC solid;}

.faq_q{
padding: 3px 5px 5px 27px;
background: url("support/img/faq_q.jpg") no-repeat left top;
font-size: 12px;
line-height: 130%;
font-weight: bold;
color: #069;
border-bottom: 1px #CCC dashed;}

.faq_a{
margin: 10px 0px 0px 20px;
padding: 3px 5px 5px 27px;
background: url("support/img/faq_a.jpg") no-repeat left top;
font-size: 12px;
line-height: 150%;}


/* 必要書類
------------------------------*/
#papers{
padding: 0px;
margin: 20px;}

#papers p{
margin: 10px;
font-size: 12px;
line-height: 180%;}

#papers strong{
color: #069;}

#papers span{
font-size: 10px;
margin: 0px 0px 0px 15px;}

#pp_list{
width: 520px;
border-collapse: collapse;
margin: 20px 10px 30px;
padding: 0px;}

#pp_list td{
border-collapse: collapse;
margin: 0px;
padding: 0px;}

#pp_list ol{
margin: 10px 0px 10px 35px;
padding: 0px;}

#pp_list li{
font-size: 12px;
line-height: 180%;}

#pp_list span{
font-size: 10px;
margin: 0px;}

#pp_list p{
margin: 10px;
padding: 0px;
font-size: 12px;
line-height: 150%;}

.pp_top{
width: 250px;
vertical-align: top;
background: url("support/img/papers_box_bg.gif") repeat-y;}

.pp_bottom{
width: 250px;
vertical-align: bottom;
background: url("support/img/papers_box_bg.gif") repeat-y;}

.pp_text{
margin: 10px;
padding: 5px;
font-size: 10px;
line-height: 130%;
border: 1px #CCC dotted;}

.pp_img{
float: left;
margin: 3px 10px 0px 0px;}


/* お問合せ
------------------------------*/
#inquiry{
padding: 0px;
margin: 20px;}

#inquiry p{
margin: 10px;
font-size: 12px;
line-height: 150%;}

#inquiry img{
vertical-align: middle;
margin: 0px 10px;}

#inquiry strong{
color: #069;}

#inquiry span{
margin-left: 5px;
font-size: 10px;
color: #C00;}

#inquiry table{
width: 520px;
border-collapse: collapse;
margin: 10px;
padding: 0px;}

#inquiry td{
border-collapse: collapse;
margin: 0px;
padding: 0px;
border: 1px #FFF solid;
padding: 5px;
font-size: 12px;}

.inq_left{
background: #CCE5FF;
width: 140px;}

.inq_right{
background: #F0F0F0;}

.inq_c{
text-align: center;}

.inq_r{
text-align: right;}


/* はなまるネットワーク
------------------------------------------------------------*/
/* 拠点一覧
------------------------------*/
#network{
padding: 0px;
margin: 20px;}

#network p{
margin: 0px 10px;
font-size: 12px;
line-height: 180%;}

#network strong{
color: #069;}

.nt_img{
margin: 10px 10px 20px;}

.nt_ph{
float: right;
margin: 0px 0px 0px 10px;}


/* 地図
------------------------------*/
#map{
width: 630px;
margin: 0px;
padding: 0px;}

#map p{
margin: 0px 30px 10px;
padding: 2px 15px;
border-bottom: 1px #CCC dotted;
background: url("share/icon_sst.gif") no-repeat left 4px;
font-size: 14px;
font-weight: bold;
color: #666;
text-align: left;}

.map_copy{
float: right;
padding: 5px 0px 0px;}

.map_head{
width: 630px;
height: 55px;
margin: 0px 0px 10px;
padding: 0px;
background: url("share/head_bg_map.jpg") no-repeat left;
text-align: left;}

.logo_map{
margin: 5px 0px 0px 0px;}

.map_foot{
clear: left;
width: 630px;
height: 60px;
margin: 10px 0px;
padding: 0px;
background: url("share/foot_bg_map.jpg") no-repeat left;
text-align: left;}

.fmenu_map{
float: right;
margin: 20px 20px 0px 0px;
padding: 0px;
font-size: 10px;
text-align: right;}

#map_add{
border-collapse: collapse;
margin: 10px 0px 20px;
width: 530px;}

#map_add td{
color: #666;
font-size: 12px;
line-height: 140%;
padding: 0px 10px;
vertical-align: top;}

#map_add p{
margin: 5px 0px;
padding: 2px 15px;
border-bottom: 1px #CCC dotted;
background: url("share/arrow3.gif") no-repeat left 4px;
font-size: 12px;
font-weight: bold;
color: #666;
text-align: left;}

#map_add img{
padding: 0px;
margin: 2px 5px 5px 0px;
vertical-align: middle;}


/* はなまるのご案内
------------------------------------------------------------*/
/* 会社概要
------------------------------*/
#profile{
padding: 0px;
margin: 20px;}

.add{
width: 480px;
height: 390px;
margin: 5px 0px 30px 12px;
padding: 0px;
background: url("company/img/photo3.jpg") no-repeat left top;}

#address{
border-collapse: collapse;
margin: 20px 0px 0px 25px;}

#address td{
color: #666;
font-size: 12px;
line-height: 120%;
padding: 10px 0px;
border-bottom: 1px #CCC dotted;}

.addleft{
width: 60px;
vertical-align: top;
font-weight: bold;}

#history{
border-collapse: collapse;
margin: 5px 0px 25px 20px;}

#history td{
color: #666;
font-size: 12px;
line-height: 130%;
padding: 5px 12px;}

.hisleft{
vertical-align: top;
background: url("share/list_icon2.gif") no-repeat left 7px;}


/* メッセージ
------------------------------*/
#message{
padding: 0px;
margin: 20px 30px;}

#message p{
font-size: 12px;
line-height: 180%;}

.ms_img01{
margin: 0px 10px;}

.ms_img02{
margin: 20px 100px;}

.ms_ph01{
float: right;
margin: 0px 0px 0px 10px;}

.ms_ph02{
float: left;
margin: 0px 10px 0px 0px;}


/* その他
------------------------------------------------------------*/
/* 個人情報保護方針
------------------------------*/
#privacy{
padding: 0px;
margin: 20px;}

#privacy p{
padding: 0px;
margin: 20px 15px;
font-size: 12px;
line-height: 140%;}

#privacy table{
border-collapse: collapse;
margin: 0px 15px;}

#privacy td{
color: #666;
font-size: 12px;
line-height: 180%;
padding: 7px;
border-top: 1px #CCC dotted;
border-bottom: 1px #CCC dotted;}

.pl_l{
vertical-align: top;
font-weight: bold;}


/* サイトマップ
------------------------------*/
#sitemap{
padding: 0px;
margin: 20px 20px;}

.si_link{
margin: 0px 15px;
padding: 5px 15px;
background: url("share/arrow3.gif") no-repeat left 10px;
border-bottom: 1px #CCC dotted;
font-size: 12px;
line-height: 160%;}

#sitemap p{
margin: 0px;
padding: 0px 10px;
background: url("share/arrow4.gif") no-repeat left 7px;}

.si_map{
margin: 0px 15px;}


/* リンク
------------------------------*/
#link{
padding: 0px;
margin: 20px 20px;}

#link p{
float: right;
padding: 0px;
margin: 10px;
font-size: 12px;
line-height: 120%;}

#lk4{
list-style: none inside;
margin: 5px 5px 20px;
padding: 0px;}

#lk4 li{
float: left;
width: 110px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 10px;
background: url("share/arrow5.gif") no-repeat left 7px;
font-size: 12px;
line-height: 180%;}

#lk2{
list-style: none inside;
margin: 5px 5px 20px;
padding: 0px;}

#lk2 li{
float: left;
width: 220px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 10px;
background: url("share/arrow5.gif") no-repeat left 7px;
font-size: 12px;
line-height: 180%;}

.l_info{
margin: 0px 30px 20px;
padding: 10px;
border: 1px #CCC dotted;
font-size: 12px;
line-height: 150%;}

#link table{
width: 520px;
border-collapse: collapse;
margin: 10px;}

#link td{
font-size: 12px;
line-height: 120%;
padding: 5px;
border: 1px #CCC solid;}

.lk_title{
background: #F0F0F0;
font-weight: bold;
color: #333;}

#link span {
color: #FC0;
margin: 0px 5px;
font-size: 10px;}