﻿@charset "utf-8";
/* ------------------------------------------------
 Reset
------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
ol,ul { list-style:none; }
caption,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; }
.cf { zoom:1; }
.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
img { vertical-align:middle; }

/* ------------------------------------------------
 Common
------------------------------------------------ */
html {
	font-size:10px;
}
body{
	background:#dbf7ef;
	color:#333;
	font:10px/1.7 '游明朝','YuMincho','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
a{
	color:#333;
}
a:link{}
a:visited{}
a:hover{}
a:active{}


/* ------------------------------------------------
 Structure (cl,fl,of,w,h,m,p,bg)
------------------------------------------------ */

#wrapper{
	font-size:13px;
	font-size:1.3rem;
}
#global-header{
	background:#fff;
}
#global-nav{}
#container{
	width:880px;
	margin:0 auto;
	padding:20px 10px 80px;
	background:#fff;
}
#contents{
	float:left;
	width:630px;
}
#sidebar{
	float:right;
	width:232px;
}
#global-footer{
	width:900px;
	margin:0 auto;
	padding:20px 0;
	line-height:2;
}



/* ------------------------------------------------
 Object
------------------------------------------------ */
.mb1 { margin-bottom:0.4em;}
.mb2 { margin-bottom:2em;}
.small { font-size:11px; font-size:1.1rem;}
.point { font-weight:bold;}
.attention { color:#ff0000;}
.pagetop-btn { text-align:right;}

.caption01 {
	font-size:10px;
	font-size:1rem;
	text-align:right;
}
.caption02 {
	font-size:10px;
	font-size:1rem;
}

.frame01 {
	padding:15px;
	background:url(../img/bg_pattern01.png);
	border:3px solid #d9d9d9;
}


ul.style01 {
	margin:0 0 2em;
}
ul.style01 li {
	margin:0 0 1em;
	padding:0 0 0 30px;
	background:url(../img/ico_arrow01.png) no-repeat left 2px;
}

ul.style02 {
	margin:0 0 2em;
}
ul.style02 li {
	margin:0 0 1em;
	padding:0 0 0 30px;
	background:url(../img/ico_arrow02.png) no-repeat left 2px;
}
ul.style02 li .label {
	font-weight:bold;
}

dl.style01 {}
dl.style01 dt {
	margin:0 0 1em;
	padding:5px 0 5px 10px;
	background:#ede6de;
	border-left:5px solid #232a5d;
	border-bottom:1px dotted #333;
	color:#232a5d;
	font-weight:bold;
}
dl.style01 dd {
	margin:0 0 3em;
}


table.style01 {
	width:100%;
}
table.style01 th {
	width:190px;
	padding:10px;
	border-top:1px solid #b7b7b7;
	border-bottom:1px solid #b7b7b7;
	background:#f3f3f3;
	font-weight:bold;
}
table.style01 th .req {
	font-size:10px;
	font-size:1rem;
	font-weight:normal;
}
table.style01 td {
	padding:10px;
	border-top:1px solid #b7b7b7;
	border-bottom:1px solid #b7b7b7;
}
table.style01 td input,
table.style01 td textarea {
	margin:0 0 5px;
	padding:2px;
}

table.style02 {
	width:100%;
	border:3px solid #d9d9d9;
}
table.style02 th {
	padding:10px;
	background:#0c1d5c;
	border:1px solid #d9d9d9;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
}
table.style02 th.w2 { width:50%;}
table.style02 th.w3 { width:33%;}
table.style02 th .small { float:right;}
table.style02 td {
	padding:10px;
	border:1px solid #d9d9d9;
	font-size:12px;
	font-size:1.2rem;
	vertical-align:top;
}



/* ------------------------------------------------
 Component (Section/Block/Widget)
------------------------------------------------ */

/* global-header
------------------------------------------------ */
#global-header .inner {
	width:900px;
	margin:0 auto;
	padding:10px 0;
}
#global-header .l-col {
	float:left;
	width:700px;
}
#global-header .r-col {
	float:right;
	width:200px;
}
#global-header h1 {
	margin:0 0 10px;
	color:#ea7435;
}
#global-header .tel {
	margin:0 0 5px;
}


