@charset "UTF-8";

/*================================================
 *  テーマカラーメモ
 ================================================*/

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,h1,h2,h3,h4,p,img,dl,dt,dd,ol,ul,li,form,label,input,select,option,textarea,table,tbody,tr,th,td,footer,header,nav { margin:0; padding:0; border:0; outline:0; font-size:13px; line-height:1.6; vertical-align:baseline; background:transparent; font-weight:normal; }
article, section, div, footer, header, nav, ul, dl, dt, dd { display:block; overflow:hidden; }
ul { list-style:none; }
a { margin:0; padding:0; vertical-align:baseline; background:transparent; text-decoration:underline; outline:none; color:#006699; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:hover, a:focus { outline:none; }
a:hover { opacity:0.7; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

/*================================================
 *  タグ設定
 ================================================*/
* { font-family: "ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif; font-weight:normal; }
html { }
body { -webkit-text-size-adjust:100%; width:900px; margin:0 auto; box-shadow:0 0 10px gray; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 * { font-weight:bold; }
h1 { font-size:12px; line-height:16px; margin-left:10px; padding-top:5px; color:#666666; }
h3 { background:url("images/h3.jpg"); background-repeat:none; background-position:top left; padding:7px 0 7px 35px; margin-bottom:5px; color:white; font-size:18px; line-height:18px; font-weight:bold; }

/*================================================
 *  クラス設定
 ================================================*/
.center { text-align:center; margin:0 auto; }
.right { text-align:right; }
.empha { font-weight:bold; color:#0073bd; }
.error { color:red; font-weight:bold; text-align:center; }
.inner { width:950px; margin-left:auto; margin-right:auto; }

/*================================================
 *  ヘッダ
 ================================================*/
div#header { background:url("images/header.jpg"); height:200px; }
div#header h2 { position:relative; top:50px; left:320px; font-size:36px; line-height:36px; display:inline-block; }
div#header h2 a { color:black; text-decoration:none; text-shadow:1px 1px 1px white; }
div#header div#headertext { width:550px; position:relative; top:60px; left:320px; font-size:17px; color:black; }

/*================================================
 *  本文共通
 ================================================*/
div#contents { padding:10px 15px 20px 10px; background:url("images/contents_bg_left.jpg"); background-repeat:repeat-y; background-position:left; }

/*================================================
 *  左ペインメニュー
 ================================================*/
div#contents div#menu { float:left; width:200px; margin-top:40px; }
div#contents div#menu h4 { background:url("images/menu_h4.jpg"); color:white; font-size:16px; line-height:30px; padding-left:20px; }
div#contents div#menu div.menubox { background-color:#e5e5e5; padding:4px; margin-bottom:15px; }
div#contents div#menu div.menubox ul { border:1px solid #ccc; }
div#contents div#menu div.menubox ul li { list-style:none; border-bottom:1px solid #e9e9e9; }
div#contents div#menu div.menubox ul li a { display:block; font-size:14px; line-height:18px; background-color:white; padding:6px 0 6px 20px; background-image:url("images/menu_bg.gif"); background-repeat:no-repeat; background-position:5px center; color:#454545; text-decoration:none; }
div#contents div#menu div.menubox ul li a:hover { color:red; background-color:#e2ddd6; }

/*================================================
 *  右ペイン（狭義の本文）
 ================================================*/
/* 共通 */
div#contents div#main { float:right; width:650px; }
div#contents div#main div#breadcrumb { height:20px; line-height:20px; margin:10px 0; font-size:12px; }
div#contents div#main h4 { background:url("images/h4.jpg"); background-repeat:no-repeat; background-position:left; font-size:16px; line-height:34px; margin:25px 0 10px; padding-left:30px; color:#6f5534; }
div#contents div#main h4:first-of-type { margin-top:10px; }
div#contents div#main div#text1 { padding:0 14px; margin-bottom:25px; }
div#contents div#main div#text1 table { border:1px solid #6f5534; }
div#contents div#main div#text1 table tr th, div#contents div#main div#text1 table tr td { border:1px solid #6f5534; padding:5px 10px; }
div#contents div#main div#text1 img.map { margin-top:10px; width:100%; }
div#contents div#main div#text1 a.googlemap { margin-left:10px; }
div#contents div#main div#text1 p.subtitle { margin-top:10px; }
div#contents div#main div#text1 p.lead { margin:20px 0; }
div#contents div#main div#text1 p.empha { color:#6f5534; font-size:16px; margin-bottom:5px; }

/* 弁護士費用等のページ */
div#contents div#main div#text1 div.fee { border:2px solid #ccc; padding:15px; margin-bottom:30px; background-color:#ebebeb; }
div#contents div#main div#text1 div.fee p { margin-bottom:10px; }
div#contents div#main div#text1 div.fee p:last-child { margin-bottom:0; }
/*  着手金と報酬金の算定基準 */
div#contents div#main div#text1 table.fee { border:1px solid black; margin-bottom:10px; }
div#contents div#main div#text1 table.fee caption { text-align:left; }
div#contents div#main div#text1 table.fee tr th, div#contents div#main div#text1 table.fee tr td { border:1px solid black; }
div#contents div#main div#text1 table.fee tr th { background-color:#A5D5E2; font-weight:bold; }
div#contents div#main div#text1 table.fee tr td:nth-of-type(2), div#contents div#main div#text1 table.fee tr td:nth-of-type(3) { text-align:center; }
/* 経済的利益とは */
div#contents div#main div#text1 div.profit { border:2px solid #ccc; padding:15px; margin-bottom:30px; background-color:#ebebeb; margin-top:20px; }

/* お問い合わせ */
div#contents div#main div#text1 div.tel { border:2px solid #ccc; padding:10px; margin-bottom:15px; }
div#contents div#main div#text1 div.tel p { margin-left:130px; font-size:16px; }

/* サイトマップ */
div#contents div#main div#text1 ul.sitemap { list-style-type:none; padding-left:0; }
div#contents div#main div#text1 ul.sitemap li.l1 { background:url("images/sitemap_l1.jpg"); background-repeat:no-repeat; padding-left:35px; line-height:26px; margin-bottom:5px; }
div#contents div#main div#text1 ul.sitemap li.l2 { background:url("images/sitemap_l2.jpg"); background-repeat:no-repeat; background-position:5px; margin-left:22px; padding-left:20px; line-height:26px; margin-bottom:5px; }
div#contents div#main div#text1 ul.sitemap li.l3 { background:url("images/sitemap_l2.jpg"); background-repeat:no-repeat; background-position:5px; margin-left:44px; padding-left:20px; line-height:26px; margin-bottom:5px; }
div#contents div#main div#text1 ul.sitemap li a { font-weight:bold; }

/*================================================
 *  フッタ
 ================================================*/
div#footlink { background-color:#e5e5e5; padding-top:8px; padding-bottom:8px; text-align:center; }
div#footlink a { color:#666; }
div#footer { height:64px; line-height:64px; text-align:center; background:url("images/footer.gif"); background-repeat:repeat-x; color:white; }
div#footer a { color:white; text-decoration:none; }

/*================================================
 *  ページトップへの戻り
 ================================================*/
#page-top { position:fixed; bottom:20px; right:70px; font-size:14px; opacity:0.8; }
#page-top a { display:block; width:36px; height:36px; line-height:36px; background-color:#3d3426; font-size:30px; color:white; font-weight:bold; text-align:center; border:1px solid white; background-image:url("images/totop.png"); }


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■  スマホ向け  ■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width:460px) {

/*================================================
 *  タグ
 ================================================*/
body { width:100%; }

/*================================================
 *  ヘッダ
 ================================================*/
div#header { background-size:100%; background-repeat:no-repeat; height:auto; }
div#header h2 { position:static; margin:20px 0 5px 10px; font-size:24px; line-height:24px; }
div#header div#headertext { position:static; margin-left:10px; margin-bottom:15px; font-size:14px; }

/*================================================
 *  本文
 ================================================*/
div#contents { background-image:none; padding:10px 0 20px 0; }

div#contents div#menu { float:none; width:100%; margin-top:0; }
div#contents div#menu h4 { background-size:100%; }
div#contents div#menu div.menubox { margin-bottom:0; }
div#contents div#menu div.menubox ul li a { display:block; font-size:16px; line-height:20px; padding:10px 0 10px 20px; }

div#contents div#main { float:none; width:100%; }
div#contents div#main div#breadcrumb { height:auto; margin:10px; font-size:14px; }
div#contents div#main h4 { padding-left:25px; }
div#contents div#main div#text1 table tr th, div#contents div#main div#text1 table tr td { padding:5px 5px; }
div#contents div#main div#text1 img.map { width:100%; }
div#contents div#main div#text1 span.biz { font-size:10px; }
div#contents div#main div#text1 iframe { width:100%; height:250px; }
div#contents div#main div#text1 ul { padding-left:16px; }

div#contents div#main div#text1 div.tel p { margin-left:0; font-size:14px; }

div#contents div#main div#text1 ul.sitemap li.l1, div#contents div#main div#text1 ul.sitemap li.l2, div#contents div#main div#text1 ul.sitemap li.l3 { font-size:16px; line-height:30px; margin-bottom:10px; }

/*================================================
 *  フッタ
 ================================================*/

/*================================================
 *  ページトップへの戻り
 ================================================*/
#page-top { right:30px; }
#page-top a { width:50px; height:50px; line-height:50px; background-image:url("images/totop.png"); background-size:50px 50px; }

}