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

	1. Common
	2. Top Page
	3. Customize View
-----------------------------------------------------------------
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:940px;
	padding:0 10px 0 20px;*/
	width:990px;
	text-align:left;
	padding:0;
}
#contents{
	overflow:hidden;
	width:990px;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:0;
	/*padding-left:10px;*/
}
#footer{
	width:930px;
	margin:0 0 0 40px;
}

/*		Header
---------------------------------------------------------------*/


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

#top-visual{
	float:left;
	width:515px;
	background:url(/images/top/h1_kotori.png) top left no-repeat;
	text-align:left;
}
#top-visual object{
	margin-top:23px;
	margin-left:8px;
}
#flashContent{
	width:507px;
}
#top-contents{
	overflow:hidden;
	float:right;
	width:475px;
	padding-top:10px;
	padding-bottom:156px;
	text-align:left;
	/*background:url(/images/top/bg_topcontents2.jpg) bottom right no-repeat;*/
}
#top-contents a{
	padding-bottom:0;
	line-height:1.42;
}
#top-header{
	position:relative;
	width:455px;
	height:72px;
	margin-top:13px;
	/*margin-bottom:10px;*/
}
#top-header p.guide{
	position:absolute;
	top:4px;
	right:0px;
	width:19px;
	height:19px;
	line-height:0;
}
#top-header p.gift-mode{
	display:none;
	width:284px;
	line-height:0;
}
#top-header #gift-area{
	display:none;
	z-index:20;
	position:absolute;
	top:0px;
	left:0px;
	width:271px;
	height:32px;
	padding:40px 0 0 13px;
	background:url(/images/top/bg_giftmode.png) top left no-repeat;
}
#top-header #gift-area p{
	width:258px;
	line-height:0;
	cursor:pointer;
}
#top-header p.guide img,
#top-header p.gift-mode img,
#top-header #gift-area img{
	vertical-align:bottom;
}
#top-header #cart-area{
	z-index:10;
	position:absolute;
	top:-2px;
	right:59px;
	width:97px;
	height:47px;
}
#top-header #cart-area p.cart-button{
	z-index:50;
	line-height:0;
}
#top-header #cart-quantity{
	z-index:100;
	position:absolute;
	top:2px;
	left:42px;
	height:13px;
	padding-left:5px;
	background:url(/images/shared/bg_quantity.png) top left no-repeat;
	color:#fff;
	font-size:9px;
	line-height:13px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}
#top-header #cart-quantity img{
	vertical-align:top;
}
#top-information{
	position:relative;
	width:455px;
	height:20px;
	margin-bottom:29px;
	border-bottom:2px solid #ccc;
	font-size:77%;
}
#top-information h2{
	position:absolute;
	top:0px;
	left:0px;
	width:102px;
	height:20px;
	line-height:0;
}
#top-information h2 img{
	vertical-align:bottom;
}
#top-information dl{
	overflow:hidden;
	width:280px;
	height:20px;
	margin-left:102px;
}
#top-information dt{
	float:left;
	width:63px;
	height:20px;
}
#top-information dd{
	float:right;
	width:217px;
	height:20px;
}
#top-information dd p{
	height:20px;
	line-height:1;
}
#top-information dd p a{
	line-height:1;
	text-decoration:none
}
#top-information dd p a:link,
#top-information dd p a:visited{
	border-bottom:1px dotted #4c4c4c;
}
#top-information dd p a:hover,
#top-information dd p a:active{
	border-bottom:1px dotted #a1a1a1;
}
#top-information p.link{
	position:absolute;
	top:0px;
	right:0px;
	width:75px;
	height:20px;
	text-align:right;
	line-height:0;
}
#top-information p.link img{
	vertical-align:top;
}
#left-column{
	float:left;
	width:200px;
	padding-bottom:43px;
	background:url(/images/top/bg_leftcolumn.jpg) left -31px no-repeat;
}
#right-column{
	float:right;
	width:255px;
	padding-bottom:546px;
	background:url(/images/top/bg_rightcolumn.jpg) 51px bottom no-repeat;
}
#left-column div.giftcode{
	display:none;
	margin-top:20px;
}
#left-column div.giftcode p{
	line-height:0;
}
#left-column div.list{
	overflow:hidden;
	margin-bottom:20px;
	background:url(/images/top/bg_list_left.gif) top left repeat-y;
}
#left-column div.list p.link{
	width:190px;
	height:14px;
	padding:9px 10px 13px 0;
	background:url(/images/top/bg_list_left_bottom.gif) bottom left no-repeat;
	text-align:right;
}
#left-column div.list p.link img{
	vertical-align:top;
}
#left-column div.list dl{
	overflow:hidden;
	width:180px;
	padding:10px 10px 1px;
	/*padding-top:8px;
	padding-bottom:11px;*/
}
#left-column div.list dt{
	margin-bottom:2px;
	font-size:77%;
	color:#a1a1a1;
}
#left-column div.list dt img{
	vertical-align:-1px;
}
#left-column div.list dd.title{
	margin-bottom:6px;
	font-size:93%;
	font-weight:bold;
}
#left-column div.list dd.title a{
	border-bottom:1px dotted;
	text-decoration:none;
}
#left-column div.list dd.text p{
	font-size:77%;
	color:#4c4c4c;
	line-height:1.4;
}

