@charset "UTF-8";
/*---------------------------------------------------------------
top.css
-----------------------------------------------------------------
table of contents

	1. Common
	2. Top Page
-----------------------------------------------------------------
font-size table

	10px :   77%		16px : 123.1%
	11px :   85%		17px :    131%
	12px :   93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/

/*==============================================================
	1.	 Common
===============================================================*/

/*		Basic Layout
---------------------------------------------------------------*/

#container{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
#top-vidual{
	z-index:50;
	overflow:hidden;
	position:relative;
	width:100%;
	min-width:970px;
	height:590px;
	margin:0 0 30px 0;
	text-align:center;
}
#contents{
	overflow:hidden;
	width:930px;
	margin:0 auto;
	padding:0 20px 9px;
	text-align:left;
}
#footer{
	width:930px;
	margin:0 auto;
	padding:0 20px;
}
#footer #press-menu{
	left:20px;
}
#footer #press-menu .information{
	margin-right:19px;
}
#footer #press-menu .ranking{
	margin-right:18px;
}
#footer #guide-menu{
	left:20px;
}
#footer #about-menu{
	right:20px;
}
#footer #copyright{
	left:20px;
}
#footer #twitter{
	position:absolute;
	top:15px;
	right:20px;
	width:29px;
	height:21px;
	line-height:0;
	font-size:0;
}

/*==============================================================
	2.	 Top Page
===============================================================*/

/*		contents
---------------------------------------------------------------*/

#contents #topics-wrapper{
	overflow:hidden;
	float:left;
	position:relative;
	width:710px;
	height:23px;
	background:url(/images/top/bg_press.png) top left no-repeat;
}
#contents #topics{
	position:absolute;
	top:0px;
	left:0px;
}
#contents table.topics{
	position:absolute;
	left:0px;
	width:710px;
	margin:0;
}
#contents table.topics1{
	top:0px;
}
#contents table.topics2{
	top:23px;
}
#contents table.topics3{
	top:46px;
}
#contents table.topics th,
#contents table.topics td{
	height:23px;
	vertical-align:middle;
	font-size:77%;
	line-height:0;
}
#contents table.topics th{
	width:133px;
	padding:0 0 0 11px;
}
#contents table.topics td.date{
	width:61px;
	line-height:1;
}
#contents table.topics td.title{
	width:505px;
	font-weight:bold;
	letter-spacing:-0.02em;
	line-height:1;
}
#contents table.topics td.title .icon{
	margin:0 5px 0 0;
	vertical-align:middle;
}
#contents table.topics td.title a{
	margin:0 10px 0 0;
	text-decoration:none;
}
#contents table.topics td.title a:link,
#contents table.topics td.title a:visited{
	color:#08beed;
	border-bottom:1px dotted #08beed;
}
#contents table.topics td.title.over a:link,
#contents table.topics td.title.over a:visited,
#contents table.topics td.title a:hover,
#contents table.topics td.title a:active{
	color:#75e2ff;
	border-bottom:1px dotted #75e2ff;
}
#contents table.topics td.list{
	width:65px;
}
#contents div.shopping{
	position:relative;
	float:right;
	width:203px;
}
#contents p.guide{
	position:absolute;
	top:4px;
	right:0px;
	width:103px;
	line-height:0;
}
#contents p.guide img{
	vertical-align:top;
}
#contents p.cart{
	position:absolute;
	top:4px;
	left:0px;
	width:84pz;
	line-height:0;
}
#contents p.cart img{
	vertical-align:top;
}

/*		vidual
---------------------------------------------------------------*/

#vidual-inner{
	z-index:150;
	position:relative;
	overflow:visible;
	width:930px;
	margin:0 auto;
}
#kotori-logo{
	display:none;
	overflow:visible;
	z-index:200;
