@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : common.css
 Author     : J2 Corporation
 Style Info : CSS Common Set
=================================================================== */

/*------------------------------------------------
Browser Initialization
-----------------------------------------------*/
body{
	background-color:#ef97ad;
}
#wrapper {
	margin:0 auto;
	width:922px;
}
#header {
	padding-top:2px;
	background-color:#fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	position:relative;
}
#header p {
	position:absolute;
	top:2px;
	right:15px;
}
#header h1 {
	margin:5px 0;
	width:480px;
	height:80px;
	padding:0;
	background:url(../images/header_logo2.gif) no-repeat top left;
	text-indent:-9999px;
	overflow:hidden;
}
#header h1 a {
	display:block;
	height:80px;
}
#header ul {
	height:28px;
	overflow:hidden;
}
#header li {
	float:left;
	margin:0;
	padding:0;
}
#footer{
	clear:both;
	color:#8f5b68;
	width:920px;
}
#footer p{
	margin:5px 0 15px 0;
	padding:0;
	text-align:right;
}

#contents {
	clear:both;
	background-color:#fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

p.mt15{ margin-top:15px; }
/* 1:TOP
----------------------------------------------------------*/
#contents #flashcontent{
	clear:both;
	width:920px;
	height:510px;
	border-bottom:1px solid #fff;
}

#contents #topContent{
	clear:both;
	width:920px;
	height:140px;
}

#contents #topmenu{
	width:460px;
	height:140px;
	float:right;
}
#contents #topmenu li{
	float:left;
}

#contents #whatsNew{
	float:left;
	width:435px;
	height:130px;
	padding:10px 12px 0 12px;
	font-size:90%;
	overflow-y:scroll;
	scrollbar-base-color:#FFACC5;
	scrollbar-arrow-color:#FFFFFF;
	color:#333333;
}

#contents #whatsNew a{
	color:#E65E80;
}

#contents #whatsNew dl{
	padding-bottom:6px;
}

#contents #whatsNew dd{
	line-height:132%;
	margin-bottom:4px;
	padding-bottom:5px;
	border-bottom:#FFCAE0 1px dotted;
}


/* 2:DETAIL
----------------------------------------------------------*/
#contents #gallary_box{
	width:920px;
	height:480px;
	position:relative;
	background:url(../images/gallary_bg.gif) repeat top left;
}
#contents #gallary_box #gallary_main{
	position:absolute;
	top:53px;
	left:268px;
	width:384px;
	height:270px;
	z-index:1;
}
#contents #gallary_box #btn_box{
	position:absolute;
	top:340px;
	left:386px;
}
#contents #gallary_box #btn_box p{
	float:left;
	width:15px;
}
#contents #gallary_box #btn_box p.rtalw{
	padding-left:115px;
}

#contents #gallary_box #gallary_sub{
	position:absolute;
	top:370px;
	left:268px;
	height:48px;
	z-index:1;
}
#contents #gallary_box #gallary_sub ul{
	clear:both;
}
#contents #gallary_box #gallary_sub ul.txtarea li{
	margin:5px 0;
}
#contents #gallary_box #gallary_sub li{
	float:left;
}

#contents #gallary_box #gallary_sub2{
	clear:both;
	position:absolute;
	top:110px;
	left:680px;
	z-index:1;
}
#contents #gallary_box #gallary_sub2 .fllt{
	float:left;
}
#contents #gallary_box #gallary_sub2 #exp_txt{
	background-color:#ef97ad;
	position:absolute;
	top:92px;
	padding-left:5px;
	color:#fff;
	font-size:85%;
	line-height:118%;
	z-index:1;
	width:125px;
	text-align:justify;
}
#contents #gallary_box #gallary_sub2 #exp_txt2 p{
	clear:both;
	width:220px;
	color:#fff;
	font-size:85%;
	line-height:130%;
	text-indent:-1em;
	padding-left:1em;
}

#contents #gallary_box #gallary_txt{
	clear:both;
	position:absolute;
	top:333px;
	left:95px;
	color:#fff;
	font-size:77%;
	line-height:140%;
	z-index:1;
}
#contents #gallary_box #gallary_txt p{
	width:160px;
}
#contents #gallary_box #exp_txt3{
	position:absolute;
	top:357px;
	left:663px;
	color:#fff;
	padding:8px;
	font-size:85%;
	line-height:120%;
	z-index:1;
	border:2px solid #fff;
}
#contents #gallary_box #exp_txt3 p{
	width:220px;
}
#contents #gallary_box #fukidasi{
	clear:both;
	position:absolute;
	top:431px;
	left:12px;
	z-index:10;
}
#contents #gallary_ft_box{
	width:920px;
	height:170px;
	position:relative;
}
#contents #gallary_ft_box h2{
	position:absolute;
	top:55px;
	left:70px;
}
#contents #gallary_ft_box h3{
	position:absolute;
	top:17px;
	left:460px;
}


