@charset "shift_jis";
/*----------------------------------------------------------
 ?¿½R?¿½?¿½?¿½e?¿½?¿½?¿½c ?¿½Ð‰ï¿½ ?¿½e?¿½y?¿½[?¿½W?¿½@CSS Document?¿½@ver. 2015 / 04
 --------------------------------------------------------- */
/* ?¿½?¿½?¿½?¿½?¿½Ì“_DX-G seimitsusaitenDxG*/
#seimitsusaitenDxG{}

/*?¿½?¿½?¿½?¿½?¿½Ì“_?¿½U?¿½?¿½?¿½K?¿½C?¿½h*/
#seimitsusaitenDxG2 .leadTxt{ clear:both; font-size: 16px; font-weight: bold; margin-bottom: 21px;}
#seimitsusaitenDxG2 .explanation dt{
	font-weight: bold;
	padding-left: 20px;
	background-image: url(/damstation/images/dscontents/seimitsusaiten_dx_g/icon_list.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	font-size: 13px;
}
#seimitsusaitenDxG2 .explanation dd{ margin-bottom: 20px; }
	
/* ?¿½?¿½?¿½?¿½?¿½Ì“_DX?¿½f?¿½?¿½?¿½G?¿½b?¿½g seimitsusaiten_dx_duet*/
#seimitsusaitenDxDuet{}

/* ?¿½?¿½?¿½?¿½?¿½L?¿½?¿½?¿½O?¿½o?¿½g?¿½?¿½ rankingbattle*/
#main_2nd #rankingbattle .rankingBlock h3{
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
	margin-bottom: 15px;
	margin-top: 30px;
}
#rankingbattle .rankingBlock .notes{
	text-align: right;
	font-size: 11px;
}
#rankingbattle .rankingbattleTable {
	width: 100%;
	margin-bottom: 20px;
	border-style: solid;
	border-color: #F5CDD1;
	border-width: 2px 2px 0 2px;
	border-collapse: collapse;
}
#rankingbattle .rankingbattleTable th ,
#rankingbattle .rankingbattleTable td {padding:8px; font-size: 13px;}
#rankingbattle .rankingbattleTable th {
	background-color: #D6283A;
	border-right: 1px solid #fff;
	text-align: center;
	font-weight: normal;
}
#rankingbattle .rankingbattleTable td {
	text-align: left;
	border-bottom: 2px solid #F5CDD1;
}
#rankingbattle .rankingbattleTable .rank {width:7%;text-align: center;}
#rankingbattle .rankingbattleTable .artist {width:60%;}
#rankingbattle .rankingbattleTable .request {width:15%;text-align:center;}
#rankingbattle .rankingbattleTable .ranklist {width:20%;text-align:center;}
#rankingbattle .rankingbattleTable th.ranklist{ border-right: 0; }

#rankingbattle .notesBlock{
	clear: both;
	padding: 20px;
	background-color: #eee;
}
#main_2nd #rankingbattle .notesBlock h4{
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 13px;
}
#rankingbattle .notesBlock ul{ margin-bottom: 14px; }
#rankingbattle .notesBlock ul li{
	padding-left: 1em;
	text-indent: -1em;
}
#rankingbattle .notesBlock ul.notes li{ font-size: 11px; }



