@charset "utf-8";


/*
* common
* index
* service
* service-memento
* service-memento - area
* service-ragman
* service-cleaning
* flow
* price
* area
* faq
* company
* company-philosophy
* company-welfare
* company-staff
*
* news
* case
* voice
* town
*
* contact
* sitemap
*/



/*==================================================

common
==================================================*/

/* checklist */

.checklist {
	background:url(../img/common/ptn_stripe_yellow.jpg) repeat left top;
	padding:30px;
	margin:30px 0 0;
}
.checklist h2 {
	background:none;
	border:none;
	padding:0;
	margin:0;
	text-align:center;
}
.checklist h3 {
	background:none;
	border:none;
	padding:0 0 10px;
	margin:0;
	text-align:center;
}
.main .checklist ul {
	margin:5px 0 0;
}
.main .checklist li {
	margin:5px 0 0;
	padding:12px 0 12px 35px;
	background:url(../img/common/ico_checkbox.png) no-repeat 12px center #FFFFFF;
	border-radius:4px;
	font-size:107.6%;
	font-weight:bold;
	box-shadow:1px 1px 0px rgba(0,0,0,0.1);
		-moz-box-shadow:1px 1px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow:1px 1px 0px rgba(0,0,0,0.1);
		-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#1a000000,Positive=true)";
		filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#1a000000,Positive=true);
}


/* ybox */

.ybox {
	background:#FFFFBF;
	margin:20px 0 0;
	padding:20px;
	text-align:center;
}
.ybox h3 {
	border:none;
	padding:0;
	margin:0;
}

/* directbanner*/

.directbn {
	margin:20px 0 0;
}


/* linkbtn */

.linkbtn {
	margin:10px 0 0;
	text-align:right;
}
.linkbtn a {
	padding:0 15px 0 0;
	background:url(../img/common/ico_tri_orange_right.png) no-repeat right 4px;
}

/* must */

.must {
	color:#FF2626;
	font-weight:bold;
}

/* zoom */

.zoombtn {
	text-align:center;
	margin:15px 0 0;
}


/*==================================================

index
==================================================*/

#index #mainvisual {
	display:block;
	height:471px;
	margin:-5px 0 0;
	background:url(../img/index/mainvisual_bg01.jpg) repeat-x left top;
	text-align:center;
}
#index #mainvisual h1 {
	padding:28px 0 0;
	background:url(../img/index/mainvisual_bg02.png) no-repeat center top;
}
#index #topicpath {
	display:none;
}


/* sponsorBanner */

#sponsorBanner {
	margin:-10px 0 0;
	display: none;
}

/* serviceGuide */

#serviceGuide {
	margin:0px 0 20px;
}
#serviceGuide > ul {
	margin:0 0 0 -15px;
}
#serviceGuide > ul > li {
	float:left;
	display:inline;
	width:224px;
	border-radius:6px;
	background:#FFDFBF;
	margin:20px 0 0 15px;
	padding:12px 3px 10px;
}
#serviceGuide > ul > li > ul {
	margin:11px 0 0;
	padding:15px;
	background:#FFF;
}
#serviceGuide > ul > li > ul >li {
	background:url(../img/common/ico_checkbox.png) no-repeat left 2px;
	padding:0 0 0 23px;
	font-size:107.6%;
	font-weight:bold;
}
#serviceGuide h2 {
	margin:0;
	background:none;
	border:none;
	padding:0 0 0 12px;
}
#serviceGuide a {
	display:inline-block;
	margin:10px 14px 0;
}
#serviceGuide ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}

/* youtube */
.youtube{
	width: 100%;
	height:405px;
}

/* selectReason */

#selectReason {
	margin:40px 0 0;
}
#selectReason ol li {
	border:3px solid #DDD;
	padding:20px;
	margin:10px 0 0;
	position:relative;
}
#selectReason ol li figure {
	position:absolute;
	top:20px;
	right:20px;
}
#selectReason h2 {
	margin:0;
	padding:0;
	background:none;
	border:none;
}
#selectReason h2,
#selectReason p {
	width:502px;
}


/* newsArea */

#index #newsArea {
	position:relative;
}
#index #newsArea .newsbtn {
	position:absolute;
	top:10px;
	right:10px;
}


/*==================================================

service
==================================================*/
#serviceList{
	margin-bottom: 20px;
}
#serviceList li {
	background:none;
	padding:0;
}
#serviceList li a {
	display:block;
}
#serviceList li a:hover {
	opacity:0.75;
}
#serviceList table {
	border-collapse: separate;
	border-spacing: 0;
	border-radius:4px;
	overflow: hidden;
}
#serviceList th,
#serviceList td {
	border:1px solid #DDD;
	vertical-align:middle;
}
#serviceList th {
	border-right:1px dotted #DDD;
	background:#FAFAFA;
	width:270px;
	height:118px;
	padding:0 20px 0;
	border-radius:4px 0 0 4px;
}
#serviceList td {
	border-left:none;
	border-radius:0 4px 4px 0;
	color:#FF7F00;
	font-size:123%;
	font-weight:bold;
	line-height:170%;
	text-align:center;
}
#serviceList a {
	text-decoration:none;
}




