@charset "utf-8";
/*
Theme Name: supporters-jpn
Theme URI: http://supporters-jpn.com/
Description: LCtheme
Version: 1.0
Author: LC
Author URI: http://supporters-jpn.com/
Tags: simple
*/


/*  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;
}
ol,ul {   list-style:none;}
caption,th {   text-align:left; }
h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}
img	{border:0;}
.clear	{clear:both;}


/* Base
------------------------------------------------------------------*/

body {
	font-size: 14px;
	line-height: 1.6;
	font-family:Meiryo,"メイリオ",Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	background:#fff;
	color: #434a54;
	letter-spacing:0.1em;
}
#wrapper {
	background-image: url(img/common/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.containerInner {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	padding: 30px 0 50px;
	position: relative;
}
/* タイトル背景
------------------------------------------------------------------*/

h2 {
	font-size: 30px;
	margin-bottom: 5px;
	text-align: center;
	color: #37c5bf;
}
h2.ttl {
	margin-bottom:30px;
}
h2.ttl img {
	width: 100%;
	display: block;	
}
#cttImg	{
	height:340px;
}
#cttImg	h2	{
	text-align:center;
	padding:110px 0 0;
	margin:0;
}
h3 {
	font-size: 30px;
	margin-bottom: 5px;
	text-align: center;
	color: #37c5bf;
}
h4 {
	font-size: 18px;
	text-align: center;
	color: #37c5bf;
}
.caption {	font-size: 10px;}
ul li img {	vertical-align:bottom;}
.pht {
	text-align:center;
}




/* header
------------------------------------------------------------------*/
#header {
	height: 100px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	position: absolute;
	top: 8px;
	left: 20px;
	font-size:11px;
}
#header .logo {
	position: absolute;
	top: 25px;
	left: 15px;	
}
#header .contact {
	position: absolute;
	top: 30px;
	right: 20px;
}


/* Nav
------------------------------------------------------------------*/
#navi ul {
	width: 960px;
	height: 50px;
	margin: 0 auto;
}
#navi ul li {
	float: left;
	height: 50px;
}
#navi ul li.navi01 {	width: 90px;}
#navi ul li.navi02 {	width: 100px;}
#navi ul li.navi03 {	width: 160px;}
#navi ul li.navi04 {	width: 120px;}
#navi ul li.navi05 {	width: 140px;}
#navi ul li.navi06 {	width: 120px;}
#navi ul li.navi07 {	width: 120px;}
#navi ul li.navi08 {	width: 110px;}

#navi ul li a {
	display: block;
	height: 50px;	
}
#navi ul li.navi01 a {	width: 90px;}
#navi ul li.navi02 a {	width: 100px;}
#navi ul li.navi03 a {	width: 160px;}
#navi ul li.navi04 a {	width: 120px;}
#navi ul li.navi05 a {	width: 140px;}
#navi ul li.navi06 a {	width: 120px;}
#navi ul li.navi07 a {	width: 120px;}
#navi ul li.navi08 a {	width: 110px;}

#navi ul li span {	display: none;}
#navi ul li {	background-image: url(img/common/head_menu_on.png);}
#navi ul li.navi01 {	background-position: 0px 0px;}
#navi ul li.navi02 {	background-position: -90px 0px;}
#navi ul li.navi03 {	background-position: -190px 0px;}
#navi ul li.navi04 {	background-position: -350px 0px;}
#navi ul li.navi05 {	background-position: -470px 0px;}
#navi ul li.navi06 {	background-position: -610px 0px;}
#navi ul li.navi07 {	background-position: -730px 0px;}
#navi ul li.navi08 {	background-position: -850px 0px;}

#navi ul li a {	background-image: url(img/common/head_menu_off.png);}
#navi ul li.navi01 a {	background-position: 0px 0px;}
#navi ul li.navi02 a {	background-position: -90px 0px;}
#navi ul li.navi03 a {	background-position: -190px 0px;}
#navi ul li.navi04 a {	background-position: -350px 0px;}
#navi ul li.navi05 a {	background-position: -470px 0px;}
#navi ul li.navi06 a {	background-position: -610px 0px;}
#navi ul li.navi07 a {	background-position: -730px 0px;}
#navi ul li.navi08 a {	background-position: -850px 0px;}