/* gnav
------------------------------------------------ */
#gnav {
	background:#3b1f05;
}
#gnav ul {
	padding:10px 0;
	text-align:center;
}
#gnav li {
	display:inline;
	padding:0 10px;
	border-right:1px solid #ffebcd;
	font-size:1.2rem;
	line-height:1;
}
#gnav li:last-child {
	border-right:none;
}
#gnav li a {
	color:#ffebcd;
	text-decoration:none;
}
#gnav li a:hover {
	text-decoration:underline;
}


/* mainvisual
------------------------------------------------ */
#mainvisual {
	background:#62caac;
}
#mainvisual .inner {
	width:900px;
	margin:0 auto;
}

/* sidebar
------------------------------------------------ */
#sidebar .widget {
	margin:0 0 20px;
}

#sidebar .bnr-widget {}
#sidebar .bnr-widget ul {}
#sidebar .bnr-widget li {
	margin:0 0 20px;
}

#sidebar .area-widget {
	margin:0 0 40px;
	padding:30px 25px;
	background:url(../img/s_bg01.png) no-repeat;
}
#sidebar .area-widget .label {
	font-weight:bold;
}
#sidebar .area-widget .area {
	margin:0 0 15px;
}

#sidebar #blog-widget {}
#sidebar #blog-widget .heading {
	position:relative;
	margin:0 0 5px;
}
#sidebar #blog-widget .heading a {
	position:absolute;
	top:60px;
	left:68px;
	font-weight:bold;
}
#sidebar #blog-widget #sideBlogTxt {
	padding:15px;
	border:1px solid #a0dfcd;
}
#sidebar #blog-widget #sideBlogTxt dl {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px dotted #333;
}
#sidebar #blog-widget #sideBlogTxt dl:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
#sidebar #blog-widget #sideBlogTxt dt {
	font-size:11px;
	font-size:1.1rem;
	font-weight:bold;
}
#sidebar #blog-widget #sideBlogTxt dd {
	font-size:12px;
	font-size:1.2rem;
}

/* global-footer
------------------------------------------------ */
#global-footer {}
#global-footer .inner {
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
}
#global-footer .f-link {}
#global-footer .f-link li {
	display:inline;
	padding:0 10px;
	border-right:1px solid #333;
	font-size:1.2rem;
	line-height:1;
}
#global-footer .f-link li:last-child {
	border-right:none;
}
#global-footer .f-link li a {
	text-decoration:none;
}
#global-footer .f-link li a:hover {
	text-decoration:underline;
}
#global-footer .copyright {
	text-align:center;
}
#global-footer .area {}
#global-footer .area .label {
	font-weight:bold;
}




/* ------------------------------------------------
 Signature (Page/Parts)
------------------------------------------------ */

/* page
------------------------------------------------ */
.page {}
.page .cont {
	position:relative;
	margin:0 0 20px;
}
.page .cont .inner {
	margin:20px 40px;
}
.page .col-form {
	position:relative;
	margin:20px 0;
}
.page .col-form .btn {
	position:absolute;
	top:115px;
	left:290px;
}

/* top-page
------------------------------------------------ */
#top-page {}
#top-page .cont {
	position:relative;
	margin:0 0 20px;
}
#top-page #cont01 {}
#top-page #cont01 .btn {
	position:absolute;
	top:290px;
	left:224px;
}
#top-page #cont02 {}
#top-page #cont02 .heading {
	margin:0 0 5px;
}
#top-page #cont02 .inner {
	padding:20px 40px;
	border:3px solid #97dcc8;
}
#top-page #cont03 {}
#top-page #cont03 .text {
	position:absolute;
	top:180px;
	left:190px;
	margin-right:20px;
}
#top-page #cont03 .head {
	margin:0 0 10px -15px;
	padding:0 0 3px 15px;
	border-bottom:1px dotted #57b89c;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}


