@charset "utf-8";
 /* ================================================ CSS Information
 File Name:      page-under.css
 Author:         Akira Honda
 Last updated:   2014/12/10
 Style Info:     コンテンツ毎の定義
 Root ID:        
 Notes:          
================================================================ */


.contents-header {
	position: relative;
	height: 260px;
	background-color: #fafaf5;
	background-repeat: no-repeat;
	background-position: 50% 0;
	}
	/* コンテンツ別イメージ */
	.courier-chilled-contents .contents-header { background-image: url(../img/under/courier_chilled-mainvisual2.jpg); }
	.moving-contents .contents-header          { background-image: url(../img/under/moving-mainvisual.jpg); }
	.regular-contents .contents-header         { background-image: url(../img/under/regular-mainvisual.jpg); }
	.handcarry-contents .contents-header       { background-image: url(../img/under/handcarry-mainvisual.jpg); }
	.company-contents .contents-header         { background-image: url(../img/under/company-mainvisual.jpg); }

.declaration {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	/*width: 360px;*/
	min-height: 60px;
	padding: 20px 20px;
	-webkit-box-shadow: 0 0 8px #999;
	   -moz-box-shadow: 0 0 8px #999;
			box-shadow: 0 0 8px #999;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
	border: 1px solid #fff;
	background: #fff;
	background: rgba( 255, 255, 255, .8 );
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
	}
	.declaration .txt1 {
		margin: 0;
		color: #e20037;
		font-size: 20px;
		font-weight: bold;
	}
	.declaration .txt2 {
		display: inline-block;
		line-height: 1.7;
		margin: 0;
		padding: 8px 15px;
		border-radius: 4px;
		background: #0a1043;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}

.topicspath {
	width: 100%;
	margin: 0 0 20px;
	border-bottom: 3px solid #e20037;
	background: #eae7df;
	}
	.contents-header + .topicspath { border-top: 1px solid #c8c5bf; }
	.topicspath ol {
		width: 940px;
		list-style: none;
		margin: 0 auto;
		padding: 5px 0;
		letter-spacing: -.4em;
	}
	.topicspath li {
		display: inline-block;
		margin-right: .8em;
		font-size: 12px;
		letter-spacing: normal;
	}
	.topicspath li:before {
		display: inline-block;
		margin-right: .8em;
		content: '>';
	}
	.topicspath li.home:before { display: none; }
	.topicspath a { color: #454545; }


.contents-wrap {
	width: 900px;
	margin: 0 auto 40px;
	padding: 0 20px;
	}
	.contents-wrap .inner-wrap {
		margin: 0 20px 20px;
	}

.article {
	margin: 0 0 20px;
	padding: 80px 0 0;
}
.article:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
.article a:hover img {
	opacity: .6;
	background: url(../img/shared/spacer.png);
}


.important-list {
	padding: 4px 12px;
	border: 3px solid #0a1043;
	font-weight: bold;
}


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

 ホーム

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

.home-contents {
	position: relative;
	padding: 480px 0 0;
	background: #fafaf5 url(../img/home/home-mainvisual.jpg) no-repeat 50% 45px;
	}
	
	.home-declaration {
		min-width: 940px;
		min-height: 100px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
		background: url(../img/shared/footer-illust.png) no-repeat 50% 100%;
		text-align: center;
		}
		.home-declaration .txt1 {
			margin: 0 0 5px;
			color: #e20037;
			font-size: 24px;
			font-weight: bold;
		}
		.home-declaration .txt2 {
			display: inline-block;
			padding: 8px 10px;
			line-height: 1.2;
			border-radius: 4px;
			background: #0a1043;
			color: #fff;
			font-size: 18px;
			text-align: center;
		}
	
	.home-nav {
		position: absolute;
		top: 46px;
		left: 50%;
		width: 920px;
		height: 376px;
		margin-left: -460px;
		}
		.home-nav li dl { margin: 0;}
		.home-nav li dt {
			display: inline-block;
			margin: 0 0 10px;
			border-radius: 4px;
			background: #e20037;
		}
		.home-nav li dd {
			margin: 0;
			line-height: 1.4;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
		}
		.home-nav li .smartpay {
			position: absolute;
			top: 20px;
			left: 50%;
			width: 110px;
			height: 100px;
			margin: 0 0 0 -60px;
			padding: 4px;
			border-radius: 4px;
			border: 1px solid #eee;
			background: #fff;
		}
		.home-nav li a {
			display: block;
			position: relative;
			float: left;
			top: 2px;
			width: 360px;
			height: 360px;
			padding: 222px 40px 0;
			border: 1px solid transparent;
			border-radius: 180px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			   		box-sizing: border-box;
			color: #fff;
			text-align: center;
			text-decoration: none;
			}
			.home-nav li:first-child a { margin-right: 200px; }
			.home-nav li a:hover       {
				border:1px solid #e20037;
				background: rgba( 255, 255, 255, .5 );
			}
			.home-nav li a:hover dt    { opacity: .7; }
	
	.home-intro {
		padding: 18px;
		border-top: 4px solid #e20037;
		background: #fff;
		}
		.home-intro .contents-wrap {
			display: table;
			table-layout: fixed;
			width: 960px;
			margin: 0 auto;
			padding: 0;
		}
		.home-intro .contents-wrap .col {
			display: table-cell;
			position: relative;
			padding: 10px 12px 0;
			border-left: 1px solid #c7c7c7;
		}
		.home-intro .contents-wrap .col:before {
			display: block;
			position: absolute;
			top: -18px;
			left: -11px;
			width: 0;
			height: 0;
			border: 10px solid transparent;
			border-top: 10px solid #f00;
			content: '';
		}
		.home-intro .contents-wrap .col:first-child        { border-left: none; }
		.home-intro .contents-wrap .col:first-child:before { display: none; }



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

 お引越し　

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

.moving-contents {
	}
	.moving-contents .intro .pr {
		height: 90px;
		margin: 0 0 20px;
		overflow:hidden;
		}
		.moving-contents .intro .pr li      { float:left; }
		.moving-contents .intro .pr li + li { float: right;}
	
	.moving-contents .spec {
		padding: 0 25px;
		overflow: hidden;
		background: url(../img/under/moving-photo-car.jpg) no-repeat 318px 80%;
		}
		.list-wrap {
			position: relative;
			margin: 0 0 .5em;
			padding: 0 8px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			   		box-sizing: border-box;
			border-radius: 6px;
			border: 2px solid #dac0a7;
			background: #fff;
		}
		.list-wrap .hl {
			position: relative;
			margin: 8px 0 2px;
			padding: 0 0 3px 1.4em;
			border-bottom: 1px solid #d9d9d9;
			font-size: 16px;
			font-weight: bold;
			}
			.list-wrap .hl:before,
			.list-wrap .hl:after {
				display: block;
				position: absolute;
				top: 7px;
				left: 0;
				z-index: 1;
				width: 16px;
				height: 16px;
				border-radius: 8px;
				overflow: hidden;
				background: #666;
				content: '';
			}
			.list-wrap .hl:after {
				top: 11px;
				left: 4px;
				z-index: 2;
				width: 8px;
				height: 8px;
				background-color: #fff;
			}
		.list-wrap .list {
			margin-bottom: 0;
			padding:0;
			border: none;
			}
			.list-wrap .arrow-r:before { right: -32px; }
			.list-wrap .arrow-l:before { left: -32px; }
		
		.moving-contents .spec .school {
			float: left;
			width: 270px;
		}
		.moving-contents .spec .school .col        { width: 70%; }
		.moving-contents .spec .school .col + .col { width: 30%; }
		
		.moving-contents .spec .loading {
			float: right;
			width: 360px;
		}
		.moving-contents .spec .loading .list {
			float: left;
			width: 50%;
		}


	.moving-contents .spec2 {
		padding: 0;
		overflow: hidden;
		background: url(../img/under/moving-photo-car.jpg) no-repeat 50% 80%;
		background-size: 140px auto;
		}
		.moving-contents .spec2 .list-wrap {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.moving-contents .spec2 .list-wrap:nth-child(1) {
			float: left;
			width: 350px;
		}
		.moving-contents .spec2 .list-wrap:nth-child(2) {
			float: right;
			width: 350px;
		}


	/* 車輌１台の引越し料金の目安 */
	.moving-contents .price {
		overflow: hidden;
		}
		.moving-contents .smartpay {
			min-height: 90px;
			margin: 0 0 10px;
			color: #0a1043;
			}
			.moving-contents .smartpay h3 {
				margin: 0;
				color: #e20037;
			}
		.moving-contents .price .about {
			float: left;
			width: 308px;
			padding: 0 30px 0 0;
			border-right: 2px dotted #0a1043;
		}
		.moving-contents .price .important-point {
			float: left;
			width: 460px;
			padding: 0 0 0 30px;
		}
		
		.moving-contents .price .important-point ol {
			margin-left: 0;
			padding: 0;
		}
		.moving-contents .price .important-point li {
			position: relative;
			list-style: none;
			margin: 0;
			padding: .8em 0 .8em 62px;
			border-bottom: 1px solid #ccc;
			}
			.moving-contents .price .important-point li:last-child { border-bottom: none; }
			.moving-contents .price .important-point li:before {
				position: absolute;
				top: .5em;
				left: 10px;
				}
				.moving-contents .price .important-point .num01:before { content: url(../img/under/moving-point01.png); }
				.moving-contents .price .important-point .num02:before { content: url(../img/under/moving-point02.png); }
				.moving-contents .price .important-point .num03:before { content: url(../img/under/moving-point03.png); }
		
		.moving-contents .price ol + p {
			margin: 0;
			padding: 4px 12px;
			border: 3px solid #0a1043;
			font-weight: bold;
		}
		.moving-contents .price .wrap p {
			margin: 0;
		}
	
	/* 遠距離引越し料金の目安 */
	.moving-contents .area-price {
		}
		.moving-contents .area-price > p.ta-r { margin: 0 26px 0 0; }
		.explain { margin: 0 0 -1em; }
		.explain dt {
			display: inline-block;
			min-width: 100px;
			margin: 0;
			padding: 0 .5em;
			border-radius: 4px;
			border: 1px solid #6c718d;
			text-align: center;
		} 
		.explain dd {
			display: inline-block;
			margin: 0 1em 0 0;
			padding: .4em;
		}
		.explain .arrow:after {
			display:inline-block;
			width: 0;
			height: 0;
			margin: 0 -1em 0 1em;
			border: 6px solid transparent;
			border-left: 6px solid #6c718d;
			content: '';
		}
		
		.moving-contents .area-price {
			overflow: hidden;
			background: url(../img/under/map-japan.png) no-repeat 50%;
			}
			.moving-contents .area-price .box {
				float: left;
				width: 33.333%;
				padding-right: 30px;
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
						box-sizing: border-box;
				}
				.moving-contents .area-price .area h3 {
					margin: 0;
					padding: .4em 8px;
					line-height: 1.2;
					border: 1px solid #6c718d;
					border-bottom-width: 0;
					border-radius: 6px 6px 0 0;
					background: #6c708e;
					background: rgba( 10, 16, 67, .6 );
					color: #fff;
				}
				.moving-contents .area-price .area .list {
					margin: 0 0 20px;
					border: 1px solid #6c718d;
					border-radius: 6px;
					background: transparent;
					}
					.moving-contents .area-price .area h3 + .list {
						border-top-width: 0;
						border-radius: 0 0 6px 6px;
					}
					.moving-contents .area-price .area .list .col {
						width: 50%;
						padding-top: .3em;
						padding-bottom: .2em;
					}
					.moving-contents .area-price .area .list .col + .col { width: 50%; }
					.moving-contents .area-price .area .list li:before { top: .7em; }


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

 定期便

--------------------------------------------------- */
.regular-contents {
	}
	.regular-contents .contents-wrap {
		width: 620px;
		padding: 0 300px 0 20px;
		background: url(../img/under/okayama-areamap.png) no-repeat 100% 0;
	}
	.feature {
		min-height: 270px;
		padding: 20px 0 20px 200px;
		background: url(../img/under/moving-photo-car.jpg) no-repeat 0 50%;
	}



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

 急送便

--------------------------------------------------- */
.courier-chilled-contents {
	}
	.courier-chilled-contents .boxs {
		overflow: hidden;
		}
		.courier-chilled-contents .boxs [class^=box] {
			float: left;
			margin-right: 3%;
		}
		.courier-chilled-contents .boxs .box1 { width: 30%; }
		.courier-chilled-contents .boxs .box2 { width: 32%; }
		.courier-chilled-contents .boxs .box3 { width: 32%; margin-right: 0; }
		.courier-chilled-contents .boxs [class^=box] .list-wrap {
			min-height: 210px;
		}
	
	.courier-chilled-contents .area-price {
		clear: both;
		padding: 20px 0 0;
		border-top: 2px dotted #0a1043;
		}
		.courier-chilled-contents .area01 th { background: #dbe3ed; }
		.courier-chilled-contents .area02 th { background: #dbd8e6; }
		.courier-chilled-contents .area03 th { background: #dce9de; }
		.courier-chilled-contents .area04 th { background: #e7e8db; }
		.courier-chilled-contents .area05 th { background: #f6f4e0; }
		.courier-chilled-contents .area06 th { background: #f5eadc; }
		.courier-chilled-contents .area07 th { background: #f2ded6; }
		
		.courier-chilled-contents .area01:nth-child(even) th { background: #d0dae9; }
		.courier-chilled-contents .area02:nth-child(even) th { background: #cfcbdf; }
		.courier-chilled-contents .area03:nth-child(even) th { background: #d0e3d4; }
		.courier-chilled-contents .area04:nth-child(even) th { background: #e0e3d0; }
		.courier-chilled-contents .area05:nth-child(even) th { background: #f7f4d7; }
		.courier-chilled-contents .area06:nth-child(even) th { background: #f5e5d0; }
		.courier-chilled-contents .area07:nth-child(even) th { background: #f1d4c8; }
		
		.courier-chilled-contents tbody tr:nth-child(even) td { background: #f4f4f4; }
		
		.courier-chilled-contents .area { text-align:center; }
		.courier-chilled-contents .prefectures {}
		.courier-chilled-contents .city {}
		.courier-chilled-contents td { padding-left: 1em; }
		
		.courier-chilled-contents .divider th,
		.courier-chilled-contents .divider td { border-top: 4px double #777; }


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

 ハンドキャリー

--------------------------------------------------- */
.handcarry-contents {
	}
	
	.handcarry-contents .price-boxs {
		padding: 10px 20px;
	}
	.handcarry-contents .price-boxs [class*=box] {
		float: left;
		margin-left: 30px;
		padding-left: 30px;
		border-left: 2px dotted #0a1043;
		}
		.handcarry-contents .price-boxs [class*=box]:first-child {
			margin-left: 0;
			padding-left: 0;
			border-left-width: 0;
		}
	.handcarry-contents .important-point {
		width: 800px;
		margin: 30px auto;
		}
		.handcarry-contents .important-point .hl {
			margin: 0;
			padding: 20px;
			background: #0a1043;
			color: #fff;
			font-size: 16px;
			text-align: center;
		}
		.handcarry-contents .important-point ul {
			list-style: square inside;
			padding: 10px 20px;
			line-height: 1.6;
			border: 1px solid #c7c7c7;
			border-width: 0 1px 1px;
		}
		.handcarry-contents .important-point ul li {
			padding: 8px 4px 8px 2em;
			border-top: 1px dotted #999;
			text-indent: -1em;
		}
		.handcarry-contents .important-point ul li:first-child { border-top-width: 0; }



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

 会社案内

--------------------------------------------------- */
/* .company-contents + #siteFooter { margin-top: -94px; } */
.company-contents {
	}
	.company-contents .boxs {
	}
	.company-contents .boxs [class*=box] {
		float: left;
	}
	.company-contents .boxs .box1 {
		width: 45%;
		margin-right: 5%;
	}
	.company-contents .boxs .box2 {
		position: relative;
		width: 50%;
	}
	
	
	
	#gmap-canvas {
		width: 100%;
		height: 400px;
	}


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

 お問い合わせ

--------------------------------------------------- */
.contact-contents {
	}
	.contact-fax .btn {
		display: inline-block;
		position: relative;
		min-width: 160px;
		height: 38px;
		margin: 0 10px 0 0;
		padding: 0 20px;
		overflow: hidden;
		line-height: 40px;
		border-radius: 4px;
		background: #3b4168;
		-webkit-box-shadow: 0 4px 0 #02040c;
		   -moz-box-shadow: 0 4px 0 #02040c;
		   		box-shadow: 0 4px 0 #02040c;
		color: #fff;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
	}
	.contact-fax .btn:hover {
		background: #e10047;
	}
	.contact-fax .btn:active {
		top: 4px;
		background: #de003a;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		   		box-shadow: none;
	}
	.contact-fax .btn + img { vertical-align: middle; }
	.contact-contents .must {
		position: relative;
	}
	.contact-contents .must img {
		position: absolute;
		top: 50%;
		right: 10px;
		margin: -8px 0 0;
	}
	.contact-contents fieldset {
		margin: 0 0 20px;
		padding: 0;
		border: none;
	}