@charset "UTF-8";

body {
	width: 100%;
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProW3', sans-serif;
	font-size: 62.5%;
	line-height: 1.0;
	background-color: #eee;
	}

a:link,
a:visited {
	color: #369;
	text-decoration: underline;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
	}
a:active,
a:hover {
	color: #369;
	text-decoration: underline;
	}

img {
	max-width: 100%;
	height: auto;
	}

/* ---------------------------------------------------------------------
	layout
*/
#wrap {
	position: relative;
	overflow: hidden;
	/*margin: 0 auto;
	width: 320px;*/
	font-size: 1.3em;
	line-height: 1.6;
	background-color: #fff;
	}

/* ---------------------------------------------------------------------
	header
*/
#header {
	position: relative;
	height: 62px;
	background-color: #fff;
	}
	#header h1 {
		float: left;
		padding: 12px 0 0 12px;
		}
	#header .cp {
		float: right;
		padding: 12px 12px 0 0;
		}

/* ---------------------------------------------------------------------
	footer
*/
#footer {
	position: relative;
	margin-top: 20px;
	padding: 15px 0;
	background-color: #eb7000;
	}
	#copyright {
		color: #fff;
		font-size: 0.692em;
		text-align: center;
		}


/* ---------------------------------------------------------------------
	content
*/
#content {
	position: relative;
	}

/* ---------- 共通クラス ---------- */
/* テキスト */
#content p {
	word-wrap: break-word;
	}

/* ---------- mainTitle ---------- */
#content #mainTitle {
	margin: 20px auto;
	}

/* ---------- linkBtn  importanceBtn ---------- */
#content .linkBtn {
	margin: 8px auto 20px;
	width: 93.75%;
	}
	#content .linkBtn ul {
		}
		#content .linkBtn li {
			width: 50%;
			}
		#content .linkBtn li:first-child {
			float: left;
			text-align: left;
			}
		#content .linkBtn li:last-child {
			float: right;
			text-align: right;
			}
			#content .linkBtn li img {
				vertical-align: bottom;
				}
#content .importanceBtn {
	margin: 6px auto 8px;
	width: 93.75%;
	}
	#content .importanceBtn p {
		text-align: center;
		}

/* ---------- introduction ---------- */
/* introduction-top */
#content .introduction-top {
	}
	#content .introduction-top p {
		margin: 20px auto;
		}
	#content .introduction-top .mgn-b30 {
		margin-bottom: 30px;
		}
	#content .introduction-top .title,
	#content .introduction-top .closedCP {
		margin-bottom: 20px;
		padding: 20px 0 0;
		text-align: center;
		border-top: 1px solid #ccc;
		}

/* introduction-roomba */
#content .introduction-roomba {
	margin: 20px auto 30px;
	}

/* ---------- detailBox ---------- */
#content .detailTitle {
	margin: 20px 0;
	text-align: center;
	}

#content .detailBox {
	margin: 20px 10px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
	#content .detailBox li {
		padding: 15px 20px 10px;
		border-top: 1px solid #ccc;
		}
	#content .detailBox li:first-child {
		border-top: none;
		}
		#content .detailBox .title {
			color: #999;
			}
		#content .detailBox .title-sub {
			margin: 15px 0 5px;
			color: #c00;
			}
		#content .detailBox strong {
			font-weight: bold;
			}
		#content .detailBox em {
			font-size: 0.923em;
			}
		#content .detailBox .mark,
		#content .detailBox .note {
			color: #c00;
			}
		#content .detailBox .attention {
			margin-bottom: 5px;
			padding-left: 20px;
			background: url('../images/icon_caution.gif') 0 0.2em no-repeat;
			}
		#content .detailBox .mgn-b5 {
			margin-bottom: 5px;
			}
		#content .detailBox .mgn-b10 {
			margin-bottom: 10px;
			}
		#content .detailBox .center {
			text-align: center;
			}