/*==================================================

service-memento
==================================================*/

#mementoArea {
}


/* attention_box */

.main .attention_box {
	margin:20px 0 0;
	padding:18px;
	border:2px solid #CCC;
}
.main .attention_box h3 {
	border:none;
	margin:0;
	padding:2px 0 2px 35px;;
	font-size:123%;
	background:url(../img/common/ico_exclamation.png) no-repeat left center;
}
.main .attention_box ul {
	margin:20px 0 0;
}
.main .attention_box ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
.main .attention_box ul li {
	background:none;
	padding:0;
	margin:0 0 0 23px;
	float:left;
	display:inline;
}
.main .attention_box ul li.first {
	margin:0;
}


/* mementoExpert */

#mementoExpert h2 {
	padding:0;
	background:none;
	border:none;
}
#mementoExpert .supportbox {
	margin:30px 0 0;
}
#mementoExpert .supportbox:after,
#mementoExpert .supportbox li:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#mementoExpert .supportbox h3 {
	border:none;
	padding:0;
	line-height:200%;
}
#mementoExpert .supportbox h3 span {
	border-bottom:1px dotted #FF8000;
	padding:0 0 5px;
}
#mementoExpert .supportbox figure {
	float:left;
	display:inline;
	width:190px;
	margin:0;
}
#mementoExpert .supportbox .right,
#mementoExpert .supportbox img {
	float:right;
	display:inline;
}
#mementoExpert .supportbox .right {
	width:510px;
}
#mementoExpert .supportbox .right h3 {
	margin:0;
}
#mementoExpert .supportbox ul,
#mementoExpert .supportbox li.first {
	padding:0;
	margin:0;
}
#mementoExpert .supportbox li {
	margin:30px 0 0;
	background:none;
}

/* mementoConsulting */

#mementoConsulting {
	margin:40px 0 0;
	padding:0 0 19px;
	border:1px solid #FF8000;
}
#mementoConsulting h3 {
	color:#FFF;
	background:#FF8000;
	border:none;
	padding:5px;
	margin:0;
	text-align:center;

}
#mementoConsulting table {
	width:681px;
	margin:0 19px 0;
	border-collapse:seprate;
	border-spacing: 0;
	border-radius:4px;
}
#mementoConsulting tr {
	display:block;
	margin:19px 0 0;
}
#mementoConsulting th {
	width:148px;
	color:#FF7F00;
	background:none;
	font-size:123%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:0;
	border:none;
}
#mementoConsulting th span {
	display:block;
	border:1px solid #DDD;
	border-radius:4px;
	padding:15px 0;
}
#mementoConsulting td {
	border:none;
	padding:0 0 0 20px;
	vertical-align:middle;
	border-radius:4px;
}


/* mementoVoice */

#mementoVoice li {
	background:url(../img/common/ico_smile.png) no-repeat left top;
	padding:5px 0 0 50px;
	margin:30px 0 0;
}
#mementoVoice li.first {
	margin:20px 0 0;
}
#mementoVoice li h3 {
	padding:0;
	border:none;
	margin:0;
}
#mementoVoice li div {
	border-radius:8px;
	border:1px solid #DDD;
	position:relative;
	margin:15px 0 0;
	background:url(../img/memento/memento_voice_point_bg.png) no-repeat -1px -1px;
	padding:19px 119px 19px 49px;
}
#mementoVoice li div figure {
	position:absolute;
	top:-25px;
	right:15px;
}
#mementoVoice li div p {
	margin:0;
}
#mementoVoice li div p+p {
	margin:15px 0 0;
}
#mementoVoice  .ba {
	margin:30px 0 0;
	text-align:center;
}



/*==================================================

* service-memento - area
==================================================*/

.main .tobtn a {
	display: inline-block;
	background:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%);
	background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(250,250,250)));
	background:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%);
	background:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%);
	background:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fffafafa,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fffafafa,GradientType=0);
	border:1px solid #CCC;
	line-height: 30px;
	padding: 0 20px;
	margin:20px 0 0;
	text-align: center;
	color:#333333;
	font-size: 107.6%;
	font-weight: bold;
	text-decoration: none;
}
.main .tobtn a:after {
	content:url(../img/common/ico_tri_orange_right.png);
	margin-left:5px;
}
.main .tobtn a:hover {
	opacity: 0.75;
}


/* responseArea */
#responseArea .areabox {
	margin:15px 0 0;
}
#responseArea .areabox:after {
	clear:both;
	content:'';
	display: block;
	height: 0;
}
#responseArea .areabox figure {
	float: left;
	display: inline;
	width: 260px;
}
#responseArea .areabox .box {
	float: right;
	display: inline;
	width: 440px;
}
#responseArea .areabox .box > :first-child {margin:0;}


/* mementoMovie */
#mementoMovie iframe {
	margin:25px 0 0;
	width: 720px;
	height: 405px;
}