#contents #gallary_box #nouki{
	clear:both;
	position:absolute;
	top:100px;
	left:42px;
	width:210px;
	text-align:justify;
	color:#fff;
	font-size:90%;
	line-height:140%;
	z-index:1;
}

/* 3:MOVIE
----------------------------------------------------------*/

#contents #movie_box{
	width:920px;
	height:510px;
	position:relative;
	background:url(../images/gallary_bg.gif) repeat top left;
}
#contents #movie_box #movie_main{
	position:absolute;
	top:93px;
	left:158px;
	width:496px;
	height:330px;
	z-index:1;
}
#contents #movie_box #btn_box{
	position:absolute;
	top:113px;
	left:693px;
}
#contents #movie_box #btn_box p.imgpt{
	clear:both;
	float:left;
	margin-bottom:9px;
	padding-right:8px;
}
#contents #movie_box #btn_box p.txtpt{
	float:left;
	padding-top:10px;
	color:#fff;
	height:62px;
	width:120px;
}
#contents #movie_box #fukidasi{
	clear:both;
	position:absolute;
	top:461px;
	left:140px;
	z-index:10;
}

#contents #mov_ft_box{
	width:920px;
	height:142px;
	position:relative;
}
#contents #mov_ft_box h2{
	position:absolute;
	top:42px;
	left:166px;
}

/* 4:HOWTOUSE
----------------------------------------------------------*/
#contents #use_box{
	width:920px;
	height:510px;
	position:relative;
	background:url(../images/gallary_bg.gif) repeat top left;
}
#contents #use_box #use_main{
	position:absolute;
	top:76px;
	left:268px;
	width:384px;
	height:270px;
	z-index:1;
}
#contents #use_box #btn_box{
	position:absolute;
	top:363px;
	left:386px;
}
#contents #use_box #btn_box p{
	float:left;
	width:15px;
}
#contents #use_box #btn_box p.rtalw{
	padding-left:115px;
}

#contents #use_box #use_sub{
	position:absolute;
	top:393px;
	left:58px;
	height:48px;
	z-index:1;
}
#contents #use_box #use_sub ul{
	clear:both;
}
#contents #use_box #use_sub ul.txtarea li{
	margin:5px 0;
}
#contents #use_box #use_sub li{
	float:left;
}
#contents #use_box #fukidasi{
	clear:both;
	position:absolute;
	top:461px;
	left:11px;
	z-index:10;
}
#contents #use_ft_box{
	width:920px;
	height:142px;
	position:relative;
}
#contents #use_ft_box h2{
	position:absolute;
	top:60px;
	left:43px;
}
#contents #use_ft_box h3{
	position:absolute;
	top:39px;
	left:620px;
}

/* 5:ABOUT
----------------------------------------------------------*/
#contents #about_box{
	width:916px;
	height:650px;
	border:2px solid #fce9eb;
	position:relative;
}
#contents #about_box #logo{
	position:absolute;
	top:25px;
	left:30px;
	z-index:1;
}
#contents #about_box #ifr_box{
	overflow-y: scroll;
	position:absolute;
	top:25px;
	left:211px;
	width:510px;
	height:573px;
	border:1px solid #ff7da5;
	color:#ff7da5;
	padding:15px 10px;
}
#contents #about_box #ifr_box p{
	font-weight:bold;
	font-size:130%;
}
#contents #about_box #ifr_box p.mt30{
	margin-top:30px;
}
#contents #about_box #ifr_box table{
	width:490px;
	margin-top:5px;
	font-size:93%;
}
#contents #about_box #ifr_box table a{
	color:#f1a5b2;
	text-decoration:none;
	margin-top:5px;
}
#contents #about_box #ifr_box table tr{
	border-bottom:1px dotted #f1a2b5;
}
#contents #about_box #ifr_box table td.first{
	border-top:1px solid #f1a2b5;
}
#contents #about_box #ifr_box table td.ttl{
	padding:5px 0 5px 10px;
	width:120px;
	border-right:1px solid #f1a2b5;
	border-bottom:1px dotted #f1a2b5;
	vertical-align:middle;
}
#contents #about_box #ifr_box table td.cont{
	padding:5px 0 5px 15px;
	border-bottom:1px dotted #f1a2b5;
}
#contents #about_box #ifr_box table td.ttl_lst{
	padding:5px 0 5px 10px;
	width:120px;
	border-right:1px solid #f1a2b5;
	border-bottom:1px solid #f1a2b5;
	vertical-align:middle;
}
#contents #about_box #ifr_box table td.cont_lst{
	padding:5px 0 5px 15px;
	border-bottom:1px solid #f1a2b5;
}
#contents #about_box #ifr_box table td.lngtxt{
	padding:5px 0 5px 10px;
	border-bottom:1px dotted #f1a2b5;
	vertical-align:middle;
}
#contents #about_box #ifr_box table td.lngtxt_lst{
	padding:5px 0 5px 10px;
	border-bottom:1px solid #f1a2b5;
	vertical-align:middle;
}

