@charset "utf-8";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/
body {background: #215093; font-size:14px; font-family:"メイリオ",Meiryo,monospace;}
.sp {display:none !important;}
#wrapper {padding:0 0 100px 0; background: #fff;}
a {color:#307ac3;}
	a:hover {text-decoration:none;}
	a:hover img.hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* margin style */
.mT0 {margin-top:0 !important;}
.mT05 {margin-top:5px !important;}	.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}	.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}	.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}	.mT40 {margin-top:40px !important;}

/* text style */
.bold {font-weight:bold;}
.red {color:#d00058;}
.txt_r {text-align:right;}

/* float style */
.left_photo, .photo_l {float:left; padding:0 2em 2em 0;}
.right_photo, .photo_r {float:right; padding:0 0 2em 2em;}

/* tel無効 */
a[href^="tel:"] {cursor: default;}


/*********************************
 *
 * HEADER
 *
 *********************************/
#head {border-bottom:1px solid #e9e9e9;}
#header {position: relative; width:950px; height:100px; margin:0 auto; line-height:1;}
#header h1 {position: absolute; top:8px; color:#444; font-size:12px; line-height: 1.3;}
#header #logo {position: absolute; top:24px;}
#header #logo img {width:auto; height:68px;}
#header .tel_in {position: absolute; overflow: hidden; right:0; width:260px; height: 100px; background: #215093; text-align: center;}
#header #tel {margin:5px 0 0 0; color:#fff; font-size:25px; font-weight: 700;}
#header #tel a {color:#fff; text-decoration:none;}

/*********************************
 *
 * MAIN
 *
 *********************************/
#main {overflow:hidden; position: relative; clear:both; width:970px; margin:0 auto; z-index: 2;}
#pagetop {width:950px; margin:30px auto 0 auto; text-align: right;}

/*********************************
 *
 * SIDE
 *
 *********************************/ 
#side {float:right; width:260px; padding:0 10px; background: url(../images/bg_gmenu.png) no-repeat;}

/* gnavi */
#gnavi {height:430px;}
#gmenu {width:214px; margin:30px auto 0 auto; font-size:15px; font-weight:700; line-height:1.2;}
#gmenu li {text-align: center;}
#gmenu li a {display:block; padding:16px 0; border-bottom:1px solid #e6e6e6; color:#000; text-decoration:none; transition:opacity 0.3s ease-in-out;}
#gmenu li a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* banner */
#banner {width:260px; margin:0 auto;}
#banner ul {}
#banner ul li {margin-bottom:15px;}
#banner ul li a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*********************************
 *
 * CONTENTS
 *
 *********************************/
#contents {float:left; width:650px; padding:0 0 0 10px;}
#contents ul {list-style-type:disc; margin-left:1.5em;}
#contents ol {list-style-type:decimal; margin-left:1.5em;}

/* h1 */ 
#contents h1 {position:relative; width:100%; height:100px; margin:15px 0 0 0; background:url(../images/bg_h1.png) no-repeat;}
#contents h1 span {display: inline-block; padding:0 0 0 22px; font-size:20px; font-weight: 700; line-height: 100px;}

/* text passs */
#tpass {overflow:hidden; clear:both; float:right; display: inline-block; padding:10px 0; margin-left:0 !important; list-style-type:none !important;}
#tpass li {float:left; margin-left:10px; font-size:11px;}
#tpass li.on {}
#tpass li a {}

/* h2 */
#contents h2 {margin:50px 0 0 0; padding:9px 0; border-top:1px solid #e6e6e6; border-bottom: 1px solid #215093; font-size:18px; font-weight:700; line-height:1;}
#contents h2 span.bg {display:inline-block; padding:9px 0 9px 22px; background:url(../images/bg_h2.png) left center no-repeat;}
#contents h2 span.bg span {display:inline-block; padding:0 0 0 20px; color:#555; font-size:14px; font-weight:normal;}

#contents h3.ttl {margin:30px 0 0 0; padding:18px 0 18px 22px; background:url(../images/bg_h2.png) left center no-repeat; border-top:1px solid #e6e6e6; border-bottom: 1px solid #215093; font-size:18px; font-weight:700; line-height:1;}
#contents h3.ttl span {display:inline-block; margin:0 0 0 20px; font-size:12px; color:#666;}

/* h3
#contents h3 {color:#519e4b; font-size:14px; font-weight:bold;} */

/* h4 */
#contents h4 {margin:50px 0 0 0; padding:18px 0 18px 22px; background:url(../images/bg_h2.png) left center no-repeat; border-top:1px solid #e6e6e6; border-bottom: 1px solid #215093; font-size:18px; font-weight:700; line-height:1;}
#contents h4:first-child {margin-top:0;}
#contents #topmain h4:first-child {margin-top:50px;}
#contents h4 span {display:inline-block; padding:0 0 0 20px; color:#555; font-size:14px; font-weight:normal;}
	
/* p */
#contents p {margin-top:1em; line-height:1.75;}
#contents .ptxt {margin:1.2em 0 0 0; line-height:1.9 !important;}
#contents .subtext {line-height:1.75 !important;}
#cbox {clear:both;}

/* inner */
#contents .inner {overflow:hidden; clear:both; padding-top:20px; line-height:1.8;}

/* news */
table.news,
table.info {width:100%}
table.news th, table.news td,
table.info th, table.info td {padding:1em 0; border-bottom:1px dashed #ddd;}
/*table.news tr:first-child th, table.news tr:first-child td,
table.info tr:first-child th, table.info tr:first-child td {border:none;}*/
table.news th,
table.info th {width:180px; padding:1em 10px;}
table.news th span.icn,
table.info th span.icn {float:right; display: inline-block; background: #215093; width:72px; padding:4px 0; color:#fff; font-size:12px; text-align: center; line-height: 1;}

/*********************************
 *
 * FOOTER
 *
 *********************************/
#footer {background:#f2f2f2;}
#footer ul {margin:0; padding:20px 0; font-size:13px; text-align: center; list-style-type:none;}
#footer li {display: inline-block; margin:0 17px;}
#footer li a {color:#6f6f6f; text-decoration:none;}

/* copyright */
#copyright {padding:70px 0 30px 0; color:#fff; font-size:11px; text-align: center;}

/*********************************
 *
 * TOP
 *
 *********************************/
#mainimg {position: absolute; width:100%; height:430px; background: #fafafa; z-index: 1;}
#imgSlider {width:950px; margin:0 auto;}
#imgSlider img {width:950px; height:430px;}

#home #contents {margin:430px 0 0 0;} /* mainimgの分あける */
#home #banner {margin:0;}
#home #contents .infoBox h2 {margin:30px 0 0 0;}


/*********************************
 *
 * profile
 *
 *********************************/
dl.profile {;}
dl.profile dt {float:left; display: inline-block; width:140px; padding:0.6em 0 0.6em 30px; border-top:1px dotted #ddd; font-weight: 700;}
dl.profile dd {margin:0 0 0 120px; padding:0.6em 0; border-top:1px dotted #ddd;}
dl.profile dt:first-child,
dl.profile dt:first-child + dd {border:none;}
.btn_pdf {width:500px; margin:0 auto 30px auto; background:#3185d5; text-align:center; transition:opacity 0.3s ease-in-out;}
.btn_pdf a {display:block;}
.btn_pdf:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


/*********************************
 *
 * lawyers
 *
 *********************************/
#lawyers_nav {width:100%; margin:0 !important; padding:5px 0 0 0;}
#lawyers_nav li {float:left; width:32%; height:80px; margin:0 0 5px 2%; padding:0; background: #ddeefe; list-style-type: none;}
#lawyers_nav li:nth-child(3n+1) {margin-left:0 !important;}
#lawyers_nav li a { display: inline-block; font-size:18px; font-weight: 700; text-decoration: none !important; transition:opacity 0.3s ease-in-out;}
#lawyers_nav li a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#lawyers_nav dl {display: table;}
#lawyers_nav dl span {font-size:11px; font-weight: normal;}
#lawyers_nav dl dt {height:80px;}
#lawyers_nav dl dt img {width:auto; height: 100%;}
#lawyers_nav dl dd {display: table-cell; padding:0 0 0 10px; line-height:18px; vertical-align: middle;}

#contents h5 {margin:20px 0 0 0; padding:2px 12px; background: #ddeefe; font-size:16px;}

dl.history {float:right; width:420px; margin:15px 0 0 0; padding:10px 0 0 0; border-top: 1px solid #ddd;}
dl.history dt {float:left; display: inline-block; width:90px; padding:5px 0; color:#666; font-size:12px;}
dl.history dd {margin:0 0 0 90px; padding:5px 0;}

.lawyer_news {margin:30px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.lawyer_news h6 {padding:5px 10px; background: #fff; border-top:2px solid #215093; border-bottom:1px solid #e6e6e6; font-weight: 700;}
.lawyer_news table {font-size:13px;}
.lawyer_news .btn {font-size:12px; text-align: center;}
.lawyer_news .btn a { display: block; background: #eee; text-decoration: none; transition:opacity 0.3s ease-in-out;}
.lawyer_news .btn a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.photo_in {}
.photo_in img {float:left; margin:1em 0 0 0; width:200px; height: auto;}


/*********************************
 *
 * contact
 *
 *********************************/
a.tel {text-decoration: none; color:#215093;}