@charset "utf-8";
*{	margin: 0;
	padding: 0;}
	
/* 共通スタイル */
body {
	font: normal 15px/1.5em 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0px;
	padding: 0px;
	color:#000;
	background: url(../img/bg.gif) ;
	text-align: center;
}
#wrapper {
	height: auto;
	margin: 0px auto;
	padding: 0px 40px;
	width: 830px;
	background: url(../img/bg.gif) repeat-y top;
}
.contents {
	height: auto;
	width: 830px;
	padding: 0px 0px 2px;
	margin: 0px;
	text-align: left;
	background:#fff;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
/*----------------------------------------------------------------
payment (a hover 半透明)
----------------------------------------------------------------*/

.paymentbox{
	width:830px;
	margin-top:10px;
	background:#fff;
	
}
.paymentbox p{
	margin:0px 15px 0px 75px;
	
}
	

.payment {
	margin:10px auto;
	text-align: left;
	/*background:url(../images/final/) no-repeat;*/
}
.payment p{
	text-align:center;
	font-size:12px;
	line-height:120%;
}

.sample_select select[name="iid"]{
	margin-left:165px;
	width:500px;
	}

.credit_btn input[name="submit"]{
	margin-left:225px;
	}

div.bank_btn {
	height:76px;
	margin: 0px 0 0 225px;
	}

/* チェック */
.hihyouji{
display:none;
}



/*
━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━ 
*/

#footer {
	margin: 0px;
	padding: 25px 0px;
	height: auto;
	width: 830px;
	background:#fff;
}
#footer a:link {
	color: #666666;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #666666;
}
#footer a:hover {
	text-decoration: underline;
	color: #666666;
}
#footer a:active {
	text-decoration: none;
	color: #666666;
}
address {
	font-size: 12px;
	text-align: center;
	color: #666666;
	background-color:#fff;
}


/*
━━━━━━━━━━━━━━━━━━━━━━━━━
フッターナビ
━━━━━━━━━━━━━━━━━━━━━━━━━ 
*/

div.fnavi {
	padding-top: 30px;
	height: auto;
	text-align: center;
	background-color:#fff;
}
div.fnavi li {
	font-size: 11px;
	list-style: url(none) none;
	display: inline;
	margin-right: 3px;
	margin-left: 3px;
}

/*---------------------------------------------------------
checkbox input
----------------------------------------------------------*/

#checkbox input[type="checkbox"]{
	-webkit-appearance: none;
	position:relative;
	display: inline-block;
	width: 120px;
	height: 120px;
	background: url(../img/checkbox_out.png) no-repeat;
	background-size: contain;
	padding:0 0px 50px 0px;
	margin-left:20px;
	margin-right:15px;
	margin-bottom:50px;
	vertical-align:bottom;
}

/*Firefoxだけに適用されるCSSハック*/
#checkbox input[type=checkbox] {
  -moz-transform-origin: center;
  -moz-transform: scale( 3 , 3 );
}

#checkbox input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 120px;
    height: 120px;
    background: url(../img/checkbox_arrow.png) no-repeat;
    background-size: 120px 120px;
}