/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

* {
	padding: 0;
	margin: 0;
	line-height: 0;
}

html {
	background: #f2f2f2;
}



p {
	color: #555555;
	font-size: 1.1em;
	line-height: 2em;
}

header {
	width: 1200px;
	margin: 0 auto;
}


a img:hover {
	opacity: 0.7;
	cursor: pointer;
}


/*--------------------------------------------センタリング関係*/

p.center-p {
	text-align: center;
}


p.margin-b35 {
	margin-bottom: 35px!important;
}



/*--------------------------------------------ヘッドナビ*/

ul#head-nav {
	width: 1200px;
	height: 65px;
	margin:0px auto;
	padding: 0;
	overflow: hidden;
	padding: 0 
}


ul#head-nav li {
	display: inline;
	float: left;
	margin: 0;	
	padding: 0;
}

ul#head-nav li a {
	text-align: center;
	line-height: 60px;
	font-size: 1.1em;
}


ul#head-nav li.home a {
	color: #ffffff;
	background: #232426;
	width: 240px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.service a {
	color: #ffffff;
	background: #232426;
	width: 240px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.nagare a {
	color: #ffffff;
	background: #232426;
	width: 240px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.sep a {
	color: #ffffff;
	background: #232426;
	width: 240px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li.contact a {
	color: #ffffff;
	background: #232426;
	width: 240px;
	height: 65px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#head-nav li a:hover {background-color: #18348d;}
ul#head-nav li a.selected {
	background-color: #18348d;
	font-weight: bold;
}


img.kadomaru {
	border-radius: 15px;
}

img.kadomaru-top {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

img.kadomaru-top5 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/*--------------------------------------------インデックスページ用*/


section.index-cont {
	width: 1150px;
	padding: 25px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 15px;
	overflow: hidden;
}

.rinen{
	color: #18348d;
	font-weight: bold;
	font-family: serif;
	font-size: 1.8em!important;
	width: 80%!important;
	padding: 0!important;
	display: flex;  /* 横並びにする */
	align-items: center;  /* 垂直方向に中央 */
	text-align: center;  /* 文字のセンタリング(複数行になったとき用) */
	border-left: none!important;
}


/* 共通部分はまとめる */
.rinen::before,
.rinen::after{
	content:"";
	flex-grow: 1;  /* 線の伸び率 */
	border-bottom: 1px solid #333;
}

/* 左側の線 */
.rinen::before{
	margin-right: 10px;  /* 線と文字の間のスペース */
	padding-left: 15px;  /* 線の長さが、最低でも15px以上になるように余白をとる */
}

/* 右側の線 */
.rinen::after{
	margin-left: 10px;  /* 線と文字の間のスペース */
	padding-right: 15px;  /* 線の長さが、最低でも15px以上になるように余白をとる */
}


section.index-cont ul {
	width: 80%;
	margin: 0 auto 50px;
}

section.index-cont ul{
	counter-reset:list;
	list-style-type:none;
	font-size: 1.3em;
	font-family: serif;
	padding:0;
}
section.index-cont ul li{
	position:relative;
	color: #333;
	padding: 0 0 0 25px;
	margin: 7px 0px;
	line-height: 55px;
	border-bottom: dashed 1px #ccc;
}
section.index-cont ul li:before{
	counter-increment: list;
	content: counter(list) ".";
	display: block;
	position: absolute;
	left: 0px;
	font-weight: bold;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/*--------------------------------------------サイドナビ*/

p.side-midashi {
	color: #555555;
	font-size: 1.2em;
	line-height: 1.2em;
	width: 215px;
	margin: 25px auto;
	padding-left: 10px;
	border-left: solid 5px #223558;
}

nav#side {
	width: 273px;
	background: #f2f2f2;
	border-radius: 5px;
	border: solid 1px #cccccc;
	margin-bottom: 20px;
}
	

ul#side-nav {
	width: 230px;
	margin:10px auto 20px;
	padding: 0;
	overflow: hidden;
	background: #ff00ff;
	padding: 0 
}


ul#side-nav li {
	margin: 0;	
	padding: 0;
}

ul#side-nav li a {
	text-align: left;
	line-height: 55px;
	color: #555555;
	padding-left: 15px;
}

ul#side-nav li.home a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.member a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.annai a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.contact a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li.gyoumu a {
	background: #ffffff;
	height: 55px;
	text-decoration: none;
	outline: none;
	display: block;
	clear: both;
}

