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

body {
	behavior:url("js/csshover3.htc");
	
}
img {
	margin:0;
	padding:0;
	line-height:0;
}


* html #mc_wapper {
	width: 100%;
	height: 100%;
}
#mc_wapper {
	width: 100%;
	position: relative;
	 background-image:url(../images/bg.gif);
	color: #000;
	background-position:center top;
	background-repeat: repeat;
}

#popup_wapper{
	width: 100%;
	height: 1000px;
	background-color:#000;
	  background-image:url(../images/bg.gif);
	position:relative;
}
#con_ma{
	margin:0 25px 0;
	}

#mainContainer {
	width: 940px;
	margin:0 auto;
	background-color:#000;
	
}

#popup_header{
	text-indent:-999em;
	height:254px;
	width:940px;
	font-size:0;
	display:block;
}
#topBg{
	background-image:url(../images/bg_img.png);
	background-position:center;
	width:100%;
	height:94px;
	left:0;
	position:absolute;
}
#header {
	width:940px;
	height:337px;
	background-color:#000;
	background-image:url(../images/header_bg.gif);
	background-repeat:no-repeat;
	background-position:15px 0;
	margin:0 auto;
	margin-bottom:15px;
	position:relative;
}
#header h2 {
	font-size:0;
	text-indent:-999em;
	background-image:url(../images/header_logo.png);
	width:512px;
	height:220px;
	top:10px;
	left:31px;
	position:absolute;
}
#header h3{
	text-indent:-999em;
  	background-image:url(../images/h_txt_1.png);
	width:404px;
	height:29px;
	position:absolute;
	left:35px;
	top:233px;
}
#header #ptxt2{
	text-indent:-999em;
	background-image:url(../images/h_txt_2.png);	
	display:block;
	width:580px;
	height:71px;
	position:absolute;
	top:260px;
	left:35px;
}
#mainContainer .section {
	width:870px;
	margin:0 auto;
	background-color:#FFFFFF;
	margin-bottom:6px;
	padding:20px;
	display:block;
}
#mainContainer .section .nui {
	font-size:0px;
	border:solid 8px #000;
}

#mainContainer .section .popup {
	font-size:0px;
	border:solid 8px #ccc;
}

#mainContainer .section .nui .content {
	width:834px;
	margin:0 auto;
	padding-top:10px;
}
#mainContainer .section .nui .content #nuiTitle {
	
	background-image:url(../images/nui_title.gif);
	background-repeat:no-repeat;
	width:834px;
	height:81px;
	margin:0 auto;
	text-indent:-999em;
	font-size:0;
	line-height:0;
	position:relative;
}
#mainContainer .section .nui .content .tsu-han {
	background-image:url(../images/tsu-han.gif);
	background-repeat:no-repeat;
	width:165px;
	height:32px;
	margin-top:11px;
	padding-right:11px;
	float:right;
	text-indent:-999em;
	font-size:0;
}


#mainContainer .section .nui .content .line {
	height:3px;
	width:374px;
	border-top:3px solid #000;
	display:block;
	float:right;
	margin-right:5px;
	margin-bottom:19px;
	font-size:0;
	padding:0;
	line-height:0px;
}
.popupLine {
	height:3px;
	width:406px;
	border-top:3px solid #000000;
	display:block;
	margin-bottom:19px;
	font-size:0;
	padding:0;
	line-height:0px;
}
#mainContainer .pageTopSection {
	width:925px;
	height:26px;
	margin:0 auto;
	background-color:#000000;
	margin-bottom:6px;
}
#mainContainer .pageTopSection .pageTopBtn {
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	margin:0;
	float:right;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#mainContainer .pageTopSection .pageTopBtn a{
	display:block;
	width:100px;
	height:26px;
	
}
#mainContainer .pageTopSection .pageTopBtn a:hover{
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	background-position:0 -26px;
}
#mainContainer .section #dress, #mainContainer .section #mascot {
	padding:0px;
}

.rightMargin{
	margin-right:16px;	
}
#mainContainer .section #banner {
	padding:15px;
}
#mainContainer .section #banner #bannerBtn {
	width:900px;
	height:218px;
	background-image:url(../images/banner.gif);
	display:block;
}
#toiawase{
	background-image:url(../images/bg_ex.gif);
	background-color:#000;
	display:inline;
	width:209px;
	height:52px;
	float:left;
	font-size:0;
	margin-left:15px;
	padding:0;
	line-height:0;
	}
#toiawase img{
	margin-top:16px;
	margin-left:6px;	
}
#tel {
	background-image:url(../images/bg_ex.gif);
	font-size:0;
	width:686px;
	
	height:52px;
	background-color:#000;
	display:inline;
	margin-left:15px;
	float:left;
}
#tel img{
	margin-top:5px;
	margin-left:7px;	
}
#copy {
	background-image:url(../images/bg_ex.gif);
	margin:0 auto;
	margin-top:15px;
	font-size:12px;
	width:910px;
	height:41px;
	background-color:#000;
	display:block;
}
#copy img{
	margin-top:15px;
	margin-left:6px;	
}
#close {
	margin:6px auto;
	font-size:12px;
	width:928px;
	padding:10px 0;
	background-color:#000;
	display:block;
	vertical-align:middle;
}
.closeBtn {
	width:75px;
	height:20px;
	background-image:url(../images/close.gif);
	background-repeat:no-repeat;
	margin:0 auto;
	overflow:hidden;
}
#leftArea {
	float:left;
	margin-left:0px;/*width:421px;*/
}
#rightArea {
	float:left;/*width:470px;*/
}
#midashiArea {
	height:162px;
	position:relative;
}


#mainContainer .banner {
	width:908px;
	margin:0 auto;
	background-color:#FFFFFF;
	margin-bottom:15px;
	padding:1px;
	display:block;
}
#mainContainer .ba {
	background-image:url(../images/ba_hakuouki.jpg);
	width:908px;
	height:109px;
	overflow:hidden;
	display:block;
	text-indent:-999em;
}
#mainContainer .ba a{
	width:908px;
	height:109px;
	display:block;
}
#mainContainer .ba a:hover{
	background-image:url(../images/ba_hakuouki.jpg);
	background-position:0 -109px;
}
div.items{
	position:relative;
}
div.new_flg{
	background-image:url(../images/new.png);
	width:80px;
	height:36px;
	display:block;
	position:absolute;
	top:4px;
	left:121px;]
}

a#btn_blog{
	background-image:url(../../../images/logo_blog.gif);
	width:80px;
	height:80px;
	overflow:hidden;
	text-indent:-999px;
	background-repeat: no-repeat;
	position:absolute;
	bottom:30px;
	right:25px;
}