/*	position:fixed;
	top:40px;
	left:40px;*/
	position:absolute;
	top:40px;
	left:0;
	width:75px;
	height:76px;
}
#kotori-logo .logo101,
#kotori-logo .logo201{
	position:absolute;
	top:0px;
	left:0px;
}
#kotori-logo .logo201{
	display:none;
}
#kotori-menu1{
	display:none;
	z-index:1000;
	position:absolute;
	top:519px;
	left:-11px;
	width:341px;
	height:31px;
	padding:11px;
	background:url(/images/top/bg_menu1.png) top left no-repeat;
	line-height:0;
	font-size:0;
}
#kotori-menu1 ul{
	position:absolute;
	top:11px;
	left:11px;
	overflow:hidden;
	width:341px;
	height:31px;
	margin:0;
}
#kotori-menu1 li{
	position:absolute;
	top:0px;
	width:170px;
	height:31px;
	margin:0;
	list-style-type:none;
}
#kotori-menu1 a{
	display:block;
	width:170px;
	height:31px;
	text-indent:-9000px;
}
#kotori-menu1 .kotori101{
	left:0px;
}
#kotori-menu1 .kotori201{
	right:0px;
}
#kotori-menu1 .kotori101 a:link,
#kotori-menu1 .kotori101 a:visited{
	background:url(/images/top/button_kotori101.png) top left no-repeat;
}
#kotori-menu1 .kotori101 a:hover,
#kotori-menu1 .kotori101 a:active,
#kotori-menu1 .kotori101 a.here:link,
#kotori-menu1 .kotori101 a.here:visited{
	background:url(/images/top/button_kotori101.png) bottom left no-repeat;
}
#kotori-menu1 .kotori201 a:link,
#kotori-menu1 .kotori201 a:visited{
	background:url(/images/top/button_kotori201.png) top left no-repeat;
}
#kotori-menu1 .kotori201 a:hover,
#kotori-menu1 .kotori201 a:active,
#kotori-menu1 .kotori201 a.here:link,
#kotori-menu1 .kotori201 a.here:visited{
	background:url(/images/top/button_kotori201.png) bottom left no-repeat;
}

#kotori-menu2{
	display:none;
	z-index:1000;
	position:absolute;
	top:519px;
	right:-11px;
	width:512px;
	height:31px;
	padding:11px;
	background:url(/images/top/bg_menu2.png) top left no-repeat;
	line-height:0;
	font-size:0;
}
#kotori-menu2 ul{
	position:absolute;
	top:11px;
	left:11px;
	overflow:hidden;
	width:512px;
	height:31px;
	margin:0;
}
#kotori-menu2 li{
	position:absolute;
	top:0px;
	width:170px;
	height:31px;
	list-style-type:none;
}
#kotori-menu2 a{
	display:block;
	width:170px;
	height:31px;
	text-indent:-9000px;
}
#kotori-menu2 .about{
	position:absolute;
	left:0px;
}
#kotori-menu2 .giftcode-off,
#kotori-menu2 .giftcode-on{
	position:absolute;
	left:171px;
}
#kotori-menu2 .search{
	position:absolute;
	right:0px;
}
#kotori-menu2 .giftcode-on{
	display:none;
	background:url(/images/top/button_giftcode2.png) bottom left no-repeat;
	text-indent:-9000px;
}
#kotori-menu2 .about a:link,
#kotori-menu2 .about a:visited{
	background:url(/images/top/button_about.png) top left no-repeat;
}
#kotori-menu2 .about a:hover,
#kotori-menu2 .about a:active{
	background:url(/images/top/button_about.png) bottom left no-repeat;
}
#kotori-menu2 .giftcode-off a:link,
#kotori-menu2 .giftcode-off a:visited{
	background:url(/images/top/button_giftcode1.png) 0px 0px no-repeat;
}
#kotori-menu2 .giftcode-off a:hover,
#kotori-menu2 .giftcode-off a:active{
	background:url(/images/top/button_giftcode1.png) 0px -31px no-repeat;
}
#kotori-menu2 .search a:link,
#kotori-menu2 .search a:visited{
	background:url(/images/top/button_search.png) top left no-repeat;
}
#kotori-menu2 .search a:hover,
#kotori-menu2 .search a:active{
	background:url(/images/top/button_search.png) bottom left no-repeat;
}