#navi ul li a:hover {	background-image: url(img/common/head_menu_off.png);}
#navi ul li.navi01 a:hover {	background-position: 0px -50px;}
#navi ul li.navi02 a:hover {	background-position: -90px -50px;}
#navi ul li.navi03 a:hover {	background-position: -190px -50px;}
#navi ul li.navi04 a:hover {	background-position: -350px -50px;}
#navi ul li.navi05 a:hover {	background-position: -470px -50px;}
#navi ul li.navi06 a:hover {	background-position: -610px -50px;}
#navi ul li.navi07 a:hover {	background-position: -730px -50px;}
#navi ul li.navi08 a:hover {	background-position: -850px -50px;}


/* container
------------------------------------------------------------------*/
.container {	padding-top:14px;}
.col1 {	width:940px;}
.col2Left620 {	width:620px;	float:left;}
.col2Right300 {	width:300px;	float:right;}
.col3Left300 {	width:300px;	float:left;}
.col3Center300 {	width:300px;	float:right;}
.col3Right300 {	width:300px;	float:right;}
.col4Left460 {	width:460px;	float:left;}
.col4Right460 {	width:460px;	float:right;}
.col4Left220 {	width:220px;	float:left;}
.col4Right220 {	width:220px;	float:right;}

/* Footer
------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #e4e3e3;
	background: #fafff7;
	padding: 20px 0 0;
	text-align: left;
}
#footer .inner {
	width: 960px;
	margin: 0 auto;
	position:relative;
}
* html #footer .inner {	height: 1%;}
#footer a {	text-decoration: none;}
#footer a:hover {	text-decoration: underline;}
#footer .right {
	width: 220px;
	font-weight:bold;
	line-height:1.4;
	position:absolute;
	top:0;
	right:0px;
}
#footer .right .txt {
	font-size:12px;
	padding-bottom:5px;
}
#footer .right .btn {	padding-top:15px;}
#footer .copy {
	color: #fff;
	background: #37c5bf;
	text-align:center;
	font-size:11px;
	padding:10px 0;
}
#footer_navi {
	width:960px;
	min-height:190px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#footer_navi ul {
	float:left;
	width:210px;
	padding-left:20px;
	box-sizing:border-box;
	font-size:12px;
}
#footer_navi ul li {
	background-image:url(img/common/arrow_footer.png);
	background-repeat: no-repeat;
	background-position:left 4px;
	padding:0 0 6px 15px;
	color: #666;
}
#footer_navi ul li a {
	text-decoration:none;
	color:#434a54;
}
#footer_navi ul li a:hover {	color:#434a54;}
#footer_navi ul li.find {
	background-image: url(img/common/arrow_footer2.png);
	padding:0 0 6px 25px;
	background-position:14px 5px;
}


/* breadCrumb
------------------------------------------------------------------*/
ul#breadCrumb {
	list-style: none;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: right;
	position: absolute;
	top: 30px;
	right: 20px;
}
ul#breadCrumb li {
	display: inline;
	font-size: 10px;
	padding: 0 4px 0 11px;
	background: url(img/common/icon_breadcrumb.png) left center no-repeat;
}
ul#breadCrumb li.firstChild {
	background: none;
	padding-left: 0;
}
ul#breadCrumb.btm {
	position: absolute;
	right: 238px;
	bottom: 0;
}
ul#breadCrumb.btm2 {
	position: absolute;
	right: 238px;
	bottom: 25px;
}