/* memento case */
.main .memento-caselist {
	margin:0;
}
.main .memento-caselist li {
	background: none;
	margin:35px 0 0;
	padding: 35px 29px 29px;
	border:1px solid #CCC;
	border-radius:4px;
	position: relative;
}
.main .memento-caselist li:after {
	clear:both;
	content:'';
	display: block;
	height: 0;
}
.main .memento-caselist li h5 {
	position: absolute;
	left:30px;
	top:-15px;
	margin:0;
	line-height: 30px;
	padding: 0 15px;
	border:1px solid #CCC;
	border-radius: 15px;
	background: #FFF;
}
.main .memento-caselist li figure {
	width: 200px;
	float: left;
	display: inline;
}
.main .memento-caselist li .box {
	float: right;
	display: inline;
	width: 440px;
}
.main .memento-caselist li .box > :first-child {
	margin:0;
}


/* memento voice */
.main .memento-voicelist,
.main .memento-voicelist li {
	margin:30px 0 0;
	padding: 0;
}
.main .memento-voicelist li:after {
	clear: both;
	content:'';
	display: block;
	height: 0;
}
.main .memento-voicelist li figure {
	float:left;
	display: inline;
	width: 180px;
}
.main .memento-voicelist li .voicebox,
.main .memento-voicelist li .staffcomment {
	float: right;
	display: inline;
	width: 520px;
	box-sizing: border-box;
}
.main .memento-voicelist li .voicebox h3 {
	padding:0 0 0 30px;
	margin:0;
	border:none;
	background: url(../img/common/ico_balloon.png) no-repeat left center;
}
.main .memento-voicelist li .staffcomment {
	border:1px solid #CCC;
	border-radius: 4px;
	padding: 19px;
	margin:20px 0 0;
}
.main .memento-voicelist li .staffcomment > :first-child {margin:0;}





/*==================================================

service-ragman
==================================================*/

#ragmanReason h2 {
	background:none;
	border:none;
	padding:0;
}
.reasonlist li {
	margin:20px 0 0;
	padding:0 0 20px 100px;
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px dotted #CCC;
	min-height:84px;
}
.reasonlist li.item1 { background-image:url(../img/common/ico_reason01.png);}
.reasonlist li.item2 { background-image:url(../img/common/ico_reason02.png);}
.reasonlist li.item3 { background-image:url(../img/common/ico_reason03.png);}
.reasonlist li.item4 { background-image:url(../img/common/ico_reason04.png);}
.reasonlist li dt {
	font-size:138.4%;
	font-weight:bold;
}
.reasonlist li dd {
	margin:15px 0 0;
}

/* ragmanService */

#ragmanService h3 {
	padding-left:107px;
	background-position:left top;
	background-repeat:no-repeat;
}
#ragmanService #rService1 h3 { background-image:url(../img/ragman/ragman_service_ttl_bg01.png);}
#ragmanService #rService2 h3 { background-image:url(../img/ragman/ragman_service_ttl_bg02.png);}
#ragmanService #rService3 h3 { background-image:url(../img/ragman/ragman_service_ttl_bg03.png);}
#ragmanService #rService3 figure {margin:20px 0 0;}
#ragmanService .examplelist li {
	border:1px solid #CCC;
	float:left;
	display:inline;
	background:none;
	margin:20px 0 0;
	padding:19px;
}
#ragmanService .examplelist .item1,
#ragmanService .examplelist .item2 {
	width:310px;
	height:147px;
}
#ragmanService .examplelist .item3,
#ragmanService .examplelist .item4,
#ragmanService .examplelist .item5 {
	width:188px;
	height:168px;
}
#ragmanService .examplelist .item2 {
	margin-left:20px;
}
#ragmanService .examplelist .item4,
#ragmanService .examplelist .item5 {
	margin-left:18px;
}
#ragmanService .examplelist li dt {
	padding:14px 0 14px 60px;
	font-size:107.6%;
	font-weight:bold;
	background-position:left center;
	background-repeat:no-repeat;
}
#ragmanService .examplelist li dd {
	margin:15px 0 0;
}
#ragmanService .examplelist .item1 dt { background-image:url(../img/ragman/ragman_service_bg_car.png);}
#ragmanService .examplelist .item2 dt { background-image:url(../img/ragman/ragman_service_bg_machine.png);}
#ragmanService .examplelist .item3 dt { background-image:url(../img/ragman/ragman_service_bg_electronics.png);}
#ragmanService .examplelist .item4 dt { background-image:url(../img/ragman/ragman_service_bg_interior.png);}
#ragmanService .examplelist .item5 dt { background-image:url(../img/ragman/ragman_service_bg_artwork.png);}
#ragmanService .zoombtn {
	width:350px;
}
#ragmanService .examplelist:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}


/* mustPay */

