@charset "shift_jis";
/*----------------------------------------------------------
 コンテンツ 紹介　CSS Document　ver. 2015 / 04
 --------------------------------------------------------- */

#main_wp {
	background-color: transparent!important;
	border: none !important;
	margin: 0 !important;
}
#main_wp p,
#main_wp dl,
#main_wp ul{ font-size: 13px; }


/** column **/

.column2A,
.column2B{ width: 335px; }
.column2A{ float: left; }
.column2B{ float: right; }

.box_tab{ clear: both; }
/*main contetns
---------------------------------------------------------*/
/*---------------------------------------- 対応機種 */
.type{
	background-color: #fff;
	padding: 2px;
}
.type dt{
	text-align: center;
	font-size: 13px;
	line-height: 26px;
	margin-bottom: 6px;
	color: #fff;
}
.type dd{ text-align: center; }
/*-------------------------------------- 詳細テキストリンク */
.detailLink{
	float: right;
	padding: 3px 0 3px 20px;
	background-image: url(/damstation/images/dscontents/bg_detail_link.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*-------------------------------------- Tab menu */
#damtomo_contents .tabs_menu {
	margin-bottom: 0;
	padding: 0;
	background-color: transparent;
	clear: both;
	border-bottom: 6px solid #1B7F05;
	border-left: none;
	border-right: none;
}
.tabs_menu li,
.tabs_menu li a,
.tabs_menu li span{
	display: block;
	width: 220px;
	text-align: center;
	height: 36px;
	line-height: 36px;
}
.tabs_menu li{
	float: left;
	margin-right: 10px;
	line-height: 36px;
	height: 36px;
	text-align: center;
	background-color: #CCCCCC;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}
.tabs_menu li span{padding: 0 20px;}
#main_2nd .tabs_menu li a:link,
#main_2nd .tabs_menu li a:visited,
#main_2nd .tabs_menu li a:hover{ color: #666; }
#main_2nd .tabs_menu li a:link,
#main_2nd .tabs_menu li a:visited{ text-decoration: none; }
#main_2nd .tabs_menu li a:hover{ text-decoration: underline; }

.tabs_menu li.current{ background-color: #1B7F05; color: #fff; }
#main_2nd .tabs_menu li.current a:link,
#main_2nd .tabs_menu li.current a:visited,
#main_2nd .tabs_menu li.current a:hover{ color: #fff; }

/** clear **/
.tabs_menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tabs_menu { display:inline-block; }
/*\*/
* html .tabs_menu { height:1%; }
.tabs_menu { display:block; }
/**/	
/*---------------------------------------------------------key visual*/
#keyVisual{
	clear: both;
	margin-bottom: 18px;
	display: table;
	padding: 14px 20px;
	border-radius: 8px; 
	background-color: #FF8000;
	/*background-image: url(/damstation/images/dscontents/bg_key.gif);*/
}
#keyVisual h1{
	line-height: 0;
	font-size: 0;
	display: block;
	float: left;
	text-align: left;
	width: 240px;
}
#keyVisual p{
	font-size: 13px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	padding-top: 20px;
}
#keyVisual .section{ float: right; width: 460px; position: relative; }
#keyVisual ul{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
#keyVisual ul li{ display: inline; margin-left: 5px; }

/** clear **/
#keyVisual:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#keyVisual { display:inline-block; }
/*\*/
* html #keyVisual { height:1%; }
#keyVisual { display:block; }
/**/

/* 精密採点DX-G seimitsusaiten_dx_g*/
#seimitsusaitenDxG #keyVisual h1 img,
#seimitsusaitenDxG2 #keyVisual h1 img{ width: 227px;}
#seimitsusaitenDxG2 #keyVisual p.btn,
#seimitsusaitenDxG #keyVisual p.btn{
	position: absolute;
	display: block;
	width: 192px;
	height: 32px;
	padding-top: 0;
	background-image: url(/damstation/images/dscontents/btn_movie_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	top: 38px;
	right: 0;
}


/* 精密採点DXデュエット seimitsusaiten_dx_duet*/
#seimitsusaitenDxDuet #keyVisual h1 img{ width: 227px;}
#seimitsusaitenDxDuet #keyVisual p.btn{
	position: absolute;
	display: block;
	width: 192px;
	height: 32px;
	padding-top: 0;
	background-image: url(/damstation/images/dscontents/btn_movie_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	top: 40px;
	right: 0;
}

