@charset "utf-8";

/* contents
--------------------------------------------------------------------------
01. Reset
02. Common
03. Clearfix
04. Index
05. Features
06. Concept
07. Artists
08. Contents
--------------------------------------------------------------------------
*/



/* 01. Reset
--------------------------------------------------------------------------
*/
div#wrapper h1,
div#wrapper p,
div#wrapper ul,
div#wrapper li{
	margin:0;
	padding:0;
}



/* 02. Common
--------------------------------------------------------------------------
*/
div#wrapper{
	background-color:#FFFFFF;
	margin-bottom:20px;
	width:938px;
}

div#container{
	position:relative;
	margin-top:20px;
	width:938px;
	padding:0;
}

div#navi{
	float:left;
}

div#navi ul{
	border-left:#e3e3e3 solid 1px;
	border-right:#e3e3e3 solid 1px;
}

div#navi li{
	list-style:none;
	border-bottom:#e3e3e3 solid 1px;
	color:#626262;
}

div#navi li a{
	display:block;
	margin:0;
	padding:15px 10px 15px 18px;
	width:151px;
	text-decoration:none;
	color:#626262;
}

div#navi li a:hover{
	text-decoration:none;
	background:url(../images/navi_bg.jpg) left top no-repeat;
}

div#navi .navi-o a{
	background:url(../images/navi_bg.jpg) left top no-repeat;
	display:block;
	margin:0;
	padding:15px 10px 15px 18px;
	width:151px;
	text-decoration:none;
	color:#626262;
}

div#navi .navi-o a:hover{
	text-decoration:none;
	background:url(../images/navi_bg.jpg) left top no-repeat;
}

div#navi .navi-features a{
	display:block;
	margin:0;
	padding:15px 10px 15px 25px;
	width:145px;
	text-decoration:none;
	color:#626262;
}

div#navi .navi-features a:hover{
	text-decoration:none;
	background:url(../images/navi_bg2.jpg) left top no-repeat;
}

div#navi .navi-features-o a{
	background:url(../images/navi_bg2.jpg) left top no-repeat;
	display:block;
	margin:0;
	padding:15px 10px 15px 25px;
	width:145px;
	text-decoration:none;
	color:#626262;
}

div#navi .navi-features-o a:hover{
	text-decoration:none;
	background:url(../images/navi_bg2.jpg) left top no-repeat;
}

div#contents{
	float:right;
	width:740px;
	color:#000;
	margin:0;
	padding:0;
}

div#main{
	margin-bottom:40px;
}

div#contents h2{
	margin-bottom:20px;
}


div#contents .red-b{
	color:#821515;
	font-weight:bold;
}


/* 03. Clearfix
--------------------------------------------------------------------------
*/
.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/





/* 04. Index
--------------------------------------------------------------------------
*/
div#feature-home{
	margin-bottom:55px;
}

div#feature-home li{
	width:234px;
	float:left;
	margin:0 19px 15px 0;
}

div#feature-home li.last{
	margin:0;
}

div#other-home{
}

div#other-home li{
	width:360px;
	float:left;
	margin:0 20px 10px 0;
}

div#other-home li.last{
	margin:0;
}


/* 05. Features
--------------------------------------------------------------------------
*/

div#contents-features{
}

div#product-box{
	margin-bottom:30px;
}

div#product-box p.product-img{
	float:left;
}

div#product-box ul.artists{
	float:right;
	width:373px;
}

div#product-box li{
	margin-bottom:10px;
}

div#product-box .features-artist1{
	background:url(../images/features_artist_bg1.jpg) left top #000 no-repeat;
	color:#fff;
	overflow:hidden;
}

div#product-box .features-artist2{
	background:url(../images/features_artist_bg2.jpg) left top #000 no-repeat;
	color:#fff;
	overflow:hidden;
}

div#product-box .features-artist p{
	float:left;
	width:148px;	
}

div#product-box dl{
	float:right;
	width:200px;
	padding:15px 15px 10px 0;
}

div#product-box .name{
	font-weight:bold;
}

div#product-box .group{
	font-size:80%;
	padding-top:6px;
}

div#product-box dd{
	font-size:85%;
	padding-top:15px;
}

div.method-box{
	background:#efefef;
	padding:10px;
	margin-bottom:1px;	
}

div.method-box img{
	float:left;
	width:146px;
	margin-right:15px;
}

div.method-box dl{
	float:right;
	width:559px;
}

div.method-box dt.convenience{
	background:url(../images/features_icon_convenience.jpg) 0 6px no-repeat;
	color:#821515;
	font-weight:bold;
	padding:5px 0 10px 75px;
}

div.method-box dt.durability{
	background:url(../images/features_icon_durability.jpg) 0 6px no-repeat;
	color:#821515;
	font-weight:bold;
	padding:5px 0 10px 75px;
}

div.method-box dt.playability{
	background:url(../images/features_icon_playability.jpg) 0 6px no-repeat;
	color:#821515;
	font-weight:bold;
	padding:5px 0 10px 75px;
}

div.method-box dt.simplicity{
	background:url(../images/features_icon_simplicity.jpg) 0 6px no-repeat;
	color:#821515;
	font-weight:bold;
	padding:5px 0 10px 75px;
}