/* magazine */
#left-column div.list.magazine{
	margin-bottom:0;
	margin-top:20px;
}
#left-column div.list.magazine h2{
	margin-bottom:-1px;
}
#left-column div.list.magazine dl{
	margin-top:-1px;
}
#left-column div.list.magazine dt{
	margin-bottom:3px;
}
#left-column div.list.magazine dd.title{
	margin-top:-1px;
	margin-bottom:1px;
	padding-bottom:2px;
}
#left-column div.list.magazine dd.image{
	float:left;
	width:80px;
	height:80px;
	margin-top:3px;
	line-height:0;
}
#left-column div.list.magazine dd.text{
	float:right;
	width:95px;
}
#left-column div.list.magazine p.link{
	padding-top:13px;
	padding-bottom:0;
	background:none;
}
#left-column p.magazine-bottom{
	width:200px;
	height:11px;
	line-height:0;
	margin-bottom:20px;
}
#left-column p.magazine-bottom img{
	vertical-align:top;
}

#left-column div.list.magazine dl.vol01 a:link,
#left-column div.list.magazine dl.vol01 a:visited{
	color:#f51893;
	border-color:#f51893;
}
#left-column div.list.magazine dl.vol01 a:hover,
#left-column div.list.magazine dl.vol01 a:active,
#left-column div.list.magazine dl.vol01 dd.over a:link,
#left-column div.list.magazine dl.vol01 dd.over a:visited{
	color:#ff83c9;
	border-color:#ff83c9;
}
#left-column div.list.magazine dl.vol02 a:link,
#left-column div.list.magazine dl.vol02 a:visited{
	color:#0090f4;
	border-color:#0090f4;
}
#left-column div.list.magazine dl.vol02 a:hover,
#left-column div.list.magazine dl.vol02 a:active,
#left-column div.list.magazine dl.vol02 dd.over a:link,
#left-column div.list.magazine dl.vol02 dd.over a:visited{
	color:#80cbff;
	border-color:#80cbff;
}
#left-column div.list.magazine dl.vol03 a:link,
#left-column div.list.magazine dl.vol03 a:visited{
	color:#000;
	border-color:#000;
}
#left-column div.list.magazine dl.vol03 a:hover,
#left-column div.list.magazine dl.vol03 a:active,
#left-column div.list.magazine dl.vol03 dd.over a:link,
#left-column div.list.magazine dl.vol03 dd.over a:visited{
	color:#878787;
	border-color:#878787;
}

