/*-----------------------------------
mcaption
-----------------------------------*/
#mcaption {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: 5px double #580900;
	color: #FFF;
	line-height: 1.4em;
	font-size: 1.2em;
}

#mcaption p {
	padding:20px;
	background-color:#000000;
}

/*-----------------------------------
NL
-----------------------------------*/
.NL {
	color: #FF0;
	margin: 10px auto;
	line-height: 140%;
	font-weight: bold;
	display: block;
	font-size: 1.1em;
}

/*-----------------------------------
itemlist
-----------------------------------*/
#itemlist {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background: url(../img/inp_itemlist_bg01.jpg) left 90px repeat-y;
}

#itemlist h2 {
	margin-bottom: 0px;
}

#itemlist ul {
	text-align: left;
	padding: 0px 50px 0px 100px;
	list-style: disc;
	font-size: 1.2em;
	line-height: 1.6em;
}

#itemlist p {
	text-align: left;
	padding: 0px 30px 0px 10px;
	list-style: disc;
	line-height: 1.4em;
	font-weight: bold;
	color: #ffd200;
	margin-left: 55px;
	margin-top: 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #000;
	background-image: url(../img/androidBugFix.gif);
	margin-right: 55px;
}

#itemlist li {
	list-style-image: url(../img/inp_itemlist_icon01.png);
	color:#fff;
	margin-top: 2px;
	padding-left: 5px;
	font-size: 1.1em;
	background-image: url(../img/androidBugFix.gif);
}

#itemlist .ex {
	color: #fff;
	line-height: 120%;
}

.ex {
	padding-top:15px;
	width:90%;
	margin:0 auto;
	color: #fff;
	line-height:150%;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7f7f7f;
}

.ex span {
	color: #ffd200;
	line-height:200%;
	font-size: 1.1em;
}



/*-----------------------------------
form
-----------------------------------*/
#form {
	margin-top: 20px;
}

#isei,#imei,#ysei,#ymei,#free1,#free2 {
	font-size: 1.5em;
	height: 1.5em;
	font-weight:bold;
}


#iname,#yname {
	font-size: 180%;
}

#IYEAR,#YYEAR {
	font-size: 150%;
}

#IMONTH,#YMONTH,#IDATE,#YDATE,#IHOUR,#YHOUR,#IMINUTE,#YMINUTE {
	font-size: 150%;
}

#ibplace,#ybplace {
	font-size: 150%;
}

.formUnit {
	font-size: 1.5em;
	font-weight: bold;
	color:#44280b;
}

.formUnit02 {
	color:#7e0d0d;
	font-weight: bold;
}

.formUnitF {
	font-size: 1.3em;
	color: #7e0d32;
	font-weight: bold;
}

.formUnitM {
	font-size: 1.3em;
	color: #0d1a7e;
	font-weight: bold;
}

.fBox{
	width: 900px;
	margin: 0 auto;
	background: url(../img/inp_form_top.jpg) no-repeat top;
	padding-top: 50px;
}
.fBox h2{
	width: 760px;
	height: 360px;
	background: url(../img/inp_form_top_header.jpg) no-repeat top;
}

.fBox .capArea{
	height:350px;
	width:760px;
	margin:0 auto
}