/* ---------------------------------------------------------------------
	address
*/
#address {
	margin: 20px 10px 10px;
	padding: 15px 0;
	text-align: center;
	border: 1px solid #eb7000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
	#address .head {
		margin-bottom: 8px;
		font-size: 1.077em;
		font-weight: bold;
		}
	#address .title {
		margin-bottom: 2px;
		line-height: 1.6em;
		font-weight: bold;
		}
	#address .tel {
		margin-bottom: 3px;
		font-size: 1.385em;
		line-height: 1.4em;
		font-weight: bold;
		}
		#address .tel span {
			padding: 0 22px;
			background-image: url('../images/icon_tel.png');
			background-repeat: no-repeat;
			background-position: left center;
			-moz-background-size: 16px 16px;
			-webkit-background-size: 16px 16px;
			background-size: 16px 16px;
			}
		#address .tel a {
			color: #fb7000;
			}
		#address em {
			font-size: 0.846em;
			line-height: 1.6em;
			}

/* ---------- attention ---------- */
#content .attentionBox {
	margin: 20px 0;
	padding: 20px 10px 0;
	font-size: 0.923em;
	line-height: 1.7;
	border-top: 1px solid #ddd;
	}
	#content .attentionBox .attentionTitle {
		margin-bottom: 1em;
		padding-left: 25px;
		font-size: 1.083em;
		line-height: 1.8;
		background: url('../images/icon_caution_title.png') 0 0.2em no-repeat;
		}
		#content .attentionBox .attentionTitle strong {
			font-weight: bold;
			}
	#content .attentionBox .attention {
		padding-left: 25px;
		background: url('../images/icon_caution.gif') 0 0.2em no-repeat;
		}
		#content .attentionBox .attention a {
			color: #c00;
			}
		#content .attentionBox .sign {
			text-align: right;
			}

/* ---------- attention ---------- */
#content .attentionBox2 {
	margin: 20px 10px 10px;
	padding: 15px 20px 10px;
	font-size: 0.923em;
	line-height: 1.7;
	background-color: #eee;
	border: 1px solid #c6c6c6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.15);
	}

	#content .attentionBox2 ul {
		list-style-type: disc;
		padding-left: 15px;
		}
		#content .attentionBox2 ul li {
			margin-bottom: 5px;
			}

/* ---------- linkList-arrow ---------- */
#content .linkList-arrow {
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	}
	#content .linkList-arrow li {
		border-top: 1px solid #ccc;
		background-color: #eee;
		background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
		background: linear-gradient(to bottom, #fff 0%,#eee 100%);
		}
	#content .linkList-arrow li:first-child {
		border-top: none;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		}
	#content .linkList-arrow li:last-child {
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		}
		#content .linkList-arrow li a {
			position: relative;
			display: block;
			padding: 12px 20px;
			width: 100%;
			color: #666;
			font-size: 1.077em;
			text-decoration: none;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			}
		#content .linkList-arrow li a:after {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			right: 15px;
			margin-top: -4px;
			width: 6px;
			height: 6px;
			border-top: 2px solid #999;
			border-right: 2px solid #999;
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}

/* ---------------------------------------------------------------------
 * clear
 */
.clear:after,
#header:after,
#content .linkBtn ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
.clear,
#header,
#content .linkBtn ul {
	min-height: 1px;
	}
* html .clear,
* html #header,
* html #content .linkBtn ul {
	height: 1px;
	/*\*//*/
	height:auto;
	overflow: hidden;
	/**/
	}

/*【SP LPページの埋め込むCSS】CSS*/
/* 「!」アイコン */
ul.attention2 {
	margin:0;
	padding:0;
}
ul.attention2 li {
	background-image:url(/sp/images/icon_attention2.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:5px;
	color:#D80042;
	font-weight:bold;
	font-size:12px;
	line-height:1.4em;
	min-height:16px;
}

ul.attention2 li:last-child {
	margin-bottom:0;
}

.inner {
	padding:10px;
}
.radiusBox {
	background-color:#F5F5F5;
	border-radius:5px 5px 5px 5px;
}
.post {
	margin:10px;
}