body
	{
	color: black;
	background: white;
	font-size: 12px;
	_font-size: 70%;
	font-family: "Hiragino Kaku Gothic Pro", Verdana, "qMmpS Pro W3",Osaka, "lr oSVbN", sans-serif;
	}

#container { margin:0 auto; text-align:left; }
#container { width:950px; }

.vanish { left:-9999px; overflow:hidden; position:absolute; width:0; height:0; margin:0; padding:0; }


#article p,
#article div,
#article h1,
#article h2,
#article h3,
#article h4 {
	margin:0;
	padding:0;
}

#article { 
	position:relative;
	width:950px;
	margin:0 auto;
	text-align:left;
}

#article #header {
	margin:0;
	padding:0;
	width:950px;
	height:54px;
	background:url(../img/bg_header.jpg) no-repeat left top;
	position:relative;
}
#article #header h1 {
	position:relative;
	top:23px;
	left:147px;
}

#main_top{
	position:relative;
	height: 487px;
	background: url(../img/main.jpg) no-repeat left top;
}

#top_btn{
	position:absolute;
	top:265px;
	left:8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#top_btn li{
	margin: 0;
	padding: 0;
}
#top_btn li#bn2{
	margin: 0 0 0 15px;
}

.img_cmbtn{
	margin:5px 0 0 3px;
}

/* local nav
------------------------------------------------------------*/
#article #header #local {
	margin:0;
	padding:0;
	position:absolute;
	top:19px;
	right:26px;
}
#article #header #local li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	margin-left:5px;
}

/* index mainGA
------------------------------------------------------------
#article.index #main {
	margin-bottom:6px;
}
*/

a img { border:none;}
#top_btn a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


/* linkToTop
------------------------------------------------------------*/
.linkToTop {
	position:absolute;
	top:14px;
	left:22px;
}
.linkToTop a {border:solid 1px #f00;
	display:block;
	width:48px;
	height:25px;
	z-index:1000;
	font-size:1%;
	line-height:1.0;
}


/*global nav
------------------------------------------------------------*/
#article ul.nav{
	overflow:hidden;
	margin:0;
	padding:0;
	width:950px;
	height:42px;
}

#article ul.nav li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
#article #global li#nvg02,
#article #global li#nvg03 {
	padding:8px 0 0 0;
}
#article #global li#nvg03 {
	margin-right:0;
}


/* section
------------------------------------------------------------*/
.section {
	width:948px;
	border:solid 1px #CCDACF;
	position:relative;
}

/* /index/
------------------------------------------------------------*/
#article.index #products_footer {
	width:950px;
	height:22px;
}
#article.index #products_footer {
	background:url(../img/pro_footer.jpg) no-repeat left top;
}
#article.index #products {
	position:relative;
	width:950px;
	height:511px;
	background:url(../img/pro_bg.jpg) no-repeat left top;
}
#article.index #products h2 {
	position:absolute;
	top:47px;
	left:35px;
}
#article.index #products .pro_img {
	position:absolute;
	top:115px;
	left:24px;
}
#article.index #products .pro_text01 {
	position:absolute;
	top:57px;
	left:375px;
}
#article.index #products .pro_icon {
	position:absolute;
	top:103px;
	left:394px;
}
#article.index #products .pro_text02 {
	position:absolute;
	top:307px;
	left:374px;
}
#article.index #products .pro_text03 {
	position:absolute;
	top:337px;
	left:374px;
	margin:0;
}
#article.index #products .pro_text04 {
	position:absolute;
	top:400px;
	left:374px;
}
#article.index #products a {
	position:absolute;
	top:423px;
	left:736px;
}

#article #production{
	width:950px;
	height:988px;
	background:url(../product/img/proback.jpg) no-repeat;
	overflow:hidden:}
#article #production .btn_p{
	float:right;
	padding-right:47px;
	padding-top:21px;}
#article #production .btn_p2{
	position:absolute;
	right:47px;
	bottom:60px;}
	