div.method-box dd{
}

div.detail-box{
	margin-top:65px;	
}

div.detail-box-line{
	margin-bottom:10px;
	overflow:hidden;	
}

div.detail-box h3{
	margin-bottom:10px;
}

div.detail-box dl.left{
	float:left;
	width:348px;
	border:#d8d8d8 solid 1px;
	padding:5px;
	overflow:hidden;
}

div.detail-box dl.right{
	float:right;
	width:348px;
	border:#d8d8d8 solid 1px;
	padding:5px;
	overflow:hidden;
}

div.detail-box dt{
	width:338px;
	background:#000;
	color:#fff;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
}

div.detail-box .detail-img{
	float:left;
	width:110px;
	margin:0;
	padding:0;
}

div.detail-box .onlytext{
	width:338px;
	margin:0;
	padding:0;
}

div.detail-box dd{	
	float:left;
	width:218px;
	margin-left:10px;
}

div.btn-lineup{
	width:350px;
	margin:35px auto;
	padding:0 auto;
}

div.btn-lineup2{
	width:720px;
	margin:35px auto;
	padding:0 auto;
}

div.btn-lineup2 p.left{
	float:left;
	width:350px;
}

div.btn-lineup2 p.right{
	float:right;
	width:350px;
	margin-right:0;
}

div.products-movie{
	padding:35px 0;
}

div.products-movie dt{
	font-weight:bold;
	margin-bottom:5px;
}

div.products-movie .movie-left{
	float:left;
	margin:0;
	padding:0;
}

div.products-movie .movie-right{
	float:right;
	margin:0;
	padding:0;
}


/* 06. Concept
--------------------------------------------------------------------------
*/

div#concept-artist{
	margin:20px 0 15px 0;
	overflow:hidden;
}

div#concept-artist li{
	width:360px;
	float:left;
	margin:0 20px 10px 0;
}

div#concept-artist li.last{
	margin:0;
}

div#concept-artist .message-artist{
	background:url(../images/concept_artist_bg.jpg) left top #000 no-repeat;
	color:#fff;
	overflow:hidden;
}

div#concept-artist .message-artist p{
	float:left;
	width:140px;	
}

div#concept-artist dl{
	float:right;
	width:200px;
	padding:15px 15px 10px 0;
}

div#concept-artist .name{
	font-weight:bold;
}

div#concept-artist dd{
	font-size:85%;
	padding-top:15px;
}

div#simplicity-box,div#convenience-box,div#durability-box,div#playability-box{
	border:#d8d8d8 solid 1px;
	padding:10px;
	margin-bottom:20px;
}

div#simplicity-box dl,div#convenience-box dl,div#durability-box dl,div#playability-box dl{
	float:left;
	width:300px;
}

div#simplicity-box dt,div#convenience-box dt,div#durability-box dt,div#playability-box dt{
	margin-bottom:5px;
}

div#durability-box dd.list{
	margin-top:15px;
}

div#simplicity-box ul,div#convenience-box ul,div#durability-box ul,div#playability-box ul{
	float:right;
	width:398px;
	margin:0;
}

div#simplicity-box li,div#convenience-box li,div#durability-box li{
	float:left;
	width:126px;
	margin-right:10px;
}

div#playability-box li{
	float:left;
	width:194px;
	margin-right:10px;
}

div#simplicity-box li.last,div#convenience-box li.last,div#durability-box li.last,div#playability-box li.last{
	margin:0;
}



/* 07. Artists
--------------------------------------------------------------------------
*/

div#contents-artists{
}

div.artist-box{
	border:#d8d8d8 solid 1px;
	padding:10px;
	margin-bottom:20px;
}

div.artist-box img{
	float:left;
	width:145px;
	margin-right:15px;
}

div.artist-box dl{
	float:right;
	width:554px;
}

div.artist-box dt{
	background:url(../images/artists_name_bg.jpg) left top no-repeat;
	height:26px;
	color:#fff;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
}

div.artist-box .group{
	font-size:85%;
	font-weight:bold;
	margin-left:10px;
}



/* 08. Contents
--------------------------------------------------------------------------
*/

div#contents-contents{
}

div.business-box{
	border:#d8d8d8 solid 1px;
	padding:10px;
	margin:20px 0;
}

div.business-box .img{
	float:left;
	width:190px;
	margin-right:15px;
}

div.business-box dl{
	float:right;
	width:509px;
	overflow:hidden;
}

div.business-box dd{
	border-top:#d8d8d8 solid 1px;
	padding-top:10px;
	
}

div.business-box .title{
	color:#821515;
	font-weight:bold;
	margin:3px 0;
}

div.business-box .name{
	margin-bottom:10px;
}

div.business-box .artists-movie{
	clear: both;
	position:relative;
	display:block;
	width:480px;
	top:20px;
	margin:0 auto 20px auto;
	padding:0 auto;
}

.images img.playbtn{
	 position: absolute;
	 top: 0;
	 left: 0;
	 border: 0;
	 z-index: 100;
}

.images img.poster {
	 position: relative;
	 z-index: 1;
}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }