@charset "utf-8";
/* CSS Document */

/********************************************/
/* 文章系サブ独自                           */
/********************************************/
body{
	color:#000;
}
h2,h3,h4,h5,h6{
	color:#6A2D2D;
}

/********************************************/
/* アサイドサブ独自                         */
/********************************************/
#outside #outsideother{
}
@media screen and (max-width:640px){ /* スマホ用 */
	#outside #outsideother{
		background:none;
	}
}

/********************************************/
/* サブコンテンツ                           */
/********************************************/
#contents{
	padding:0 0 2% 0;
	background:#FFF;
	box-shadow:1px 1px 4px -1px rgba(0,0,0,0.08);
}
/* パンくずリスト   */
#contents #breadlist{
	margin:0 0 2.25% 0;
	padding:0.2% 0;
	background:#FFF1DC;
	box-shadow:0 3px 1px -2px rgba(0,0,0,0.2) inset;
}
#contents #breadlist ul{
	padding:0 0 0 1.0em;
}
#contents #breadlist ul li{
	margin:0 0.5em 0 0;
	font-size:1.3em;
	display:inline;
}
#contents #breadlist ul li a{
	margin:0 0.5em 0 0;
}
#contents #breadlist ul li span{
	margin:0 0.5em 0 0;
}
/* テキスト装飾消去 */
#contents .normalize{
	font-weight:normal;
	font-style:normal;
}
/* レター調整 */
#contents .negaletter{
	letter-spacing:-0.1em;
}
/* リストインデント */
#contents .lindent{
	text-indent:-1.0em;
	padding-left:1.0em;
}
/* ひとまず予備の字揃え（多分使わない） */
#contents .sparetl{
	text-align:left;
}
#contents .sparetc{
	text-align:center;
}
#contents .sparetg{
	text-align:right;
}
/* ひとまず余白（多分調整用） */
#contents .exmg1{
	margin-top:4%;
}
#contents .exmg2{
	margin:0;
}
@media screen and (max-width:640px){ /* スマホ用 */
/* テキスト装飾消去 */
	#contents .normalize{
		font-weight:normal;
		font-style:normal;
	}
	/* レター調整 */
	#contents .negaletter{
		letter-spacing:normal;
	}
	/* リストインデント */
	#contents .lindent{
		text-indent:-1.0em;
		padding-left:1.0em;
	}
	/* ひとまず予備の字揃え（多分使わない） */
	#contents .sparetl{
		text-align:left;
	}
	#contents .sparetc{
		text-align:center;
	}
	#contents .sparetg{
		text-align:right;
	}
	/* ひとまず余白（多分調整用） */
	#contents .spexmg1{
		margin:0 !important;
	}
}

/********************/
/* 中枠             */
/********************/
#contents .elementswrap1{
	margin:0 1.65%;
	padding:0 0 0.1% 0;
}
/* セパレーター(このCSSのブロック一番下にしておく) */
#contents .elementsepalate{
	margin-bottom:5.8%;
	padding-bottom:6.2%;
	background:url(../images/sepalater1.gif) repeat-x center bottom;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#contents .elementswrap1{
		margin:0;
		padding:0;
	}
	/* セパレーター(このCSSのブロック一番下にしておく) */
	#contents .elementsepalate{
		margin-bottom:11%;
		padding-bottom:11.6%;
		background:url(../images/sepalater1.gif) repeat-x center bottom;
	}
}
/********************/
/* リストマーカー   */
/********************/
#contents .mark1{
	margin:0 0 1.5% 0;
	padding:0 0 0 2.0em;
	background:url(../images/mark1.png) no-repeat left 0.1em;
	color:#6A2D2D;
}
#contents .mark2{
	margin:0 0 2.3% 0;
	padding:0 0 0 1.5em;
	background:url(../images/mark2.png) no-repeat left 0.25em;
	color:#000;
}
#contents .mark3{ /* .mark1の黄色版 */
	margin:0 0 1.5% 0;
	padding:0 0 0 2.0em;
	background:url(../images/mark3.png) no-repeat left 0.1em;
	color:#6A2D2D;
}
#contents .mark4{ /* .mark1のピンク版 */
	margin:0 0 1.5% 0;
	padding:0 0 0 2.0em;
	background:url(../images/mark4.png) no-repeat left 0.1em;
	color:#6A2D2D;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#contents .mark1{
		margin:0 0 2.5% 0;
		padding:0 0 0 5%;
		background:none;
	}
	#contents .mark2{
		margin:0 0 3% 0;
		padding:0 0 0 1.5em;
		background:url(../images/mark2.png) no-repeat left 0.25em;
		-moz-background-size:auto 73%;
		background-size:auto 73%;
		color:#000;
	}
	#contents .mark3{ /* .mark1の黄色版 */
		margin:0 0 2.5% 0;
		padding:0 0 0 5%;
		background:none;
	}
	#contents .mark4{ /* .mark1のピンク版 */
		margin:0 0 2.5% 0;
		padding:0 0 0 5%;
		background:none;
	}
}
/********************/
/* ページ概要BOX    */
/********************/
#contents .outlinebox{
	position:relative;
}
#contents .outlinebox .outlineimage{
	position:absolute;
	bottom:0;
	right:0;
	z-index:100;
}
#contents .outlinebox .outlineOwner{ /* ↑とセットで指定 */
	width:30.2%;
}
#contents .outlinebox .outlineD51{ /* ↑とセットで指定 */
	width:33.6%;
}
#contents .outlinebox .outlineUniform{ /* ↑とセットで指定 */
	margin:0 0 -1.85% 0;
	width:31.2%;
}
#contents .outlinebox .outlineModels{ /* ↑とセットで指定 */
	width:26.3%;
}
#contents .outlinebox .outlineOwnerpause{ /* ↑とセットで指定 */
	left:0;
	right:auto;
	width:38.4%;
}
#contents .outlinebox .outlineShip{ /* ↑とセットで指定 */
	width:27.1%;
	bottom:-6%;
}
#contents .outlinebox .outlineFaceress{ /* ↑とセットで指定 */
	margin:0 0 -1.85% 0;
	width:37.7%;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#contents .outlineimage{
		float:right;
	}
	#contents .outlineOwner{ /* ↑とセットで指定 */
		width:35%;
	}
	#contents .outlineD51{ /* ↑とセットで指定 */
		width:54%;
	}
	#contents .outlineUniform{ /* ↑とセットで指定 */
		margin:0 0 0 0;
		width:38%;
	}
	#contents .outlineFaceress{ /* ↑とセットで指定 */
		margin:0 0 0 5%;
		width:38%;
	}
	#contents .outlineModels{ /* ↑とセットで指定 */
		width:32%;
	}
	#contents .outlineOwnerpause{ /* ↑とセットで指定 */
		margin:1% 0 0 0;
		width:48%;
		float:left;
	}
	#contents .outlineShip{ /* ↑とセットで指定 */
		width:38%;
	}
}
/********************/
/* 装飾系ボックス   */
/********************/
/* ダンボー */
#contents .danbox{
	background:url(../images/bg14.gif) repeat-y;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
