@charset "UTF-8";

div#copyright {
color: #999;
}

div#box-present {
	width: 675px;
	padding:0;
	background: #fff;
	margin-top:10px;
}


h3.h3-tie-up { padding: 10px 0 0 15px; height: 24px; background: url(../img/bg_h3_tie-up.gif) no-repeat; text-indent:-9999px;}
div.tie-up-con{ margin-bottom: 10px; padding:20px 25px; background: #fff; border: 1px solid #ddd; overflow:hidden;}
div.tie-up-con p.txt{ float:left; width:420px;}
div.tie-up-con p.btn-mail{ float:right; width:148px; height:81px;}
div.tie-up-con p.btn-mail a{ display:block; width:148px; height:81px; background:url(../img/btn-mail.gif) left top no-repeat; text-indent:-9999px;}
div.tie-up-con p.btn-mail a:hover{ background-position: bottom;}
div.tie-up-con p.btn-songcord{ float:right; width:148px; height:40px;}
div.tie-up-con p.btn-songcord a{ display:block; width:148px; height:40px; margin-top:10px; background:url(../img/btn-songcord.gif) left top no-repeat; text-indent:-9999px;}
div.tie-up-con p.btn-songcord a:hover{ background-position: bottom;}

h3.h3-step { padding: 10px 0 0 15px; height: 24px; background: url(../img/bg_h3_step.gif) no-repeat; text-indent:-9999px;}
div.step-con{ margin-bottom: 10px; padding:4px 25px 20px; background: #fff; border: 1px solid #ddd; overflow:hidden;}
div.step-con p{ font-size:75%; color:#808080; letter-spacing:0em;}
div.step-con div.step{ width:625px; height:121px; background:url(../img/step_bg.gif) left top no-repeat; margin-bottom:10px;}
div.step-con p.btn-link{ width:105px; height:23px; padding:70px 0 0 13px;}
div.step-con p.btn-link a{ display:block; width:105px; height:23px; background:url(../img/btn-link.gif) left top no-repeat; text-indent:-9999px;}
div.step-con p.btn-link a:hover{ background-position: bottom;}


div.select-con{ margin-bottom:10px}

div.select-navi{}
div.select-navi ul#select{ list-style: none; width:675px; height:39px; overflow: hidden;}
ul#select li{ display:inline; float:left;}

li#select_btn01-1 { display: block; width: 220px; height: 39px; text-indent: -9999px; background: url(../img/select_btn01_v.gif) left top no-repeat;}
li#select_btn02-1 a{ margin:7px; display: block; width: 220px; height: 30px; text-indent: -9999px;background: url(../img/select_btn02.gif) left top no-repeat;}
li#select_btn03-1 a{ margin-top:5px; display: block; width: 220px; height: 30px; text-indent: -9999px;background: url(../img/select_btn03.gif) left top no-repeat;}
li#select_btn02-1 a:hover,li#select_btn03-1 a:hover{ background-position: bottom;}

li#select_btn01-2 a{ margin-top:5px; display: block; width: 220px; height: 30px; text-indent: -9999px;background: url(../img/select_btn01.gif) left top no-repeat;}
li#select_btn02-2 { margin:0 7px; display: block; width: 220px; height: 39px; text-indent: -9999px; background: url(../img/select_btn02_v.gif) left top no-repeat;}
li#select_btn03-2 a{ margin-top:5px; display: block; width: 220px; height: 30px; text-indent: -9999px; background: url(../img/select_btn03.gif) left top no-repeat;}
li#select_btn01-2 a:hover,li#select_btn03-2 a:hover{ background-position: bottom;}

li#select_btn01-3 a{ margin-top:5px; display: block; width: 220px; height: 30px; text-indent: -9999px;background: url(../img/select_btn01.gif) left top no-repeat;}
li#select_btn02-3 a{ margin:7px; display: block; width: 220px; height: 30px; text-indent: -9999px; background: url(../img/select_btn02.gif) left top no-repeat;}
li#select_btn03-3 { display: block; width: 220px; height: 39px; text-indent: -9999px; background: url(../img/select_btn03_v.gif) left top no-repeat;}
li#select_btn01-3 a:hover,li#select_btn02-3 a:hover{ background-position: bottom;}


div.select-txt{ width:675px; background:url(../img/select_bg.gif) left top no-repeat; padding:14px 0;/* margin-bottom:150px;*/}
div.select-txt p {color:#808080;}
div.select-txt .ph{ width:220px; float:left;}
div.select-txt .ph02{ width:124px; float:left;}
div.select-txt .txtBox{ width:450px; float:right;}
div.select-txt .txtBox02{ width:546px; float:right;}
div.select-txt p.txt{ padding-left:5px;}
div.select-txt p.txt02{ padding-top:12px; text-align:right;}
div.select-txt p.txt02 a{ font-weight:bold; color:#178bc4;}
h4.h4-select_title01 { height:16px; background: url(../img/bg_h4_select_title01.gif) no-repeat; text-indent:-9999px; margin-bottom:14px;}
h4.h4-select_title02 { height:16px; background: url(../img/bg_h4_select_title02.gif) no-repeat; text-indent:-9999px; margin-bottom:14px;}
h4.h4-select_title03 { height:16px; background: url(../img/bg_h4_select_title03.gif) no-repeat; text-indent:-9999px; margin-bottom:14px;}


div.select-list{ border:1px #3885b3 solid;}
div.select-list table{ background:url(../img/bg_select_table.gif) left top repeat; border-top:1px #FFFFFF solid; border-left:1px #FFFFFF solid; color:#00639f;}
div.select-list table th{ background-color:#178bc4; color:#FFFFFF; text-align:center; font-weight:normal; border-right:1px #FFFFFF solid; border-bottom:1px #FFFFFF solid;}
div.select-list table th.itunes{ width:88px;}
div.select-list table td{ border-right:1px #FFFFFF solid; border-bottom:1px #FFFFFF solid; padding-left:10px;}
div.select-list table td.no{ text-indent:0; text-align:center; padding-left:0;}
div.select-list table a{ display:block; width:86px; height:17px; background:url(../img/btn-itunes.gif) left top no-repeat; text-indent:-9999px; margin:1px;}
div.select-list table a:hover{ background-position: bottom;}

div.select-list02{ border:1px #3885b3 solid; padding:1px;}
div.commentBox{ padding-bottom:10px; border-bottom:1px #FFFFFF solid; background:url(../img/bg_select_table.gif) left top repeat; line-height:1.5em;}
div.commentBox02{ padding-bottom:10px; background:url(../img/bg_select_table.gif) left top repeat; line-height:1.5em;}
p.comment{ padding:20px 20px 5px; color:#00639f;}
p.title{ color:#FFFFFF; text-indent:1em; background-color:#178bc4; border-bottom:1px #FFFFFF solid;}
p.itunes{ margin-left:575px;}
p.itunes a{ display:block; width:86px; height:17px; background:url(../img/btn-itunes.gif) left top no-repeat; text-indent:-9999px;}
p.itunes a:hover{ background-position: bottom;}

div.download{ background:url(../img/bg_download.gif) left top no-repeat; height:87px;}
div.download p.btn-download{ width:223px; height:23px; padding:53px 0 0 440px;}
div.download p.btn-download a{ display:block; width:223px; height:23px; background:url(../img/btn-download.gif) left top no-repeat; text-indent:-9999px;}
div.download p.btn-download a:hover{ background-position: bottom;}






/*clearfix*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}

.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}