@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

/* common modules
------------------------------------------------ */

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { maring:0; padding:0; border:none; background:none; }

/* --- anchor --- */

.anchor{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:13px;
}

/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../images/fileicon/xls.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../images/fileicon/doc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../images/fileicon/pdf.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='ppt']{
	background: url(../images/fileicon/ppt.png) no-repeat 100% 50%;
	padding-right: 25px;
}


/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
}

/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {	
	background:url(../images/icon_arrow_pagetop.png) no-repeat 0 0.4em;
	padding-left: 15px;
	font-size: 92%;
}



/* ------ title -------------------------------- */

.content h2{
	clear:both;
	margin:30px 0 0;
	font-weight:bold;
	background: #efded6 url(../images/bg_title2.jpg) no-repeat 100% 100%;
	padding:10px 10px 5px;
	color:#804b38;
	border-bottom:3px solid #a17965;
	font-size:130%;
}
.content h2 a:link          { text-decoration:underline; }
.content h2 a:visited       { text-decoration:underline; }
.content h2 a:hover,a:active{ text-decoration:none; }


.content h3 {
	clear:both;
	margin:30px 0 0;
	font-weight:bold;
	background:#c5d3be;
	padding:6px 15px 4px;
	color:#43503d;
	font-size:106%;
}

.content h4{
	clear:both;
	font-weight:bold;
	margin:30px 0 0;
	color:#804b38;
	font-size:106%;
	padding:0;
}

.content h5{
	clear:both;
	font-weight:bold;
	margin:30px 0 0;
	color:#43503d;
	font-size:100%;
	padding:0 0 0 10px;
	line-height:1em;
	border-left:5px solid #c5d3be;
}

/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	margin-bottom:5px;
}

.list li li {
	background:url(../images/icon_list02.png) no-repeat 0 0.6em;
}

/* --- link list --- */

.link li{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	margin-bottom:5px;
}

.link li li{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left: 10px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding: 8px;
	border: 1px solid #ddd;
}

.within li{
	background:url(../images/icon_arrow_within.png) no-repeat 0 0.4em;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #c3a393;
}

.horizonal2 dt {
  clear: left;
  float: left;
  width: 15em;
  padding:8px 8px 8px 0;
}

.horizonal2 dd {
  padding:8px 15px 8px 16em;
  border-bottom:1px solid #c3a393;
}

.horizonal3 dt {
  clear: left;
  float: left;
  width: 3em;
  padding:8px 8px 8px 0;
  font-weight:bold;
}

.horizonal3 dd {
  padding:8px 15px 8px 3.5em;
}
.horizonal4 dt {
  clear: left;
  float: left;
  width: 23em;
  padding:8px 8px 8px 0;
}

.horizonal4 dd {
  padding:8px 0 8px 23.5em;
  border-bottom:1px solid #c3a393;
}


/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }



/* ------ social media ------------------------- */

.social{
	margin-top:20px;
}

.social ul li{
	float:left;
	margin-right:10px;
}

.social .facebook{
	clear:both;
	margin-top:15px;
}

.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */



/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	border:1px solid #cecece;
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table th,
table td{
	padding:10px;
	vertical-align:top;
	border:1px solid #c3a393;
	background:#fff;
}

table th{
	background:#efded6;
	font-weight:bold;
	color:#804b38;
}

table thead th,
th.head {
	background:#72554B;
	text-align:center;
	color:#fff;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 350px;
	background: #eee;
}

.index dt {
	padding: 7px;
	background:#ddd;
}

.index dt a {
	text-decoration:none;
}

.index dd {
	padding: 7px;
}


/* cms
------------------------------------------------ */

/* --- entry-date --- */

.entry-date {
	text-align: right;
	font-size: 87%;
}

/* --- entry-navigation / pager-navigation --- */

.entry-navigation, 
.pager-navigation{
	font-size:87%;
	margin:50px 0 0;
}

.entry-navigation a:link, .entry-navigation a:visited, .entry-navigation a:hover, .entry-navigation a:active, 
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
	text-decoration:none;
}

.entry-navigation ul, 
.pager-navigation ul{
	margin:0;
}

/* entry-navigation */

.entry-navigation{
	background:#EFDED6;
	padding:5px 10px;
}

.entry-navigation li{
	width:300px;
}

.entry-navigation .entry-old{
	float:left;
}

.entry-navigation .entry-new{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-20px;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation ul li{
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:1;
}

.pager-navigation ul li span.cur{
	background:#c3a393;
	border:1px solid #c3a393;
	color:#fff;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:link, 
.pager-navigation ul li a:visited{
	background:#EFDED6;
	border:1px solid #EFDED6;
	color:#422a22;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:hover, 
.pager-navigation ul li a:active{
	background:#fff;
	border:1px solid #c3a393;
}

/* 続きを読むリンク */
.search.entry p.continue {
	margin: 0;
	padding: 0;
}

.search.entry p.continue a {
	display: block;
	margin: 0;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #E8E8E8;
	background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
}

.search.entry p.continue a:hover {
	background-color: #F0F0F0;
}

p.button a {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#804b38;
	border:2px solid #C3A393;
	padding:5px 10px;
	width:80%;
	margin:0 auto;
	font-weight:bold;
}
p.button a:hover,
p.button a:active {
	background:#C3A393;
}

/*--------------------------------

ご相談の流れ

----------------------------------*/

.flow-area {
	margin-top:30px;
}

.flow {
	background: url(../images/bg_arrow.png) no-repeat 50% 100%;
	padding-bottom:45px;
	margin-bottom:10px
}

.flow-last {
	background:none;
}

.flow-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:3px solid #c3a393;
	padding:20px
}

.flow-box h2 {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

.copy-area {
	margin:30px auto;
}

.copy {
	color:#5c844a;
	font-size:130%;
	font-weight:bold;
	text-align:center;
}

.copy__peson {
	text-align:center;
}

.copy__peson  img {
	margin:0 10px;
}



.hr {
    background: url("../images/bg_hr.png") no-repeat scroll 50% 100%;
    border: 0 none;
    clear: both;
    font-size: 1px;
    height: 15px;
    margin: 40px 0;
}

div.hr:before {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#voice {
	margin:30px 0 0;
}

#voice p {
	margin:0 0 30px!important;
	padding:15px;
	border:2px solid #EFDED6;
	background:#fbeee0;
	position:relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#voice div.clearboth {
	width:20px;
	height:25px;
	position:absolute;
	top:0.7em;
	right:0;
}

#voice div.clearboth a.truncate_more_link {
	text-decoration:none;
	color:#72554B;
}

#voice .one {
	max-height:1.45em;
	overflow:hidden;
}

#voice .all {
	max-height:100%;
}

.caption {
	margin-top:5px!important;
	font-size:87%;
	font-weight:bold;
	padding:0!important;
	text-align:center;
}

.decoration-box {
	border:4px solid #c5d3be;
	padding:10px 20px;
	margin-top:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.decoration-box h4 {
	background:none;
	border-bottom:3px solid #c5d3be;
	padding:5px 0 10px;
	margin-top:0;
	color:#43503d;
}

.decoration-box2 {
	background:#fbeee0;
	padding:20px;
	margin-top:30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.decoration-box2 h4 {
	margin-top:0;
}