#mustPay {
	border:1px solid #FF7F00;
	background:#FFFFBF;
	margin:20px 0 0;
	padding:0 19px 19px;
}
#mustPay table {
	border-collapse:separate;
	margin:0;
}
#mustPay tr {
	display:block;
	margin:10px 0 0;
}
#mustPay th {
	background:none;
	border:none;
	font-size:107.6%;
	width:60px;
	padding-left:0;
}
#mustPay td {
	width:580px;
	border:1px solid #DDDDDD;
	background:#FFF;
	padding:5px 5px 10px;
}
#mustPay td ul {
	margin:0;
}
#mustPay td ul li {
	margin:5px 0 0 5px;
	padding:0 10px 0 15px;
	float:left;
	display:inline;
}
#mustPay td {
	border-radius:3px;
}
#mustPay td ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}


/* inlife */

#inlife .checklist {
	margin:0;
}
#inlife section h3 {
	border:none;
	padding:0;
	margin:0;
}
#inlife section h3 span {
	border-bottom:1px dotted #FF8000;
	padding:0 0 5px;
}


/* forfamily */

#forfamily {
	margin:30px 0 0;
}
#forfamily figure {
	float:right;
	display:inline;
	margin-left:20px;
}
#forfamily:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}


/* inlifeAdviser */

#inlifeAdviser {
	margin:30px 0 0;
}
#inlifeAdviser h3,
#inlifeAdviser p {
	width:510px;
	float:left;
}
#inlifeAdviser figure {
	float:right;
	display:inline;
	margin:-28px 0 0;
}
#inlifeAdviser:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

service-cleaning
==================================================*/

#quickrespons h2 {
	background:none;
	border:none;
	padding:0;
}


/* cleaningCase */

#cleaningCase h2+p {
	margin:20px 0 0;
}
#cleaningCase ol li {
	border:1px solid #DDD;
	border-radius:4px;
	position:relative;
	padding:19px 29px 29px;
	margin:35px 0 0;
	min-height:260px;
}
#cleaningCase ol li h5 {
	position:absolute;
	top:-15px;
	left:30px;
	margin:0;
	border:1px solid #DDD;
	border-radius:15px;
	text-align:center;
	background:#FFF;
	padding:3px 10px;
}
#cleaningCase ol li figure {
	position:absolute;
	bottom:30px;
	left:29px;
}
#cleaningCase ol li p {
	width:310px;
}
#cleaningCase ul li {
	margin:0 0 0 20px;
	float:left;
	display:inline;
	padding:0;
	background:none;
}
#cleaningCase ul li.first {
	margin:0;
}
#cleaningCase ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

flow
==================================================*/

#flowArea ol {
	margin:30px 0 0;
}
#flowArea ol li {
	margin:20px 0 0;
	padding:0 0 30px;
	background:url(../img/common/bg_tri_gray_btm.png) no-repeat center bottom;
}
#flowArea ol li.first {
	margin:0;
}
#flowArea ol li.last {
	background:none;
	padding:0;
}
#flowArea ol li div {
	border:1px solid #DDD;
	border-radius:3px;
	padding:0 20px 0 0;
}
#flowArea ol li figure {
	float:left;
	display:inline;
	margin-right:20px;
}
#flowArea ol li h4 {
	font-size:138.4%;
}
#flowArea ol li h4 span {
	display:inline-block;
	color:#FFF;
	background:#FF8000;
	border-radius:15px;
	font-size:77.7%;
	text-align:center;
	width:90px;
	padding:4px 0;
	margin:0 10px 0 0;
}
#flowArea ol li div:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#flowArea ol li p span {
	background:#FFFF99;
	font-weight:bold;
}
#flowArea ol li.bn {
	margin:0;
}



/*==================================================

price
==================================================*/

#priceArea thead {
	font-weight:bold;
}
#priceArea thead th {
	width:140px!important;
}
#priceArea tbody td {
	text-align:right;
}
#priceArea .ctm th {
	width:230px;
	vertical-align:middle;
}
#priceArea .house th {
	width:130px;
	vertical-align:middle;
}
#priceArea .house .mid {
	background:#FAFAFA;
	width:80px;
	text-align:left;
}
#priceArea .house .mid+td {
	border-left:none;
}



/*==================================================

area
==================================================*/

#areaArea .arealist dl {
	margin:20px 0 0;
}
#areaArea .arealist dt {
	float:left;
	display:inline;
	color:#FF7F00;
	font-weight:bold;
	width:90px;
}
#areaArea .arealist dd {
	float:left;
	display:inline;
	width:630px;
}
#areaArea .arealist dl:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#areaArea .linkbtn {
	text-align: center;
	margin:30px 0 0;
}
#areaArea .linkbtn a {
	display:block;
	margin:0 auto;
	width: 450px;
	padding:10px;
	border-radius:4px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	background:url(../img/common/ico_angle_right.png) no-repeat 97% center #FF8000;
}
#areaArea .linkbtn a:hover {
	opacity: 0.75;
}


/*==================================================

faq
==================================================*/