/* 精密採点DXミリオン seimitsusaiten_dx_million*/
#seimitsusaitenDxmillion #keyVisual { padding: 14px 20px 33px 20px !important;}
#seimitsusaitenDxmillion #keyVisual h1 { width: 260px !important;}
#seimitsusaitenDxmillion #keyVisual .section{ width: 440px !important;}
#seimitsusaitenDxmillion #keyVisual h1 img{ width: 250px;}
#seimitsusaitenDxmillion #keyVisual p.btn{
	position: absolute;
	display: block;
	width: 192px;
	height: 32px;
	padding-top: 0;
	background-image: url(/damstation/images/dscontents/btn_movie_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	top: 40px;
	right: 0;
}

/* 精密採点AI*/
#seimitsusaitenai .txtAC {
    text-align: left!important;
}

#seimitsusaitenai .seimitsusaitenai-fw {
    font-weight: bold;
}

#seimitsusaitenai #keyVisual p {
    padding-top: 45px;
    text-align: right;
}

.keyVisual-lead {
    width: 255px;
}




















/* ランキングバトル rankingbattle*/
#rankingbattle #keyVisual{ background-color: #D6283A; }
#rankingbattle #keyVisual p{ padding-top: 55px; }
#rankingbattle #keyVisual p.btn{
	position: absolute;
	display: block;
	width: 192px;
	height: 32px;
	padding-top: 0;
	background-image: url(/damstation/images/dscontents/btn_movie_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	top: 50px;
	right: 0;
}

/* DAM★とも動画、 DAM★とも録音　共通 */
.damtomoDandR #keyVisual{ height: 90px; }
.damtomoDandR #keyVisual .section{ width: 430px;}
.damtomoDandR #keyVisual h1{ width: 260px; padding-top: 14px; }
.damtomoDandR #keyVisual p{padding-top: 30px;}
.damtomoDandR #keyVisual p.btn{
	position: absolute;
	display: block;
	width: 192px;
	height: 32px;
	padding-top: 0;
	background-image: url(/damstation/images/dscontents/btn_movie_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	top: 50px;
	right: 0;
}
/* DAM★とも動画 damtomo_douga*/
#damtomoDouga #keyVisual{ background-color:#0198CD; }


/* DAM★とも録音 damtomo_rokuon*/
#damtomoRokuon #keyVisual{background-color: #CE2B60; }
#damtomoRokuon.damtomoDandR #keyVisual p{padding-top: 40px;}
#damtomoRokuon.damtomoDandR #keyVisual p.btn{ padding-top: 0; }
/* DAM★とも精密採点（動画、録音）damtomo_seimitsusaiten */
#damtomoSeimitsusaiten #keyVisual{ padding: 28px 10px; }
#damtomoSeimitsusaiten #keyVisual h1 img{ width: 282px; }
#damtomoSeimitsusaiten #keyVisual h1{ width: 290px; }
#damtomoSeimitsusaiten #keyVisual .section{ width: 410px; }

/* バーチャルスタジオ virtualstudio*/
#virtualstudio #keyVisual{ background-color:#ccc; }
#virtualstudio #keyVisual p{ color: #333; padding-top: 20px; }
#virtualstudio #keyVisual h1{ width: 260px;}
#virtualstudio #keyVisual .section{ width: 435px; }

/* DAMボイストレーニング voicetraining*/
#voicetraining #keyVisual h1 img{ width: 227px;}

/* 完唱!歌いきりまショー!! utaikirimasyo*/
#utaikirimasyo #keyVisual h1{ width: 190px;}
#utaikirimasyo #keyVisual h1 img{ width: 180px;}
#utaikirimasyo #keyVisual .section{ width: 510px; }

/*採点アナライザー saiten_analyzer*/
#saiten_analyzer #keyVisual{ background-color:#990000; }
#saiten_analyzer #keyVisual p{  color: #fff; font-size: 15px; padding-top: 5px; }
#saiten_analyzer #keyVisual h1{ width: 250px; }
#saiten_analyzer #keyVisual .section{ width: 450px;}

/*---------------------------------------- container */

