@charset "UTF-8";
/* 
Theme Name: sakurailaw
Theme URI: https://sakurailaw.com/wordpress/
Description: Sakurai Law Office official theme
*/

/* =======ベース====== */

body {
	margin:0;
	padding:0;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
	color:#333;
    line-height: 1.6em;
    font-weight: normal;
}



a {
   color:#194D82;
}

a:hover {
   color:#C32002;
}

img {
   border:0;
   vertical-align:bottom;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

/* =======================================================テンプレート====== */

div#header{
	margin:0;
	width:100%;
	height:130px;
	background: #F4F3E7 url("images/head_bg.jpg")  top left repeat-x;
}

div#header_in{
	margin:0 auto;
	padding:0;
	width:900px;
	position:relative;
}

h1{
	margin:0;
	padding:11px 0 0 15px;
	height:130px;
	background:url("images/head_bg.jpg")  top left repeat-x;
	}

h2.toph2{
	margin:0 auto;
	padding:0;
	width:900px;
}

h2.text_title{
	margin:10px 0 0 0;
	padding:0 0 7px 0;
	border-bottom:3px solid #181D6E;
	font-size:26px;
	font-weight:normal;
	letter-spacing:3px;
}

h3{
	border-left:solid 6px #181D6E;
	color:#181D6E;
	line-height:1.3em;
	margin-left:5px;
	padding-left:10px;
	font-size:22px;
	letter-spacing:0.2em;
	font-weight:normal;
}

h3.active{
	margin-top:50px;
}

	
ul#small_menu{
	margin:0;
	padding:0;
	position:absolute;
	top:16px;
	left:730px;
	width:200px;
	list-style-type:none;
}

ul#small_menu li{
	margin-right:20px;
	float:left;
}	
	
ul#navi{
	margin:0;
	padding:0;
	width:568px;
	position:absolute;
	top:84px;
	left:340px;
	list-style-type:none;
}

ul#navi li{
	float:left;
}

div#main_wrap{
	margin:0 auto;
	padding:0;
	width:900px;
}

div#side{
	float:left;
	width:250px;
	margin:25px 0 0 15px;
	padding:0;
}

div#side_menu a{
	margin:0 0 0 3px;
	padding:12px 0 0 20px;
	width:220px;
	height:33px;
	float:left;
	background-color:#181D6E;
	color:white;
	text-decoration:none;
}

div#side_menu a:hover{
	outline:1px solid;
	outline-offset: -1px;
	background-color: #fff;
	color:#181D6E;
}

div.side_access{
	margin:20px 7px 0 3px;
	border: 1px solid #C6C2AF;
}

div.side_active{
	margin:0 7px 20px 3px;
	border: 1px solid #C6C2AF;
}

h2#side_title{
	margin:0 ;
	padding:10px 0 10px 9px;
	background-color: #F5F5E9;
	border-top:4px solid #181D6E;
	border-bottom:1px solid #C6C2AF;
	font-size:17px;
	font-weight: normal;
	font-family: serif;
}

div.side_accessbody{
	padding-left:9px;
	padding-bottom:10px;
}

div.smallmap{
	border:solid 1px #cccccc;
	width:218px;
}
	
div#main_content{
	float:left;
	width:580px;
	margin:20px 0 0 35px;
}

div#footer{
	margin:40px 0 0 0 ;
	padding:0;
	height:114px;
	width:100%;
	background: #F4F3E7 url("images/foot_bg.jpg")   repeat-x;
}

div#footer_in{
	margin:0 auto;
	height:114px;
	width:900px;
	background: #F4F3E7 url("images/foot_bg2.jpg")  no-repeat;
}


/* =======================================各ページスタイル=========== */


/* ============トップページ======== */
div#top_visual{
	margin:0;
	padding:0;
	height:230px;
	background:#FDF6F6;
}

h3.toph3{
	background-color:#F5F5E9;
	border-bottom:solid 1px #181D6E;
	color:#181D6E;
	padding-left:10px;
	margin-left:0;
	margin-top:25px;
	line-height:1.8em;
	font-size:16px;
	letter-spacing:0.1em;
	font-weight:normal;
}
	

div#toppage_t p{
	text-indent:1em;
	margin:0 0 6px 0;
}

dl.toptopics{
	width:560px;
	font-size:12px;
}

