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

1: common
2: #header
3: #globalNav
4: #mainWrapper
5: #subArea
6: #footer
7: フォーム

***************************************************** */

/* 1: common
=========================================*/
@import url(http://fonts.googleapis.com/css?family=Cinzel:700,400);

html{
	background: #000;
	font-size: 62.5%;
}
body {
	font: 1.4rem/1.71 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif !important;
	line-height: 1.4;
	width: 100%;
	color: #FFF;
	min-width: 1000px;

}
.wrap {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}
#mainArea p {
	line-height: 1.4em;
}
.note {
	font-size: 1.2rem;/*注釈*/
}
#loading {
	width: 100px;
    height: 64px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -50px; /* heightの半分のマイナス値 */
    margin-left: -32px; /* widthの半分のマイナス値 */
    z-index: 100;
}
#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #222222;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}
.hideText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

/* 1-1: Link
========================================*/

a, a:link,a:visited  {
	text-decoration: underline;
	outline: none;
	color: #cb0000;
}

a:hover {
	text-decoration: none;
}


/* 1-2: h1 h2 h3 h4 setting
========================================*/
h1 {
	font: bold 2.6rem 'Cinzel', serif;
	font-weight:400;
	text-align: center;
	width: 100%;
}
h2 {
	font: bold 2.6rem 'Cinzel', serif;
	text-align: center;
	width: 100%;
}


/* 1-5: button
=========================================*/





/* 1-6: box
=========================================*/
.box01 {
	display: block;
	border: 1px solid #402000;
	background-color: #FFFFFF;
	padding: 10px;
}


/* 1-7: table
=========================================*/
table.tableStyle01 {
	border-collapse: collapse;
	margin-left: 10px;
}
table.tableStyle01 th {
	background-color: #f4f0ea;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 150px;
	padding: 5px;
	text-align: center;
}
table.tableStyle01 td {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background-color: #fff;
	height: 30px;
	padding: 5px 5px 5px 14px;
}
table.tableStyle01 th:first-child {
	border-top: 1px solid #dddddd;
}
table.tableStyle01 td.first {
	border-top: 1px solid #dddddd !important;}



/* 1-8: list
=========================================*/
ul.listStyle01 {
	margin-left: 30px;
	margin-top: 10px;
}
ul.listStyle01 li {
	background: url(/ksp/images/common/listicon01.png) no-repeat 3px 7px;
	padding-left: 20px;
	margin-bottom: 10px;
}
ol.listStyle02 {
	margin-top: 20px;
}
ol.listStyle02 li {
	padding-left: 60px;
	margin-bottom: 20px;
	font-size: 1.7rem;
	text-indent: -40px;
}
ol.listStyle02 li span.number {
	background-color: #FF9326;
	font: normal 2.5rem/1.7rem "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	padding: 5px 10px;
	color: #FFFFFF;
	margin-right: 10px;
}
.qa-list {
	margin: 0 20px;
}
.qa-list dt{
	padding: 20px 0px 20px 70px;
	border-bottom: 1px dashed #ccc;
	font-size: 1.5rem;
	background: url(/ksp/images/common/icon01.png) no-repeat left center;
	font-weight: bold;
	margin-top: 20px;
}
.qa-list dt:first-child{
	margin-top: 0px;}
.qa-list dd{
	display: block;
	background: url(/ksp/images/common/icon02.png) no-repeat 10px 10px #F4F0EA;
	padding: 50px 30px 30px 40px;
}


#voice dl {
	width: 730px;
	margin: 20px 0px 0px 10px;
	background: url(/ksp/images/top/top_ic02.png) 10px 20px no-repeat #efe6d3;
	padding: 20px 20px 20px 75px;
	table-layout: fixed;
}
#voice dl.odd {
	background: url(/ksp/images/top/top_ic03.png) 10px 20px no-repeat #F2F7E8 !important;
	border-top: 1px dashed #402000;
	margin-top: 0px !important;
}
#voice dl dt{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.7rem;
	margin-bottom: 10px;
}




/* 4: #mainWrapper
=========================================*/
#mainWrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#mainContainer {
	width: 680px;
	float: left;
}
#subContainer {
	width: 240px;
	float: right;
}




/* 4-2: #topicPath
=========================================*/
#topicPath {
	padding: 5px 0;
	font-size: 1.1rem;
	margin-bottom: 10px;
	}
#topicPath a {
	text-decoration: none;
	font-size: 1.2rem;
	background: url(/ksp/images/common/arrow05.png) no-repeat left center;
	padding-left: 14px;
}
#topicPath span span {
	text-decoration: none;
	font-size: 1.2rem;
	background: url(/ksp/images/common/arrow05.png) no-repeat left center;
	padding-left: 14px;
}
#topicPath span:first-child a {
	padding-left: 0px;
	margin-right: 5px;
	margin-left: 0px !important;
	background: none;
}
#topicPath  span {
	margin: 0 5px;
}




/* 6: #footer
=========================================*/
#footer {
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0px;
	margin: 0 auto;
	background-color: #000000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

	color: #FFFFFF;
	z-index: 10;
	display: block;
	left: 0px;
}
#footer .w1000 {
	font-size: 1.1rem !important;
	text-align: center;
	margin: 0 auto;
	width: 1000px;
}
#footer .w1000 a {	font-size: 1.1rem !important;}
#footer .w1000 span {
	margin-left: 30px;
}