@charset "utf-8";
/* CSS Document */
body {
	color: #333;
	background-color: #fff;
	font-size: 100%;
	line-height:1.5;
	font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
		width:100%;
}
#b{
		padding : 0px;
}

#usen{
	width:70%;
	float:left;
}
#gs{
	width:30%;
	float:left;
}

#navi{
	text-align:center;
	width:100%;
}
#navi ul{
	width:100%;
	;
	list-style-type:none;
	text-align:center;

}

#navi ul li{
	border:0px;
	width:23%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	list-style-type:none;
	text-decoration: none;
	padding-left: 5%;
}

#FormContents h2 {
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#b1e99d), to(#eff9d0));
	background: -moz-linear-gradient(top, #b1e99d, #eff9d0);
	padding: 10px 0 10px 8px;
	font-weight: bold;
}
#FormContents dt {
	padding: 5px;
}
#FormContents dd {
	padding: 5px 5px 10px;
}
#FormContents dl{
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 0 3px #a2a3a4;
	-webkit-box-shadow: 0 0 3px #a2a3a4;
	margin: 1em 0.5em;
}
#FormContents dt {
	background: #ededed;
}
#FormContents dd {
	margin: 0 0.5em;
}
#FormContents ul {
}
#FormContents li:first-child {
	border-top: none;
}
#FormContents li {
	border-top: 1px solid #ccc;
	text-indent: -1em;
	padding-left: 2em;
	padding: 10px 10px 10px 1em;
	font-size: 12px;
}
input.long{
height: 25px;
width: 100%;
}
input.short{
height: 25px;
width: 4em;
}
input.normal{
height: 25px;
width: 4em;
}
label{
	display: block;
}
select{
width: 100%;
}
#store>li>select{
width: 75px;
}

.biz_music #FormContents form .sec dl dt font{
	border-style:dashed;
	border-color:#F00;
	border-width:1px;
	color: #F00;
	font-size: 11px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #FFF;
	margin-left: 4px;
}

.biz_music #FormContents form .sec #title02 h3 font{
	border-style:dashed;
	border-color:#F00;
	border-width:1px;
	color: #F00;
	font-size: 13px;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #FFF;
}




.a {
	text-align: center;
	text-decoration: none;
}

li {
	list-style-type: none;
}

ul.link {
	margin:0;
}
ul.link li {

}

ul.link li a {
	line-height:22px;
	font-weight:normal;
	font-size:12px;
	color:#666;
	display:block;
	text-decoration: none;
	float: left;
	width: 48%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #666;
}

.pageTop {
	text-align:right;
	color: #666;
	text-decoration: none;
	font-style: normal;
}

/* checkSec */
#FormContents .checkSec {
	clear:both;
	margin-top:50px;
	padding:24px 0 20px 0;
	text-align:center;
}
#FormContents .checkSec p {
	padding:6px 0;
}



/* Pmark*/
#pimg {
    width:25%;
	float: left;
}
#font {
	    width:75%;
	line-height:1.5;
	font-size:12px;
	text-align: left;
	float: left;
}


/* font*/
.font01 {
	line-height:1.5;
	font-size:12px;
	padding-left: 4%;
	text-align: left;
}
.font02 {
	line-height:1.5;
	font-size:14px;
	padding-left: 4%;
	text-align: left;
	font-weight: bold;
}
.aka {
	line-height:1.5;
	font-size:12px;
	padding-left: 4%;
	color: #F00;
}

.tlink {
	line-height:1.5;
	font-size:12px;
	padding-left: 4%;
	color: #6C3;
	text-align: center;
}


/* 確認ページのCVボタン*/
#modoru {
    width:50%;
	float: left;
}
#soushin {
	    width:50%;

	float: left;
}

/*  FootContainer
=========================================*/
/* FootContainer */
#FootContainer{
	clear:both;
	border-top:1px solid #D9D9D9;
	width: 100%;
	padding-top: 36px;
	padding-bottom: 0px;
	text-align: center;
}

/* Footer */
#Footer{
	clear:both;
	width:100%;
	margin:1px;
	color:#D9D9D9;
	font-size: 8px;
	text-align: center;
	
}
#Footer li {
	float:left;

	
}
#Footer ul {
	clear:both;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2%;
}

#Footer li a {
	margin:0 2px;
	color: #666;
	font-size:7px;
	text-decoration: none;
}
#Footer .first a {
	margin-left:0 !important;
}
#Footer address {
width: 100%;
}
#Footer address img {
}


/*--電話発信 --*/
#call {
	text-align:center
}


/*---------------------------------------------------------------*/
body.sp .global_header{
padding: 15px 20px;
}

body.sp .global_header .logo img{
width: 160px;
/*-height:34px;-*/
}

body.sp #Logo img{
width:80px;
height:auto;
}

body.sp #FormContents > .header{
padding:6px;
border-top:solid 1px #dbdbdb;
background:#52b90b;
color:#fff;
}
	
body.sp #FormContents > .header .heading{
font-size:15px;
font-weight:bold;
}

body.sp #FormContents > .copy{
padding:10px;
}
	
body.sp #FormContents > .copy .main{
font-size:16px;
font-weight:bold;
}
	
body.sp #FormContents > .copy .sub{
font-size:14px;
}


body.sp #FormContents > .header + .steps{
margin-top:10px;
}
	
body.sp .steps{
width:302px;
height:35px;
margin:0 auto 20px;
background:url(/info/biz_music/common/img/sp_steps_01.png) no-repeat;
background-size:302px auto;
text-indent:-100em;
overflow:hidden;
}

body.sp .steps.input{
background-position:0 0;
}

body.sp .steps.confirm{
background-position:0 -35px;
}

body.sp .steps.complete{
background-position:0 -70px;
}

body.sp #FormContents .checkSec,
body.sp #FormContents .privacy_policy{
padding-right:0.5em;
padding-left:0.5em;
}

body.sp #FormContents .checkSec{
margin-bottom:10px;
padding:0 5px;
}

body.sp #FormContents .privacy_policy{
line-height:1.5;
font-size:12px;
text-align: left;
}


/*---- btn----*/
body.sp #FormContents .btn_01,
body.sp #FormContents .btn_02{
position:relative;
display:block;
width:290px;
height:60px;
margin:10px auto 0;
padding:0;
border:0;
border-radius:4px;
-webkit-border-radius:4px;
font-size:16px;
font-weight:bold;
text-align:center;
}

body.sp #FormContents .btn_01{
border-bottom:5px solid #c82e22;
background:#ff6458;
}

body.sp #FormContents .btn_02{
border-bottom:5px solid #8f8f8f;
background:#c7c7c7;
}

body.sp #FormContents .btn_01:after,
body.sp #FormContents .btn_02:after{
content:'';
position:absolute;
top:0;
bottom:0;
display:block;
width:8px;
height:8px;
margin:auto;
border-top:solid 3px #fff;
border-right:solid 3px #fff;

}

body.sp #FormContents .btn_01:after{
	right:10px;
	transform:rotate( 45deg );
	-webkit-transform:rotate( 45deg );
}

body.sp #FormContents .btn_02:after{
	left:10px;
	-webkit-transform:rotate( -135deg );
}


body.sp #FormContents .btn_01 > input,
body.sp #FormContents .btn_02 > input{
-webkit-appearance:none;
display:block;
border:none;
background:none;
width:100%;
height:60px;
line-height:60px;;
color:#fff;
}

body.sp .global_footer{
padding:25px 5px;
}

body.sp .global_footer .copyright{
text-align:center;
font-size:10px;
}