@charset "shift_jis";

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

	N CSS

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

/* 1.404 Page Not Found
   2.18kin Page
========================================== */

body.exceptionPage #headWrap {background:none;}

body.exceptionPage #headWrap #header {background: url(https://static.chara-ani.com/ca/i/base/header_bg.gif) repeat;position:relative;}

body.exceptionPage .exceptionContents{background: url(https://static.chara-ani.com/ca/i/base/contentswide_bg_02.gif) repeat-y !important;}

body.exceptionPage .exceptionContents #contents {
	margin: 0 0 0 135px;
	height: auto; /* for Modern Browser */
}

.exceptionContents #contents {
	min-height:400px;
	position:relative;
}

.exceptionContents #contents h2.page404 {
	background:url(https://static.chara-ani.com/ca/i/n/404-title.png) no-repeat;
	width:209px;
	height:104px;
	text-indent:-9999px;
	overflow:none;
	float:left;
}

body.pink .exceptionContents #contents h2.page404 {
	background:url(https://static.chara-ani.com/ca/i/n/404-title_pink.png) no-repeat;
}

.exceptionContents #contents div.pageNotFound {
	float:left;
	margin-left:20px;
	color:#528ACE;
}

body.pink .exceptionContents #contents div.pageNotFound {
	color:#E96DB9;
}

.exceptionContents #contents div.pageNotFound .caution01 {
	font-weight:bold;
	font-size:200%;
}
.exceptionContents #contents div.pageNotFound .caution02 {
	font-weight:bold;
	font-size:200%;
}

.exceptionContents #contents .message{
	clear:both;
	background-color:#DAE4F1;
	font-size:133%;
	padding:3px;
}

body.pink .exceptionContents #contents .message{
	background-color:#E9D0DF;
	z-index:10;
}

#contents .ChageContents-404 {
	position:relative;
	margin-top:10px;
	margin-bottom:35px;
	height:330px;
}

#contents .ChageContents-404 .chara-image {
	position:absolute;
	left:220px;
	top:-25px;
	z-index:100;
}

#contents .ChageContents-404 .dialog {
	z-index:1000;
	position:absolute;
	top:105px;
	left:-70px;
}

#contents .ChageContents-404 .dialog-top {
	width:483px;
	min-height:33px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-top.png) no-repeat left top;
	position:top 0px
}

*html #contents .ChageContents-404 .dialog-top {
	height:30px;
}

#contents .ChageContents-404 .dialog-text {
	width:463px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-side.png) repeat-y;
	font-size:123%;
	font-weight:bold;
	overflow:none;
	display:block;
	padding-left:20px;
	padding-right:0px;
}

#contents .ChageContents-404 .dialog-bottom {
	width:483px;
	min-height:38px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-bottom.png) no-repeat left top;
}
*html #contents .ChageContents-404 .dialog-bottom { height:34px; }

#contents .ChageContents-404 .dialog-from {
	position:absolute;
	top:30px;
	left:477px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-huki.png) no-repeat;
	width:56px;
	height:47px;
}

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

#contents .notFoundMenu {
	margin:20px 20px 50px 20px;
	background:url(https://static.chara-ani.com/ca/i/common/bg_dotted01_blue02.gif);
	padding:5px 20px 5px 20px;
	border:2px solid #A3BCDB;

}

body.pink #contents .notFoundMenu {
	border:2px solid #EBB3D5;
}

#contents .notFoundMenu h3 {
	font-size:150%;
	margin-top:10px;
}

#contents .notFoundMenu #keywordSearch input {
	position: relative;
	top: -1px;
	height: 1.2em;
	font-size: 123%;
	line-height: 1.2;
	vertical-align: middle;
}

#contents .notFoundMenu #keywordSearch label.textbox input {
	padding-top:3px;
	width: 340px;
	height: 1.3em;
	color: #878787;
	border:solid 2px #528ACE;
}

body.pink #contents .notFoundMenu #keywordSearch label.textbox input {
	border:solid 2px #E96DB9;
}

#contents .notFoundMenu #keywordSearch label.submit input{
	width: 54px;
	height: 23px;
}