.container{
	border-style: solid;
	border-color: #ccc;
	border-width: 0 2px 2px 2px;
	padding: 20px;
}
.container.noTab{
	border-style: solid;
	border-color: #ccc;
	border-width: 2px;
}



/*------------------------------------------- about */
.aboutBox{
	border-style: solid;
	border-color:#FF8000;
	border-width: 3px;
	margin-bottom: 19px;
	border-radius: 5px;
}
.aboutBox h2{
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 13px;
	background-size: 14px 14px;
	color: #fff;
	background-color: #FF8000;
}
#main_wp .aboutBox p,
#main_wp .aboutBox ul,
#main_wp .aboutBox dl{ font-size: 16px;}

.aboutBox p,
.aboutBox ul,
.aboutBox dl{ padding: 0 15px 15px; line-height: 1.3;}
.aboutBox .column2A,
.aboutBox .column2B{ width: 345px; }



/* ランキングバトル rankingbattle*/
#rankingbattle .aboutBox{ border-color:#D6283A; }
#rankingbattle .aboutBox h2{ background-color: #D6283A; }
/* DAM★とも動画 damtomo_douga*/
#damtomoDouga .aboutBox{ border-color:#0198CD; }
#damtomoDouga .aboutBox h2{background-color:#0198CD;}

/* DAM★とも録音 damtomo_rokuon*/
#damtomoRokuon .aboutBox{ border-color:#CE2B60; }
#damtomoRokuon .aboutBox h2{background-color:#CE2B60;}

/* バーチャルスタジオ virtualstudio*/
#virtualstudio .aboutBox{ border-color:#777777; }
#virtualstudio .aboutBox h2{background-color:#777777;}

/*採点アナライザー saiten_analyzer*/
#saiten_analyzer .aboutBox{ border-color:#990000; }
#saiten_analyzer .aboutBox h2{background-color:#990000;}


/*------------------------------------------ title */
.h2_til,
.h3_til,
.h4_til{
	clear: both;
	margin-bottom: 15px;
	font-weight: bold;
	background-size: 15px 15px;
}

.h2_til{
	padding: 7px 8px;
	font-size: 20px;
	background-color: #FF8000;
	color: #fff;
}
.h2_til span{
	display: block;
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #FFDFBF;
	line-height: 24px;
	color: #fff;
	background-size: 4px 24px;
}
.h3_til{
	position: relative;
	padding: 7px 8px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color:#FF8001;
	background-color: #FFDFBF;
	font-size: 16px;
	color: #333 !important;
}
.h3_til .iconNew{ width: 44px; height: 23px; margin-left: 10px; vertical-align: middle; }

.h4_til{
	padding-bottom: 4px;
	border-bottom: 3px solid #FFDFBF;
	font-size: 16px;
	color: #333 !important;
}
.h4_til span{
	display: block;
	padding: 2px 4px 1px 4px;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color:#FF8001;
}

#main_2nd .aboutBox h2{ font-size: 20px; }
#main_2nd h2.h2_til{ font-size: 20px; border-radius: 5px; }
#main_2nd h3.h3_til,
#main_2nd h4.h4_til{ font-size: 16px; }

/* ランキングバトル rankingbattle*/
#rankingbattle .h2_til{ background-color: #D6283A; }
#rankingbattle .h2_til span{ border-left-color: #F5CDD1; }
#rankingbattle .h3_til{background-color: #F5CDD1; border-left-color:#D6283A;}

/* DAM★とも動画 damtomo_douga*/
#damtomoDouga .h2_til{ background-color: #0198CD; }
#damtomoDouga .h2_til span{ border-left-color:#D2EEF7; }
#damtomoDouga .h3_til{ border-left-color:#0198CD; background-color: #D2EEF7;color:#0198CD;}


/* DAM★とも録音 damtomo_rokuon*/
#damtomoRokuon .h2_til{ background-color: #CE2B60; }
#damtomoRokuon .h2_til span{ border-left-color: #F8CFE8; }
#damtomoRokuon .h3_til{ border-left-color:#CE2B60; background-color: #F8CFE8;color:#CE2B60;}


/* バーチャルスタジオ virtualstudio*/
#virtualstudio .h2_til{ background-color: #666666; }
#virtualstudio .h2_til span{ border-left-color: #BBBBBB; }
#virtualstudio .h3_til{ border-left-color:#666666; background-color: #eee;color:#000;}