ul#side-nav li a:hover {background-color: #18348d;}
ul#side-nav li a.selected {
	background-color: #18348d;
	font-weight: bold;
	color: #ffffff;
}

/*--------------------------------------------サイドマップ*/

div.side-map {
	width: 273px;
	background: #f2f2f2;
	border-radius: 5px;
	border: solid 1px #cccccc;
}

div.side-googlemap {
	width: 230px;
	margin: 0 auto;
	background: #ffffff;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

div.side-googlemap p {
	width: 200px;
	font-size: 1em;
	line-height: 1.8em;
	padding: 10px 15px 0px;
}

div.side-googlemap p span {
	font-weight: bold;
}


/*--------------------------------------------フッター*/

footer {
	width: 1150px;
	padding: 25px;
	margin: 0 auto;
	overflow: hidden;
	background: #223559;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

img.foot-logo {
	float: left;
	margin: 15px 15px 15px 0;
}

div.foot-info {
	text-align: right;
	overflow: hidden;
}

div.foot-info p {
	font-size: 100%;
	color: #ffffff;
}

div.foot-info p span {
	font-weight: bold;
}

/*--------------------------------------------インデックス以外*/


section.cont {
	width: 1150px;
	padding: 25px;
	margin: 0 auto;
	background: #ffffff;
	overflow: hidden;
}


section.cont article {
	width: 1150px;
	float: right;
	margin-bottom: 30px;
}

section.cont article h1 {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 30px;
	width: 1130px;
	height: 30px;
	padding: 10px;
	margin-bottom: 25px;
	background: #18348d;
	border-radius: 5px;
	font-weight: bold;
}

section.cont article img {
}

section.cont article p {
	margin: 0 auto;
	width: 1100px;
}


	
/*--------------------------------------------事務所案内ページ*/

table.annai {
	margin: 0 auto;
	width: 1100px;
	background: #ffffff;
	margin-bottom: px;
}

table.annai th,
table.annai td {
	border-bottom: solid 5px #ffffff;
	padding: 25px 15px;
}
	

table.annai th {
	width: 205px;
	background: #777777;
	border-right: solid 5px #ffffff;
	color: #ffffff;
}

table.annai td {
	width: 830px;
	background: #dedede;
}
	

div.annai-map {
	width: 1100px;
	margin: 0 auto;
}

div.annai-photo {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 25px!important;
}

div.annai-photo img {
	margin: 0!important;
}


div.annai-photo figure {
	float: left!important;
	display: inline-block;
	width: 550px;
	text-align:center;
}

div.annai-photo figure img {
	display: block;
}

div.annai-photo figcaption {
	width: 550px;
	color:grey;font:1em arial;}


/*--------------------------------------------サービス案内ページ*/

article.service h1 span {
	font-size: 85%;
	padding-left: 10px;
}


article.service h2 {
	width: 1100px;
	font-size: 1.2em;
	border-left: solid 5px #223558;
	line-height: 1.4em;
	padding: 10px 0 10px 15px;
	margin: 15px auto;
}

div.banner {
	margin: 0 auto;
	text-align: center;
}

div.banner img {
}


/*--------------------------------------------サービスの流れページ*/

article.nagare h2 {
	width: 1100px;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 15px 0;
	margin: 50px auto ;
	border-bottom: solid 1px #223558;
}

article.nagare h2 span {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #ffffff;
	font-weight: bold;
	margin-right: 25px;
	background: #223558;
	padding: 15px;
}
	
article.nagare p {
	font-size: 1.2em;
}