/* ノート */
#contents .notebox{
	background:url(../images/bg13.gif) repeat-y;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#contents .notebox p{ /*パラグラフ指定あり*/
	font-size:1.7em;
}
/* 汎用白 */
#contents .whitebox{
	background:#FFF;
}
/* 吹き出しとか汎用 */
#contents .tetrabox{
	background:#FFF8ED;
}
/* 吹き出し三角 */
#contents .serifbox{
	padding:0 5.1% 0 0;
	background:url(../images/corn.gif) no-repeat right center;
}
/* ノートと組み合わせシャドー */
#contents .shadowbox{
	margin:0 0 1.0em 0;
	box-shadow:5px 5px 4px -3px rgba(0,0,0,0.2);
}
@media screen and (max-width:640px){ /* スマホ用 */
	/* ダンボー */
	#contents .danbox{
		background:url(../images/bg14.gif) repeat-y;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	/* ノート */
	#contents .notebox{
		background:none;
		-moz-background-size:auto;
		background-size:auto;
	}
	#contents .notebox p{ /*パラグラフ指定あり*/
		font-size:1.2em;
	}
	/* 汎用白 */
	#contents .whitebox{
		background:#FFF;
	}
	/* 吹き出しとか汎用 */
	#contents .tetrabox{
		clear:both;
	}
	#contents .tetrabox p{
		font-size:1.2em;
	}
	/* 吹き出し三角 */
	#contents .serifbox{
		padding:0;
		background:none;
	}
	/* ノートと組み合わせシャドー */
	#contents .shadowbox{
		margin:0;
		box-shadow:none;
	}
}
/********************/
/* 共通可？Layout   */
/********************/
/* テキストカラム+画像二つ並び */
#contents .itembox1{
	margin:0 0 6.4% 0;
}
#contents .itembox1:last-child{
	margin:0;
}
#contents .itembox1 .textbox1{
	width:48%;
	float:left;
}
#contents .itembox1 .textbox2{
	width:42%;
	float:left;
}
#contents .itembox1 .imagebox1,
#contents .itembox1 .imagebox3{ /* ←known.htmlで使用、画像左は小サイズ */
	margin:0 0 0 1.8%;
	width:50.2%;
	float:right;
}
#contents .itembox1 .imagebox2{ /* touch.htmlで使用、画像エリア上部に余白付与 */
	margin:7% 0 0 1.8%;
	width:50.2%;
	float:right;
}
#contents .itembox1 .imagebox1 p,
#contents .itembox1 .imagebox2 p,
#contents .itembox1 .imagebox3 p{
	margin:0 0 0 1.78%;
	width:49%;
	float:left;
	text-align:center;
	font-size:1.4em;
}
#contents .itembox1 .imagebox1 p:first-child,
#contents .itembox1 .imagebox2 p:first-child{
	margin:0;
}
#contents .itembox1 .imagebox3 p:first-child{ /* known.htmlで使用、画像左は小サイズ */
	margin:0 0 0 11.6%;
	width:37.5%;
	float:left;
}
@media screen and (max-width:640px){ /* スマホ用 */
	/* テキストカラム+画像二つ並び */
	#contents .itembox1{
		margin:0 0 10% 0;
	}
	#contents .itembox1:last-child{
		margin:0;
	}
	#contents .itembox1 .textbox1{
		width:auto;
		float:none;
	}
	#contents .itembox1 .textbox1 p{
		font-size:1.2em;
	}
	#contents .itembox1 .textbox2{
		width:auto;
		float:none;
	}
	#contents .itembox1 .textbox2 p{
		font-size:1.2em;
	}
	#contents .itembox1 .imagebox1,
	#contents .itembox1 .imagebox3{ /* ←known.htmlで使用、画像左は小サイズ */
		margin:0 0 2.5% 0;
		width:auto;
		float:none;
	}
	#contents .itembox1 .imagebox2{ /* touch.htmlで使用、画像エリア上部に余白付与 */
		margin:0 0 2.5% 0;
		width:auto;
		float:none;
	}
	#contents .itembox1 .imagebox1 p,
	#contents .itembox1 .imagebox2 p,
	#contents .itembox1 .imagebox3 p{
		margin:0 0 0 2%;
		width:49%;
		float:left;
		text-align:center;
		font-size:1.1em;
	}
	#contents .itembox1 .imagebox1 p:first-child,
	#contents .itembox1 .imagebox2 p:first-child{
		margin:0;
	}
	#contents .itembox1 .imagebox3 p{
		width:55.7%;
	}
	#contents .itembox1 .imagebox3 p:first-child{ /* known.htmlで使用、画像左は小サイズ */
		margin:0;
		width:42.3%;
		float:left;
	}
}
/* 画像+キャプション3カラム */
#contents .itembox2{}
#contents .itembox2 dl{
	margin:0 0 1% 0.8%;
	padding:0.7% 0.6% 0.6% 0.6%;
	width:31.2%;
	border:1px solid #D6D5D5;
	background:#FFF;
	float:left;
}
#contents .itembox2 dl:first-child{
	margin-left:0;
}
#contents .itembox2 dl dt{
	margin:0 auto 1% auto;
	width:99.5%;
}
#contents .itembox2 dl dd{
	font-size:1.6em;
	text-align:right;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#contents .itembox2{
		padding:0 3%;
	}
	#contents .itembox2 dl{
		margin:4.5% 0 0 4%;
		padding:1% 0;
		width:47%;
		border:1px solid #D6D5D5;
		background:#FFF;
		float:left;
	}
	#contents .itembox2 dl:first-child,
	#contents .itembox2 dl:nth-child(2n+1){
		margin-left:0;
	}
	#contents .itembox2 dl dt{
		margin:0 auto 1% auto;
		width:95%;
	}
	#contents .itembox2 dl dd{
		width:95%;
		font-size:1.1em;
		text-align:right;
	}
}
/* .notebox内部パターン */
#contents .itembox3{
	margin:0 0 9.1% 0;
}
#contents .itembox3:last-child{
	margin:0;
}
#contents .itembox3 .textbox1{
	width:65%;
	float:left;
}
#contents .itembox3 .textbox2{
	margin:0 3% 1% 0;
}
#contents .itembox3 .textbox3{
	width:57.5%;
	float:left;
}
#contents .itembox3 .textbox4{ /* .itembox3>.textbox2の下余白なし */
	margin:0 3% 0 0;
}
#contents .itembox3 .textbox5{ /* .itembox3>.textbox3の幅小 */
	width:54.8%;
	float:left;
}
#contents .itembox3 .imagebox1{
	margin:0 0 0 1.9%;
	width:32.7%;
	float:right;
}
#contents .itembox3 .imagebox1 .conditioner1{
	margin:17% 0 5% 30.3%;
}
#contents .itembox3 .imagebox1 .conditioner2{
	margin:0 31.4% 0 0;
}
#contents .itembox3 .imagebox1 .conditioner3{
	margin:18.6% 0 0 0;
}
#contents .itembox3 .imagebox2{
	margin:0 0 0 5.9%;
	width:35.8%;
	float:right;
}
#contents .itembox3 .imagebox3{
	margin:3% 5.8% 0 0;
	width:35.8%;
	float:right;
}
#contents .itembox3 .imagebox3 .conditioner{
	display:block;
	float:left;
	width:48%;
	padding:0 1%;
	font-size:0.9em;
}
#contents .itembox3 .imagebox1 p,
#contents .itembox3 .imagebox2 p,
#contents .itembox3 .imagebox3 p{
	text-align:center;
	font-size:1.4em;
}
@media screen and (max-width:640px){ /* スマホ用 */
	/* .notebox内部パターン */
	#contents .itembox3{
		margin:0 0 12% 0;
	}
	#contents .itembox3:last-child{
		margin:0 0 6% 0;
	}
	#contents .itembox3 .textbox1{
		width:auto;
		float:none;
	}
	#contents .itembox3 .textbox2{
		margin:0;
	}
	#contents .itembox3 .textbox3{
		width:auto;
		float:none;
	}
	#contents .itembox3 .textbox4{ /* .itembox3>.textbox2の下余白なし */
		margin:0;
	}
	#contents .itembox3 .textbox5{ /* .itembox3>.textbox3の幅小 */
		width:auto;
		float:none;
	}
	#contents .itembox3 .imagebox1{
		margin:0 0 3% 0;
		width:auto;
		float:none;
	}
	#contents .itembox3 .imagebox1 .conditioner1{
		margin:0;
		width:47.9%;
		float:left;
	}
	#contents .itembox3 .imagebox1 .conditioner2{
		margin:0 0 0 4.2%;
		width:47.9%;
		float:right;
	}
	#contents .itembox3 .imagebox1 .conditioner3{
		margin:0;
	}
	#contents .itembox3 .imagebox2{
		margin:0 0 3% 0;
		width:auto;
		float:none;
	}
	#contents .itembox3 .imagebox3{
		margin:0 0 3% 0;
		width:auto;
		float:none;
	}
	#contents .itembox3 .spimagebox1,
	#contents .itembox3 .spimagebox2,
	#contents .itembox3 .spimagebox3{
		display:block;
		height:120px;
		overflow:hidden;
	}
	#contents .itembox3 .spimagebox1 img{
		margin:-20% 0 0 0;
	}
	#contents .itembox3 .spimagebox2 img{
		margin:-8% 0 0 0;
	}
	#contents .itembox3 .spimagebox3 img{
		margin:-1.5% 0 0 0;
	}
	#contents .itembox3 .imagebox1 p,
	#contents .itembox3 .imagebox2 p,
	#contents .itembox3 .imagebox3 p{
		text-align:center;
		font-size:1.1em;
	}
	#contents .itembox3 .imagebox3 .spconditioner1{
		margin-left:0.5em;
	}
	#contents .itembox3 .imagebox3 .spconditioner2{
		margin-left:3.5em;
	}
}
/********************/
/* 独自設定         */
/********************/
/* QAボックス */
#contents .qaahead{
	width:23.3%;
}
#contents .qabox{
	margin:0 0 4% 0;
	padding:0 0 4% 0;
	background:url(../images/sepalater2.gif) no-repeat center bottom;
}
#contents .qabox:last-child{ /* 他と連ねる場合、これが最終要素になるようにDIV */
	padding-bottom:0;
	background:none;
}
#contents .qabox .qaquest{
	width:57.4%;
	float:left;
}
#contents .qabox .qaans{
	margin:0 2.9% 0 0;
	width:35.5%;
	float:right;
}
#contents .qaboxunder{
	position:relative;
}
#contents .qaboxunder .qaboxcaption{
	width:17.1%;
	position:absolute;
	top:5%;
	left:0;
	z-index:50;
}
#contents .qaboxunder .qaserif{
	width:48%;
	margin:2% 0 0 3%;
	padding:0 5.1% 0 0;
	background:url(../images/corn.gif) no-repeat right center;
	float:left;
}
#contents .qaboxunder .qaserif dl{
	padding:7.8% 4.4% 5.2% 4.4%;
	background:#FFF8ED;
	border-radius:20px 20px 20px 20px;
}
#contents .qaboxunder .qaserif dl dt{
	margin:0 0 1.8% 0;
	padding:0 0 1% 0;
	font-size:1.8em;
	letter-spacing:-0.05em;
	background:url(../images/border2.gif) repeat-x center bottom;
}
#contents .qaboxunder .qaserif dl dd{
	font-size:1.4em;
}
#contents .qaboxunder .qaimage{
	margin:0 2.9% 0 0;
	width:39.5%;
	float:right;
}
@media screen and (max-width:640px){ /* スマホ用 */
	/* QAボックス */
	#contents .qaahead{
		width:45%;
	}
	#contents .qabox{
		margin:0 0 4% 0;
		padding:0 0 4% 0;
		background:url(../images/sepalater2.gif) no-repeat center bottom;
	}
	#contents .qabox:last-child{ /* 他と連ねる場合、これが最終要素になるようにDIV */
		padding-bottom:0;
		background:none;
	}
	#contents .qabox .qaquest{
		width:auto;
		float:none;
	}
	#contents .qabox .qaans{
		margin:0;
		width:auto;
		float:none;
	}
	#contents .qaboxunder{
		position:relative;
	}
	#contents .qaboxunder .qaboxcaption{
		width:auto;
		top:-5%;
		left:1.5%;
		z-index:0;
	}
	#contents .qaboxunder .qaserif{
		width:auto;
		margin:0;
		padding:0;
		background:none;
		float:none;
	}
	#contents .qaboxunder .qaserif dl{
		margin:10% 0 0 0;
		padding:2.5em 2.5% 2.5% 2.5%;
		background:#FFF8ED;
		border-radius:5px;
	}
	#contents .qaboxunder .qaserif dl dt{
		margin:0 0 1.8% 0;
		padding:0 0 4% 0;
		font-size:1.4em;
		line-height:1.6em;
		letter-spacing:-0.05em;
		background:url(../images/border2.gif) repeat-x center bottom;
	}
	#contents .qaboxunder .qaserif dl dd{
		font-size:1.2em;
	}
	#contents .qaboxunder .qaimage{
		margin:2.5% 0 0 0;
		width:auto;
		float:none;
	}
}
/* 年表 */
.historybox{
	border:1px solid #6A2D2D;
	padding:1px;
	background:#FFF;
}
.historybox table,
.historybox table tr th,
.historybox table tr td{
	border-spacing:0;
	border-collapse:collapse;
	padding:0;
}
.historybox table{
	width:100%;
	background:#FFF;
}
.historybox table tr th,
.historybox table tr td{
	border:1px solid #FFD800;
	padding:0.5%;
	text-align:center;
	font-size:1.4em;
}
.historybox table tr th:first-child{
	background:#FFF8D2;
}
.historybox table tr td:nth-child(3),
.historybox table tr td:nth-child(4),
.historybox table tr td:last-child{
	text-align:left;
}
.historybox table tr:first-child th{
	border-right-color:#FFF;
	border-bottom-color:#FFF;
	background:#FFD800;
	font-size:1.6em;
}
.historybox table tr:first-child th{
	width:25.5%;
}
.historybox table tr:first-child th:first-child{
	width:14.5%;
}
.historybox table tr:first-child th:nth-child(2){
	width:4.5%;
}
.historybox table tr:first-child th:last-child{
	border-right-color:#FFD800;
	background:#FFD800;
}
@media screen and (max-width:640px){
	/* 年表 */
	.historybox{
		border:1px solid #6A2D2D;
		padding:1px;
		background:#FFF;
	}
	.historybox table,
	.historybox table tr th,
	.historybox table tr td{
		border-spacing:0;
		border-collapse:collapse;
		padding:0;
	}
	.historybox table{
		width:100%;
		background:#FFF;
	}
	.historybox table tr th,
	.historybox table tr td{
		border:1px solid #FFD800;
		padding:0.5%;
		text-align:center;
		font-size:1.2em;
	}
	.historybox table tr th:first-child{
		background:#FFF8D2;
	}
	.historybox table tr td:nth-child(3),
	.historybox table tr td:nth-child(4),
	.historybox table tr td:last-child{
		text-align:left;
	}
	.historybox table tr:first-child th{
		border-right-color:#FFF;
		border-bottom-color:#FFF;
		background:#FFD800;
		font-size:1.2em;
	}
	.historybox table tr:first-child th{
		width:25.5%;
	}
	.historybox table tr:first-child th:first-child{
		width:20%;
		word-wrap:break-word;
	}
	.historybox table tr:first-child th:nth-child(2){
		width:6%;
	}
	.historybox table tr:first-child th:last-child{
		border-right-color:#FFD800;
		background:#FFD800;
	}
}
/* ご利用ガイド用 */
.guidebox1{ /* 内部マップ */
	margin:0 0 6.8% 0;
}
.guidebox1 dl{ /* 内部マップ */
	position:relative;
}
.guidebox1 dl dd{ /* 内部マップ・共通*/
	position:absolute;
	line-height:1.0em;
	z-index:100;
}
.guidebox1 dl dd#guidemaproot{ /* 内部マップ・ルーター */
	top:0;
	left:0;
	z-index:50;
}
.guidebox1 dl dd#guidemap1{ /* 子要素 */ top:0%; left:14.4%; width:16.6%; }
.guidebox1 dl dd#guidemap2{ /* 子要素 */ top:5.9%; left:1.6%; width:16.8%; }
.guidebox1 dl dd#guidemap3{ /* 子要素 */ top:11.2%; left:1.6%; width:11%; }
.guidebox1 dl dd#guidemap4{ /* 子要素 */ top:33%; left:1.6%; width:18.3%; }
.guidebox1 dl dd#guidemap5{ /* 子要素 */ top:38.4%; left:1.6%; width:13.4%; }
.guidebox1 dl dd#guidemap6{ /* 子要素 */ top:44.2%; left:1.6%; width:9.8%; }
.guidebox1 dl dd#guidemap7{ /* 子要素 */ top:50%; left:1.6%; width:11.6%; }
.guidebox1 dl dd#guidemap8{ /* 子要素 */ top:66.2%; left:6.8%; width:13.3%; }
.guidebox1 dl dd#guidemap9{ /* 子要素 */ top:71.6%; left:6.8%; width:8%; }
.guidebox1 dl dd#guidemap10{ /* 子要素 */ top:77%; left:6.8%; width:15.1%; }
.guidebox1 dl dd#guidemap11{ /* 子要素 */ top:0%; left:70.4%; width:16.7%; }
.guidebox1 dl dd#guidemap12{ /* 子要素 */ top:5.9%; left:79.4%; width:10.1%; }
.guidebox1 dl dd#guidemap13{ /* 子要素 */ top:11.5%; left:79.4%; width:14.1%; }
.guidebox1 dl dd#guidemap14{ /* 子要素 */ top:17.6%; left:79.4%; width:13.3%; }
.guidebox1 dl dd#guidemap15{ /* 子要素 */ top:23.3%; left:79.4%; width:16.9%; }
.guidebox1 dl dd#guidemap16{ /* 子要素 */ top:38.3%; left:75.2%; width:17.3%; }
.guidebox1 dl dd#guidemap17{ /* 子要素 */ top:45.3%; left:75.2%; width:11.5%; }
.guidebox1 dl dd#guidemap18{ /* 子要素 */ top:56.5%; left:73%; width:13.7%; }
.guidebox1 dl dd#guidemap19{ /* 子要素 */ top:65.6%; left:73%; width:18.7%; }
.guidebox1 dl dd#guidemap20{ /* 子要素 */ top:71.6%; left:73%; width:8.1%; }
.guidebox1 dl dd#guidemap21{ /* 子要素 */ top:81.6%; left:73%; width:19.5%; }
.guidebox1 dl dd#guidemap22{ /* 子要素 */ top:87.8%; left:73%; width:20.6%; }
.guidebox1 dl dd#guidemap23{ /* 子要素 */ top:94.1%; left:73%; width:23.8%; }
.guidebox2{ /* 概要 */
	margin:0 0 8.8% 0;
}
.guidebox2:last-child{ /* 概要 */
	margin:0 0 3% 0;
}
.guidebox2 .guidetextbox1{ /* 概要 */
	width:57.2%;
	float:left;
}
.guidebox2 .guideimagebox1{ /* 概要 */
	margin:3% 0 0 0;
	width:41.5%;
	float:right;
}
.guidebox2 .guideimagebox1 p{ /* 概要 */
	text-align:center;
	font-size:1.4em;
}
.guidebox3{ /* アクセスマップ */
	margin:0 0 5.6% 0;
}
.guidebox3 iframe{ /* アクセスマップ */
	width:100%;
	height:396px;
}
.guidebox3 p{ /* アクセスマップ */
	width:46.3%;
	float:right;
}
.guidebox3 p:first-child{ /* アクセスマップ */
	float:left;
}
.guidebox4 .guideitembox1{ /* アクセス方法 */
	width:50%;
	float:left;	
}
.guidebox4 .guideitembox2{ /* アクセス方法 */
	margin:0 0 0 2%;
	width:48%;
	float:left;	
}
.guideboxahead1 img{ /* アイコン */
	margin:0 0 0 -0.25em;
	width:auto;
}
.guideboxahead2{ /* ラストテーブル見出し */
	margin:0 0 2.3% -2%;
	width:44.6%;
}
.guideboxtip1{ /* アイコン */
	color:#C00;
	font-size:1.4em !important;
}
.guidebox5 table,
.guidebox5 table tr th,
.guidebox5 table tr td{ /* ラストテーブル */
	border:1px solid #A0A0A0;
	border-spacing:0;
	border-collapse:collapse;
	padding:0;
}
.guidebox5 table{ /* ラストテーブル */
	margin:0 auto;
	width:90%;
	background:#FFF;
}
.guidebox5 table tr th,
.guidebox5 table tr td{ /* ラストテーブル */
	padding:1%;
}
.guidebox5 table tr th{
	width:18%;
	background:#DCDCDC;
	font-weight:normal;
}
@media screen and (max-width:640px){
	/* ご利用ガイド用 */
	.guidebox1{ /* 内部マップ */
		margin:0 0 6.8% 0;
	}
	.guidebox1 dl{ /* 内部マップ */
		position:static;
	}
	.guidebox1 dl dt{ /* 内部マップ */
		margin:0 auto 4% auto;
		width:85%;
	}
	.guidebox1 dl dd{ /* 内部マップ・共通*/
		position:static;
		line-height:1.0em;
		z-index:0;
	}
	.guidebox1 dl dd#guidemaproot{ /* 内部マップ・ルーター */
		top:auto;
		left:auto;
		z-index:0;
	}
	.guidebox1 dl dd#guidemap1, .guidebox1 dl dd#guidemap2,
	.guidebox1 dl dd#guidemap3, .guidebox1 dl dd#guidemap4,
	.guidebox1 dl dd#guidemap5, .guidebox1 dl dd#guidemap6,
	.guidebox1 dl dd#guidemap7, .guidebox1 dl dd#guidemap8,
	.guidebox1 dl dd#guidemap9, .guidebox1 dl dd#guidemap10,
	.guidebox1 dl dd#guidemap11, .guidebox1 dl dd#guidemap12,
	.guidebox1 dl dd#guidemap13, .guidebox1 dl dd#guidemap14,
	.guidebox1 dl dd#guidemap15, .guidebox1 dl dd#guidemap16,
	.guidebox1 dl dd#guidemap17, .guidebox1 dl dd#guidemap18,
	.guidebox1 dl dd#guidemap19, .guidebox1 dl dd#guidemap20,
	.guidebox1 dl dd#guidemap21, .guidebox1 dl dd#guidemap22,
	.guidebox1 dl dd#guidemap23{ /* 子要素 */ top:auto; left:auto; width:auto; }
	.guidebox1 dl dd{
		margin:0 0 2% 0;
		width:50% !important;
		max-width:100% !important;
		height:16px;
		float:left;
	}
	.guidebox1 dl dd:nth-child(2n+1) img { margin:0 0 0 10%; }
	.guidebox1 dl dd:nth-child(2n) img { margin:0 0 0 5%; }
	.guidebox1 dl dd#guidemap1 img { width: 69.575%; }
	.guidebox1 dl dd#guidemap2 img { width: 70.334%; }
	.guidebox1 dl dd#guidemap3 img { width: 46.046%; }
	.guidebox1 dl dd#guidemap4 img { width: 76.659%; }
	.guidebox1 dl dd#guidemap5 img { width: 55.913%; }
	.guidebox1 dl dd#guidemap6 img { width: 40.986%; }
	.guidebox1 dl dd#guidemap7 img { width: 48.576%; }
	.guidebox1 dl dd#guidemap8 img { width: 55.913%; }
	.guidebox1 dl dd#guidemap9 img { width: 33.649%; }
	.guidebox1 dl dd#guidemap10 img { width: 63.503%; }
	.guidebox1 dl dd#guidemap11 img { width: 69.828%; }
	.guidebox1 dl dd#guidemap12 img { width: 42.251%; }
	.guidebox1 dl dd#guidemap13 img { width: 58.949%; }
	.guidebox1 dl dd#guidemap14 img { width: 55.913%; }
	.guidebox1 dl dd#guidemap15 img { width: 70.84%; }
	.guidebox1 dl dd#guidemap16 img { width: 70.334%; }
	.guidebox1 dl dd#guidemap17 img { width: 48.323%; }
	.guidebox1 dl dd#guidemap18 img { width: 53.44%; }
	.guidebox1 dl dd#guidemap19 img { width: 78.43%; }
	.guidebox1 dl dd#guidemap20 img { width: 34.155%; }
	.guidebox1 dl dd#guidemap21 img { width: 81.719%; }
	.guidebox1 dl dd#guidemap22 img { width: 86.273%; }
	.guidebox1 dl dd#guidemap23 img { width: 99.682%; }
	.guidebox2{ /* 概要 */
		margin:0 0 8.8% 0;
	}
	.guidebox2:last-child{ /* 概要 */
		margin:0;
	}
	.guidebox2 .guidetextbox1{ /* 概要 */
		width:auto;
		float:none;
	}
	.guidebox2 .guidetextbox1 p{ /* 概要 */
		font-size:1.2em;
	}
	.guidebox2 .guideimagebox1{ /* 概要 */
		margin:0 0 3% 0;
		width:auto;
		float:none;
	}
	.guidebox2 .guideimagebox1 p{ /* 概要 */
		text-align:center;
		font-size:1.1em;
	}
	.guidebox3{ /* アクセスマップ */
		margin:0 0 10% 0;
	}
	.guidebox3 iframe{ /* アクセスマップ */
		width:100%;
		height:232px;
	}
	.guidebox3 p{ /* アクセスマップ */
		width:100%;
		float:none;
	}
	.guidebox3 p:first-child{ /* アクセスマップ */
		margin:0 0 3% 0;
		float:none;
	}
	.guidebox4 p{
		font-size:1.2em;
	}
	.guidebox4 .guideitembox1{ /* アクセス方法 */
		margin:0 0 6% 0;
		width:auto;
		float:none;	
	}
	.guidebox4 .guideitembox2{ /* アクセス方法 */
		margin:0;
		width:auto;
		float:left;	
	}
	.guideboxahead1 img{ /* アイコン */
		margin:0;
		width:auto;
	}
	.guideboxahead2{ /* ラストテーブル見出し */
		margin:0 0 3.5% 0;
		width:65%;
	}
	.guideboxtip1{ /* アイコン */
		color:#C00;
		font-size:1.2em !important;
	}
	.guidebox5 table,
	.guidebox5 table tr th,
	.guidebox5 table tr td{ /* ラストテーブル */
		border:1px solid #A0A0A0;
		border-spacing:0;
		border-collapse:collapse;
		padding:0;
	}
	.guidebox5 table{ /* ラストテーブル */
		margin:0 auto;
		width:100%;
		background:#FFF;
	}
	.guidebox5 table tr th,
	.guidebox5 table tr td{ /* ラストテーブル */
		font-size:1.2em;
		padding:2%;
	}
	.guidebox5 table tr th{
		width:20%;
		background:#DCDCDC;
		font-weight:normal;
	}
}
/********************/
/* 余白調整用       */
/********************/
#contents .boxmrg1{ /* .serifboxなしの.tetraboxに使用 */
	margin:0 28% 4.8% 0;
}
#contents .boxmrg2{ /* .serifboxありの.tetraboxに使用(width全面用) */
	margin:0 21.8% 4.8% 0;
}
#contents .boxmrg3{ /* .serifboxなしの.tetraboxに使用、右微小 */
	margin:0 26.5% 4.8% 0;
}
#contents .boxmrg4{ /* .serifboxなしの.tetraboxに使用、右大 */
	margin:0 30% 4.8% 0;
}
#contents .boxmrg5{ /* .serifboxなしの.tetraboxに使用、下多め */
	margin:0 26.5% 5.8% 0;
}
#contents .boxmrg6{ /* .serifboxなしの.tetraboxに使用、左回りパターン用、左大 */
	margin:0 0 4.8% 30%;
}
#contents .boxpad1{ /* .danboxに使用 */
	padding:1.4%;
}
#contents .boxpad2{ /* .whiteboxに使用 */
	padding:3.2% 1.4% 4% 1.4%;
}
#contents .boxpad3{ /* .serifboxなしの.tetraboxに使用 */
	padding:1.5% 2.5% 1.5% 1.5%;
}
#contents .boxpad4{ /* .serifboxありの.tetraboxに使用 */
	padding:1.5% 3% 1.5% 1.5%;
}
#contents .boxpad5{ /* .noteboxに使用 */
	padding:4% 1.8% 3.5% 5.5%;
}
#contents .boxpad6{ /* .serifboxなしの.tetraboxに使用、boxpad3より派生、横余白多め */
	padding:1.5% 4% 1.5% 1.5%;
}
#contents .boxpad7{ /* .serifboxなしの.tetraboxに使用、boxpad3より派生、上下内部余白多め */
	padding:2.6% 2.5% 2.6% 1.5%;
}
#contents .boxpad8{ /* .danboxの主にQA */
	padding:1% 1.4% 1.4% 1.4%;
}
#contents .boxpad9{ /* .serifboxなしの.tetraboxに使用、boxpad3より派生、横余白多め、左回りパターン用 */
	padding:1.5% 1.5% 1.5% 4%;
}
@media screen and (max-width:640px){
	#contents .boxmrg1{ /* .serifboxなしの.tetraboxに使用 */
		margin:0 0 6.5% 0;
	}
	#contents .boxmrg2{ /* .serifboxありの.tetraboxに使用(width全面用) */
		margin:0 0 6.5% 0;
	}
	#contents .boxmrg3{ /* .serifboxなしの.tetraboxに使用、右微小 */
		margin:0 0 6.5% 0;
	}
	#contents .boxmrg4{ /* .serifboxなしの.tetraboxに使用、右大 */
		margin:0 0 6.5% 0;
	}
	#contents .boxmrg5{ /* .serifboxなしの.tetraboxに使用、下多め */
		margin:0 0 6.5% 0;
	}
	#contents .boxmrg6{ /* .serifboxなしの.tetraboxに使用、下多め */
		margin:0 0 6.5% 0;
	}
	#contents .boxpad1{ /* .danboxに使用 */
		padding:1.4%;
	}
	#contents .boxpad2{ /* .whiteboxに使用 */
		padding:4%;
	}
	#contents .boxpad3{ /* .serifboxなしの.tetraboxに使用 */
		padding:4%;
	}
	#contents .boxpad4{ /* .serifboxありの.tetraboxに使用 */
		padding:1.5% 3% 1.5% 1.5%;
	}
	#contents .boxpad5{ /* .noteboxに使用 */
		padding:0 3%;
	}
	#contents .boxpad6{ /* .serifboxなしの.tetraboxに使用、boxpad3より派生、横余白多め */
		padding:4%;
	}
	#contents .boxpad7{ /* .serifboxなしの.tetraboxに使用、boxpad3より派生、上下内部余白多め */
		padding:4%;
	}
	#contents .boxpad8{ /* .danboxの主にQA */
		padding:1% 1.4% 1.4% 1.4%;
	}
	#contents .boxpad9{ /* .serifboxなしの.tetraboxに使用、boxpad3より派生、横余白多め、左回りパターン用 */
		padding:4%;
	}
}