#article #cm{
	position:relative;
	padding-top:50px;
	width:950px;
	height:1740px;
	background:url(../cm/img/cmback.gif) no-repeat;
	overflow:hidden;}
#article #cm .profile{
	width:550px;
	margin:0 auto 10px;
	overflow:hidden;}
#article #cm .profile2{
	width:401px;
	padding-left:67px;
	float:left;
	margin-bottom:30px;}
#article #cm .profile3{
	width:399px;
	padding-right:67px;
	float:right;
	margin-bottom:30px;}
#article #cm .profile .left{
	float:left;
	width:284px;}
#article #cm .profile .right{
	float:left;
	padding-left:20px;
	width:246px;}
#article #cm .profile2 .left2{
	float:left;
	width:170px;}
#article #cm .profile2 .right2{
	float:left;
	padding-left:5px;
	width:226px;}
#article #cm .profile3 .left3{
	float:left;
	width:170px;}
#article #cm .profile3 .right3{
	float:left;
	padding-left:5px;
	width:224px;}
#article #cm .profile .right h2,
#article #cm .profile2 .right2 h2,
#article #cm .profile3 .right3 h2{
	padding-top:25px;}
#article #cm .profile .right p,
#article #cm .profile2 .right2 p,
#article #cm .profile3 .right3 p{
	padding-top:15px;}
#article #cm .movie{
	width:735px;
	margin:30px auto 50px;
	padding:35px 40px 40px;
	overflow:hidden;}
#article #cm .movie1{
	width:467px;
	margin:20px auto 30px;
	overflow:hidden;}
#article #cm .movie h2{
	padding-bottom:25px;}
#article #cm .movie h2.archive{
	margin-top:15px;
	padding-bottom:25px;}
#article #cm .movie h3{
	margin-left:5px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#CCC solid 1px;}
#article #cm .movie1 .left{
	width:224px;
	padding-top:20px;
	float:left;
	overflow:hidden;}
#article #cm .movie1 .right{
	width:224px;
	padding-top:20px;
	float:left;
	overflow:hidden;
	padding-left:19px;}
#article #cm .movie ul.title{
	height:25px;
	list-style:none;
	width:467px;
	padding-top:10px;
	overflow:hidden;
	text-align:left;}
#article #cm .movie1 .left ul.title,
#article #cm .movie1 .right ul.title{
	width:224px;
	height:36px;}
#article #cm .movie ul.title li{
	float:left;
	height:24px;
	width:198px;}
#article #cm .movie1 ul.title li.btn{
	float:right;
	padding-top:0px;
	height:25px;
	width:122px;}
#article #cm .movie1 .left ul.title li,
#article #cm .movie1 .right ul.title li{
	float:left;
	height:32px;
	width:121px;}
#article #cm .movie1 .left ul.title li.btn,
#article #cm .movie1 .right ul.title li.btn{
	float:right;
	padding-top:0px;
	height:25px;
	width:90px;}
#article #cm .movie2{
	width:730px;
	margin-left:5px;
	margin-bottom:10px;
	overflow:hidden;}
#article #cm .movie2 .left{
	width:225px;
	float:left;}
#article #cm .movie2 .center{
	width:225px;
	padding-left:27px;
	float:left;}
#article #cm .movie2 ul.title{
	height:25px;
	list-style:none;
	width:225px;
	padding-top:10px;
	overflow:hidden;
	text-align:left;}
#article #cm .movie2 ul.title li{
	float:left;
	padding-top:4px;
	height:16px;
	width:121px;}
#article #cm .movie2 ul.title li.btn{
	float:right;
	padding-top:0px;
	height:25px;
	width:90px;}
.top_ep{
	position:absolute;
	top:20px;
	right:45px;
	width:125px;
	height:35px;}
.bottom_ep{
	position:absolute;
	bottom:100px;
	right:45px;
	width:125px;
	height:35px;}
	
