@charset "UTF-8";

/* ----------------------------------------------------------------------
	common
---------------------------------------------------------------------- */

/* A CSS sticky footer (http://ryanfait.com/sticky-footer/) */
html, body{
	height: 100%;}
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -22px;}
#footer, #push{
	height: 22px;
}
/**/

body{
	background: #fff url("../i/global/bg.gif") repeat-y center top;}

#wrapper {
	width: 660px;}

#header h1 {
	padding-top: 20px;
	line-height: 0;
	font-size: 1px;
	text-indent: -9999px;}
#header h1 a {
	outline: none;
	display: block;
	background: transparent url("../i/global/logo.gif") no-repeat left top;
	width: 142px;
	height: 40px;
	text-decoration: none;}

#nav {
	margin-top: 20px;}
#nav ul {
	background: transparent url("../i/nav/separator.gif") no-repeat 0 0;
	width: 660px;
	height: 11px;}
#nav ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
#nav ul li {
	display: inline;
	line-height:0;
	font-size:1px;
	text-indent:-9999px;}
#nav ul li a {
	outline: none;
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 11px;
	margin-left: 1px;}
#nav ul li a:hover {
	background-position: 0 -11px;}
#index #nav ul li#n-index a,
#management #nav ul li#n-management a,
#jpop #nav ul li#n-jpop a,
#mobile #nav ul li#n-mobile a,
#amusement #nav ul li#n-amusement a,
#blog #nav ul li#n-blog a,
#creator #nav ul li#n-creator a,
#company #nav ul li#n-company a {
	background-position: 0 -22px;}
#nav ul li#n-index a {
	background-image: url("../i/nav/index.gif");
	width: 54px;}
#nav ul li#n-management a {
	background-image: url("../i/nav/management.gif");
	width: 96px;}
#nav ul li#n-jpop a {
	background-image: url("../i/nav/jpop.gif");
	width: 62px;}
#nav ul li#n-mobile a {
	background-image: url("../i/nav/mobile.gif");
	width: 67px;}
#nav ul li#n-amusement a {
	background-image: url("../i/nav/amusement.gif");
	width: 103px;}
#nav ul li#n-blog a {
	background-image: url("../i/nav/blog.gif");
	width: 92px;}
#nav ul li#n-creator a {
	background-image: url("../i/nav/creator.gif");
	width: 108px;}
#nav ul li#n-company a {
	background-image: url("../i/nav/company.gif");
	width: 69px;}

#content {
	margin-top: 20px;}
#content h2 {
	line-height: 0;
	font-size: 1px;
	text-indent: -9999px;}
#content h3 {
	background-color: #555;
	width: 646px;
	height: 80px;
	margin-top: 5px;
	padding: 9px 0 0 14px;
	color: #fff;
	line-height: 24px;
	font-weight: bold;}
/*#content h3 {
	width: 660px;
	height: 89px;
	margin-top: 5px;
	line-height: 0;
	font-size: 1px;
	text-indent: -9999px;}*/

#main {
	overflow: auto;
	height: 378px;
	margin-top: 10px;}
#main .Section {
	margin-bottom: 20px;}
#main h4 {
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;}
#main .More {
	clear: left;
	text-align: right;}

#footer {
	width: 660px;
	margin: 0 auto;}
#footer p {
	text-align: center;}

/* ----------------------------------------------------------------------
	index
---------------------------------------------------------------------- */

#index #content {
	margin-top: 10px;}

#index #catch {
	position: relative;
	background: transparent url("../i/index/catch_bg.jpg") no-repeat left top;
	width: 660px;
	height: 146px;}
#index #catch h2 {
	position: absolute;
	left: 18px;
	top: 19px;
	background: transparent url("../i/index/catch_h2.jpg") no-repeat left top;
	width: 588px;
	height: 43px;}
#index #catch h3 {
	position: absolute;
	left: 18px;
	top: 71px;
	background: transparent url("../i/index/catch_h3.jpg") no-repeat left top;
	width: 425px;
	height: 32px;
	margin-top: 0;
	line-height: 0;
	font-size: 1px;
	text-indent: -9999px;}
#index #catch h4 {
	line-height: 0;
	font-size: 1px;
	text-indent: -9999px;}
#index #catch h4 a {
	display: block;
	outline: none;
	position: absolute;
	left: 567px;
	top: 116px;
	background: transparent url("../i/index/catch_blog.jpg") no-repeat left top;
	width: 93px;
	height: 30px;}