/********************/
/* 見出しバリエ     */
/********************/
#contents .hline1{ /* コンテンツ上の大見出しに使用 */
	margin:0 0 4.3% 0;
}
#contents .hline2{ /* 記事開始の見出しに使用 */
	margin:0 0 2.25% 0;
}
#contents .hline3{ /* .ahead3+.point(n)の組み合わせ(.point後続文あり)に使用 */
	margin:0 0 6.5% 0;
}
#contents .hline4{ /* .ahead3+.point(n)の組み合わせ(.point後続文なし)に使用 */
	margin:0 0 1% 0;
}
#contents .hline5{ /* 記事開始の見出しに使用、下余白多め */
	margin:0 0 4.8% 0;
}
#contents .hline6{ /* .mark3,mark4の余白調整、.outlinebox上部中見出しの特殊パターン */
	margin:4% 0 5% 0;
}
#contents .hline7{ /* .mark3,mark4の余白調整、.outlinebox上部中見出しの特殊パターン(下余白少し大きい版) */
	margin:4% 0 2.5% 0;
}
#contents .hline8{ /* .ahead3+.point(n)後の小見出しに使用 */
	margin:0 0 3.6% 0;
}
#contents .hline9{ /* .ahead3+.point(n)の組み合わせ(.point後続文なし)に使用 */
	margin:0 0 2.8% 0;
}
#contents .hline10{ /* 記事開始の見出しに使用、下余白やや多め */
	margin:0 0 4% 0;
}
#contents .hline11{ /* .mark3,mark4の余白調整、.outlinebox上部中見出しの特殊パターン　左回り用 */
	margin:4% 0 10% 0;
}