#article #episode{
	width:950px;
	height:1822px;
	background:url(../cm/img/ep_back.gif) no-repeat;
	position:relative;}
#article #episode h1{
	padding-top:40px;
	padding-left:60px;
	margin-bottom:10px;}
#article #episode h2{
	width:225px;
	float:left;
	padding-left:230px;
	padding-top:60px;
	padding-right:55px;
	float:left;}
#article #episode p.img{
	padding-left:70px;
	margin-top:50px;
	margin-bottom:15px;}
#article #episode .ep_img{
	width:809px;
	overflow:hidden;
	margin:0 auto;}
#article #episode .ep_img .left{
	width:263px;
	float:left;
	padding-right:10px;}
#article #episode .ep_img .left.last{
	padding:0;}
#article #episode #profile{
	margin:20px auto;
	width:850px;
	padding-top:30px;}
#article #episode #profile .member{
	width:780px;
	margin:0 auto 30px;
	padding-bottom:30px;
	border-bottom-color:#CCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	overflow:hidden;}
#article #episode #profile .member.last{
	border:none;}
#article #episode #profile .member h3{
	margin-bottom:15px;}
#article #episode #profile p{
	font-size:13px;
	line-height:24px;
	margin-bottom:5px;}
#article #episode img.left{
	float:left;
	padding-right:15px;}
#article #episode img.right{
	float:left}
#episode .bottom_ep{
	position:absolute;
	bottom:50px;
	right:45px;
	width:125px;
	height:35px;}
/* /product/
------------------------------------------------------------*/
/*
#article #header.pro-index h1 {
	width:115px;
	height:17px;
}
#article .section.pro-index {
	height:424px;
	margin-bottom:6px;
	background:url(../product/img/bg_idx.jpg) no-repeat left top;
}
#article .section.pro-index h2 {
	position:absolute;
	top:23px;
	left:382px;
}
#article .section.pro-index .idx_img03 {
	position:absolute;
	top:55px;
	left:394px;
}
#article .section.pro-index h3 {
	position:absolute;
	top:248px;
	left:372px;
}
#article .section.pro-index .idx_img05 {
	position:absolute;
	top:297px;
	left:372px;
	padding-bottom:10px;
	border-bottom:solid 1px #7A7A7A;
}
#article .section.pro-index .idx_img06 {
	position:absolute;
	top:361px;
	left:372px;
}
#article .section.pro-index .idx_img07 {
	position:absolute;
	top:396px;
	left:672px;
}
*/

#article .section.pro-reason {
	position:relative;
	padding-top:52px;
	margin-bottom:14px;
	background:url(../product/img/bg_reason.jpg) no-repeat right top;
}
#article .section.pro-reason .block {
	position:relative;
	width:629px;
	height:110px;
	margin-left:54px;
	margin-bottom:12px;
}
#article .section.pro-reason .block h2 {
	margin-bottom:12px;
	margin-left:1px;
}
#article .section.pro-reason .block.toushitsu {
	height:150px;
	padding-bottom:20px;
	background:url(../product/img/img_border.gif) no-repeat left bottom;
	margin-bottom:18px;
}
#article .section.pro-reason .block a {
	position:absolute;
	bottom:0;
	right:2px;
}
#article .section.pro-reason .block.toushitsu a {
	position:absolute;
	top:128px;
	right:5px;
}
#article .section.pro-reason .block.table {
	height:303px;
}
#article .section.pro-reason .block.table div{
	margin:6px 0;
}
#article .section.pro-reason .block.table .caption{
	text-align:right;
	margin-right:7px;
}
#article .section.pro-reason a.prev{
	position:absolute;
	top:589px;
	left:734px;
}