/* 6:EVENT
----------------------------------------------------------*/
#event_box,#event_box2{
	width:920px;
	height:597px;
	position:relative;
	background:url(../images/gallary_bg.gif) repeat top left;
	padding:25px 0 30px 0;
	scrollbar-base-color:#FFACC5;
	scrollbar-arrow-color:#FFFFFF;
	text-align:center;
}

#event_box2{
	overflow-y: scroll;
	text-align:center;
}

#event_box img.bottom15,#event_box2 img.bottom15{
	margin-bottom:15px;
}

#event_title{
	width:770px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.event_comment{
	width:754px;
	font-size:90%;
	line-height:140%;
	color:#ff7da5;
	margin-bottom:15px;
	padding:8px;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.event_comment h2{
	font-size:100%;
	margin-bottom:3px;
}

.event_comment h2 a{
	color:#ff7da5;
	text-decoration:underline;
}

.event_comment h2 a:hover{
	color:#ff7da5;
	text-decoration:underline;
	font-weight:bold;
}


.event_detail{
	text-align:right;
	margin-top:10px;
}

.event_detail a{
	background-color:#ff7da5;
	padding:3px;
	color:#FFFFFF;
	text-decoration:none;
}

.event_detail a:hover{
	background-color:#CCCCCC;
	padding:3px;
	color:#FFFFFF;
	text-decoration:none;
}

.event_photo{
	width:771px;
	margin-bottom:10px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.event_photo_bottom{
	width:771px;
	margin-bottom:30px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.photo02{
	margin-left:10px;
}

.photo03{
	margin-left:14px;
}

#event_return{
	text-align:left;
	margin-left:75px;
}

#event_return a{
	color:#FFFFFF;
	text-decoration:underline;
}

/* 7:CAMPEIGN
----------------------------------------------------------*/
#campeign{
	width:920px;
	height:607px;
	position:relative;
	background:url(../images/gallary_bg.gif) repeat top left;
	padding:15px 0 30px 0;
	scrollbar-base-color:#FFACC5;
	scrollbar-arrow-color:#FFFFFF;
	text-align:center;
}

#campeign_inner{
	width:770px;
	margin:auto;
}

#campeign .title{
	margin-bottom:15px;
	width:770px;
}

.campeign_comment{
	font-size:100%;
	line-height:140%;
	letter-spacing:0.05em;
	color:#FFFFFF;
	margin-bottom:30px;
	padding:0 12px;
	text-align:left;
}

.campeign_comment p{
	margin-top:2px;
}

#campeign .sale{	
	width:764px;
	margin-top:10px;
}


#campeign .spaceRight{
	padding-right:16px;
}


#campeign .top5{
	margin-top:5px;
}

#campeign td{
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:bottom;
	height:80px;
}

#campeignCS{
	background-image:url(../images/campeign/campeign_price_cs.gif);
}

#campeignCM{
	background-image:url(../images/campeign/campeign_price_cm.gif);
}

#campeignBS{
	background-image:url(../images/campeign/campeign_price_bs.gif);
}

#campeignBM{
	background-image:url(../images/campeign/campeign_price_bm.gif);
}

/* 8:CM
----------------------------------------------------------*/
#cm{
	width:920px;
	height:607px;
	position:relative;
	background:url(../images/gallary_bg.gif) repeat top left;
	padding:15px 0 30px 0;
	scrollbar-base-color:#FFACC5;
	scrollbar-arrow-color:#FFFFFF;
	text-align:center;
}

#cm #cmMovie{
	position:absolute;
	top:40px;
	left:372px;
	width:466px;
	height:383px;
	z-index:1;
}

#cm #cmTitle{
	position:absolute;
	top:40px;
	left:82px;
	width:270px;
	height:111px;
}

#cm #cmTitle p{
	background-color:#FFFFFF;
	color:#ff7da5;
	padding:3px;
	margin-top:20px;
	margin-right:10px;
}

#cm #cmArtist{
	position:absolute;
	top:460px;
	left:82px;
	width:752px;
	height:160px;
	padding:5px;
	border:#CCCCCC 2px solid;
	background-color:#FCEFF4;
	color:#ff7da5;
	text-align:left;
}

#cm #cmArtist #text{
	padding:3px 0 0 0;
	position:absolute;
	width:220px;
	line-height:135%;
}

