@charset "shift_jis";

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

	K CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Request Section
		1-1.ID Password Section
		1-2.Support Dial
		1-3.Submit Button
		1-4.Necessary
		1-5.Complete Message
		1-6.Back Link
	
	2.Table02
		2-1.input
		2-2.Request Type
		2-3.Contents
		2-4.Birtyday
		2-5.Error
	
	
	K41
 -----------------------------------------
	1.static Index
	
	2.static Contents
	
	3.static Foot Menu
	
	
	K51(Pop up)
 -----------------------------------------
	1.Header
		1-1.Site Title
		1-2.Close
	
	2.Privacy Section
	
	3.Close

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

/* 1.Request Section
========================================== */
#contents .requestSec {
	margin: 20px 0 50px;
}

#contents .requestSec h3 {
	margin-left: 5px;
	font-size: 92.9%;
	line-height: 1.994;
	font-weight: bold;
}

#contents .requestSec p {
	margin: 0 0 12px 5px;
	font-size: 92.9%;
	line-height: 1.994;
}

#contents .requestSec p a {
	padding-bottom: 1px; /* for Underline */
	color: #4975A3;
}

	/* 1-1.ID Password Section
	---------------------------------------- */
	#contents .requestSec .idPassSec {
		margin: -5px 0 0;
	}
	
	/* 1-2.Support Dial
	---------------------------------------- */
	#contents .requestSec .supportDial {
		margin: 0 20px 30px;
		padding: 0 0 6px;
		border: 1px solid #DAEA9A;
	}
	
	#contents .requestSec .supportDial h4 {
		padding: 5px 10px 4px;
		background-color: #F4F8E1;
		font-weight: bold;
	}
	
	#contents .requestSec .supportDial p {
		margin: 5px 20px ;
		font-size: 77%;
		line-height: 1.801;
	}
	
	/* 1-3.Submit Button
	---------------------------------------- */
	#contents .requestSec p.submitBtn {
		margin: 50px 0 15px;
		text-align: center;
	}
	
	#contents .orderSec p.submitBtn label.submit {
		margin: 0 7px;
	}
	
	/* 1-4.Necessary
	---------------------------------------- */
	#contents .requestSec span.necessary {
		margin: 0 0 0 3px;
		color: #FFCC00;
	}
	
	/* 1-5.Complete Message
	---------------------------------------- */
	#contents .requestSec .completeMess {
		margin: 0 10px 40px;
	}
	
	#contents .requestSec .completeMess p {
		font-size: 92%;
		line-height: 1.801;
	}
	
	#contents .requestSec .completeMess p dfn {
		display: block;
		margin: 0 0 30px;
		font-size: 120%;
		line-height: 1.5;
	}
	
	/* 1-6.Back Link
	---------------------------------------- */
	#contents .requestSec p.backLink {
		text-align: center;
	}


/* 2.Table02
========================================== */
#contents .requestSec table.table02 {
	margin: 0; /* Reset */
}

#contents .requestSec table.table02 tr th {
	padding: 8px 5px 8px 10px;
	width: 180px;
	white-space: nowrap;
}
/*\ for Safari */
html*#contents                 .requestSec table.table02 tr th {width: 190px;} /* for Safari IE6 IE7 */
* html #contents               .requestSec table.table02 tr th {width: 180px;} /* Reset IE6 */
*:first-child + html #contents .requestSec table.table02 tr th {width: 180px;} /* Reset IE7 */

#contents .requestSec table.table02 tr td {
	padding: 5px 0;
	vertical-align: middle;
}

