@charset "utf-8";

/* ===================================
	File Name   : etc.css
	Description : Etc Page Layout CSS
	
	Update Description :
	[2014/10/01] Link Page追加
	[2014/07/31] 新規作成

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

/*========== Style Contents ==========

	1. Privacy Page Setting
	2. Sitemap Page Setting
	3. Link Page Setting
	*. Clear Fix
	
====================================== */





/*===== ■1. Privacy Page Setting =====*/
#privacy_intro { margin-bottom: 50px;}

#privacy_intro p { margin-bottom: 10px;}

#privacy_intro #prelude {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

#privacy_intro dl { margin-bottom: 35px;}

#privacy_intro dt {
	margin-bottom: 15px;
	font-weight: bold;
}

#privacy_intro dd ul { margin: 0 15px;}

#privacy_intro dd li {
	position: relative;
	padding-left: 1em;
	margin-bottom: 5px;
}

#privacy_intro dd li:last-child { margin-bottom: 0;}

#privacy_intro dd li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	content: "・";
}

#privacy_intro #privacy_info {
	width:590px;
	margin: 10px auto;
	padding: 5px;
	background: url(../img/common/bg-slash-blue.gif) repeat;
}

#privacy_intro #privacy_info dt {
	padding-top: 15px;
	text-align: center;
}

#privacy_intro #privacy_info dd {
	padding: 15px 35px;
	background: #ffffff;
}

#privacy_intro #privacy_info dd em {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 108%;
}

#privacy_intro #privacy_info dd ul { margin: 0;}

#privacy_intro #privacy_info dd li {
	display: inline-block;
	margin: 0;
	padding-left: 0;
}

#privacy_intro #privacy_info dd li:first-child { padding-right: 25px;}
#privacy_intro #privacy_info dd li:before { content: none;}





/*===== ■2. Sitemap Page Setting =====*/
#sitemap_intro { margin-bottom: 30px;}

#sitemap_intro > ul {
	float: left;
	width: 400px;
	margin-right: 50px;
}

#sitemap_intro > ul > li { margin-bottom: 20px;}

#sitemap_intro > ul > li > a,
#sitemap_intro > ul > li > span {
	position: relative;
	display: block;
	min-height: 40px;
	padding: 10px 15px 8px;
	background: #f6f6f6;
	border: 1px solid #cccccc;
	font-weight: bold;
	box-sizing: border-box;
}

#sitemap_intro > ul > li > a {
	background: #f6f6f6 url(../img/etc/mark-arrow-sitemap.png) no-repeat 99% center;
	background-size: contain;
	text-decoration: none;
}

#sitemap_intro > ul > li > a:before,
#sitemap_intro > ul > li > span:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100%;
	background: #000033;
	border: 1px solid #f6f6f6;
	box-sizing: border-box;
	content: "";
}

#sitemap_intro > ul > li > a:after { content: none;}

#sitemap_intro > ul > li > a:hover { background: #d2edf8 url(../img/etc/mark-arrow-sitemap.png) no-repeat 99% center;}

#sitemap_intro > ul > li > ul { margin: 15px 20px 5px;}

#sitemap_intro > ul > li > ul > li {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(../img/common/mark-arrow-right.png) no-repeat left 4px;
}

#sitemap_intro > ul > li > ul > li:last-child { margin-bottom: 0;}





/*===== ■3. Link Page Setting =====*/
#link_intro { padding-bottom: 40px;}

#link_intro #banner {
	width: 600px;
	margin: 40px auto;
}

#link_intro #banner li {
	margin-bottom: 20px;
	padding: 15px;
	background: #f7f7f7;
	border: 1px solid #cccccc;
}
#link_intro #banner li.title {
	background: none;
	border: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#link_intro #banner img {
	float: left;
	width: 194px;
}

#link_intro #banner p {
	float: right;
	width: 335px;
}

#link_intro #banner span {
	display: block;
	padding: 5px 0;
	font-weight: bold;
}

#link_intro #banner input { width: 330px;}

#link_intro dt {
	margin-bottom: 5px;
	font-weight: bold;
}





/* Clear Fix */
#sitemap_intro:after,
#link_intro #banner li:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}