#faqArea .ancherlist {
	border:1px solid #DDD;
	margin:30px 0 0;
	padding:15px 0;
}
#faqArea .ancherlist ul {
	margin:0;
}
#faqArea .ancherlist li {
	float:left;
	display:inline;
	margin:0 0 0 15px;
}
#faqArea .ancherlist a {
	color:#333;
	text-decoration:none;
}
#faqArea .ancherlist a:hover {
	color:#FF3F00;
	text-decoration:underline
}
#faqArea .ancherlist ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#faqArea dl {
	border:1px solid #CCCCCC;
	border-bottom:none;
	margin:20px 0 0;
}
#faqArea dt {
	background:url(../img/common/ico_q.png) no-repeat 10px center,url(../img/common/ico_tri_black_btm.png) no-repeat 98% center;
	border-bottom:1px solid #CCCCCC;
	padding:14px 49px 14px 49px;
	font-weight:bold;
}
#faqArea dt.close {
	background:url(../img/common/ico_q.png) no-repeat 10px center,url(../img/common/ico_tri_black_top.png) no-repeat 98% center;
}
#faqArea dd {
	background:url(../img/common/ico_a.png) no-repeat 10px 10px #FAFAFA;
	border-bottom:1px solid #CCCCCC;
	padding:14px 15px 14px 49px;
	display:none;
}
#faqArea dt.first {
	border-top:none;
}



/*==================================================

company
==================================================*/

#companyAbout th {
	width:120px;
}
#companyAbout ul {
	margin:10px;
}
#companyAbout ul li {
	background:none;
	float:left;
	display:inline;
	padding:0;
	margin:0 0 0 20px;
}
#companyAbout ul li.first {
	margin:0;
}
#companyAbout ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}


/* companyAccess */

#companyAccess iframe {
	margin:20px 0 0;
}


/* bnlist */

.bnlist {
	margin:30px 0 0;
}
.main .bnlist li {
	float:left;
	display:inline;
	margin:0 0 0 15px;
	background:none;
	padding:0;
}
.bnlist li.first {
	margin:0;
}
.bnlist ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

philosophy
==================================================*/

#philosophyArea .greetingbox figure {
	float:right;
	display:inline;
	margin:0 0 0 20px;
}
#philosophyArea .greetingbox figcaption {
	text-align:right;
	margin:10px 0 0;
}
#philosophyArea .greetingbox figure+p {
	margin:20px 0 0;
}
#philosophyArea .greetingbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#philosophyArea .r7 {
	text-align:center;
	margin:30px 0 0;
}


/* origin */

#origin figure {
	float:left;
	display:inline;
	margin:25px 0 0;
}
#origin figure img {
	width:180px;
}
#origin p {
	padding:0 0 0 200px;
}
#origin:after{
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

welfare
==================================================*/

#welfareArea ol h3 {
	padding:9px 0 10px 50px;
	background-position:left top;
	background-repeat:no-repeat;
}
#welfareArea ol .item1 h3 { background-image:url(../img/welfare/welfare_ttl_bg01.png);}
#welfareArea ol .item2 h3 { background-image:url(../img/welfare/welfare_ttl_bg02.png);}
#welfareArea ol .item3 h3 { background-image:url(../img/welfare/welfare_ttl_bg03.png);}
#welfareArea ol .item4 h3 { background-image:url(../img/welfare/welfare_ttl_bg04.png);}
#welfareArea ol .item3 table {
	table-layout:fixed;
	margin:0;
	border:1px solid #DDD;
	border-top:none;
}
#welfareArea ol .item3 table td {
	padding:19px;
}
#welfareArea ol .item3 table td+td {
	border-left:1px dotted #BBB;
}
#welfareArea ol .item3 table td h4 {
	margin:0;
}
#welfareArea ol .item3 table .first td {
	border-bottom:1px dotted #BBB;
}
#welfareArea ol .item3 table .last td {
	border-top:1px dotted #BBB;
}
#welfareArea ol .item4 figure {
	float:right;
	display:inline;
	margin:15px 0 0 20px;
}
#welfareArea ol li:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

staff
==================================================*/

#staffArea ul.stafflist li {
	margin:30px 0 0;
	padding:0;
	background:0;
}
#staffArea .stafflist li.first {
	padding-bottom:30px;
	border-bottom:3px solid #EEE;
}
#staffArea .stafflist li figure {
	float:left;
	display:inline;
	width:200px;
    position:relative;
    border-radius:3px;
}
#staffArea .stafflist li figure::after {
    content:"";
    position:absolute;
    top:0;
	right:0;
	bottom:0;
	left:0;
    border-radius:3px;
	box-shadow:inset 1px 1px 0px rgba(0,0,0,0.05);
		-moz-box-shadow:inset 1px 1px 0px rgba(0,0,0,0.05);
		-webkit-box-shadow:inset 1px 1px 0px rgba(0,0,0,0.05);
}
#staffArea .stafflist li figure img {
    border-radius:3px;
}
#staffArea .stafflist .profile {
	width:500px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}
#staffArea .stafflist .profile h4 {
	color:#333;
	font-size:115.3%;
	font-weight:normal;
	margin:10px 0 0;
}
#staffArea .stafflist .profile h5 {
	font-size:169.2%;
	margin:10px 0 0;
}
#staffArea .stafflist .profile h5 span {
	font-size:59%;
	color:#CCCCCC;
	margin-left:20px;
}
#staffArea .stafflist .comment {
	border:3px solid #CCC;
	margin:20px 0 0;
	padding:17px;
}
#staffArea .stafflist .comment dt {
	float:left;
	display:inline;
	color:#FFF;
	background:#008C23;
	font-size:107.6%;
	font-weight:bold;
	width:52px;
	text-align:center;
	padding:1px 0;
}
#staffArea .stafflist .comment dd {
	float:left;
	display:inline;
	margin:0 0 0 10px;
	font-size:115.3%;
}