dl.toptopics dt{
	width:90px;
	float:left;
	clear:both;
	color:#194D82;
}

dl.toptopics dd{
	width:440px;
	margin-left:90px;
}


/* ============投稿ページ======== */
img.alignleft{
	float:left;
}

/*投稿画像の回り込み処理*/
img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }

img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 }

img.alignleft {
 padding: 4px;
 margin: 0 7px 2px 0;
 display: inline;
 }

.alignright {
 float: right;
        margin-left: 10px;
        margin-bottom: 2px;
 }

.alignleft {
 float: left;
        margin-right: 0px;
        margin-bottom: 2px;
 }

img {
border-style:none;
}

.wp-caption {
        border: solid 1px #DDDDDD;
        text-align: center;
        padding-top:5px;
        margin-bottom:5px;
        background-color:#EEEEEE;
        font-size:0.6em;
        line-height: 0.8em;
}

/* ============固定ページ：事務所・弁護士======== */
td.wideline{
	border-top:solid 4px #C6C2AF;
}

table{
	margin-left:-8px;
	border-collapse:collapse;
	line-height:1.8em;
}

td.line{
	border-bottom:dotted 1px #777777;
}

td.bold{
	font-weight:bold;
}

table.firstlawyer{
	margin-bottom:100px;
}

/* ============固定ページ：業務内容======== */
ul.service{
	margin-top:-5px;
	margin-left:-40px;
	list-style-type:none;
}

ul.service li{
	margin-bottom:5px;
	border-bottom:dotted 1px #777777;
}

span.tcolor{
	color:#194d82;
	font-weight:bold;
}

div.approach{
	border:solid 1px #194D82;
	padding:0 0 0 60px;
}

div.approach p{
	line-height:2.0em;
}

/* ============固定ページ：アクセス======== */

div.right{
	float:right;
}


div.map{
	border:solid 1px #cccccc;
}


table.access{
	margin-left:10px;
}

table.access th{
	padding-right:15px;
	text-align:right;
}

/* ============固定ページ：サイトマップ======== */

h4.s_map{
	display:block;
}

ul.mapin{
	list-style:none;
	margin:0;
	padding:0;
}

ul.mapin li{
	margin:0 0 10px 30px;
	float:left;
}
	

/* ============固定ページ：活動======== */


ul.activemenu{
	font-size:12px;
	width:210px;
	margin-top:10px;
	padding-top:0;
	margin-left:-35px;
	list-style-type:none;
}

ul.activemenu a{
	text-decoration:none;
}

ul.activemenu li {
	display:block;
	border-bottom:dotted 1px #cccccc;
}


h4.s_category{
	background-color:#EDE8D2;
	line-height:1.8em;
	padding-left:7px;
	padding-top:0;
	margin-top:8px;
	margin-bottom:15px;
}

div.s_categorywrap{
	margin-bottom:30px;
}

div.blogin{
	border-bottom:dotted 1px #777777;
	padding-left:5px;
	margin-top:0px;
	margin-bottom:20px;
}


div.blogin_book{
	padding-bottom:10px;
}

div.blogin p{
	margin-top:5px;
	margin-bottom:10px;
}


div.blogin_in{
	width:390px;
	float:left;
	padding-top:2px;
}

div.lawsuit_wrap{
	margin-left:20px;
	padding-left:20px;
	border-left:dotted 1px #d90000;
}

div.red{
	color:#d90000;
	line-height:1.6em;
	margin-left:5px;
	font-size:15px;
}	

span.readmore{
	line-height:1.8em;
}

span.readmore a{
	float:right;
	background-color:#8cc227;
	color:white;
	text-decoration:none;
}

span.readmore a:hover{
	background-color: #73B513;
	color:white;
}

hr.bookline{
    background-color: #B0C4DE;
}

/* ==========カテゴリー一覧ページ=========== */

/* PageNavi */
.wp-pagenavi{
	text-align:center;
	padding-top:10px;
	padding-bottom:25px;
}

.wp-pagenavi a,
.pages,
.current{
	margin-right:4px;
	padding:3px 6px;
	background:#B0C4DE;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:black;
}

.wp-pagenavi a:hover,
.current{
	color:#fff;
	background:#181D6E;
}

dl.cattopics{
	margin-top:-20px;
}