/* DAM?¿½?¿½?¿½Æ‚�?¿½?¿½?¿½?¿½A DAM?¿½?¿½?¿½Æ‚�?¿½^?¿½?¿½?¿½@?¿½?¿½?¿½?¿½ */
.damtomoDandR #flow .locater{
	padding-bottom: 73px;
	margin-bottom: 15px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 58px 54px;
}
.damtomoDandR #flow .locater.minor{ background-image: url(/damstation/images/dscontents/damtomo_douga/bg_arrow02.gif) !important; }
.damtomoDandR #flow .locater.lastChild{ background-image: none!important; padding-bottom: 10px; }
.damtomoDandR #flow .column2B p.images{ text-align: right; }
.damtomoDandR #flow .column2B ul li{ font-size: 11px; }
.damtomoDandR #flow .column2B ul{ margin-bottom: 23px; }
.damtomoDandR .h3_til.icon01{ padding: 3px 8px; }
.damtomoDandR .h3_til.icon02,
.damtomoDandR .h3_til.minor{ padding: 2px 8px; }
.damtomoDandR .h3_til.minor{ border-left-color:#78C71E !important; background-color: #DCECCC !important; color:#197F05 !important; }
.damtomoDandR .h3_til span{ display: block; padding-left: 140px; background-repeat: no-repeat; background-position: left center; }
.damtomoDandR .h3_til.minor span{
	line-height: 44px;
	background-image: url(/damstation/images/dscontents/damtomo_douga/bg_icon03.png);
}

.damtomoDandR #flow .anchorBox{
	width: 695px;
	margin:0 auto 30px auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.damtomoDandR #flow .anchorBox .boxA,
.damtomoDandR #flow .anchorBox .boxB{
	text-align: center;
	padding-top: 17px;
}
.damtomoDandR #flow .anchorBox .boxA dt,
.damtomoDandR #flow .anchorBox .boxB dt{ margin-bottom: 11px; }
.damtomoDandR #flow .anchorBox .boxA dt,
.damtomoDandR #flow .anchorBox .boxB dt,
.damtomoDandR #flow .anchorBox .boxA dd,
.damtomoDandR #flow .anchorBox .boxB dd,
.damtomoDandR #flow .anchorBox .boxA li,
.damtomoDandR #flow .anchorBox .boxB li{
	line-height: 0;
	font-size: 0;
}
.damtomoDandR #flow .anchorBox .boxA li,
.damtomoDandR #flow .anchorBox .boxB dd,
.damtomoDandR #flow .anchorBox .boxA li a,
.damtomoDandR #flow .anchorBox .boxB dd a{ display: block; }
.damtomoDandR #flow .anchorBox .boxA li a,
.damtomoDandR #flow .anchorBox .boxB dd a{
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -99999px;
	overflow: hidden;
}
.damtomoDandR #flow .anchorBox .boxA{
	float: left;
	width: 406px;
}
.damtomoDandR #flow .anchorBox .boxA dl{
	width: 384px;
	margin:0 auto 19px auto;
}
.damtomoDandR #flow .anchorBox .boxA dl li,
.damtomoDandR #flow .anchorBox .boxA dl li a{
	width: 176px;
	height: 167px;
}
.damtomoDandR #flow .anchorBox .boxA dl li{
	float: left;
	margin:0 8px;
}
.damtomoDandR #flow .anchorBox .boxB{
	float: right;
	width: 246px;
}
.damtomoDandR #flow .anchorBox .boxB dl{
	width: 218px;
	margin:0 auto 19px auto;
}
.damtomoDandR #flow .anchorBox .boxB dd,
.damtomoDandR #flow .anchorBox .boxB dd a{
	width: 218px;
	height: 167px;
}