/* Top
------------------------------------------------------------------*/
.read {
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	font-size: 14px;
	margin-bottom: 30px;
}
#concept {
	margin-bottom: 50px;
	background-image: url(img/illust_character.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 220px;
	padding-top: 30px;
}
#service {	padding-left: 20px;}
#service .btn {
	width: 270px;
	float: left;
}
#service .btn_r {	margin-right: 55px;}
#service .btn .read {	padding-top: 20px;}
#business {
	background-image: url(img/bg_business.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 85px 0 0;
	height: 300px;
}
#business h2 {	color: #434a54;}
#business p {	font-size: 15px;}
#business .btn {	text-align: center;}
#information {	margin-bottom: 70px;}
#information dl {
	width: 920px;
	margin: 0 auto;
	border-top: 1px solid #e4e3e3;
}
#information dt {
	width:150px;
	padding:15px 10px;
	color: #63c050;
}
#information dd {
	padding:15px 10px 15px 160px;
	border-bottom: 1px solid #e4e3e3;
	margin-top:-3.7em;
}
#information dd a {
	color: #434a54;
	text-decoration: none;
}
#information dd a:hover {
	color: #434a54;
	text-decoration: underline;
}
.new	{
	color:#e00;
	padding-left:5px;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
}

/* kaji
----------------------------------------------------*/
#kaji .sec {
	margin-bottom: 80px;
}
#kaji h4 {
	text-align: center;
	border: none;
	font-size: 16px;
	color: #37c5bf;
	padding-bottom: 5px;
}
#kaji ul {
	margin: 0 auto;
}
#kaji ul li {
	background-image: url(img/img_li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 1.3em;
}
#kaji ul.list01 {
	width: 330px;
}
#kaji ul.list02 {
	width: 780px;
}
#kaji ul.list02 li {
	margin-bottom: 1em;
}
#kaji .service table tr td {
	text-align: center;
	vertical-align: top;
}
#kaji .service table img {
	width: 250px;
}
#kaji .service table h4 {
	padding-top: 15px;
	font-size: 18px;
}
#kaji .plan {
	border: 1px solid #e4e3e3;
	padding: 20px 20px 25px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 40px;
}
#kaji .plan table {
	border: 1px solid #e4e3e3;
	font-size: 13px;
	margin-bottom: 15px;
	margin: 0 auto;
}
#kaji .plan table tr {
	border-bottom: 1px solid #e4e3e3;
}
#kaji .plan table tr th {
	padding: 1em;
	border-left: 1px solid #e4e3e3;
	background: #37c5bf;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #FFF;
}
#kaji .plan table tr td {
	padding: 1em;
	border-left: 1px solid #e4e3e3;
	line-height: 1;
	text-align: center;
	line-height: 1.4;
}
#kaji .plan .left img {
	width: 410px;
}
#kaji .plan .right {
	width: 480px;
}
#kaji .plan .read {
	text-align: left;
	margin-bottom: 15px;
}
#kaji .plan .right table {
	width: 100%;
}

/* cleaning
----------------------------------------------------*/
#cleaning .sec {
	margin-bottom: 80px;
}
#cleaning h4 {
	text-align: center;
	border: none;
	font-size: 16px;
	color: #37c5bf;
	padding-bottom: 5px;
}
#cleaning ul {
	width: 820px;
	margin: 0 auto;
}
#cleaning ul li {
	background-image: url(img/img_li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 1.3em;
	margin-bottom: 1em;
}
#cleaning .service table tr {
}
#cleaning .service table tr th {
}
#cleaning .service table tr td {
	text-align: center;
	vertical-align: top;
}
#cleaning .service table img {
	width: 250px;
}
#cleaning .service table h4 {
	padding-top: 15px;
	font-size: 18px;
}
#cleaning .plan {
	border: 1px solid #e4e3e3;
	padding: 30px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom:50px;
}
#cleaning .plan	h3	{
	padding-bottom:20px;
}
#cleaning .plan table {
	border: 1px solid #e4e3e3;
	font-size: 13px;
	margin-bottom: 15px;
	margin: 0 auto;
}
#cleaning .plan table tr {
	border-bottom: 1px solid #e4e3e3;
}
#cleaning .plan table tr th {
	padding: 1em;
	border-left: 1px solid #e4e3e3;
	background: #37c5bf;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #FFF;
}
#cleaning .plan table tr td {
	padding: 1em;
	border-left: 1px solid #e4e3e3;
	line-height: 1;
	text-align: center;
	line-height: 1.4;
}
#cleaning .plan .left img {
	width: 400px;
}
#cleaning .plan .right {
	width: 470px;
}
#cleaning .plan .read {
	text-align: left;
	margin-bottom: 15px;
}
#cleaning .plan .right table {
	width: 100%;
}