#staffArea .stafflist li dl:after,
#staffArea .stafflist li:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

news
==================================================*/

#newsArea .newslist {
	margin:5px 0 0;
	margin-left:-30px;
}
#newsArea .newslist li {
	padding:0;
	background:none;
	float:left;
	display:block;
	width:220px;
	margin:15px 0 0 30px;
}
#newsArea .newslist li a,
#newsArea .newslist li img,
#newsArea .newslist li span {
	display:block;
	color:#333;
}
#newsArea .newslist li figure {
	width:220px;
	height:140px;
	overflow:hidden;
}
#newsArea .newslist li figure img {
	width:220px;
	height:auto;
	overflow:hidden;
}
#newsArea .newslist li .date {
	margin:10px 0 0;
}
#newsArea .newslist li .title {
	margin:5px 0 0;
	height:40px;
}
#newsArea .newslist:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}


/* newsDetail */

#newsDetail:after,
#townDetail:after,
#newsDetail .artbody:after,
#townDetail .artbody:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#newsDetail .artbody figure {
	max-width:100%;
	height:auto;
	margin:20px 0 0;
	text-align:center;
}
#newsDetail .artbody img,
#townDetail .artbody img {
	max-width: 100%;
	height: auto;
}
#newsDetail .artbody ul[style="list-style-type: circle;"],
#newsDetail .artbody ul[style="list-style-type: disc;"],
#newsDetail .artbody ul[style="list-style-type: square;"] {
	list-style-position: inside;
}
#newsDetail .artbody ul[style="list-style-type: circle;"] li,
#newsDetail .artbody ul[style="list-style-type: disc;"] li,
#newsDetail .artbody ul[style="list-style-type: square;"] li {
	background: none;
	padding: 0;
}


/*==================================================

case
==================================================*/

#caseArea .caselist {
	margin:0;
}
#caseArea .caselist li {
	padding:0;
	margin:30px 0 0;
	background:none;
}
#caseArea .caselist li h3 {
	margin:0;
}
#caseArea .caselist li figure {
	float:left;
	display:inline;
	margin:20px 0 0;
	width:124px;
	height:124px;
}
#caseArea .caselist li figure img {
	max-width:100%;
	height:auto;
}
#caseArea .caselist li .detailbox {
	float:right;
	display:inline;
	width:570px;
}
#caseArea .caselist li th,
#caseArea .caselist li td {
	text-align:center;
	vertical-align:middle;
}
#caseArea .caselist li th {
	width:100px;
}
#caseArea .caselist li .price {
	width:150px;
}
#caseArea .caselist li .price span {
	font-size:138.4%;
	font-weight:bold;
}
#caseArea .caselist li div:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}


/* caseDetail */

#caseDetail .beforeafter {
	position:relative;
	margin:30px 0 0;
	height:330px;
	background:url(../img/common/ico_tri_gray_right.png) no-repeat 297px 71px;
}
#caseDetail .beforeafter .before {
	position:absolute;
	top:0;
	left:37px;
}
#caseDetail .beforeafter .before:after {
	display:block;
	content:'';
	height:58px;
	width:58px;
	background:url(../img/common/ico_before.png) no-repeat left top;
	position:absolute;
	top:0;
	left:0;
}
#caseDetail .beforeafter .after {
	position:absolute;
	top:0;
	left:383px;
}
#caseDetail .beforeafter .after:after {
	display:block;
	content:'';
	height:68px;
	width:68px;
	background:url(../img/common/ico_after.png) no-repeat left top;
	position:absolute;
	top:0;
	left:0;
}
#caseDetail table {
	margin:0;
}
#caseDetail table th,
#caseDetail table td {
	text-align:center;
	vertical-align:middle;
}
#caseDetail table th {
	width:100px;
}
#caseDetail table td {
	width:220px;
}
#caseDetail table td.price {
	font-weight:bold;
}
#caseDetail table td.price span {
	font-size:138.4%;
}
#caseDetail .breakdownbox {
	background:#EEEEEE;
	margin:10px 0 0;
	padding:20px 30px;
}
#caseDetail .breakdownbox li {
	float:left;
	display:inline;
	margin:0 0 0 10px;
}
#caseDetail .breakdownbox dl {
	width:180px;
	font-weight:bold;
	display:block;
	text-align:center;
}
#caseDetail .breakdownbox dt {
	color:#FFF;
	background:#FF8000;
	font-size:107.6%;
	border-radius:3px 3px 0 0;
	padding:5px 0;
}
#caseDetail .breakdownbox dd {
	background:#FFF;
	border-radius:0 0 3px 3px;
	border:1px solid #CCC;
	border-top:none;
	padding:10px 0;
}
#caseDetail .breakdownbox dd span {
	font-size:138.4%;
}
#caseDetail .breakdownbox .formula {
	color:#666666;
	font-size:230.7%;
	line-height:80px;

}
#caseDetail .breakdownbox:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