#cm #cmArtist #text h3{
	margin-bottom:5px;
	border-bottom:#CCCCCC 1px solid;
}

#cm #cmArtist #text a{
	color:#FF2FAC;
	text-decoration:underline;
}

#cm #cmArtist #text a:hover{
	color:#E80051;
	text-decoration:underline;
}

#cm #cmArtist #text p{
	margin-top:5px;
	text-align:right;
}

#cm #cmArtist #cmCd{
	position:absolute;
	left:240px;
	width:270px;
	background-color:#E95C95;
}

#cm #cmArtist #cmCd div{
	float:left;
	width:147px;
	padding:15px 5px 5px 5px;
	color:#FFFFFF;
	text-align:justify;
	font-size:85%;
	line-height:130%;
}

#cm #cmArtist #cmCd div p{
	margin-top:5px;
	text-align:right;
}

#cm #cmArtist #cmCd div a{
	color:#FFFFFF;
	text-decoration:underline;
}

#cm #cmArtist #cmCd div a:hover{
	color:#FFD9EE;
	text-decoration:underline;
}


#cm #cmArtist #cmCd img{
	float:right;
	margin-left:3px;
}

#cm #cmArtist #cmQr{
	position:absolute;
	left:520px;
	width:237px;
	background-color:#FFFFFF;
}

#cm #cmArtist #cmQr div{
	float:left;
	width:117px;
	padding:15px 0 0 7px;
	text-align:justify;
	font-size:85%;
	line-height:130%;
}

#cm #cmArtist #cmQr img{
	float:right;
	margin-left:3px;
}

#cm #cmArtist #cmNews{
	position:absolute;
	top:120px;
	width:752px;
	padding:3px 0;
}

#cm #cmArtist #cmNews h3{
	margin-bottom:2px;
	border-bottom:#CCCCCC 1px solid;
}

#cm #cmArtist #cmNews a{
	color:#FF2FAC;
	text-decoration:underline;
}

#cm #cmArtist #cmNews a:hover{
	color:#E80051;
	text-decoration:underline;
}


/* 9:NEW_DETAIL
----------------------------------------------------------*/
#contents #gallary_box #gallary_subNew{
	position:absolute;
	top:370px;
	left:172px;
	height:48px;
	z-index:1;
}
#contents #gallary_box #gallary_subNew ul{
	clear:both;
}
#contents #gallary_box #gallary_subNew ul.txtarea li{
	margin:5px 0;
}
#contents #gallary_box #gallary_subNew li{
	float:left;
}

#contents #gallary_box #exp_txt3New{
	position:absolute;
	top:70px;
	left:690px;
	color:#fff;
	padding:8px;
	font-size:85%;
	line-height:120%;
	z-index:1;
	border:2px solid #fff;
	width:180px;
	text-align:justify;
}

#contents #gallary_box #title{
	position:absolute;
	top:53px;
	left:30px;
	width:220px;
	height:156px;
}

#contents #gallary_box #attension{
	position:absolute;
	top:225px;
	left:31px;
	width:200px;
	padding:0 10px;
	text-align:justify;
	color:#FFFFFF;
	font-size:95%;
	line-height:135%;
}

#contents #gallary_box #attension2{
	position:absolute;
	top:180px;
	left:690px;
	width:196px;
	padding:8px;
	text-align:justify;
	background-color:#FFFFFF;
	color:#E86485;
	font-size:93%;
	line-height:137%;
}

#contents #gallary_box #size{
	position:absolute;
	top:298px;
	left:690px;
	width:180px;
	color:#fff;
	font-size:93%;
	height: 17px;
}


/* 10:VOICE
----------------------------------------------------------*/
#voice_box{
	width:920px;
	height:597px;
	position:relative;
	background:url(../images/gallary_bg.gif) repeat top left;
	padding:25px 0 30px 0;
	scrollbar-base-color:#FFACC5;
	scrollbar-arrow-color:#FFFFFF;
	text-align:center;
	overflow-y: scroll;
	text-align:center;
}

#voice_box img.bottom15{
	margin-bottom:15px;
}

#voice_title{
	width:770px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}

.voice_mail{
	width:730px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding:20px;
	color:#FFFFFF;
}

.voice_mail a{
	line-height:160%;
	font-size:110%;
	color:#FFFFFF;
}


.voice_comment{
	width:770px;
	font-size:90%;
	line-height:140%;
	color:#666666;
	margin-bottom:15px;
	padding:0 0 20px 0;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.voice_comment div{
	padding:0 25px;
}

.voice_comment h2{
	font-size:100%;
	margin-bottom:7px;
	background-color:#FEF3E7;
	padding:5px 25px;
	font-weight:normal;
}

#voice_top{
	width:770px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

#voice_top a{
	color:#FFFFFF;
	text-decoration:underline;
}