/* DAM?¿½?¿½?¿½Æ‚�?¿½?¿½?¿½?¿½ damtomo_douga*/
#damtomoDouga #flow .locater{background-image: url(/damstation/images/dscontents/damtomo_douga/bg_arrow01.gif);}
#damtomoDouga .h3_til.icon01,
#damtomoDouga .h3_til.icon02{ color: #0098CC!important;}
#damtomoDouga .h3_til.icon01 span{ background-image: url(/damstation/images/dscontents/damtomo_douga/bg_icon01.png); line-height: 38px;}
#damtomoDouga .h3_til.icon02 span{ background-image: url(/damstation/images/dscontents/damtomo_douga/bg_icon02.png); line-height: 42px;}
#damtomoDouga #flow .anchorBox{ background-image: url(/damstation/images/dscontents/damtomo_douga/bg_flow.jpg);}
#damtomoDouga #flow .anchorBox .boxA dl li#anchor01 a{ background-image: url(/damstation/images/dscontents/damtomo_douga/btn_flow01.gif); }
#damtomoDouga #flow .anchorBox .boxA dl li#anchor02 a{ background-image: url(/damstation/images/dscontents/damtomo_douga/btn_flow02.gif); }
#damtomoDouga #flow .anchorBox .boxB dl dd a{ background-image: url(/damstation/images/dscontents/damtomo_douga/btn_flow03.gif); }
#damtomoDouga #flow .anchorBox .boxA dl li#anchor01 a:hover{ background-image: url(/damstation/images/dscontents/damtomo_douga/btn_flow01_on.gif); }
#damtomoDouga #flow .anchorBox .boxA dl li#anchor02 a:hover{ background-image: url(/damstation/images/dscontents/damtomo_douga/btn_flow02_on.gif); }
#damtomoDouga #flow .anchorBox .boxB dl dd a:hover{ background-image: url(/damstation/images/dscontents/damtomo_douga/btn_flow03_on.gif); }

/* DAM?¿½?¿½?¿½Æ‚�?¿½^?¿½?¿½ damtomo_rokuon*/
#damtomoRokuon {}
#damtomoRokuon #flow .locater{background-image: url(/damstation/images/dscontents/damtomo_rokuon/bg_arrow01.gif);}
#damtomoRokuon .h3_til.icon01,
#damtomoRokuon .h3_til.icon02{ color: #CE2B60!important;}
#damtomoRokuon .h3_til.icon01 span{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/bg_icon01.png);line-height: 38px; }
#damtomoRokuon .h3_til.icon02 span{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/bg_icon02.png); line-height: 42px;}
#damtomoRokuon #flow .anchorBox{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/bg_flow.jpg);}
#damtomoRokuon #flow .anchorBox .boxA dl li#anchor01 a{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/btn_flow01.gif); }
#damtomoRokuon #flow .anchorBox .boxA dl li#anchor02 a{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/btn_flow02.gif); }
#damtomoRokuon #flow .anchorBox .boxB dl dd a{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/btn_flow03.gif); }
#damtomoRokuon #flow .anchorBox .boxA dl li#anchor01 a:hover{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/btn_flow01_on.gif); }
#damtomoRokuon #flow .anchorBox .boxA dl li#anchor02 a:hover{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/btn_flow02_on.gif); }
#damtomoRokuon #flow .anchorBox .boxB dl dd a:hover{ background-image: url(/damstation/images/dscontents/damtomo_rokuon/btn_flow03_on.gif); }

/* DAM?¿½?¿½?¿½Æ‚�?¿½?¿½?¿½?¿½?¿½Ì“_?¿½i?¿½?¿½?¿½?¿½A?¿½^?¿½?¿½?¿½jdamtomo_seimitsusaiten */
#damtomoSeimitsusaiten {}