voice
==================================================*/

#voiceArea .voicelist {
	margin:10px 0 0 -20px;
}
#voiceArea .voicelist li {
	float:left;
	display:inline;
	width:310px;
	height:151px;
	border:1px solid #CCC;
	margin:20px 0 0 20px;
	padding:19px;
}
#voiceArea .voicelist li figure {
	float:left;
	display:inline;
	padding:5px;
	background:#EEEEEE;
	width:100px;
	height:141px;
	overflow:hidden;
}
#voiceArea .voicelist li figure img {
	width:100px;
	height:auto;
}
#voiceArea .voicelist li > div {
	float:right;
	display:inline;
	width:180px;
}
#voiceArea .number {
	color:#FFF;
	background:#FF8000;
	padding:4px 18px;
	margin-bottom:15px;
	font-size:107.6%;
	font-weight:bold;
	border-radius:15px;
	display:inline-block;
}
#voiceArea .title {
	height:75px;
	margin:10px 0 0;
}
#voiceArea .voicelist .linkbtn {
	margin:15px 0 0;
}
#voiceArea .voicelist .linkbtn a {
	color:#333;
}

#voiceArea .voicelist li:after,
#voiceArea .voicelist:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}


/* voiceDetail */

#voiceDetail .paperbox {
	float:left;
	display:inline;
	width:190px;
	text-align:center;
}
#voiceDetail .paperbox figure {
	background:#EEEEEE;
	padding:5px;
	margin:30px 0 0;
}
#voiceDetail .answerbox {
	float:right;
	display:inline;
	width:500px;
	margin:30px 0 0;
}
#voiceDetail .answerbox table {
	display:block;
	border-radius:4px;
	border:1px solid #CCC;
	padding:14px;
	width:470px;
}
#voiceDetail .answerbox th,
#voiceDetail .answerbox td {
	background:none;
	border:none;
	padding:0;
	font-size:123%;
	font-weight:bold;
}
#voiceDetail .answerbox th {
	width:150px;
}
#voiceDetail .answerbox h4 {
	margin:30px 0 0;
}
#voiceDetail:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

* town
==================================================*/

#townArea h1+.bn {
	margin:30px 0 0;
}
#townArea .bn {
	margin:40px 0 0;
}
#townArea h4 {
	color:#333;
}
#townArea h4 strong{
	color:#ff8000;
}
#townArea .areabox {
	background: #fafafa;
	border:1px solid #CCC;
	padding: 14px;
	margin:15px 0 0;
}
#townArea .areabox dt {
	font-size: 107.6%;
	font-weight: bold;
}
#townArea .areabox dd {
	margin:5px 0 0;
}
#townArea .areabox dd ul {
	margin-top:0;
}
#townArea .areabox dd ul:after {
	clear: both;
	content:'';
	display: block;
	height: 0;
}
#townArea .areabox dd li {
	background: none;
	float: left;
	display: inline;
	margin:5px 0 0;
	padding: 0;
}
#townArea .areabox dd li:after {
	content:'｜';
	margin:0 5px;
	color:#cccccc;
}
#townArea .areabox dd li a {
	color:#ff4000;
}
#townArea #omotenashi .rbox {
	margin:40px 0 0;
	border:3px solid #d13e2c;
	border-bottom:none;
	padding: 30px 20px;
}
#townArea #omotenashi .rbox:after {
	clear: both;
	content:'';
	display: block;
	height: 0;
}
#townArea #omotenashi .txtbox {
	width: 500px;
	float: left;
	display: inline;
}
#townArea #omotenashi .txtbox h3 {
	margin:0;
	padding: 0;
	border-bottom:0;
}
#townArea #omotenashi figure {
	float: right;
	display: inline;
}
#townArea #omotenashi a {
	display: block;
	line-height: 40px;
	font-size: 123%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color:#FFF;
	background: #d44835;
	background: -moz-linear-gradient(top,  #d44835 0%, #d03d2b 56%, #cc3727 100%);
	background: -webkit-linear-gradient(top,  #d44835 0%,#d03d2b 56%,#cc3727 100%);
	background: linear-gradient(to bottom,  #d44835 0%,#d03d2b 56%,#cc3727 100%);
	position: relative;
}
#townArea #omotenashi a:hover {
	background: #cc3727;
	background: -moz-linear-gradient(top, #cc3727 0%, #d03d2b 44%, #d44835 100%);
	background: -webkit-linear-gradient(top, #cc3727 0%,#d03d2b 44%,#d44835 100%);
	background: linear-gradient(to bottom, #cc3727 0%,#d03d2b 44%,#d44835 100%);
}
#townArea #omotenashi a:after {
	content:'';
	width: 6px;
	height: 9px;
	background: url(../img/common/ico_angle_white_right.png) no-repeat left top;
	position: absolute;
	top:0;
	bottom:0;
	right:15px;
	margin:auto;
}


/* デザインなし時のcss
#townArea .arealist dl {
	margin:20px 0 0;
}
#townArea .arealist dt {
	float:left;
	display:inline;
	color:#FF7F00;
	font-weight:bold;
	width:90px;
	padding-top: 5px;
}
#townArea .arealist dd {
	float:left;
	display:inline;
	width:630px;
}
#townArea .arealist dd ul {
	margin-top:0;
}
#townArea .arealist dd ul:after {
	clear: both;
	content:'';
	display: block;
	height: 0;
}
#townArea .arealist dd li {
	background: none;
	float: left;
	display: inline;
	padding: 0 15px;
	margin:5px 0 0;
	border-right:1px dotted #CCC;
}
#townArea .arealist dd li:first-child {
	border-left:1px dotted #CCC;
}
#townArea .arealist dl:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
*/



/*==================================================

contact
==================================================*/

#contactArea .checklist {
	margin:0;
}
#contactArea .contacttype dt {
	color:#FF7F00;
	border:1px solid #DDD;
	margin:30px 0 0;
	padding:8px;
	text-align:center;
	font-size:153.8%;
	font-weight:bold;
}
#contactArea .contacttype dd {
	padding:30px 0 0;
	background:url(../img/common/bg_tri_gray_btm.png) no-repeat center top;
	text-align:center;
}
#contactArea .contacttype dd img {
	margin:20px 0 0;
}
#contactArea .contacttype dd p,
#contactArea .contacttype dd form {
	text-align:left;
}