/* /cm/
------------------------------------------------------------*/
#article .section.cm-index {
	width:882px;
	padding:0 33px;
	margin-bottom:30px;
}
#article .section.cm-index #main {
	position:relative;
	height:338px;
	background:url(../cm/img/bg_idx.jpg) no-repeat center bottom;
}
#article .section.cm-index #main h2 {
	position:absolute;
	top:26px;
	left:59px;
}
#article .section.cm-index #main .profile01 {
	position:absolute;
	top:131px;
	left:7px;
}
#article .section.cm-index #main .profile02 {
	position:absolute;
	top:120px;
	left:710px;
}

#article .section.cm-index #new_cm_block {
	position:relative;
	width:882px;
	height:395px;
	background:url(../cm/img/bg_new_cm_block.gif) no-repeat left top;
	margin-bottom:50px;
}
#article .section.cm-index #new_cm_block .cm {
	position:absolute;
	top:123px;
	left:146px;
}
#article .section.cm-index #new_cm_block .making {
	position:absolute;
	top:123px;
	left:578px;
}
/*
#article .section.cm-index #new_cm_block .msg03 {
	position:absolute;
	top:279px;
	left:331px;
}

#article .section.cm-index #new_cm_block .msg04 {
	position:absolute;
	top:279px;
	left:600px;
}
*/

#article .section.cm-index #new_cm_block .category {
	position:relative;
	width:224px;
	height:200px;
}
#article .section.cm-index #new_cm_block .category .thm {
	position:absolute;
	top:0;
	right:0;
}
#article .section.cm-index #new_cm_block .category p {
	position:absolute;
	top:145px;
	left:0;
}
#article .section.cm-index #new_cm_block .category a {
	position:absolute;
	top:145px;
	right:0;
}

#article .section.cm-index #new_cm_block .cm .category {
	position:relative;
	width:320px;
	height:236px;
}
#article .section.cm-index #new_cm_block .cm .category .thm {
	position:absolute;
	top:0;
	right:0;
}
#article .section.cm-index #new_cm_block .cm .category p {
	position:absolute;
	top:211px;
	left:0;
}
#article .section.cm-index #new_cm_block .cm .category a {
	position:absolute;
	top:211px;
	left:158px;
}
#article .section.cm-index #new_cm_block .btn_episode {
	position:absolute;
	top:321px;
	left:575px;
}


#article .section.cm-index .block {
	margin-bottom:60px;
}
#article .section.cm-index #block_top {
	margin:0;
	padding:0;
	width:882px;
	height:8px;
	background:url(../cm/img/img_block_top.gif) no-repeat left top;
	font-size:1%;
}
#article .section.cm-index .block_body {
	margin:0;
	padding:0;
	width:784px;
	background:url(../cm/img/bg_block_body.gif) repeat-y left top;
	padding:30px 39px 10px 59px;
}

#article .section.cm-index .block_body #cm-block {
	float:left;
	width:765px;
}
#article .section.cm-index .block_body #cm-block h3 {
	padding-bottom:6px;
	border-bottom:solid 1px #000000;
	margin-bottom:10px;
}
#article .section.cm-index .block_body .box {
	width:224px;
}

#article .section.cm-index .block_body #cm-block .cm {
	float:left;
	width:224px;
	margin-right:45px;
}

#article .section.cm-index .block_body #cm-block .cm.firstChild {
	margin-right:48px;
}

#article .section.cm-index .block_body #cm-block .cm.lastChild {
	margin-right:0;
}


#article .section.cm-index .block_body #cm-block .cm .box {
	position:relative;
}
#article .section.cm-index .block_body #cm-block .cm .box .icon_new{
	position:absolute;
	top:-15px;
	left:-19px;
}

#article .section.cm-index .block_body #cm-block .cm .box .category {
	padding-bottom:30px;
}
#article .section.cm-index .block_body #cm-block .cm.lastCm .box .category {
	padding-bottom:10px;
}
#article .section.cm-index .block_body #cm-block .cm .box .making {
	border-top:solid 2px #000000;
	padding-top:9px;
}