/*#kotori-menu{
	display:block;
	z-index:1000;
	position:absolute;
	top:519px;
	left:-11px;
	width:932px;
	height:41px;
	padding:11px;
	background:url(/images/top/bg_menu.png) top left no-repeat;
	line-height:0;
	font-size:0;
}
#kotori-menu p.about{
	padding:3px 0;
	cursor:pointer;
}
#kotori-menu div.model{
	height:211px;
	margin:13px 0 16px;
}
#kotori-menu div.kotori101,
#kotori-menu div.kotori201{
	overflow:hidden;
	background:#fff;
}
#kotori-menu div.kotori101{
	height:25px;
}
#kotori-menu p.selector{
	cursor:pointer;	
}
#kotori-menu p.selector.here{
	cursor:auto;	
}
#kotori-menu p.summary{
	padding:7px 0 17px;
}
#kotori-menu p.top{
	padding:0 0 5px;
}
#kotori-menu p.giftcode{
	padding:0 0 2px;
}
#kotori-menu p.giftcode span{
	display:none;
}
#kotori-menu div.separator{
	height:7px;
	background:url(/images/top/bg_separator.png) top left no-repeat;
	line-height:0;
	font-size:0;
}*/
#kotori-vidual101,
#kotori-vidual201{
	display:none;
	z-index:100;
	position:static;
	width:100%;
	height:590px;
	margin:0 auto;
	text-align:center;
	cursor:pointer;
}
#kotori-vidual201{
	display:block;
	position:static;
	margin:0 auto;
	width:100%;
	background:url(/images/top/bg_vidual201.jpg) top center no-repeat #cacacc;
	height:590px;
}
#kotori-vidual101 div.intro,
#kotori-vidual101 div.images{
	position:absolute;
	top:0px;
	left:0px;
}
#kotori-vidual101 div.intro{
	display:none;
	z-index:110;
	width:100%;
	height:590px;
}
#kotori-vidual101 div.intro{
	position:relative;
	width:930px;
	margin:0 auto;	
}
#kotori-vidual101 div.images{
	display:none;
	overflow:visible;
	position:relative;
	z-index:105;
	width:930px;
	margin:0 auto;
	text-align:center;
}
#kotori-vidual101 div.intro img,
#kotori-vidual101 div.images img{
	position:absolute;
	top:0px;
	left:-225px;
}
#kotori-vidual201 div.intro,
#kotori-vidual201 div.images{
	position:absolute;
	top:0px;
	left:0px;
}
#kotori-vidual201 div.intro{
	display:none;
	z-index:110;
	width:100%;
	height:590px;
}
#kotori-vidual201 div.images{
	position:relative;
	z-index:105;
	width:930px;
	margin:0 auto;
	text-align:center;
}
#kotori-vidual201 div.images img{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}
#kotori-vidual201 div.images .image1{
	z-index:120;
}
#kotori-vidual201 div.images .image2{
	z-index:115;
}
#kotori-vidual201 div.images .image3{
	z-index:110;
}
#kotori-about{
	display:none;
	overflow:hidden;
	z-index:1500;
	position:absolute;
	top:8px;
	left:-32px;
	width:994px;
	height:574px;
}
#kotori-about .top,
#kotori-about .bottom{
	width:100%;
	height:24px;
	background:url(/images/top/bg_about_top.png) top left no-repeat;
	line-height:0;
}
#kotori-about .bottom{
	clear:both;
	background:url(/images/top/bg_about_bottom.png) top left no-repeat;
}
#kotori-about .middle{
	position:relative;
	width:100%;
	height:502px;
	padding:0 0 23px;
	background:url(/images/top/bg_about.png) top left repeat-y;
	text-align:left;
}
#kotori-about h1{
	position:absolute;
	top:27px;
	left:169px;
	line-height:0;
}
#kotori-about h2.logo{
	position:absolute;
	top:27px;
	left:65px;
}
#kotori-about p.summary{
	position:absolute;
	top:68px;
	left:169px;
	letter-spacing:0.02em;
}
#kotori-about p.notice{
	position:absolute;
	top:489px;
	right:51px;
	font-size:77%;
	line-height:1;
	color:#999;
	letter-spacing:0.04em;
}
#kotori-about p.text{
	margin:0 0 18px;
}
#kotori-about p.image{
	position:absolute;
	top:123px;
	left:12px;
}
#kotori-about p.close{
	position:absolute;
	top:28px;
	right:52px;
	width:19px;
	height:19px;
	cursor:pointer;
	line-height:0;
}
#kotori-about div.detail101{
	position:absolute;
	top:387px;
	left:65px;
}
#kotori-about div.detail201{
	position:absolute;
	top:387px;
	left:550px;
}
#tooltip{
	display:none;
	overflow:hidden;
	position:absolute;
	z-index:10000;
	top:0px;
	left:0px;
	width:104px;
	height:17px;
}
#tooltip span{
	display:block;
	width:104px;
	height:17px;	
}
#tooltip .tip101{
	background:url(/images/top/tooltip101.gif) top left no-repeat;
}
#tooltip .tip201{
	background:url(/images/top/tooltip201.gif) top left no-repeat;
}

/*		no javascript
---------------------------------------------------------------*/

#alternate{
	position:absolute;
	top:0px;
	left:-225px;
	width:1380px;
	height:590px;
}