@media screen and (max-width:640px){
	#contents .hline1{ /* コンテンツ上の大見出しに使用 */
		margin:0 0 4.3% 0;
	}
	#contents .hline2{ /* 記事開始の見出しに使用 */
		margin:0 0 2.25% 0;
	}
	#contents .hline3{ /* .ahead3+.point(n)の組み合わせ(.point後続文あり)に使用 */
		margin:0 0 3.2% 0;
	}
	#contents .hline4{ /* .ahead3+.point(n)の組み合わせ(.point後続文なし)に使用 */
		margin:0 0 1% 3%;
	}
	#contents .hline5{ /* 記事開始の見出しに使用、下余白多め */
		margin:0 0 4.8% 0;
	}
	#contents .hline6{ /* .mark3,mark4の余白調整、.outlinebox上部中見出しの特殊パターン */
		margin:4% 0 3% 0;
	}
	#contents .hline7{ /* .mark3,mark4の余白調整、.outlinebox上部中見出しの特殊パターン(下余白少し大きい版) */
		margin:0 0 3% 0;
	}
	#contents .hline8{ /* .ahead3+.point(n)後の小見出しに使用 */
		margin:0 0 3.6% 0;
	}
	#contents .hline9{ /* .ahead3+.point(n)の組み合わせ(.point後続文なし)に使用 */
		margin:0 0 2.8% 0;
	}
	#contents .hline10{ /* 記事開始の見出しに使用、下余白やや多め */
		margin:0 0 4% 0;
	}
	#contents .hline11{ /* .mark3,mark4の余白調整、.outlinebox上部中見出しの特殊パターン　左回り用 */
		margin:4% 0 3% 0;
	}
	#contents .hlinesp1{ /* .mark1ありの.ahead1に使用 */
		padding-top:4%;
	}
}
/********************/
/* 見出しパターン   */
/********************/
#contents .ahead1{ /* .mark1ありの.ahead1に使用 */
	font-size:2.0em;
	line-height:1.6em;
}
#contents .ahead2{ /* .point(n)の組み合わせに使用 */
	font-size:2.2em;
	line-height:1.6em;
}
#contents .ahead3{ /* .point(n)の組み合わせに使用 */
	font-size:1.8em;
	line-height:1.6em;
}
#contents .ahead4{ /* .mark2に使用 */
	font-size:2.8em;
	line-height:1.6em;
}
#contents .ahead5{ /* .ahead3のふりがな */
	font-size:0.65em;
	line-height:1.6em;
}
#contents .ahead6{ /* .point(n)の組み合わせに使用、2.0版 */
	font-size:2.0em;
	line-height:1.6em;
}
@media screen and (max-width:640px){
	#contents .ahead1{ /* .mark1ありの.ahead1に使用 */
		font-size:1.4em;
		line-height:1.8em;
	}
	#contents .ahead2{ /* .point(n)の組み合わせに使用 */
		font-size:1.4em;
		line-height:1.0em;
	}
	#contents .ahead3{ /* .point(n)の組み合わせに使用 */
		font-size:1.4em;
		line-height:1.0em;
	}
	#contents .ahead4{ /* .mark2に使用 */
		font-size:1.5em;
		line-height:1.6em;
	}
	#contents .ahead5{ /* .ahead3のふりがな */
		font-size:0.65em;
		line-height:1.6em;
	}
	#contents .ahead6{ /* .point(n)の組み合わせに使用、2.0版 */
		font-size:1.4em;
		line-height:1.6em;
	}
}
/********************/
/* ポイント系       */
/********************/
/* ポイントイメージで */
#contents .point{
	margin:-0.2em 0.5em 0 0;
	padding:0.2em 0;
	display:inline-block;
	height:1.0em;
	color:#FFF;
	font-weight:bold;
	vertical-align:middle;
}
#contents .point img{
	vertical-align:top;
	width:auto;
}
@media screen and (max-width:640px){
	#contents .point{
		font-size:1.6em;
		padding:0.2em 0 0.1em 0;
	}
	#contents .point img{
		vertical-align:top;
		width:2.6em;
	}
}
/* ポイントテキストで */
#contents .points{
	margin:0 0.5em 0 0;
	padding:0.1em 0.4em;
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	vertical-align:middle;
}
#contents .points1{ /* ↑のオレンジ(watch.html用) */
	background:#FF7800;
}
#contents .points2{ /* ↑のイエロー(touch.html用) */
	background:#FFC600;
}
#contents .points3{ /* ↑のピンク(known.html用) */
	background:#FF4C87;
}
#contents .points4{ /* ↑のオレンジ(known.html用) */
	background:#FF9B00;
}
#contents .points5{ /* ↑のグリーン(guidance.html用) */
	background:#C3BE2C;
}
#contents .pointsafter{ /* ↑のマージン0 */
	margin-right:0;
}
#contents .pointstxt1{ /* テキストオレンジ用 */
	margin-top:-0.2em;
	font-size:1.1em;
}
#contents .pointstxt2{ /* テキストイエロー用 */
	margin-top:-0.4em;
	font-size:0.7em;
	line-height:1.8em;
}
#contents .pointstxt3{ /* テキストグリーン用 */
	line-height:1.4em;
}
@media screen and (max-width:640px){
	/* ポイントテキストで */
	#contents .points{
		margin:0 0.5em 0 0;
		padding:0.1em 0.4em;
		display:inline-block;
		color:#FFF;
		font-weight:bold;
		vertical-align:middle;
		font-size:1.1em;
		line-height:1.6em;
	}
	#contents .points1{ /* ↑のオレンジ(watch.html用) */
		background:#FF7800;
	}
	#contents .points2{ /* ↑のイエロー(touch.html用) */
		background:#FFC600;
	}
	#contents .points3{ /* ↑のピンク(known.html用) */
		background:#FF4C87;
	}
	#contents .points4{ /* ↑のオレンジ(known.html用) */
		background:#FF9B00;
	}
	#contents .points5{ /* ↑のグリーン(guidance.html用) */
		background:#C3BE2C;
	}
	#contents .pointsafter{ /* ↑のマージン0 */
		margin-right:0;
	}
	#contents .pointstxt1{ /* テキストオレンジ用 */
		font-size:1.2em;
		line-height:1.6em;
	}
	#contents .pointstxt2{ /* テキストイエロー用 */
		margin-top:-0.4em;
		font-size:1.0em;
		line-height:1.6em;
	}
	#contents .pointstxt3{ /* テキストグリーン用 */
		font-size:1.0em;
		line-height:1.6em;
	}
}
/* クエスチョン用 */
#contents .questheadpoints{ /* 回り込み */
	float:left;
}
#contents .questpoints{ /* 補整 */
	margin:0 0 0 4.5em;
	display:block;
}
@media screen and (max-width:640px){
	/* クエスチョン用 */
	#contents .questheadpoints{ /* 回り込み */
		float:left;
	}
	#contents .questheadpoints .points3{
		font-size:1.2em;
	}
	#contents .questheadpoints .points3 img{
		margin:-2.5% 0 0 0;
	}
	#contents .questheadpoints .points4{
		font-size:1.2em;
	}
	#contents .questheadpoints .points4 img{
		margin:-4% 0 0 0;
	}
	#contents .questpoints{ /* 補整 */
		margin:0 0 0 4.5em;
		display:block;
		font-size:1.2em;
	}
}
/********************/
/* JS関連           */
/********************/
.danbox .controler{
	display:none;
	height:24px;
	cursor:pointer;
	background:url(../images/controlsub.png) no-repeat center 7px;
}
.danbox .controlerOpen{
	background:url(../images/controlsub-o.png) no-repeat center 5px;
}
@media screen and (max-width:640px){
	.danbox .controler{
		display:block;
	}
}
.notebox .stControler{
	display:none;
	line-height:26px;
	height:26px;
	margin:10px 0 0 69%;
	padding:0 32px 0 0;
	text-align:right;
	cursor:pointer;
	background:url(../images/controlsub2.png) no-repeat right top;
}
.notebox .stControlerOpen{
	background:url(../images/controlsub2-o.png) no-repeat right top;
}
@media screen and (max-width:640px){
	.notebox .stControler{
		display:block;
	}
}