/* DAMボイストレーニング voicetraining*/

#voicetraining .h3_til .inText{
	display: block;
	position: absolute;
	font-weight: normal;
	top: 9px;
	right: 20px;
	white-space:nowrap;
}

/*採点アナライザー saiten_analyzer*/
#saiten_analyzer .h2_til{ background-color: #990000; }
#saiten_analyzer .h2_til span{ border-left-color:#fff; }
#saiten_analyzer .h3_til{ border-left-color:#990000; background-color:;color:;}



/*---------------------------------------- Recommended */
.recommendedBlock{
	clear: both;
	margin-top: 30px;
	position: relative;
	padding: 45px 20px 18px 17px;
	margin-bottom: 30px;
	background-color:#FFFEDD;
	border: 2px solid #78C71E;
}

.recommendedBlock h3{
	position: absolute;
	display: block;
	color: #fff;
	width: 180px;
	height: 26px;
	padding-top: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	top: -15px;
	left: 17px;
	background-image: url(/damstation/images/dscontents/bg_ct_t.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.recommendedBlock h4{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 2px solid #78C71E;
	margin-bottom: 15px;
}
.recommendedBlock .leadTxt{ margin: 0 5px 5px; }
.recommendedBlock .btn{
	display: block;
	float: right;
	line-height: 0;
	font-size: 0;
	width: 192px;
	height: 32px;
	background-image: url(/damstation/images/dscontents/btn_movie_on.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}


#main_2nd .recommendedBlock h3{ font-size: 16px; }
#main_2nd .recommendedBlock h4{ font-size: 16px; }
.recommendedBlock .columnA{
	float: left;
	width: 203px;
}
.recommendedBlock .columnB{
	float: right;
	width: 427px;
}
/** clear **/
.recommendedBlock .columnB:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.recommendedBlock .columnB { display:inline-block; }
/*\*/
* html .recommendedBlock .columnB { height:1%; }
.recommendedBlock .columnB { display:block; }
/**/

/*---------------------------採点りれきを残す*/
.screenBlock{
	clear: both;
	margin-top: 30px;
	position: relative;
	padding: 0 15px 18px 15px;
	margin-bottom: 30px;
	background-color:#FFFEDD;
	border: 2px solid #78C71E;
}
#main_2nd .screenBlock h3{
	padding: 5px 5px 7px 5px;
	background-color: #78C71E;
	border: 1px solid #78C71E;
	color: #fff;
	border-radius: 0 0 6px 6px;
	margin-bottom: 30px;
	font-size: 16px;
	display: inline-block;
}
.screenBlock p{ margin-bottom: 15px; }
.screenBlock p.images{
	line-height: 0;
	font-size: 0;
	display: block;
	width: 600px;
	margin:0 auto 10px auto;
}
.screenBlock p.images img{ width: 100%; }
.screenBlock ul.notes li{
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}
 /*Flexible Modules
---------------------------------------------------------*/ 

/**text**/
.txtAR{text-align:right!important;}
.txtAC{text-align:center!important;}
.txtAL{text-align:left!important;}
/**vertical-align**/
.vaT{vertical-align:top!important;}
.vaM{vertical-align:middle!important;}
.vaB{vertical-align:bottom!important;}
/*** emphasis(only text) ***/
.fwB{font-weight:bold !important;}
.fwN{font-weight:normal !important;}
/*** font size ***/
.fontS{font-weight:11px !important;}
.fontM{font-weight:14px !important;}
.fontL{font-weight:16px !important;}
/**margin/padding**/
/***margin***/
.mA5{margin:5px!important;}
.mA10{margin:10px!important;}
/****top****/
.mT-10{margin-top:-10px!important;}
.mT-5{margin-top:-5px!important;}
.mT0{margin-top:0!important;}
.mT3{margin-top:3px!important;}
.mT5{margin-top:5px!important;}
.mT10{margin-top:10px!important;}
.mT15{margin-top:15px!important;}
.mT20{margin-top:20px!important;}
.mT25{margin-top:25px!important;}
.mT30{margin-top:30px!important;}
.mT35{margin-top:35px!important;}
.mT40{margin-top:40px!important;}
.mT45{margin-top:45px!important;}
.mT50{margin-top:50px!important;}
.mT60{margin-top:60px!important;}
.mT70{margin-top:70px!important;}
/****bottom****/
.mB0{margin-bottom:0!important;}
.mB3{margin-bottom:3px!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB15{margin-bottom:15px!important;}
.mB20{margin-bottom:20px!important;}
.mB25{margin-bottom:25px!important;}
.mB30{margin-bottom:30px!important;}
.mB35{margin-bottom:35px!important;}
.mB40{margin-bottom:40px!important;}
.mB45{margin-bottom:45px!important;}
.mB50{margin-bottom:50px!important;}
.mB60{margin-bottom:60px!important;}
.mB70{margin-bottom:70px!important;}
/****left****/
.mL0{margin-left:0!important;}
.mL3{margin-left:3px!important;}
.mL5{margin-left:5px!important;}
.mL10{margin-left:10px!important;}
.mL15{margin-left:15px!important;}
.mL20{margin-left:20px!important;}
.mL25{margin-left:25px!important;}
.mL30{margin-left:30px!important;}
.mL35{margin-left:35px!important;}
.mL40{margin-left:40px!important;}
.mL45{margin-left:45px!important;}
.mL50{margin-left:50px!important;}
.mL60{margin-left:60px!important;}
.mL70{margin-left:70px!important;}
.mL80{margin-left:80px!important;}
.mL90{margin-left:90px!important;}
.mL100{margin-left:100px!important;}
/****right****/
.mR0{margin-right:0!important;}
.mR3{margin-right:3px!important;}
.mR5{margin-right:5px!important;}
.mR7{margin-right:7px!important;}
.mR10{margin-right:10px!important;}
.mR15{margin-right:15px!important;}
.mR20{margin-right:20px!important;}
.mR25{margin-right:25px!important;}
.mR30{margin-right:30px!important;}
.mR35{margin-right:35px!important;}
.mR40{margin-right:40px!important;}
.mR45{margin-right:45px!important;}
.mR50{margin-right:50px!important;}
.mR60{margin-right:60px!important;}
.mR70{margin-right:70px!important;}
.mR80{margin-right:80px!important;}
.mR90{margin-right:90px!important;}
.mR100{margin-right:100px!important;}
.mR120{margin-right:120px!important;}

/***padding***/
.pA5{padding:5px!important;}
.pA10{padding:10px!important;}
/****top****/
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pT25{padding-top:25px!important;}
.pT30{padding-top:30px!important;}
.pT35{padding-top:35px!important;}
.pT40{padding-top:40px!important;}
.pT45{padding-top:45px!important;}
.pT50{padding-top:50px!important;}
/****bottom****/
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.pB25{padding-bottom:25px!important;}
.pB30{padding-bottom:30px!important;}
.pB35{padding-bottom:35px!important;}
.pB40{padding-bottom:40px!important;}
.pB45{padding-bottom:45px!important;}
.pB50{padding-bottom:50px!important;}
/****left****/
.pL0{padding-left:0!important;}
.pL5{padding-left:5px!important;}
.pL10{padding-left:10px!important;}
.pL15{padding-left:15px!important;}
.pL20{padding-left:20px!important;}
.pL25{padding-left:25px!important;}
.pL30{padding-left:30px!important;}
.pL35{padding-left:35px!important;}
.pL40{padding-left:40px!important;}
.pL45{padding-left:45px!important;}
.pL50{padding-left:50px!important;}
/****right****/
.pR0{padding-right:0!important;}
.pR5{padding-right:5px!important;}
.pR10{padding-right:10px!important;}
.pR15{padding-right:15px!important;}
.pR20{padding-right:20px!important;}
.pR25{padding-right:25px!important;}
.pR30{padding-right:30px!important;}
.pR35{padding-right:35px!important;}
.pR40{padding-right:40px!important;}
.pR45{padding-right:45px!important;}
.pR50{padding-right:50px!important;}

/** float **/
.fL{float:left!important;}
.fR{float:right!important;}


/** images **/
.images{ line-height: 0; font-size: 0; }

/** indent **/

.indent li{
	padding-left: 1em;
	text-indent: -1em;
}

/** clear **/
.clr{ clear:both; }
.clrFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clrFix { display:inline-block; }
/*\*/
* html .clrFix { height:1%; }
.clrFix { display:block; }
/**/