#article .section.cm-index .block_body #cm-block .cm .box div.thm {
	margin-bottom:13px;
}
#article .section.cm-index .block_body #cm-block .cm .box p {
	float:left;
}
#article .section.cm-index .block_body #cm-block .cm .box a {
	float:right;
}

#article .section.cm-index .block_body #making-block {
	float:left;
	width:765px;
}
#article .section.cm-index .block_body #making-block h3 {
	padding-bottom:6px;
	border-bottom:solid 1px #000000;
	margin-bottom:10px;
}
#article .section.cm-index .block_body .box {
	width:224px;
}

#article .section.cm-index .block_body #making-block .cm {
	float:left;
	width:224px;
	margin-right:45px;
	margin-bottom:25px;
}

#article .section.cm-index .block_body #making-block .cm .box {
	position:relative;
}

#article .section.cm-index .block_body #making-block .cm .box .category {
	padding-bottom:8px;
}
#article .section.cm-index .block_body #making-block .cm .box .making {
	border-top:solid 2px #000000;
	padding-top:9px;
}

#article .section.cm-index .block_body #making-block .cm .box div.thm {
	margin-bottom:13px;
}
#article .section.cm-index .block_body #making-block .cm .box p {
	float:left;
}
#article .section.cm-index .block_body #making-block .cm .box a {
	float:right;
}

/* oาbZ[Wฎๆ ้๊*/
#article .section.cm-index .block_body #msg-block {
	float:left;
	width:765px;
	margin-bottom:0;
}
#article .section.cm-index .block_body #msg-block h3 {
	padding-bottom:6px;
	border-bottom:solid 1px #000000;
	margin-bottom:10px;
}
#article .section.cm-index .block_body #msg-block .msg {
	margin-bottom:26px;
}
#article .section.cm-index .block_body #msg-block .msg.lastChild {
	margin-bottom:0;
}

#article .section.cm-index .block_body #msg-block .msg .box {
	float:left;
	margin-right:48px;
}
#article .section.cm-index .block_body #msg-block .msg .box.right {
	margin-right:0;
}
#article .section.cm-index .block_body #msg-block .msg .box div.thm {
	margin-bottom:13px;
}
#article .section.cm-index .block_body #msg-block .msg .box p {
	float:left;
}
#article .section.cm-index .block_body #msg-block .msg .box a {
	float:right;
}

#article .section.cm-index #block_btm {
	margin:0;
	padding:0;
	width:882px;
	height:8px;
	background:url(../cm/img/img_block_btm.gif) no-repeat left top;
}


#article .section.cm-episode {
	width:833px;
	padding:13px 56px 18px 59px;
	margin-bottom:30px;
	background:url(../cm/img/bg_episode.jpg) no-repeat left 30px;
}
#article .section.cm-episode .aside {
	margin-bottom:39px;
	height:22px;
}
#article .section.cm-episode .local {
	float:right;
}
#article .section.cm-episode .local li {
	list-style-type:none;
	float:left;
	margin-left:5px;
	font-size:1px;
}

#article .section.cm-episode #main {
	position:relative;
	height:190px;
	margin-bottom:9px;
}
#article .section.cm-episode #main img{
	position:absolute;
	top:0;
	left:440px;
}
#article .section.cm-episode #main h2 img{
	position:absolute;
	top:0;
	left:120px;
}
#article .section.cm-episode .block {
	margin-bottom:42px;
}
#article .section.cm-episode .block.episode {
	padding-bottom:20px;
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:31px;
}
#article .section.cm-episode .block h3 {
	margin-bottom:16px;
}
#article .section.cm-episode .block p {
	line-height:1.5;
	margin-bottom:15px;
}




/* vanish
------------------------------------------------------------*/
.vanish { left:-9999px; overflow:hidden; position:absolute; width:0; height:0; margin:0; padding:0; }

/* clearfix
------------------------------------------------------------*/
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.group { display:inline-block; }
/* \*/
* html .group { height:1%; }
.group { display:block; }
/* */