/* owner-page
------------------------------------------------ */
#owner-page {}
#owner-page .cont {}
#owner-page .cont .inner {}
#owner-page .cont .heading {}
#owner-page .cont .head {
	margin:2em 0 0;
	color:#0c1d5c;
	font-weight:bold;
}

#owner-page .head02 {
	padding:0 0 0 10px;
	background:#094331;
	border-left:8px solid #369378;
	color:#fff;
	font-weight:bold;
}


#owner-page #cont01 {}
#owner-page #cont01 .col01 {
	position:relative;
	margin:0 0 20px;
	padding:20px 10px 10px 100px;
	background:url(../img/owner_img01_1.png) no-repeat;
}
#owner-page #cont01 .col01 ul {}
#owner-page #cont01 .col01 ul li {
	margin:0 0 10px;
	padding:0 0 0 20px;
	background:url(../img/ico_circle01.png) no-repeat;
}
#owner-page #cont02 {}
#owner-page #cont02 .figure {}






/* kigyou-page
------------------------------------------------ */
#kigyou-page {}
#kigyou-page .cont {}
#kigyou-page .heading {}
#kigyou-page .head {
	margin:0 0 10px;
	padding:0 0 0 10px;
	border-left:6px solid #61caab;
	font-weight:bold;
}
#kigyou-page #cont01 {}
#kigyou-page #cont01 .desc {}


/* souzoku-page
------------------------------------------------ */
#souzoku-page {}
#souzoku-page .cont {}
#souzoku-page .cont .inner {}
#souzoku-page .cont .heading {}
#souzoku-page .cont .head {
	margin:0 0 10px;
	padding:0 0 0 10px;
	border-left:6px solid #61caab;
	font-weight:bold;
}
#souzoku-page #cont01 {}
#souzoku-page #cont01 .col01 {
	position:relative;
	height:225px;
	margin:0 0 20px;
	padding:20px 10px 10px 100px;
	background:url(../img/souzoku_bg01.png) no-repeat;
}
#souzoku-page #cont01 .col01 ul {}
#souzoku-page #cont01 .col01 ul li {
	margin:0 0 10px;
	padding:0 0 0 20px;
	background:url(../img/ico_circle02.png) no-repeat;
}
#souzoku-page #cont02 {}
#souzoku-page #cont02 .figure {}


/* faq-page
------------------------------------------------ */
#faq-page {}
#faq-page .heading {}
#faq-page .head {
	padding:0 0 0 10px;
	background:#256e58;
	border-left:8px solid #369378;
	color:#fff;
	font-weight:bold;
}


/* office-page
------------------------------------------------ */
#office-page {}
#office-page .cont {}
#office-page .heading {}
#office-page .head {
	margin:0 0 10px;
	padding:0 0 0 10px;
	border-left:6px solid #61caab;
	font-weight:bold;
}
#office-page .head02 {
margin: 1em 0 0;
color: #0c1d5c;
font-size:15px;
font-weight: bold;
}

#office-page #cont01 .col01 {
	position:relative;
	height:195px;
	margin:0 0 20px;
	padding:20px 10px 10px 100px;
	background:url(../img/office_bg01.png) no-repeat;
}
#office-page #cont01 .col01 ul {}
#office-page #cont01 .col01 ul li {
	margin:0 0 10px;
	padding:0 0 0 20px;
	background:url(../img/ico_circle02.png) no-repeat;
}
#office-page #cont01 .figure {
	margin-left:-10px;
}
#office-page #cont02 {}
#office-page #cont02 .heading {
	margin:0 0 20px;
}


/* contact-page
------------------------------------------------ */
#contact-page {}
#contact-page .head {
	padding-left:10px;
	border-left:8px solid #369378;
	background:#61caab;
	color:#fff;
	font-weight:bold;
}
#contact-page .cont {
	position:relative;
	margin:0 0 20px;
}
#contact-page .cont .inner {
	margin:20px 40px;
}

#contact-page #cont01 {}
#contact-page #cont02 {}
#contact-page #cont03 {}
#contact-page #cont03 .desc {
	margin:0 0 15px;
}
#contact-page #cont03 .btn {
	margin:20px 0;
	text-align:center;
}