/* ?¿½L?¿½?¿½(?¿½?¿½?¿½?¿½A?¿½^?¿½?¿½) */
#damtomoSeimitsusaiten .container{ padding: 20px 17px 20px 17px; }
#damtomoSeimitsusaiten .attentionBox{
	clear: both;
	border: 3px solid #FF0000;
	background-color:#FFECEC;
	padding: 15px;
	text-align: center;
	margin-bottom: 15px;
}
#damtomoSeimitsusaiten .attentionBox dt{ font-size: 16px; color: #FF0101; font-weight: bold; margin-bottom: 10px; }
#damtomoSeimitsusaiten .attentionBox dd{ line-height: 0; font-size: 0; }
#damtomoSeimitsusaiten .anchorNavi{
	margin:0 auto 40px auto;
	width: 600px;
	text-align: center;
}
#damtomoSeimitsusaiten .anchorNavi dt,
#damtomoSeimitsusaiten .anchorNavi li{ line-height:0; font-size: 0; }
#damtomoSeimitsusaiten .anchorNavi dt{ margin-bottom: 10px; }
#damtomoSeimitsusaiten .anchorNavi li{ display: block; float: left; margin:0 10px; width: 280px; }
#damtomoSeimitsusaiten .anchorNavi li img{ width: 100%; }
#damtomoSeimitsusaiten .article{
	clear: both;
	width: 699px;
	margin:0 auto 35px auto;
}
#damtomoSeimitsusaiten #douga.article{ background-color: #D2EEF7;}
#damtomoSeimitsusaiten #rokuon.article{background-color: #FEE5ED;}
#damtomoSeimitsusaiten .article .tilArea h2,
#damtomoSeimitsusaiten .article .tilArea dt{ display: block; }
#damtomoSeimitsusaiten .article .tilArea h2,
#damtomoSeimitsusaiten .article .tilArea dd{ line-height: 0; font-size: 0; }
#damtomoSeimitsusaiten .article .tilArea h2,
#damtomoSeimitsusaiten .article .tilArea dl{ float: left; }
#damtomoSeimitsusaiten .article .tilArea dl{ position: relative; }
#damtomoSeimitsusaiten .article .tilArea dt{
	position: absolute;
	color: #fff;
	top: 0;
	left: 135px;
	text-align: center;
  line-height: 50px;
  z-index: 50;
}

.btn-title-doga { 
  position: relative;
  left: 119px;
}

.btn-title-rokuonn {
  position: relative;
  left: 30px;
  top: -4px;
}

.title-rokuonn {
  left: 53px!important;
  top: -3px!important;
}

#damtomoSeimitsusaiten #douga.article .tilArea h2{ width: 487px; }
#damtomoSeimitsusaiten #rokuon.article .tilArea h2{ width: 368px; }

#damtomoSeimitsusaiten #douga.article .tilArea dl{ 
  width: 209px; 
  background-color: #fff;
}

.title-rokuonn-block {
	width: 328px;
    top: 4px;
    background-color: #FEE5ED;
}

#damtomoSeimitsusaiten #rokuon.article .tilArea dl{ width: 328px;}
#damtomoSeimitsusaiten .article .leadArea{ clear: both; margin:0 auto 10px auto; padding-top: 28px; width: 688px; }
#damtomoSeimitsusaiten .article .leadArea .column{ width: 324px; float: left; padding: 0 10px 15px 10px; }
#damtomoSeimitsusaiten .article .leadArea .column dt{ margin-bottom: 5px; }
#damtomoSeimitsusaiten .article .leadArea .column img{ width: 100%; }
#damtomoSeimitsusaiten .article .leadArea .btn{ clear: both; text-align: center; }
#damtomoSeimitsusaiten .article .description{
	width: 566px;
	padding: 25px;
	margin:0 auto 34px auto;
	background-color: #fff;
}
#damtomoSeimitsusaiten .article .description .columnA{
	float: left;
	width: 245px;
	text-align: center;
}
#damtomoSeimitsusaiten .article .description .columnB{
	float: right;
	width: 284px;
	border-style: solid;
	border-width: 2px;
	margin-bottom: 17px;
	text-align: left;
}
#damtomoSeimitsusaiten .article .description .columnB h3{ margin-bottom: 14px; }
#damtomoSeimitsusaiten .article .description .columnB .inner{ width: 240px; margin:0 auto; padding-bottom: 16px; }
#damtomoSeimitsusaiten .article .description .columnB dt{ margin-bottom: 10px; font-size: 13px; }
#damtomoSeimitsusaiten #rokuon.article .description .columnB dt{ margin-bottom: 10px; line-height:0; font-size: 0; }
#damtomoSeimitsusaiten #rokuon.article .description .columnB dt img{ width: 100%; }
#damtomoSeimitsusaiten .article .description .columnB dd{line-height:0; font-size: 0; margin-bottom: 6px;}
#damtomoSeimitsusaiten #rokuon.article .description .columnB dd{ margin-bottom: 10px; line-height:1.3; font-size: 13px; }
#damtomoSeimitsusaiten .article .description .moreColumn{
	clear: both;
	border-style: solid;
	border-width: 2px;
}
#damtomoSeimitsusaiten .article .description .moreColumn .inner{ padding: 20px; }

