/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   ローディング
   ========================================================================== */

	
#loding {
	width: 100%;
	height: 100%;
	position: fixed ;
	left: 0px;
	top: 0px;
	z-index:99;
	/*display:none;*/
	
	}

#loding_end {
	/*display:none;*/
	background-image:url(../../../images/copy.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
#loding .main {
	width:100%x;
	height:695px;
	overflow:hidden;
	}
	
#loding .main .inner {
	margin:200px auto 0px auto;
	width:417px;
	height:203px;
	}
	
#loding .main .idle_wars {
	margin:280px 0px 0px 0px;
	width:100%;
	position:absolute;
	text-align:center;
	}
	
#loding .main .idle_wars img{
	margin:0px 0px 0px 0px;
	}
	
	
#loding .main .base {
	position:absolute;
	width:417px;
	height:203px;
	overflow:hidden;
	background-image:url(../../../images/loading_flame_p.png);
	background-repeat:no-repeat;
	text-align:left;
	}
	
#loding .percent{
	margin:78px 0px 0px 147px;
	font-size:16px;
	height:40px;
	font-weight:bold;
	color:#7ad9df;
	}
	
#loding .bar{
	margin:0px 0px 0px 150px;
	width:262px;
	height:4px;
	color:#FFFFFF;
	background-color:#7ad9df;
	}
	
	
#menu{
	background-image: url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:123px;
	overflow:hidden;
	position:absolute;
	}
	
body{
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-color: #ffffff;
	}



#main .chara{
	background:url(../images/chara01.png);
	width:1200px;
	height:840px;
	background-position:center;
	background-repeat: no-repeat;
	margin:50px 0px 0px 0px;
	opacity:0;
	position:absolute;
	
}
	











#footer .page_top{
	margin:0px 0px 0px 980px;
	width:163px;
	height:0px;
	position:absolute;
	overflow:hidden;
	}

	
#footer{
	margin:0px 0px 0px 0px;
	}
	

#main{
	height:auto;
	}
	
#main .inner{
	margin:0px auto 0px auto;
	width:1200px;
	text-align:left;
	
	}
	
#main .title{
	position:0px 0px 0px 0px;
	margin:0px 0px 0px 45px;
	width:1110px;
	height:90px;
	text-align:left;
	background-image:url(../images/title.png);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
#main .title ul {
	padding:47px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#main .title li:nth-child(1),#main .title li:nth-child(3),#main .title li:nth-child(5),#main .title li:nth-child(7) {
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;
	overflow:hidden;
	height:100px;
	}
	
#main .title li:nth-child(2),#main .title li:nth-child(4),#main .title li:nth-child(6),#main .title li:nth-child(8) {
	margin:-2px 10px 0px 10px;
	float:left;
	text-align:left;
	overflow:hidden;
	}
	
#main .title a:link,#main .title a:visited{
	color:#9c9c9c;
	}
	
#main .title a:hover,#main .title a:active{
	color:#9c9c9c;
	}
	
#main .title .left{
	width:600px;
	float:left;
	}
	
#main .title .right{
	width:710px;
	text-align:right;
	float:left;
	}
	
#main .title .right img{
	margin:50px 0px 0px 1px;
	}
	
#main .base1{
	margin:0px 0px 0px 114px;
	width:972px;
	height:57px;
	background-image:url(../images/base1.png);
	}
	
#main .base2{
	margin:0px 0px 0px 114px;
	width:972px;
	background-image:url(../images/base2.png);
	}
	
#main .base3{
	margin:0px 0px 0px 114px;
	width:972px;
	height:57px;
	background-image:url(../images/base3.png);
	background-repeat:no-repeat;
	}
	
	
/*	---==============---=---=-===
title
---==============---=---=-===*/	
	
#main .contents_title{
	background-image:url(../images/title_2.png);
	width:872px;
	height:48px;
	}
	
#main .contents_in{
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px 70px;
	color:#00abcc;
	font-size:22px;
	font-weight:bold;
	}
	
	
#main .goods_title1{
	background:url(../images/goods1.jpg);
	width:853px;
	height:172px;
	background-repeat:no-repeat;
}
	
	
#main .title_in{
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:80px 0px 0px 70px;
	margin:20px 0px 20px 0px; 
}

#main .goods_title2{
	background:url(../images/goods2.jpg);
	width:853px;
	height:172px;
	background-repeat:no-repeat;
}
	
	
#main .goods_title3{
	background:url(../images/goods3.jpg);
	width:853px;
	height:172px;
	background-repeat:no-repeat;
}
	
	
#main .title_in2{
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	line-height:30px;
	padding:70px 0px 0px 170px;
	margin:20px 0px 20px 0px; 
}
	
#main .title_in3{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	line-height:26px;
	padding:73px 0px 0px 170px;
	margin:20px 0px 20px 0px; 
}
	
	
	
	
	
#main .goods_title4{
	background:url(../images/goods4.jpg);
	width:418px;
	height:172px;
	background-repeat:no-repeat;
}
	
	
#main .goods_title5{
	background:url(../images/goods5.jpg);
	width:418px;
	height:172px;
	background-repeat:no-repeat;
}

#main .goods_title6{
	background:url(../images/goods6.jpg);
	width:418px;
	height:172px;
	background-repeat:no-repeat;
}

#main .goods_title7{
	background:url(../images/goods7.jpg);
	width:418px;
	height:172px;
	background-repeat:no-repeat;
}
#main .goods_title8{
	background:url(../images/goods8.jpg);
	width:853px;
	height:172px;
	background-repeat:no-repeat;
}
	
	
/*	---==============---=---=-===
#main .contents1
---==============---=---=-===*/	
#main .contents1{
	margin:0px 0px 0px 50px;
	width:872px;
	}
	
