@charset "utf-8";
@import "cmn.css";

#main .recList{
	margin:20px 0 0 -15px;
}
#main .recList td{
	vertical-align:bottom;
	line-height:2;
}
#main .recList a{
	display:block;
	background:url('../img/recording/rec.png') no-repeat;
	margin-left:15px;
}
#main .recList a.full{
	width:270px;
	height:140px;
	background-position:0 0;
}
#main .recList a.care{
	width:140px;
	height:140px;
	background-position:-285px 0;
}
#main .recList a.self{
	width:140px;
	height:140px;
	background-position:-440px 0;
}
#main .recList a.mix{
	width:580px;
	height:50px;
	background-position:0 -140px;
}
#main .recList td.arrow{
	height:45px;
	padding-left:15px;
	background:url('../img/recording/arrow.gif') right center no-repeat;
}
#main .recTable{
	width:100%;
	margin:0;
}
#main .recTable th{
	padding:0 25px 15px 0;
	text-align:left;
}
#main .recTable th span{
	padding:2px 5px;
	border-left:5px solid #990000;
	font:bold 100% 'Arial';
	color:#999999;
}
#main .recTable td{
	padding-bottom:15px;
}
#main .fullRecMenu{
	position:absolute;
	top:20px;
	right:0;
}
#main .fullRecMenu li{
	float:left;
	list-style:none;
	margin-left:3px;
}
#main .fullRecMenu li a{
	display:block;
	padding:2px 10px;
	background:#222222;
	border:1px solid #444444;
	font:bold 80% 'Arial';
}
#main .fullRecMenu li a:link, #main .fullRecMenu li a:visited{
	color:#999999;
}
#main .fullRecMenu li a:hover, #main .fullRecMenu li a:active, #main .fullRecMenu li a.open{
	color:#ffff33;
}
#main .fullRecImage{
	display:block;
}
#main .fullRecObservation{
	width:200px;
	margin:-180px 0 0 auto;
}
#main .fullRecObservation div{
	position:relative;
	cursor:pointer;
}
#main .fullRecObservation a{
	display:block;
	margin-top:10px;
}
#main .fullRecObservation p{
	position:absolute;
	top:0;
	right:202px;
	display:none;
	width:200px;
	padding:0.5em 0.8em;
	background:url('../img/cmn/baloon.png') repeat;
	border:1px solid #66ff00;
	font-size:85%;
	line-height:1.5;
	color:#eeeeee;
	text-align:justify;
	text-justify:inter-ideograph;
}
#main .fullRecObservation div:hover p{
	display:block;
}
#main .fullRecFlowTable{
	margin:-5px 0 5px 0;
}
#main .fullRecFlowTable td div{
	position:relative;
	cursor:pointer;
}
#main .fullRecFlowTable td div p{
	position:absolute;
	top:0;
	right:182px;
	z-index:1;
	display:none;
	width:200px;
	padding:0.5em 0.8em;
	background:url('../img/cmn/baloon.png') repeat;
	border:1px solid #66ff00;
	font-size:85%;
	line-height:1.5;
	color:#eeeeee;
	text-align:justify;
	text-justify:inter-ideograph;
}
#main .fullRecFlowTable td div:hover p{
	display:block;
}
#main .fullRecFlowTable td.arrow1{
	width:20px;
	background:url('../img/recording/full_flow_arrow1.gif') center center no-repeat;
}
#main .fullRecFlowTable td.arrow2{
	height:30px;
	background:url('../img/recording/full_flow_arrow2.gif') center center no-repeat;
}
#main .fullRecFlowNote{
	margin:0;
	text-align:right;
	font-size:80%;
	color:#999999;
}
#main .fullRecPriceTable{
	width:100%;
}
#main .fullRecPriceTable th, #main .fullRecPriceTable td{
	text-align:center;
	vertical-align:middle;
}
#main .fullRecPriceTable th{
	background:#333333;
	border:solid #666666;
	border-width:0 1px 1px 1px;
	font:bold 85% 'Arial';
}
#main .fullRecPriceTable td{
	padding:0.5em 0;
	background:#111111;
	border:solid #666666;
	border-width:0 1px 1px 1px;
	font:90% /1.8 'Arial';
	color:#dddddd;
}
#main .fullRecPriceTable thead th, #main .fullRecPriceTable thead td{
	border:solid #666666;
	border-width:1px 1px 0 1px;
}
#main .fullRecPriceTable thead th{
	width:36%;
	padding:0.4em 0;
	font-size:80%;
	letter-spacing:1em;
}
#main .fullRecPriceTable .valuePack th{
	padding:0.5em 0;
	font-size:160%;
	background:url('../img/recording/full_price_gradation.png') top left repeat-x #ff6600;
	border:1px solid #ff9900;
	color:#ffffff;
}
#main .fullRecPriceTable .valuePack td{
	padding:0.8em 0;
	font:bold 250% 'Arial';
	background:url('../img/recording/full_price_gradation.png') top left repeat-x #ff6600;
	border:1px solid #ff9900;
	color:#ffffff;
}
#main .fullRecPriceTable .valuePack td div{
	position:relative;
}
#main .fullRecPriceTable .valuePack td div del{
	position:absolute;
	top:-1.6em;
	display:block;
	width:100%;
	text-align:center;
	font-size:38%;
}
#main .fullRecPriceTable .valuePack td span{
	font-size:70%;
}
#main .fullRecPriceNote{
	font-size:80%;
}
#main .fullRecEquipTable{
	margin:0 0 0 auto;
	width:450px;
}
#main .fullRecEquipTable th, #main .fullRecEquipTable td{
	border:1px solid #666666;
}
#main .fullRecEquipTable th{
	padding:2px 5px 0 10px;
	background:#333333;
	text-align:right;
	font:bold 80% /1.4 'Arial';
}
#main .fullRecEquipTable td{
	width:70%;
	padding:2px 0 2px 8px;
	background:#111111;
	font:80% /1.4 'Arial';
	color:#dddddd;
}
#main .fullRecEquipNote{
	margin:5px 0 0 0;
	text-align:right;
	font-size:80%;
}
#main .fullRecEquipWrapper{
	position:relative;
}
#main .fullRecEquipStudio{
	position:absolute;
	bottom:0px;
	right:460px;
	margin:0;
	list-style:none;
}
#main .fullRecEquipStudio li{
	margin-top:5px;
}
#main .fullRecEquipStudio a{
	display:block;
	width:120px;
	padding:0.8em 0;
	font:bold 85% 'Arial';
	text-align:center;
	color:#99ccff;
}
#main .fullRecEquipStudio a:link, #main .fullRecEquipStudio a:visited{
	background:#003366;
	border:1px solid #336699;
}
#main .fullRecEquipStudio a:hover, #main .fullRecEquipStudio a:active{
	background:#336699;
	border:1px solid #6699cc;
}
#main .fullRecImagesNote{
	text-align:right;
	font-size:80%;
	color:#999999;
}
#main .mixNote{
	margin:10px 0 0 0;
	font-size:80%;
}
#main .mixMail{
	position:relative;
	z-index:10;
	margin:-40px 110px 0 auto;
	width:130px;
}
#main .mixMail a{
	display:block;
	width:130px;
}
#main .mixMail a img{
	display:block;
	width:130px;
}
#main .mixMail p{
	position:absolute;
	bottom:0;
	right:132px;
	display:none;
	width:200px;
	margin:0;
	padding:0.5em 0.8em;
	background:url('../img/cmn/baloon.png') repeat;
	border:1px solid #66ff00;
	font-size:85%;
	line-height:1.5;
	color:#eeeeee;
	text-align:justify;
	text-justify:inter-ideograph;
}
#main .mixMail:hover p{
	display:block;
}
#main .emLogo{
	margin-top:17px;
	font-size:70%;
	text-align:right;
	color:#666666;
}
#main .emLogo.mix{
	margin-top:-42px;
}
#main .emLogo img{
	margin-bottom:8px;
}