#damtomoSeimitsusaiten .article h3{ text-align: center; color: #fff; font-weight: bold; font-size: 13px; padding: 7px 5px 3px 5px; }
#damtomoSeimitsusaiten .article h3 img{ vertical-align: middle; margin-right: 5px; }
#damtomoSeimitsusaiten #douga.article h3{ background-color: #2693FF; }
#damtomoSeimitsusaiten #rokuon.article h3{ background-color: #F22682; }
#damtomoSeimitsusaiten #douga.article .description .moreColumn h3{ padding: 0 5px; line-height: 28px; }
#damtomoSeimitsusaiten #douga.article .description .columnB,
#damtomoSeimitsusaiten #douga.article .description .moreColumn{ border-color: #2693FF; }
#damtomoSeimitsusaiten #rokuon.article .description .columnB,
#damtomoSeimitsusaiten #rokuon.article .description .moreColumn{ border-color: #F22682; }
#damtomoSeimitsusaiten #sampleMovie{
	position: relative;
	width: 665px;
	height: 185px;
	margin:0 auto 20px auto;
background-image: url(/damstation/images/dscontents/damtomo_seimitsusaiten/img_05.jpg);
background-repeat: no-repeat;
}
#damtomoSeimitsusaiten #sampleMovie p{
	position: absolute;
	top: 23px;
	left: 10px;
	display: block;
}


/* ?¿½o?¿½[?¿½`?¿½?¿½?¿½?¿½?¿½X?¿½^?¿½W?¿½I virtualstudio*/
#virtualstudio #flow{ margin-bottom: 30px; }
#virtualstudio #flow ul{ clear: both; }
#virtualstudio #flow ul li{ display: block; }
#virtualstudio #flow ul.images{ margin-bottom: 7px; }
#virtualstudio #flow ul.images li{ float: left; } 
#virtualstudio #flow ul.btn{ margin-bottom: 20px; }
#virtualstudio #flow ul.btn li{ float: left; } 
#virtualstudio #flow ul.btn li.lastChild{ float: right; }

#virtualstudio #sample .leadTxt{ margin-bottom: 22px; }
#virtualstudio #sample .block{
	clear: both;
	padding: 13px 15px;
	margin-bottom: 10px;
	background-image: url(/damstation/images/dscontents/virtualstudio/bg_sample.gif);
	background-size: 15px 15px;
}
#virtualstudio #sample .block h3{
	display: block;
	width: 260px;
	float: left;
}
#virtualstudio #sample .block .column{
	float: right;
	width: 400px;
}
#virtualstudio #sample .block .column p{
	margin-bottom: 9px;
	text-align: left;
}
#virtualstudio #sample .block .btn{ position: relative; }
#virtualstudio #sample .block .btn li{
	display: block;
	float: left;
	width: 190px;
	margin-right: 20px;
}
#virtualstudio #sample .block .btn li.cover{
	float: none;
	width: 406px;
	margin-right: 0;
	top: -3px;
	left: -3px;
	position: absolute;
}
#virtualstudio #sample .block h3 img,
#virtualstudio #sample .block .btn img{ width: 100%; }
#virtualstudio .bottomTxt{
	clear: both;
	padding-top: 10px;
	font-weight: bold;
	font-size: 15px;
}

#virtualstudio .howto{ clear: both; margin-bottom: 20px; }
#virtualstudio .howto dl{
	width: 335px;
	margin-right: 25px;
	float: left;
	padding-bottom: 20px;
}

#virtualstudio .howto dl.lastChild{ margin-right: 0; }
#virtualstudio .howto dl dt{ line-height:0; font-size: 0; margin-bottom: 15px; }