#main .main_banner_02{
	margin:-105px 0px 0px 0px;
	
}
	
	

#main .contents1 .map_box{
	z-index:1000;
	margin:0px 0px 0px 0px;
}

#main .contents1 .map_box h2{	
	margin:-520px 0px 0px 0px;
	color:#ff00be;
	font-size:34px;
}

#main .contents1 .map_box dl{
	margin:0px;
	line-height:30px;
}
#main .contents1 .map_box dt{
	float:left;
	width:80px;
}
#main .contents1 .map_box .map{
	margin:0px 0px 0px -30px;
}

#main .contents1  .shousai{
	position:absolute;
	margin:370px 0px 0px 630px;
	cursor:pointer;
	background:url(../images/button_on.png);
	width:212px;
	height:47px;
}


/*	---==============---=---=-===
#main .contents2
---==============---=---=-===*/	
	
#main .contents2{
	width:872px;
	margin:0px auto;
	}
	
#main .contents2 img{
	margin:0px 0px 0px 150px;
}
	
	
	
#main .contents2 .txtbox{
	margin:0px auto;
	width:700px;
}

#main .contents2 .txtbox .txt1{
	margin:40px 0px 0px 0px;
	float:left;
	}
	
	
#main .contents2 .txtbox .txt2{
	margin:40px 0px 0px 160px;
	float:left;
	}
	
#main .contents2 .txtbox h2{
	color:#ff00be;
	font-size:20px;
	margin:0px;
	}
	
#main .contents2 h2.kakaku{
	clear:both;
	color:#ff00be;
	font-size:26px;
	text-align:right;
	font-weight:bold;
	}
	
	
/*	---==============---=---=-===
#main .contents3
---==============---=---=-===*/	
	
#main .contents3{
	width:872px;
	margin:0px auto;
	}
	

#main .contents3 h2{
	color:#ff00be;
	font-size:20px;
	text-align:right;
	font-weight:bold;
	margin:0px;
	padding:0px;
}


#main .contents3 .image_box{
	margin:0px 0px 0px 50px;
	float:left;
}
	
#main .contents3 .txt2{
	margin:100px 0px 0px 20px;
	text-align:left;
	float:left;
	}
	
#main .contents3 .txt2 h2{
	color:#ff00be;
	font-size:20px;
	text-align:left;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}
	
#main .contents3 .txt3{
	width:400px;
	margin:300px 0px 0px 0px;
	text-align:center;
	float:left;
	}
		
	
#main .contents3 .kakaku{
	clear:both;
	color:#ff00be;
	font-size:26px;
	text-align:right;
	font-weight:bold;
	}
	
#main .s{
	font-size:12px;
	}
	
	
/*	---==============---=---=-===
#main .contents4
---==============---=---=-===*/	
#main .contents4{
	float:left;
	width:425px;
}

#main .contents4 .txt3{
	text-align:center;
	margin:20px 0px 0px 0px;
}
	

#main .line{
	float:left;
	margin:0px 10px 0px 10px;
}

#main .contents4 .kakaku{
	color:#ff00be;
	font-size:26px;
	text-align:right;
	font-weight:bold;
}
/*	---==============---=---=-===
#main .contents5
---==============---=---=-===*/	
#main .contents5{
	width:872px;
	margin:0px auto;
}
	
#main .contents5 h2{
	color:#ff00be;
	font-size:20px;
	text-align:left;
	font-weight:bold;
	margin:20px 0px 20px 0px; 
	padding:0px;
	}
	
	
	
	
#main .contents5 h3{
	color:#00abcc;
	font-size:20px;
	margin:0px 0px 0px 0px; 
	padding:0px;
}
	
#main .contents5 .talkshow1{
	float:left;
	margin:0px 0px 0px 20px;
}
	
	
#main .contents5 .talkshow2{
	float:left;
	margin:0px 0px 0px 100px;
}
	
	
#main .contents5 dt{
	float:left;
	font-weight:bold;
}

#main .contents5 dd{
	float:left;
	color:#ff6f6f;
	font-weight:bold;
	margin:0px 0px 0px 20px;
}
	
#main .contents5 span{
	color:#ff6f6f;
	font-weight:bold;
}
	
#main .contents5 h4{
	margin:0px;
	padding:0px;
	font-weight:bold;
}

#main .contents5 txt{
	display:block;
	margin:0px 0px 0px 20px;
}




hr{
	background-color:#1fd4ff;
	border-style:none;
	height:2px;
	
}


#twitter{
	/*width:872px;*/
	margin:0px 0px 0px 250px;
	}




/*	---==============---=---=-===
人気商品が再登場!
---==============---=---=-===*/	

#main kome{
	display:block;
	text-align:left;
}

#main kome2{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#ff00be;
}


#main .contents4 .kakaku2{
	color:#ff00be;
	font-size:26px;
	text-align:right;
	font-weight:bold;
	margin:130px 0px 0px 0px;
}

#main .contents3 .image_box2{
	text-align:center;
	
}
	

#main .contents3 .image_box2 img{

border:#1fd4ff solid 1px;

}

#contents_all{
	position:relative;
	margin:420px 0px 0px 0px;
}


#bottom{
	height:100px;
	background-image: url(../../../character/images/index_bottom_base.png);
	background-position:center top;
	background-repeat:no-repeat;
	}
	
	
	
	
	
.acrylic{
	margin:0px 0px 0px 100px;
}
	
	
	.acrylic2{
	margin:0px 0px 0px 100px;
}

.taoru{
	margin:0px 0px 0px 70px;
}


#main .contents4 .kakaku2{
	color:#ff00be;
	font-size:26px;
	text-align:right;
	font-weight:bold;
	margin:80px 0px 0px 0px;
}


h2 .diva{
	text-align:left;
}