#contents .requestSec table.table02 tr td.sample {
	padding: 8px 5px;
	width: 180px;
	font-size: 77%;
	line-height: 1.6;
}
/*\ for Safari */
html*#contents                 .requestSec table.table02 tr td.sample {width: 190px;} /* for Safari IE6 IE7 */
* html #contents               .requestSec table.table02 tr td.sample {width: 180px;} /* Reset IE6 */
*:first-child + html #contents .requestSec table.table02 tr td.sample {width: 180px;} /* Reset IE7 */

	/* 2-1.input
	---------------------------------------- */
	#contents .requestSec table.table02 tr td label.textbox input {
		width: 275px;
	}
	
	#contents .requestSec table.table02 tr.orderID  td label.textbox input {width: 90px;}
	
	#contents .requestSec .idPassSec table.table02 tr          td label.textbox input {width: 150px;}
	#contents .requestSec .idPassSec table.table02 tr.birthday td label.textbox input {width:  80px;}
	
	/* 2-2.Request Type
	---------------------------------------- */
	#contents .requestSec table.table02 tr.requestType td {
	}
	
	#contents .requestSec table.table02 tr.requestType td select {
		margin: 0; /* Reset */
	}
	/* IE6 Only */
	* html #contents .requestSec table.table02 tr.requestType td select {margin-top: -2px;}
	/* IE7 Only */
	*:first-child + html #contents .requestSec table.table02 tr.requestType td select {margin-top: -2px;}
	
	/* 2-3.Contents
	---------------------------------------- */
	#contents .requestSec table.table02 tr.contents td {
	}
	
	#contents .requestSec table.table02 tr.contents td textarea {
		width: 340px;
	}
	
	/* 2-4.Birtyday
	---------------------------------------- */
	#contents .requestSec table.table02 tr.birthday td {
	}
	
	#contents .requestSec table.table02 tr.birthday td label,
	#contents .requestSec table.table02 tr.birthday td input,
	#contents .requestSec table.table02 tr.birthday td select {
		margin-right: 10px;
	}
	
	#contents .requestSec table.table02 tr.birthday td select {
		top: 0; /* Reset */
	}
	
	/* 2-5.Error
	---------------------------------------- */
	#contents .requestSec table.table02 tr td input.error    {background-color: #FFE0F0;}
	#contents .requestSec table.table02 tr td select.error   {background-color: #FFE0F0;}
	#contents .requestSec table.table02 tr td textarea.error {background-color: #FFE0F0;}


/* K41
****************************************************************************************/
/* 1.static Index
========================================== */
#contents h2.static-title {
	background-color:#A3BCDB;
	color:#333;
	padding:5px 5px 3px 15px;
	font-size:133%;
}

#contents h3.static-title {
	margin-top:40px;
	background-color:#ECF4CC;
	color:#333;
	padding:5px 5px 3px 15px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:4px;
}

#contents .staticIndex {
	position: relative;
	margin: -10px 10px 30px;
}

#contents .staticIndex table {
	margin: 0; /* Reset */
}

#contents .staticIndex table tr th {
	padding: 10px 5px 0 0;
	color: #528ACE;
	font-size: 108%;
	line-height: 1.143;
	font-weight: bold;
}

#contents .staticIndex table tr td {
	padding: 10px 0 0;
}

#contents .staticIndex table tr td a {
	padding-bottom: 1px; /* for Underline */
}

#contents .staticIndex table.type01{
	margin-top:20px;
	margin-bottom:20px;
}

#contents .staticIndex table.type01 tr th{
	width:20%;
	text-align:right;
	padding-right:30px;
}

#contents p span.red{
	color:#FF0000;
	font-weight:bold;
}

#contents .staticIndex table.contact {
	margin-top:20px;
	margin-bottom:20px;
	background-color:#ECF4CC;
	width:90%;
}

#contents .staticIndex table.contact tr {
	border: solid 1px #999;
}

#contents .staticIndex table.contact tr th{
	width:45%;
	text-align:right;
	border-right: solid 1px #999;
	padding:5px;
	font-size:100%;
	color:#333;
}

#contents .staticIndex table.contact tr td{
	padding:5px;
}

#contents .staticIndex table.contact tr td input {
	font-size: 12px; width: 250px;
}

#contents .staticIndex table.contact tr th.submitBtn {
	text-align:center;
}

/* 2.static Contents
========================================== */
#contents .staticContents {
	margin: 0 10px 40px;
}

#contents .staticContents .staticUnit {
	margin: 0 0 25px;
}

#contents .staticContents .staticUnit table {
	margin: 0; /* Reset */
	width: 100%;
}

#contents .staticContents .staticUnit table tr th {
	padding: 4px 6px 4px 8px;
	font-size: 108%;
	line-height: 1.143;
	font-weight: bold;
	text-align: right;
}