/* pick up items */
#left-column div.list.picup{
	margin-bottom:0;
}
#left-column div.list.picup h2{
	margin-bottom:-1px;
}
#left-column div.list.picup dt{
	float:right;
	width:91px;
	margin-top:-1px;
	/border-left:5px solid #fff;
}
#left-column div.list.picup dd.title{
	float:right;
	width:91px;
	/border-left:5px solid #fff;
}
#left-column div.list.picup dd.image{
	width:80px;
	height:80px;
	line-height:0;
}
#left-column div.list.picup p.link{
	padding-top:13px;
	padding-bottom:0;
	background:none;
}
#left-column div.list.picup a:link,
#left-column div.list.picup a:visited{
	color:#08beed;
	border-color:#08beed;
}
#left-column div.list.picup a:hover,
#left-column div.list.picup a:active,
#left-column div.list.picup dd.over a:link,
#left-column div.list.picup dd.over a:visited{
	color:#75e2ff;
	border-color:#75e2ff;
}
#left-column p.picup-bottom{
	width:200px;
	height:11px;
	line-height:0;
	margin-bottom:20px;
}
#left-column p.picup-bottom img{
	vertical-align:top;
}
/* press room */
#left-column div.list.blog h2{
}
#left-column div.list.blog dl{
	margin-top:-1px;
	/*padding-bottom:10px;*/
}
#left-column div.list.blog dt{
	margin-bottom:3px;
}
#left-column div.list.blog dd.title{
	margin-top:-1px;
	margin-bottom:1px;
	padding-bottom:2px;
}
#left-column div.list.blog dd.image{
	float:left;
	width:80px;
	height:80px;
	margin-top:3px;
	line-height:0;
}
#left-column div.list.blog dd.text{
	float:right;
	width:95px;
}
#left-column div.list.blog p.link{
	padding-top:14px;
}
#left-column div.list.blog a:link,
#left-column div.list.blog a:visited{
	color:#69d639;
	border-color:#69d639;
}
#left-column div.list.blog a:hover,
#left-column div.list.blog a:active,
#left-column div.list.blog dd.over a:link,
#left-column div.list.blog dd.over a:visited{
	color:#a2ed80;
	border-color:#a2ed80;
}
/* professionals' voiced */
#left-column div.list.voice dl{
	padding-top:7px;
}
#left-column div.list.voice dt{
	margin-bottom:4px;
}
#left-column div.list.voice dd.title{
	margin-top:-2px;
}
#left-column div.list.voice a:link,
#left-column div.list.voice a:visited{
	color:#ff5400;
	border-color:#ff5400;
}
#left-column div.list.voice a:hover,
#left-column div.list.voice a:active{
	color:#ff9866;
	border-color:#ff9866;
}
/* uesrs' voice */
#left-column div.list.review dl{
	margin-top:-2px;
	padding-bottom:2px;
}
#left-column div.list.review dd.title{
	margin-bottom:4px;
}
#left-column div.list.review dd.image{
	margin-bottom:3px;
}
#left-column div.list.review dd.image img{
	margin-right:0px;
}
#left-column div.list.review a:link,
#left-column div.list.review a:visited{
	color:#f70097;
	border-color:#f70097;
}
#left-column div.list.review a:hover,
#left-column div.list.review a:active,
#left-column div.list.review dd.over a:link,
#left-column div.list.review dd.over a:visited{
	color:#ff8bd2;
	border-color:#ff8bd2;
}
/* information */
#left-column div.list.information{
	margin-top:20px;