#contents .notFoundMenu #keywordSearch select {
	position: relative;
	top: -1px;
	margin: 0 5px 0 0;
	width: 150px;
	height: 1.6em;
	font-size: 133%;
	line-height: 1.6;
	vertical-align: middle;
}

#contents .notFoundMenu .subMenu {
	width:100%;
}

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

#contents .notFoundMenu ul {
	float:left;
	margin:20px;
}

#contents .notFoundMenu ul li a {
	color:#4A76A3;
	line-height:180%;
}

body.pink.others #contents .notFoundMenu ul li a {
	color:#E96DB9;
}

#contents .notFoundMenu ul li a:hover {
	color:#FF6600;
}

#contents .notFoundMenu .showCargo a {
	float:right;
	margin:20px 50px 20px 20px;
	width: 60px;
	display: block;
	height: 60px;
	background: url(https://static.chara-ani.com/ca/i/base/headercargo_btn_blue.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

body.pink #contents .notFoundMenu .showCargo a {
	background-image: url(https://static.chara-ani.com/ca/i/base/headercargo_btn_pink.gif);
}

#contents .notFoundMenu .showCargo a:hover {
	background-position: 0 -60px;
}

#contents .dialog-text .orange {color:#FF6600;}
#contents .dialog-text .pink {color:#E96DB9;}


/* 18kin Page
******************************************/

.exceptionContents #contents h2.r18 {
	background:url(https://static.chara-ani.com/ca/i/n/18-title.gif) no-repeat;
	width:209px;
	height:104px;
	text-indent:-9999px;
	overflow:none;
	float:left;
}

.exceptionContents #contents .message-r18{
	clear:both;
	background-color:#DAE4F1;
	font-size:133%;
	padding:3px;
	color:#434343;
}

body.pink .exceptionContents #contents .message-r18{
	background-color:#E9D0DF;

}



.exceptionContents #contents .r18ChageContents {
	position:relative;
	margin-top:10px;
	margin-bottom:35px;
	height:330px;
}

.exceptionContents #contents .r18ChageContents .chara-image {
	position:absolute;
	left:480px;
	top:30px;
	z-index:100;
}

.exceptionContents #contents .r18ChageContents .dialog {
	z-index:1000;
	position:absolute;
	top:90px;
	left:-10px;
}

.exceptionContents #contents .r18ChageContents .dialog-top {
	width:483px;
	min-height:33px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-top.png) no-repeat left top;
	position:top 0px
}

*html .exceptionContents #contents .r18ChageContents .dialog-top {
	height:30px;
}

.exceptionContents #contents .r18ChageContents .dialog-text {
	width:463px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-side.png) repeat-y;
	font-size:123%;
	font-weight:bold;
	overflow:none;
	display:block;
	padding-left:20px;
	padding-right:0px;
}

.exceptionContents #contents .r18ChageContents .dialog-bottom {
	width:483px;
	min-height:38px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-bottom.png) no-repeat left top;
}

*html.exceptionContents #contents .r18ChageContents .dialog-bottom { height:34px; }

.exceptionContents #contents .r18ChageContents .dialog-from {
	position:absolute;
	top:30px;
	left:477px;
	background:url(https://static.chara-ani.com/ca/i/n/404-hukidashi-huki.png) no-repeat;
	width:56px;
	height:47px;
}

.exceptionContents #contents .confirm {
	margin-top:30px;
	position:relative;
	height:30px;
}

.exceptionContents #contents .confirm p.yes {
	position:absolute;
	left:100px;
}

.exceptionContents #contents .confirm p.no {
	position:absolute;
	left:400px;
}

.exceptionContents #contents .confirm p.yes a,
.exceptionContents #contents .confirm p.no a {
	display:block;
	font-size:36px;
	border:1px solid #4A76A3;
	width:200px;
	text-align:center;
	background-color:#DAE4F1;
}

.exceptionContents #contents .confirm p.no a:bover,
.exceptionContents #contents .confirm p.no a:bover {
	background-color:#FFFFFF;
	
}

body.pink .exceptionContents #contents .confirm p.yes a,
body.pink .exceptionContents #contents .confirm p.no a {
	background-color:#F2D5E7;
	border:1px solid #E96DB9;
}