#contents .staticContents .staticUnit.type02 table tr th {
	text-align:left;
}

#contents .staticContents .staticUnit table tr.question th {
	background-color: #ECF4CC;
}

#contents .staticContents .staticUnit table tr.answer th {
	padding-top: 8px;
	color: #FFCC00;
}

#contents .staticContents .staticUnit table tr td {
	padding: 4px 8px 4px 0;
	width: 100%;
}

#contents .staticContents .staticUnit table tr.question td {
	background-color: #ECF4CC;
}

#contents .staticContents .staticUnit table tr.answer td {
	padding-top: 8px;
}

#contents ul.relative-link {
	margin:20px 20px 50px 20px;
}

#contents ul.relative-link li {
	padding-left:20px;
	background:url(https://static.chara-ani.com/ca/i/common/ico_arrow05_orange02.gif) no-repeat 0 5px;
	font-size:122%;
	line-height:155%;
}

#contents ul.relative-link li a {
	color:#4A76A3;
}

/* 3.static Foot Menu
========================================== */
#contents ul.staticFootMenu {
	position: relative;
	margin: 0 auto 40px;
	width: 366px;
	height: 19px;
}

#contents ul.staticFootMenu li {
	position: absolute;
	top: 0;
	vertical-align: bottom; /* for IE */
	zoom: 1;
}

#contents ul.staticFootMenu li.back {left:  0;}
#contents ul.staticFootMenu li.home {right: 0;}

#contents ul.staticFootMenu li a {
	display: block;
	background: no-repeat;
}

#contents ul.staticFootMenu li.back a {background-image: url(https://static.chara-ani.com/ca/i/k/faqfootmenu_btn_01_o.gif);}
#contents ul.staticFootMenu li.home a {background-image: url(https://static.chara-ani.com/ca/i/k/faqfootmenu_btn_02_o.gif);}

#contents ul.staticFootMenu li a:hover {
	background-color: #FFF;
}

#contents ul.staticFootMenu li a:hover img {
	visibility: hidden;
}

/* 4.service Contents
========================================== */
#contents .serviceContents {
	margin: 0 0 60px;
}

#contents h2.first_time_title {
	width:195px;
	height:35px;
	display:block;
	text-indent:-9999px;
	overflow:none;
	background:url(https://static.chara-ani.com/ca/i/k/first_time_title.gif) no-repeat;
	margin-bottom:10px;
}

#contents .serviceContents h3 {
	margin-top:20px;
	background-color:#ECF4CB;
	font-size:107%;
	font-weight:bold;
	padding:2px 2px 2px 10px;
	margin-bottom:15px;
}

#contents .serviceContents .border {
	padding-top:20px;
	background:url(https://static.chara-ani.com/ca/i/k/first_time_illust02-border.gif) repeat-x;
}

#contents .serviceContents .section {
	margin:0 0 5px 0;
	clear:both;
}

#contents .serviceContents .section:after{
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .serviceContents .section img {
	float:left;
}

#contents .serviceContents .right_unit { 
	margin-left:20px;
	float:left;
	width:580px;
}

#contents .serviceContents .right_unit h4 { 
	font-weight:bold;
}

#contents .serviceContents .section p {
	display:block;
}

/* K51(Pop up)
****************************************************************************************/
body.static-popup{
	min-width:600px;
}

.popup#footer {
	width: 770px;
}

.popup#footer p#copyright {
	margin: 0 7px;
}

.popup#wrapper {
	width: 770px;
}

.popup#wrapper #contents {
	padding: 0 15px;
	width: 740px; /* Reset */
}

#wrapper #contents p.contentsLead {
	margin: 0 12px 15px;
}

/* 1.Header
========================================== */
.popup#headWrap {background: none; /* Reset */}