/* form common */

#contactArea thead th {
	padding:12px 0;
	font-size:138.4%;
	text-align:center;
}
#contactArea tbody th {
	background:#FAFAFA;
	vertical-align:middle;
	width:170px;
}
#contactArea td textarea {
	max-width:500px;
	min-width:500px;
	min-height:200px!important;
}
#contactArea .submit {
	margin:20px 0 0;
	text-align:center;
}
#contactArea .submit button {
	background:url(../img/common/btn_confirm.png) no-repeat left top;
	width:208px;
	height:58px;
	padding:0;
	border:none;
	cursor:pointer;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#contactArea .submit button:hover,
div.mfp_buttons button#mfp_button_send:hover,
div.mfp_buttons button#mfp_button_cancel:hover {
	opacity:0.75;
	filter: alpha(opacity=75);
}
#contactArea table+table {
	margin:0;
}
#contactArea table+table thead th {
	border-top:none;
}
#contactArea table ul {
	margin:0;
}
#contactArea table ul li {
	background:none;
	padding:0;
}
#contactArea .onecell th+td {
	border-bottom:none;
	padding-top:10px;
}
#contactArea .onecell td {
	border-top:none;
	padding-top:0;
}
#contactArea .addresscell td span {
	display:inline-block;
	width:125px;
}
div.mfp_buttons {
	margin:20px 0 0!important;
}
div.mfp_buttons button#mfp_button_send {
	background:url(../img/common/btn_send.png) no-repeat left top;
	width:208px;
	height:58px;
	padding:0;
	border:none;
	cursor:pointer;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
}
div.mfp_buttons button#mfp_button_cancel {
	background:url(../img/common/btn_back.png) no-repeat left top;
	width:208px;
	height:58px;
	padding:0;
	border:none;
	cursor:pointer;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
}


/* input */

#contactArea input {
	height:16px!important;
}
#contactArea select {
	width:150px;
}
input[type="radio"] ,
input[type="checkbox"] {
	margin:0 5px 0 0;
}
#contactArea .longinput input {
	width:400px;
}
#contactArea .middleinput input {
	width:300px;
}



/*==================================================

sitemap
==================================================*/

#sitemapArea ul li > ul {
	margin:5px 0 0;
}
#sitemapArea ul li a {
	color:#333333;
}
#sitemapArea ul li a:hover {
	color:#FF4000;
}


/*==================================================

Post Ratings
==================================================*/

#index #voiceArea .newslist {
    margin: 5px 0 0;
    margin-left: -30px;
        overflow:hidden;
}

#index #voiceArea .newslist li a, #voiceArea .newslist li img, #voiceArea .newslist li span {
    display: block;
    color: #333;
}

#index #voiceArea .newslist li {
    padding: 0;
    background: none;
    float: left;
    display: block;
    width: 220px;
    margin: 15px 0 0 30px;
}

#index #voiceArea img{
	display:none;
}

/* 記事の評価 */
div.hyouka  {font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-style: nomal;
  margin: 0px;
  font-size: 0.8em;
  color: #000099}
.rating {font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-style: nomal;
  margin: 0px;
  font-size: 0.8em;
  color: #000099;
  height:16px; line-height:16px;
  position:relative;
  background:url("/pc/img/common/rating.png") no-repeat left bottom;
  text-indent:90px}
.rating span {font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-style: nomal;
  margin: 0px;
  font-size: 0.8em;
  color: #000099;
  text-indent:-9999px;
  position:absolute; left:0; top:0;
  background:url("/pc/img/common/rating.png") no-repeat left top}