#index #main {
	/*height: 361px;*/
	height: auto;}
#index #main h4 {
	margin-bottom: 5px;}
#index #main dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;}
#index #main dd {
	background: transparent url("../i/global/list.gif") no-repeat 0 0;
	padding-left: 33px;}

/* ----------------------------------------------------------------------
	management
---------------------------------------------------------------------- */

#management h2 {
	background: transparent url("../i/title/management.gif") no-repeat 0 0;
	width: 92px;
	height: 25px;}
#management #main h4 {
	margin-bottom: 5px;
	border-bottom-width: 0;}
#management .Container {
	clear: left;}
#management .Container .Container {
	clear: none;
	float: left;
	width: 200px;
	margin-right: 10px;}
#management .Container .Container h5 {
	background-color: #c8000d;
	margin-bottom: 5px;
	padding: 5px 10px;
	color: #fff;}
#management .Container .Container h5 span {
	font-weight: normal;}
#management .Container .Container h6 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;}
#management .Container .Container dl {
	margin-bottom: 10px;}
#management .Container .Container dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;}
#management .Container .Container dd li {
	/*background: transparent url("../i/global/accent_dd.gif") no-repeat 0 0;
	padding-left: 15px;*/}
#management .More {
	width: 620px;
	padding-top: 5px;
	border-top: 1px solid #ddd;}

/* ----------------------------------------------------------------------
	jpop
---------------------------------------------------------------------- */

#jpop h2 {
	background: transparent url("../i/title/jpop.gif") no-repeat 0 0;
	width: 54px;
	height: 25px;}
#jpop h4 {
	margin-bottom: 5px;}
#jpop #service dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;}
#jpop #list dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;}
#jpop #service dd,
#jpop #list dd {
	background: transparent url("../i/global/list.gif") no-repeat 0 0;
	padding-left: 33px;}

/* ----------------------------------------------------------------------
	mobile
---------------------------------------------------------------------- */

#mobile h2 {
	background: transparent url("../i/title/mobile.gif") no-repeat 0 0;
	width: 65px;
	height: 25px;}
#mobile #main p,
#mobile #main ul {
	margin-bottom: 10px;}
#mobile #main li {
	background: transparent url("../i/global/list.gif") no-repeat 0 0;
	padding-left: 33px;}

/* ----------------------------------------------------------------------
	amusement
---------------------------------------------------------------------- */

#amusement h2 {
	background: transparent url("../i/title/amusement.gif") no-repeat 0 0;
	width: 123px;
	height: 25px;}
#amusement #main p,
#amusement #main ul {
	margin-bottom: 10px;}
#amusement #main li {
	background: transparent url("../i/global/list.gif") no-repeat 0 0;
	padding-left: 33px;}

#amusement #sample {
	margin-bottom: 20px;}
#amusement #sample ul {
	margin-left: 16px;}
#amusement #sample ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
#amusement #sample ul li {
	float: left;
	background-image: url("../i/global/playbutton.gif");
	margin-right: 20px;
	margin-left: 0;
	padding-left: 17px;}
#amusement #sample ul li a {
	font-weight: bold;}

/* ----------------------------------------------------------------------
	blog---------------------------------------------------------------------- */

#blog h2 {
	background: transparent url("../i/title/blog.gif") no-repeat 0 0;
	width: 102px;
	height: 25px;}
#blog #main p {
	margin-bottom: 10px;}

/* ----------------------------------------------------------------------
	creator
---------------------------------------------------------------------- */

#creator h2 {
	background: transparent url("../i/title/creator.gif") no-repeat 0 0;
	width: 128px;
	height: 25px;}
#creator #main h5 {
	color: #c8000d;}
#creator #main p, 
#creator #main ul {
	margin-bottom: 10px;}
#creator #main li {
	background: transparent url("../i/global/list.gif") no-repeat 0 0;
	padding-left: 33px;}

/* ----------------------------------------------------------------------
	company
---------------------------------------------------------------------- */

#company h2 {
	background: transparent url("../i/title/company.gif") no-repeat 0 0;
	width: 70px;
	height: 25px;}

#company #main {
	height: 472px;}

#company dt {
	clear: left;
	float: left;
	width: 80px;
	padding: 5px 0;
	border-top: 1px solid #ddd;
	font-weight: bold;}
#company dd {
	margin-left: 80px;
	padding: 5px 0;
	border-top: 1px solid #ddd;}