/* ?¿½?¿½?¿½?¿½!?¿½Ì‚�?¿½?¿½?¿½?¿½ÜƒV?¿½?¿½?¿½[!! utaikirimasyo*/
#utaikirimasyo #flow{
	margin-bottom: 30px;
	background-image: url(/damstation/images/dscontents/utaikirimasyo/bg_flow.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
#utaikirimasyo #flow .wrapFirst{
	background-image: url(/damstation/images/dscontents/utaikirimasyo/bg_flow_t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#utaikirimasyo #flow .wrapSecond{
	padding-top: 5px;
	padding-bottom: 15px;
	background-image: url(/damstation/images/dscontents/utaikirimasyo/bg_flow_b.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#utaikirimasyo #flow dl{
	width: 190px;
	margin: 0 35px;
	float: left;
}
#utaikirimasyo #flow dl.firstChild{ margin: 0 20px 0 10px; }
#utaikirimasyo #flow dl.lastChild{ margin: 0 0 0 10px; }
#utaikirimasyo #flow dt,
#utaikirimasyo #flow dd{ font-size: 13px; }
#utaikirimasyo #flow dt{
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.1;
}
#utaikirimasyo .timer dt,
#utaikirimasyo .timer dd{ display: block; }
#utaikirimasyo .timer dt{
	width: 62px;
	float: left;
	line-height: 0;
	font-size: 0;
}
#utaikirimasyo .timer dt img{ width: 100%; }
#utaikirimasyo .timer dd{
	width: 250px;
	float: right;
}

/*?¿½Ì“_?¿½A?¿½i?¿½?¿½?¿½C?¿½U?¿½[ saiten_analyzer*/
#saiten_analyzer .txtTeaser{
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	color: #ff0000;
}
#saiten_analyzer .aboutBox p{ padding: 0 15px 20px 15px; }
#saiten_analyzer .aboutBox p.images{
	text-align: center;
	padding: 0 0 30px 0;
}
#saiten_analyzer .aboutBox .column2A,
#saiten_analyzer .aboutBox .column2B{ width: 320px; padding-bottom: 25px; }
#saiten_analyzer .aboutBox .column2A{ float: left; padding-left: 20px; }
#saiten_analyzer .aboutBox .column2B{ float: right; padding-right: 20px; }
#saiten_analyzer .aboutBox dl{ padding: 0; }
#saiten_analyzer .aboutBox dl dt{
	background-color: #990000;
	padding: 5px 5px 3px 5px;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
#saiten_analyzer .aboutBox dl dd{
	line-height:0;
	font-size: 0;
}
#main_wp #saiten_analyzer .aboutBox .clrFix p{
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}
#main_wp #saiten_analyzer .aboutBox .clrFix p.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;
}

#saiten_analyzer .faq{
	clear: both;
	padding: 15px 0;
	text-align: right;
}
#saiten_analyzer .faq li{
	display: inline-block;
	padding-left: 30px;
	line-height: 24px;
	background-image: url(/damstation/images/dscontents/saiten_analyzer/icon_faq.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main_2nd #saiten_analyzer .faq a,
#main_2nd #saiten_analyzer .faq a:link,
#main_2nd #saiten_analyzer .faq a:visited,
#main_2nd #saiten_analyzer .faq a:hover{ color: #45A30D !important; font-weight: bold; font-size: 13px; text-decoration: none !important; }
#saiten_analyzer #flow p.images{ padding: 4px 0 26px 0; }
#saiten_analyzer #history p.images{ padding: 20px 0 50px 0; }
#saiten_analyzer #history p.btn{ padding-bottom: 20px; text-align: center;}
#saiten_analyzer #history ul.btn02{ padding-bottom: 40px; text-align:center; }
#saiten_analyzer #history ul.btn02 li{
	display: inline-block;
	width: 300px;
	margin:0 10px;
	line-height: 0;
font-size: 0;
}
#saiten_analyzer #history ul.btn02 li img{ width: 100%; }

.keyVisual-lead {
text-align: left!important;
padding-top: 10px!important;
}

.btn-ai {
text-align: right!important;
padding-top: 0px!important;
}