/*	margin-bottom:30px;
	padding-bottom:10px;
	background:url(/images/top/bg_list_left.gif) top left repeat-y;*/
}
#left-column div.list.information h2{
	margin-bottom:-3px;
	line-height:0;
	
}
/*#left-column div.list.information dl{
	margin:0 10px;
}*/
left-column div.list.information dt{
	font-size:77%;
}
/*#left-column div.list.information dt img{
	vertical-align:0px;
}*/
#left-column div.list.information dd{
	min-height:31px;
	/height:31px;
}
#left-column div.list.information dd p{
	font-size:77%;
	color:#453a25;
	line-height:1.6;
}
#left-column div.list.information dd a{
	text-decoration:none;
}
#left-column div.list.information dd a:link,
#left-column div.list.information dd a:visited{
	color:#4c4c4c;
	border-bottom:1px dotted #4c4c4c;
}
#left-column div.list.information dd a:hover,
#left-column div.list.information dd a:active{
	color:#949494;
	border-bottom:1px dotted #949494;
}
/*#left-column div.list.information p.link{
	margin-top:-8px;
	padding-right:10px;
	text-align:right;
}*/
/* crazy shuffle */
#right-column #crazy-shuffle{
	margin-bottom:20px;
	vertical-align:top;
}
#right-column #crazy-shuffle span{
	display:block;
	margin-top:20px;
}
/* templates */
#right-column div.templates{
	position:relative;
	width:235px;
	/*margin-top:20px;*/
	margin-bottom:1px;
	padding-bottom:10px;
	background:url(/images/top/bg_balloon_beige_bottom.png) bottom left no-repeat #f5f3e5;
}
#right-column div.templates p.object{
	position:absolute;
	top:27px;
	right:8px;
	width:54px;
	height:191px;
	line-height:0;
}
/* design */
#right-column p.design{
	margin-bottom:1px;
	line-height:0;
}
#right-column dl.search{
	width:235px;
	/*margin-right:10px;*/
	margin-bottom:20px;
	padding-bottom:11px;
	background:url(/images/top/bg_balloon_beige_bottom.png) bottom left no-repeat #f5f3e5;
}
#right-column dl.search dt{
	margin-bottom:5px;
}
#right-column dl.search dd{
	padding-left:30px;
	height:21px;
	line-height:21px;
}
#right-column dl.search form{
	height:21px;
	line-height:21px;
}
#right-column dl.search input.text-area{
	width:142px;
	height:17px;
	margin-right:6px;
	padding:2px 2px 0;
	border:1px solid #c4c2b7;
	vertical-align:top;
	color:#4c4c4c;
	font-size:93%;
}
#right-column dl.search input.rollover{
	vertical-align:top;
}
/* ranking */
#right-column div.ranking{
	position:relative;
	width:235px;
	margin-bottom:18px;
	background:url(/images/top/bg_balloon.gif) top left repeat-y;
}
#right-column div.ranking h2{
	position:absolute;
	top:1px;
	left:0px;
	width:247px;
	height:95px;
	padding-top:7px;
	padding-left:8px;
	background:url(/images/top/bg_balloon_top.gif) top left no-repeat;	
}
#right-column div.ranking p.name{
	min-height:5px;
	font-size:77%;
	color:#4c4c4c;
	line-height:1.4;
}
#right-column div.ranking p.item img.rank{
	position:absolute;
	bottom:1px;
	right:1px;
}
#right-column div.ranking p.item img.outline{
	position:absolute;
	bottom:0px;
	left:0px;
	display:none;
}
#right-column div.ranking div.top{
	width:100%;
	padding-top:7px;
}
#right-column div.ranking div.king{
	width:140px;
	margin-left:88px;
}
#right-column div.ranking div.king p.item{
	position:relative;
	width:140px;
	height:120px;
}
#right-column div.ranking div.king p.item img{
	vertical-align:bottom;
}
#right-column div.ranking div.middle{
	overflow:hidden;
	width:228px;
	padding:0 0 0 7px;
}
#right-column div.ranking div.others{
	float:left;
	width:110px;
	margin-right:1px;
	/*padding-left:9px;*/
}
#right-column div.ranking div.others p.item{
	position:relative;
	width:110px;
	height:94px;
}
#right-column div.ranking div.others p.name{
	padding-left:1px;
}
#right-column div.ranking div.bottom{
	text-align:center;
	padding-bottom:12px;
	background:url(/images/top/bg_balloon_bottom.gif) bottom left no-repeat;
}
#right-column div.ranking div.bottom p{
	height:20px;
	margin-top:3px;
	line-height:0;
}
/* scrap */