/* business2
----------------------------------------------------*/
#business2 .sec {
	margin-bottom: 80px;
}
#business2 h4 {
	text-align: center;
	border: none;
	font-size: 16px;
	color: #37c5bf;
	padding-bottom: 5px;
}
#business2 ul {
	margin: 0 auto;
	width: 680px;
}
#business2 ul li {
	background-image: url(img/img_li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 1.3em;
	margin-bottom: 1em;
}
#business2 .plan {
	border: 1px solid #e4e3e3;
	padding: 20px 20px 25px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 40px;
}
#business2 .plan table {
	border: 1px solid #e4e3e3;
	font-size: 13px;
	margin-bottom: 15px;
	margin: 0 auto;
}
#business2 .plan table tr {
	border-bottom: 1px solid #e4e3e3;
}
#business2 .plan table tr th {
	padding: 1em;
	border-left: 1px solid #e4e3e3;
	background: #37c5bf;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #FFF;
}
#business2 .plan table tr td {
	padding: 1em;
	border-left: 1px solid #e4e3e3;
	line-height: 1;
	text-align: center;
	line-height: 1.4;
}
#business2 .plan .left img {
	width: 410px;
}
#business2 .plan .right {
	width: 480px;
}
#business2 .plan .read {
	text-align: left;
	margin-bottom: 15px;
}
#business2 .plan .right table {
	width: 100%;
}

/* Faq
------------------------------------------------------------------*/
#faq {
	width: 800px;
	margin: 0 auto 30px;
	line-height: 1.6;
}
#faq h2 {	padding-bottom: 30px;}
#faq .faq-list {
	border-top: 1px dashed #ddd;
	margin-bottom: 20px;
}
#faq .faq-list dl {
	border-bottom: 1px dashed #ddd;
	margin: 0;
	padding: 24px 0 20px;
}
#faq .faq-list dl dd,
.faq-list dl dt {
	margin: 0;
	padding: 6px 10px 10px 90px;
	position: relative;
}
#faq .faq-list dl dd .answer,
.faq-list dl dd .question,
.faq-list dl dt .answer,
.faq-list dl dt .question {
	border-radius: 3px;
	display: block;
	font-size: 13px;
	line-height: 1.4;
	padding: 4px 15px 2px;
	position: absolute;
	top: 6px;
	left: 10px;
}
#faq .faq-list dl dt .question {
	background-color: #37c5bf;
	color: #fff;
}
#faq .faq-list dl dd .answer {
	background-color: #FF6699;
	color: #fff;
}
#faq .faq-list dl dd .answer+*,
.faq-list dl dt .answer+* {
	margin-top: 0;
}
#faq .faq-list dl dt {
	font-size: 128.57143%;
	line-height: 1.4;
}
#faq .faq-list dl dd {
	padding-top: 10px;
}


/* voice
------------------------------------------------------------------*/
#voice {
	width: 800px;
	margin: 0 auto 30px;
}
#voice dl	{	border-top: 1px dashed #ddd;}
#voice dl dt {
	font-size: 20px;
	padding:25px 10px 10px;
	color:#37c5bf;
}
#voice dl dd {
	padding:0 10px 25px;
	border-bottom: 1px dashed #ddd;
}
.pnavTop	.wp-pagenavi	{
	margin:0 0 30px;
	text-align:center;
}
.pnavBottom	.wp-pagenavi	{
	margin:30px 0 0;
	text-align:center;
}
.wp-pagenavi	a,
.wp-pagenavi	.current	{
	padding:3px 8px !important;
	line-height:1 !important;
	border:1px solid #ccc !important;
}
.wp-pagenavi	.current	{
	background:#ccc;
	color:#FFF;
}