.fBox .boxInner {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.fBox .boxInner .anata {
	width: 750px;
	background: url(../img/form_bg.gif) no-repeat top;
	margin-bottom: 30px;
}
.fBox .boxInner .anata_inner {
	background: url(../img/form_bottom.gif) no-repeat center bottom;
	padding-bottom: 50px;
}

.fBox .boxInner .anohito {
	width: 750px;
	background: url(../img/form_bg2.gif) no-repeat top;
	margin-bottom: 20px;
}
.fBox .boxInner .anohito_inner {
	background: url(../img/form_bottom2.gif) no-repeat center bottom;
	padding-bottom: 50px;
}

.fBox .btn{
	width: 700px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.fBox .btn2{
	width: 700px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.fBox .boxInner .bottom {
	width: 516px;
	background: url(../img/form_bottom.jpg) no-repeat bottom;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.fBox .bottom {
	width: 900px;
	background: url(../img/inp_form_bottom.jpg) no-repeat bottom;
	clear: both;
	padding-bottom: 110px;
}

.fBox table.inpTable {
	margin: 0 auto;
	vertical-align: middle;
	color: #000;
	width: 700px;
	/*border-spacing: 10px;*/
}

.fBox table.inpTable02 {
	margin: 15px auto 5px auto;
	vertical-align: middle;
	color: #000;
	width: 700px;
	/*border-spacing: 10px;*/
}

.fBox .tell {
	margin-top: 15px;
}
.fBox table.inpTable tr {
	text-align: left;
}
.fBox table.inpTable th {
	height: 30px;
	text-align: right;
	padding: 6px 4px;
}
.fBox table.inpTable td {
	padding: 6px 2px 6px 10px;
	vertical-align: middle;
}
.fBox table.inpTable td.form_name{
	text-align: right;
}

.fBox table.inpTable02 tr {
	text-align: left;
}
.fBox table.inpTable02 th {
	height: 30px;
	text-align: right;
	padding: 6px 4px;
}
.fBox table.inpTable02 td {
	padding: 6px 2px 6px 10px;
	vertical-align: middle;
}
.fBox table.inpTable02 td.form_name{
	text-align: right;
}




.fBox .text {
	color:#FFFFFF;
	text-align: left;
	text-align:center;
	margin: 0 auto;
	line-height:140%;
	width: 720px;
	padding: 0 0 0 0;
	font-size: 1.1em;
}

.nameMargin {
	margin-bottom:18px;
}

.nameCap {
	color: #7e0d0d;
	padding: 4px 0 0 2px;
	font-weight: bold;
}

.save{
	color: #a2efff;
	margin-bottom: 20px;
	margin-top: 5px;
}
.save  input{
	margin-left:50px;
}

/*-----------------------------------
sale_box
-----------------------------------*/
.sale_box{
	width: 500px;
	margin: 20px auto 0;
	border: 3px solid #a80000;
	background: url(../img/inp_icon_marutoku.png) top left no-repeat #ede5d7;
	text-align: left;
	min-height: 125px;
	height: auto !important;
	height:125px;
	padding: 0 20px 10px 130px;
}

.sale_box .sale_title{
	margin-top: 20px;
	font-size: 160%;
	font-weight: bold;
	color: #a80000;
}
.sale_box .sale_caption01{
	margin-top: 10px;
	font-size: 120%;
}
.sale_box .sale_caption02{
	margin-top: 10px;
}
.sale_box span{
	font-weight: bold;
	color: #a80000;
}


/*-----------------------------------
jsCaution
-----------------------------------*/
#jsCaution {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	font-size: 1.1em;
}
#jsCaution .box {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 1.2em;
	margin-top: 20px;
}
#jsCaution .use {
	width: 700px;
	margin: 0 auto 15px auto;
	color:#333;
	font-weight: bold;
	font-size:1.3em;
	line-height: 1.4em;
	border-bottom: 3px #333 double;
}

#jsCaution .box table {
	margin-top: 15px;
	border-bottom: 1px solid #333333;
}
#jsCaution .box th {
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	padding: 5px;
	text-align: center;
	background-color:#E6E6DA;
}
#jsCaution .box td {
	padding: 5px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	line-height: 1.2em;
	background-color:#E6E6DA;
}

#jsCaution .box dd {
	background-image: url(../img/androidBugFix.gif);
}

#info_comment {
	color: #333333;
	margin-top: 40px;
	line-height: 150%;
	text-align: center;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;
}
#info_comment .price {
	margin-bottom: 15px;
	color: #333;
}

/*-----------------------------------
common
-----------------------------------*/
.hidden {
	display:none;
}
/*-----------------------------------
.clearfix
-----------------------------------*/
/* for modern browser */
.clearfix {
display: inline-block;
}


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

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
.use {
	text-align:center;
	font-size: 1.2em;
}

/*-----------------------------------
INP animation
-------------------------------------*/

#inp_effects {
	width: 726px;
	height: 453px;
	background: url(../img/inp_anim/inp_effect_bg01.jpg) no-repeat left top;
	margin: 30px auto;
	padding: 24px 16px 23px 18px;
}

#inp_effects a {
	outline: none;
}

#animationImageArea {
	
}

#animationImageArea > div {
	position: relative;
}

#startBtn {
	position: absolute;
	left: 198px;
	top: 346px;
}

#animImg {
	margin-top: -170px;
}

.c1 {
	position: absolute;
	left: 0;
	top: 0;
}

.c2 {
	position: absolute;
	right: 0;
	top: 0;
}

.c3 {
	position: absolute;
	left: 0;
	top: 407px;
}

.c4 {
	position: absolute;
	right: 0;
	top: 406px;
}

.cardArea {
	width: 581px;
	height: 255px;
	position: absolute;
	left: 75px;
	top: 13px;
}

.cardArea li {
	display: block;
	position: absolute;
}

.card1 {
	width: 137px;
	height: 184px;
	left: 0;
	top: 71px;
}

.card2 {
	width: 153px;
	height: 205px;
	left: 211px;
	top: 0;
}

.card3 {
	width: 137px;
	height: 184px;
	right: 0;
	top: 71px;
}

.cardArea li img {
	opacity: 0;
	margin-top: -40px;
	display: none;
	zoom: 1;
}

.active li img {
	opacity: 1;
	margin-top: 0;
	display: inline-block;
}

#selectTxt {
	position: absolute;
	left: 99px;
	top: 355px;
	display: none;
}

#selectTxt img {
	zoom: 1;
}

#nextBtn {
	position: absolute;
	left: 194px;
	top: 346px;
}

#inp_effects #form {
	margin: 0;
}

/*-----------------------------------
cookie
-----------------------------------*/
#cookieBox {
	width: 270px;
	margin: 20px auto 20px auto;
	color: #FFFFFF;
	padding:5px;
	border: 3px double #580900;
	background-color:#000000;
}
#cookieBox table {
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;	
}
#cookieBox td {
	width: 7em;
	line-height: 1.4em;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
}
#cookieBox a:link{
 color:#6633CC;
 text_decoration: underline;
}
#cookieBox a:hover {
 color:#6633CC;
 text_decoration: none;
}
#cookieBox a:active{
 color:#6633CC;
 text_decoration: none;
}
#cookieBox a:visited{
	color:#6633CC;
	text_decoration: underline;
}