#scrapbook{
	margin-left:3px;
}
#right-column div.scrap{
	position:relative;
	width:255px;
	margin-left:-3px;
	margin-bottom:20px;
	background:url(/images/top/bg_scrap.png) top left repeat-y;
	letter-spacing:0.05em;
}
#right-column div.scrap h2{
	width:100%;
	height:62px;
	padding-bottom:15px;
}
#right-column div.scrap dl.best{
	position:relative;
	width:255px;
	height:165px;
	margin-top:-4px;
	background:url(/images/top/bg_scrap_best.png) top left no-repeat;
}
#right-column div.scrap dl.best dt{
	position:absolute;
	top:11px;
	left:18px;
	width:140px;
}
#right-column div.scrap dl dt a{
	text-decoration:none;
}
#right-column div.scrap dt img.outline{
	z-index:20;
	position:absolute;
	bottom:0px;
	left:0px;
	display:none;
}
#right-column div.scrap dl.best dt span.goodsid{
	z-index:10;
	position:absolute;
	bottom:6px;
	right:6px;
	font-size:77%;
	color:#4c4c4c;
	line-height:1;
}
#right-column div.scrap dl.best dd.name{
	position:absolute;
	top:138px;
	left:18px;
	font-size:77%;
	color:#4c4c4c;
	line-height:1;
}
#right-column div.scrap dl.best dd.love{
	position:absolute;
	top:101px;
	left:166px;
	padding-left:18px;
	font-size:108%;
	font-weight:bold;
	line-height:1em;
	background:url(/images/top/icon_love_large.gif) center left no-repeat;
	cursor:pointer;
}
#right-column div.scrap dl.best dd.hate{
	position:absolute;
	top:118px;
	left:166px;
	padding-left:18px;
	font-size:77%;
	line-height:1.4em;
	background:url(/images/top/icon_hate_large.gif) center left no-repeat;
	cursor:pointer;
}
#right-column div.scrap dl.best dd.love.voted,
#right-column div.scrap dl.best dd.hate.voted{
	cursor:auto;
}
#right-column div.scrap dl.best dd.love.over{
	background:url(/images/top/icon_love_large_on.gif) center left no-repeat;
	color:#949494;
}
#right-column div.scrap dl.best dd.hate.over{
	background:url(/images/top/icon_hate_large_on.gif) center left no-repeat;
	color:#949494;
}
#right-column div.scrap dl.best dd.check{
	display:none;
	position:absolute;
	top:135px;
	left:166px;
	width:45px;
	height:13px;
	padding-left:16px;
	font-size:0;
	line-height:0;
	background:url(/images/top/icon_check_marker.gif) center left no-repeat;
}
#right-column div.scrap dl.best dd.image1{
	z-index:50;
	position:absolute;
	top:111px;
	left:10px;
	width:32px;
	height:26px;
}
#right-column div.scrap dl.best dd.image2{
	z-index:50;
	position:absolute;
	top:32px;
	left:143px;
	width:50px;
	height:44px;
}
#right-column div.scrap div.others{
	overflow:hidden;
	margin-left:16px;
}
#right-column div.scrap div.others dl{
	float:left;
	position:relative;
	width:108px;
	padding-bottom:5px;
}
#right-column div.scrap div.others dt{
	position:relative;
	width:98px;
	height:85px;
	padding:2px 0 0 2px;
	background:url(/images/top/bg_scrap_others.png) center left no-repeat;
}
#right-column div.scrap div.others dt img.outline{
	position:absolute;
	top:2px;
	left:2px;
	display:none;
}
#right-column div.scrap div.others dd{
	margin-left:2px;
}
#right-column div.scrap div.others dd.name{
	margin-bottom:2px;
	line-height:1;
	font-size:77%;
}
#right-column div.scrap div.others dd.love,
#right-column div.scrap div.others dd.hate{
	margin-bottom:2px;
	padding-left:12px;
	font-size:77%;
	line-height:1;
	background:url(/images/top/icon_love.gif) center left no-repeat;
	cursor:pointer;
}
#right-column div.scrap div.others dd.hate{
	background:url(/images/top/icon_hate.gif) center left no-repeat;
}
#right-column div.scrap div.others dd.love.voted,
#right-column div.scrap div.others dd.hate.voted{
	cursor:auto;
}
#right-column div.scrap div.others dd.love.over{
	background:url(/images/top/icon_love_on.gif) center left no-repeat;
	color:#949494;
}
#right-column div.scrap div.others dd.hate.over{
	background:url(/images/top/icon_hate_on.gif) center left no-repeat;
	color:#949494;
}
#right-column div.scrap div.others dd.check{
	display:none;
	position:absolute;
	top:103px;
	left:38px;
	width:45px;
	height:13px;
	padding-left:15px;
	font-size:0;
	line-height:0;
	background:url(/images/top/icon_check_marker.gif) center left no-repeat;
}
#right-column div.scrap dl.worst{
	z-index:100;
	position:relative;
	width:241px;
	height:223px;
	margin-top:-5px;
	background:url(/images/top/bg_scrap_worst.png) top left no-repeat;
}
#right-column div.scrap dl.worst dt{
	position:absolute;
	top:17px;
	left:83px;
	width:140px;
}
#right-column div.scrap dl.worst dt span.goodsid{
	z-index:10;
	position:absolute;
	bottom:6px;
	right:6px;
	font-size:77%;
	color:#4c4c4c;
	line-height:1;
}
#right-column div.scrap dl.worst dd.name{
	position:absolute;
	top:165px;
	right:18px;
	font-size:77%;
	color:#4c4c4c;
	line-height:1;
}
#right-column div.scrap dl.worst dd.love{
	position:absolute;
	top:148px;
	left:17px;
	padding-left:18px;
	font-size:77%;
	line-height:1.4;
	background:url(/images/top/icon_love_large.gif) center left no-repeat;
	cursor:pointer;
}
#right-column div.scrap dl.worst dd.hate{
	position:absolute;
	top:127px;
	left:17px;
	padding-left:18px;
	font-size:108%;
	font-weight:bold;
	line-height:1.4;
	background:url(/images/top/icon_hate_large.gif) center left no-repeat;
	cursor:pointer;
}
#right-column div.scrap dl.worst dd.love.voted,
#right-column div.scrap dl.worst dd.hate.voted{
	cursor:auto;
}
#right-column div.scrap dl.worst dd.love.over{
	background:url(/images/top/icon_love_large_on.gif) center left no-repeat;
	color:#949494;
}
#right-column div.scrap dl.worst dd.hate.over{
	background:url(/images/top/icon_hate_large_on.gif) center left no-repeat;
	color:#949494;
}
#right-column div.scrap dl.worst dd.check{
	display:none;
	position:absolute;
	top:164px;
	left:16px;
	width:45px;
	height:13px;
	padding-left:16px;
	font-size:0;
	line-height:0;
	background:url(/images/top/icon_check_marker.gif) center left no-repeat;
}
#right-column div.scrap dl.worst dd.image1{
	z-index:50;
	position:absolute;
	top:75px;
	left:50px;
	width:64px;
	height:67px;
}
#right-column div.scrap dl.worst dd.image2{
	z-index:50;
	position:absolute;
	top:12px;
	left:195px;
	width:37px;
	height:103px;
}
#right-column div.scrap img.balloon{
	display:none;
}
#right-column div.scrap p.button{
	z-index:500;
	position:absolute;
	bottom:26px;
	left:60px;
	width:122px;
	height:11px;
	margin:0;
	padding:0;
	line-height:0;
}
#right-column div.scrap p.button img{
	vertical-align:bottom;
}
#right-column div.scrap p.button-top{
	line-height:0;
	font-size:0;
	margin-bottom:15px;
	padding-left:60px;
}
#twitter{
	clear:both;
}
#twitter dl{
	z-index:10;
	position:relative;
	width:280px;
	height:148px;
	margin-left:20px;
}
#twitter dt{
	position:absolute;
	bottom:0px;
	left:0px;
}
#twitter dd.follow{
	z-index:100;
	position:absolute;
	bottom:27px;
	left:60px;
	width:150px;
	height:121px;
}
#twitter dd.follow .bg{
	z-index:110;
	position:absolute;
	top:0px;
	left:0px;
}
#twitter dd.follow a{
	z-index:120;
	position:absolute;
	width:97px;
	height:70px;
	top:26px;
	left:41px;
}
#twitter dd.read{
	z-index:50;
	position:absolute;
	bottom:0px;
	left:60px;
	width:220px;
	height:89px;
}
#twitter dd.read .bg{
	z-index:60;
	position:absolute;
	top:0px;
	left:0px;
}
#twitter dd.read a{
	z-index:70;
	position:absolute;
	width:66px;
	height:41px;
	top:25px;
	right:9px;
}