.popup#headWrap #header {
	padding: 0; /* Reset */
	width: 770px;
	height: 44px;
	min-height: 44px; /* for Modern Browser Reset */
}

	/* 1-1.Site Title
	---------------------------------------- */
	.popup#headWrap #header span#siteTitle {
		top: 5px;
		left: 7px;
		width: 118px;
	}
	
	.popup#headWrap #header span#siteTitle a {
		display: block;
		height: 32px;
		background: url(https://static.chara-ani.com/ca/i/k/k51header_logo_blue.gif) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	body.blue .popup#headWrap #header span#siteTitle a {background-image: url(https://static.chara-ani.com/ca/i/k/k51header_logo_blue.gif);}
	body.pink .popup#headWrap #header span#siteTitle a {background-image: url(https://static.chara-ani.com/ca/i/k/k51header_logo_pink.gif);}
	
	/* 1-2.Close
	---------------------------------------- */
	.popup#headWrap #header p.close {
		position: absolute;
		top: 7px;
		left: 718px;
		width: 45px;
		height: 11px;
		zoom: 1;
	}
	
	.popup#headWrap #header p.close a {
		display: block;
		height: 11px;
		background: url(https://static.chara-ani.com/ca/i/k/close_btn_01_o.gif) no-repeat;
		zoom: 1;
	}
	
	.popup#headWrap #header p.close a:hover {
		background-color: #FFF;
	}
	
	.popup#headWrap #header p.close a img {
		vertical-align: top; /* for IE */
	}
	
	.popup#headWrap #header p.close a:hover img {
		visibility: hidden;
	}


/* 2.Privacy Section
========================================== */

#contents h3.popuptitle-text {
	background-color:#DAEA9A;
	color:#333;
	padding:5px 5px 3px 5px;
	font-size:100%;
	font-weight:bold;
	margin-bottom:20px;
}

ul.disc li {
	list-style:disc;
	margin-left:15px;
}

#wrapper #contents .privacySec p{
	margin-top:15px;
	margin-bottom:15px;
}

#wrapper #contents .privacySec p.right{
	text-align:right;
	padding-bottom:20px;
}

#wrapper #contents .privacySec p.center{
	text-align:center;
	padding-bottom:20px;
}

#wrapper #contents .privacySec h4{
	margin-top:20px;
	font-size:120%;
	font-weight:bold;
	background-color:#ECF4CC;
}

#wrapper #contents .privacySec dl{
margin:10px;
}

#wrapper #contents .privacySec dl dt{
	font-weight:bold;
	margin-top:10px;
}

#wrapper #contents .privacySec dl dd{
	margin-left:20px;
}

#wrapper #contents .privacySec {
	margin: 0 0 20px;
	padding: 9px 14px;
	border: 1px solid #858585;
}

#wrapper #contents .privacySec .privacyUnit {
	margin: 18px 0 0;
}

#wrapper #contents .privacySec .privacyUnit h3 {
	margin: 0 0 2px;
}

#wrapper #contents .privacySec .privacyUnit p {
	margin: 15px 0 0 17px;
}

#wrapper #contents .privacySec .privacyUnit.first {margin: 0; /* Reset */}

#wrapper #contents .privacySec .privacyUnit ul {
	margin: 0 0 0 7px;
}

#wrapper #contents .privacySec .privacyUnit ul li {
	margin: 0 0 2px;
	padding: 0 0 0 10px;
	background: url(https://static.chara-ani.com/ca/i/common/ico_asterisk01_gray01.gif) no-repeat 0 0.417em;
}

#wrapper #contents .privacySec .privacyUnit ul li ul {
	margin: 15px 0 0;
}

#wrapper #contents .privacySec .privacyUnit ul li ul li,
#wrapper #contents .privacySec .privacyUnit ul li ol li {
	padding: 0; /* Reset */
	background: none; /* Reset */
}

#wrapper #contents .privacySec .privacyUnit ul li dl {
	margin: 15px 0 0;
}

#wrapper #contents .privacySec .privacyUnit ul li dl dd {
	margin: 0 0 2px;
}

/* 3.Close
========================================== */
.popup#wrapper #contents p.close {
	margin: 0 auto 20px;
	width: 158px;
}

.popup#wrapper #contents p.close a {
	display: block;
	height: 19px;
	background: url(https://static.chara-ani.com/ca/i/k/close_btn_02_o.gif) no-repeat;
}

.popup#wrapper #contents p.close a:hover {
	background-color: #FFF;
}

.popup#wrapper #contents p.close a:hover img {
	visibility: hidden;
}