/* privacy
------------------------------------------------------------------*/
#privacy {
	width: 800px;
	margin: 0 auto 30px;
}
#privacy	li	{
	padding:10px 0;
}
#privacy	.midashi	{
	font-weight:bold;
}


/* flow
------------------------------------------------------------------*/
#flow {
	width: 800px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#flow h3 {
	margin: 20px 0;
	text-align:left;
}
#flow .box_step .step_txt {
	display: block;
	margin: 0 auto;
	width: 470px;
	overflow: hidden;
}
#flow .box_step .step_item {
	position: relative;
}
#flow .box_step .step_item.arrow:after {
	content: "";
	text-indent: -9999px;
	position: absolute;
	bottom: -22px;
	left: 50%;
	background-image: url(img/arrow_down_icn.png);
	width: 20px;
	height: 15px;
	margin: 0 0 0 -10px;
}
#flow .box_step .step_lbl {
	float: left;
	background: #37c5bf;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 75px;
	position: relative;
}
#flow .box_step .step_lbl em {
	display: block;
	font-style: normal;
}
#flow .box_step .step_lbl em.number {
	position: absolute;
	top: 20px;
	width: 90px;
	font-size: 23px;
}
#flow .box_step .step_content {
	margin-left: 120px;
	text-align: left;
	font-weight: normal;
}
#flow .box_step .box_textlink {
	padding: 30px 30px 40px;
}


/* company
------------------------------------------------------------------*/
#company {
	width: 800px;
	margin: 0 auto 30px;
}
#company .tbl01 {
	width:800px;
	margin: 15px auto 30px;
	font-size: 13px;
}



/* contact
------------------------------------------------------------------*/
#contact {
	width: 800px;
	margin: 0 auto 30px;
}
#contact .tbl01 {
	border-collapse: separate;
	border-top: 1px solid #e4e3e3;
	border-right: 1px solid #e4e3e3;
	border-left: 1px solid #e4e3e3;
	width:800px;
	margin: 15px auto 0;
	font-size: 13px;
}
#contact .tbl01 th, #contact .tbl01 td {
	padding: 15px;
	line-height: 1.4;
}
#contact .tbl01 th {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e4e3e3;
	background: #fafff7;
	font-weight: lighter;
	text-align: left;
	width: 200px;
	padding-right: 45px;
	box-sizing: border-box;
}
#contact .tbl01 th.hissu {
	background: #fafff7 url(img/icn_hissu.gif) no-repeat 160px center;
}
#contact .tbl01 td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e4e3e3;
	background: #fff;
}
p.att {
	padding-top: 4px;
	color: #d00;
}
input, textarea {
	padding: 3px 6px;
	border: 1px solid #ccc;
	font-size: 14px;
}
input:focus, textarea:focus {
	background: #FFC;
}
.submit {
	width: 240px;
	margin: 0 20px;
	background: #eee;
}
.submit:focus, .submit:hover {
	background: #37c5bf;
}
.compBox {
	text-align: center;
	padding: 0 0 50px;
}
.compBox p {
	font-size: 20px;
	color: #F00;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 15px;
}




/* 投稿記事
------------------------------------------------------------------*/
.postingTxt	h1	{
	font-size:32px;
}
.postingTxt	h2	{
	font-size: 26px;
	margin-bottom: 0;
	text-align: left;
	color: #333;
}
.postingTxt	h3	{
	font-size: 22px;
	margin-bottom: 0;
	border-bottom: 0;
	text-align: left;
	color: #333;
}
.postingTxt	h4	{
	font-size:18px;
	text-align: left;
	color: #333;
}
.postingTxt	h5	{
	font-size:14px;
}
.postingTxt	h6	{
	font-size:11px;
}
.postingTxt	ol	{
	list-style-type:decimal;
	margin:1em 0 1em 1.5em;
}
.postingTxt	ul	{
	list-style-type: disc;
	margin:1em 0 1em 1.5em;
}