/* 最小化できませんでした。最小化されていないコンテンツを返します。
(1263,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '200px'
(4408,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(4408,76): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(4931,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '200px'
(6286,9): run-time error CSS1030: Expected identifier, found ' '
(6286,10): run-time error CSS1031: Expected selector, found '2px'
(6286,10): run-time error CSS1025: Expected comma or open brace, found '2px'
(6287,1): run-time error CSS1019: Unexpected token, found '}'
 */
/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* !HTML5 reset
---------------------------------------------------------- */
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td { margin: 0; padding: 0; }

figure { margin: 0; padding: 0; }

input, textarea { margin: 0; font-size: 100%; }

label { cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }

fieldset, img { border: 0; }

img { vertical-align: top; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:after, q:before { content: ''; }

a, input { /* outline: none; */ }

abbr, acronym { border: 0; }

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td { margin: 0; padding: 0; }

.reset input, .reset textarea { margin: 0; font-size: 100%; }

.reset table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }

.reset fieldset, .reset img, .reset abbr, .reset acronym { border: 0; }

.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var { font-style: normal; font-weight: normal; }

.reset ol, .reset ul { list-style: none; }

.reset caption, .reset th { text-align: left; }

.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6 { font-size: 100%; font-weight: normal; }

.reset a, .reset input { /* outline: none; */ }

.reset q:after, .reset q:before { content: ''; }

/* !Clearfix
---------------------------------------------------------- */
.clearfix, #contents, .section { display: block; min-height: 1%; }

.clearfix:after, #contents:after, .section:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

* html .clearfix, * html #contents, * html .section { height: 1%; /*\*/      /*/
height: auto;
overflow: hidden;
/**/ }

.clear { clear: both; }
.clear_r { clear: right; }
.clear_l { clear: left; }

@charset "shift-jis";
/* CSS Document */

/*-- ���� --*/


p {
line-height: 1.5;
color: #333333;
}

a:link,
a:visited {
color: #dc6235;
text-decoration: underline;
}
a:hover,
a:active {
color: #dc6235;
text-decoration: none;
}

.left {
float: left;
}

.right {
float:right;
}

.mgbSmall {
margin-bottom: 5px;
}
.mgbMiddle {
margin-bottom: 15px;
}
.mgbBig {
margin-bottom: 30px;
}

.fsMiddle {
font-size: 15px;
}
.fsSmall {
font-size: 12px;
}
.fBold {
font-weight: bold;
}

.cRed {
color: #ff0000;
}
.cBrownPrice {
color: #752700;
}
.cOrange {
color: #ff6600;
}
.cbgLightGray {
background-color: #f7f7f7;
}
.cbgGray {
background-color: #cdcdc3;
}
.fwb { font-weight:bold !important; }
/*-- �y�[�W���� --*/

body {
margin-top:10px;
background-color: #cecece;
font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N','MS PGothic',sans-serif
}

div.frameIn p.arrow {
padding-left: 15px;
background-image: url(../img/sre_typeb_arrow.jpg);
background-repeat: no-repeat;
background-position: 0 0.3em;
}
div.frameIn p.arrow a:link,
div.frameIn p.arrow a:visited {
text-decoration: none;
}
div.frameIn p.arrow a:hover,
div.frameIn p.arrow a:active {
text-decoration: underline;
}

div.frameIn div.pageTop {


}

h2 {
	margin:0 0 5px 0;
	padding:5px 15px;
	font-size:18px;
	font-weight:bold;
	border-left:5px solid #ffc10e;
}

/*-- �t���[���O --*/

div.frameBoldOnly {
margin: 0 auto;
width: 870px;
}

div.frameBoldOnly div.innerBold {
padding: 0 40px;
width: 790px;
background-image: url(../img/frame_bold_background.gif);
background-repeat: repeat-y;
background-position: left top;
}
@-moz-document url-prefix(){
	div.frameBoldOnly div.innerBold {
		margin-top: -10px;
		padding: 10px 40px 0;
	}
}



/*-- �t���[���� --*/

div.frameIn {
margin: 0 auto;
width: 790px;
}
div.frameIn div.inner {
padding: 0 20px;
width: 750px;
background-image: url(../img/frame_in_background.gif);
background-repeat: repeat-y;
background-position: left top;
}
div.frameIn div.innerSelProduct {
padding: 0 20px;
width: 749px;
background-image: url(../img/frame_in_background.gif);
background-repeat: repeat-y;
background-position: left top;
border-right:1px solid #c8c9cb;
}
div.frameIn div.innerYellow {
padding: 0 20px;
padding-bottom: 10px;
width: 750px;
background-image: url(../img/frame_in_yellow_background.jpg);
background-repeat: repeat-y;
background-position: left top;
}
div.frameIn div.top1 {
position: relative;
width: 790px;
height: 74px;
background-image: url(../img/frame_in_top_1.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.frameIn div.top1Renew {
position: relative;
width: 790px;
height: 46px;
background-image: url(../img/frame_in_top_1_cut.jpg);
background-repeat: no-repeat;
background-position: left top;
z-index: 0;
}
div.frameIn div.top2 {
position: relative;
width: 790px;
height: 74px;
background-image: url(../img/frame_in_top_2.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.frameIn div.top3 {
position: relative;
width: 790px;
height: 74px;
background-image: url(../img/frame_in_top_3.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.frameIn div.top4 {
position: relative;
width: 790px;
height: 74px;
background-image: url(../img/frame_in_top_4.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.frameIn div.top5 {
position: relative;
width: 790px;
height: 74px;
background-image: url(../img/frame_in_top_5.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.frameIn div.title p {
position: absolute;
left: 135px;
top: 12px;
font-size: 16px;
font-weight: bold;
}


/*-- �w�b�_�[ --*/
div.header {
margin-bottom: 30px;
}

div.header div.logo {
float: left;
width: 396px;
}

div.header div.date {
float: right;
width: 394px;
text-align: right;
}

div.header div.date p {
font-size: 18px;
font-weight: bold;
line-height: 1;
}
div.header div.date p span.date {
color: #ff0000;
font-size: 34px;
font-weight: bold;
font-family:verdana, sans-serif;
}

/*-- �o�i�[ --*/
div.banner {
position: relative;
margin-bottom: 30px;
}

div.banner div.regularPrice {
position: absolute;
top: 68px;
right: 560px;
text-align: right;
color: #000000;
font-size: 31px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}

div.banner div.sellPriceUpsell {
position: absolute;
top: 50px;
right: 67px;
text-align: right;
color: #ff0000;
font-size: 45px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}

div.banner div.sellPrice {
position: absolute;
top: 42px;
right: 270px;
text-align: right;
color: #ff0000;
font-size: 62px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}

div.banner div.monthlyPrice {
position: absolute;
top: 60px;
right: 40px;
text-align: right;
color: #ffffff;
font-size: 40px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}

div.banner div.discountRate1y {
position: absolute;
top: 17px;
left: 691px;
text-align: left;
color: #ffffff;
font-size: 37px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}

div.banner div.discountRate3y {
position: absolute;
top: 15px;
left: 305px;
text-align: left;
color: #ff0000;
font-size: 90px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}

div.banner div.discountRate3yUpsell {
position: absolute;
top: 12px;
left: 610px;
text-align: left;
color: #ff0000;
font-size: 82px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}

div.banner div.discountPrice {
position: absolute;
top: 10px;
left: 330px;
text-align: left;
color: #ff0000;
font-size: 90px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}
div.banner div.discountPriceUpsell {
position: absolute;
top: 15px;
left: 575px;
text-align: left;
color: #ff0000;
font-size: 55px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 10;
}
div.banner div.discountPriceUpsell2 {
position: absolute;
top: 17px;
left: 577px;
text-align: left;
color: #ffffff;
font-size: 55px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9;
}
div.banner div.discountRateTrial {
position: absolute;
top: 8px;
left: 416px;
text-align: left;
color: #ff0000;
font-size: 100px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}
div.banner div.discountPrice3y {
position: absolute;
top: 8px;
left: 280px;
text-align: left;
color: #ff0000;
font-size: 83px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}
div.banner div.discountPrice3y_5l {
position: absolute;
top: 20px;
left: 280px;
text-align: left;
color: #ff0000;
font-size: 68px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}
div.banner div.discountPrice3yUpsell {
position: absolute;
top: 32px;
left: 320px;
text-align: left;
color: #ff0000;
font-size: 70px;
line-height: 1;
letter-spacing: 0;
font-weight: bold;
font-family: verdana, sans-serif;
z-index: 10;
}
div.banner div.discountPrice3yUpsell_5l {
position: absolute;
top: 38px;
left: 320px;
text-align: left;
color: #ff0000;
font-size: 58px;
line-height: 1;
letter-spacing: 0;
font-weight: bold;
font-family: verdana, sans-serif;
z-index: 10;
}

/*-- ���i�I�� --*/

div.frameIn div.product {
float: left;
width: 315px;
margin-top: 15px;
}
div.frameIn div.product div.text {
float: right;
width: 170px;
}
div.frameIn div.product div.pc {
position: relative;
width: 180px;
height: 100px;
margin-top: 10px;
padding-top:10px;
padding-left:5px;
background-color: #c1d5ef;
border: 1px solid #e6e6e6;
font-weight: bold;
}
div.frameIn div.product div.device {
position: relative;
width: 169px;
height: 46px;
margin-bottom: 5px;
background-image: url(../img/product_device_c.png);
background-repeat: no-repeat;
background-position: left top;
}
div.frameIn div.product div.storage {
position: relative;
width: 169px;
height: 46px;
margin-bottom: 5px;
background-image: url(../img/product_storage_c.png);
background-repeat: no-repeat;
background-position: left top;
}
div.frameIn div.product div.device p,
div.frameIn div.product div.storage p {
position: absolute;
left: 10px;
top: 25px;
font-size: 12px;
}
div.frameIn div.product div.date {
float: left;
margin-top: 10px;
width: 340px;
text-align: left;
}
div.frameIn div.product div.date p {
font-size: 15px;
font-weight: bold;
line-height: 1;
}
div.frameIn div.product div.date p span.date {
color: #ff0000;
font-size: 34px;
font-weight: bold;
font-family:verdana, sans-serif;
}
div.frameIn div.product div.caution {
float: left;
width: 340px;
text-align: left;
margin-top: 15px;
margin-bottom: 10px;
}
div.frameIn div.price {
float: right;
position: relative;
width: 382px;
height: 350px;
background-color: #f3f3f3;
background-repeat: no-repeat;
background-position: right top;
margin-top: 15px;
}
div.frameIn div.price div.defaultView p.caption1 {
color: #666666;
font-weight: bold;
position: absolute;
left: 30px;
top: 17px;
font-size: 17px;
}
div.frameIn div.price div.defaultView p.caption2 {
color: #666666;
position: absolute;
left: 30px;
top: 45px;
width: 330px;
height: 50px;
font-size: 12px;
border-bottom: 1px solid #474747;
}
div.discount_seal div.discountPriceSubs {
position: relative;
top: -22px;
left: -3px;
text-align: left;
color: #ff0000;
font-size: 20px;
line-height:1;
letter-spacing: 0;
font-weight: bold;
font-family:verdana, sans-serif;
z-index: 9999;
}
/* ----------------------------------------------------------------
	Button
----------------------------------------------------------------- */
.btn_positive, .btn_negative, .btn_cart, .btn_download, .btn_no_active, .btn_positive_green {
	width:auto;
	margin:10px 0;
	border-radius: 5px;
}
.btn_positive a, .btn_negative a, .btn_cart a, .btn_download a, .btn_no_active a, .btn_positive_green a {
	text-decoration:none;
}
.btn_small, .btn_small input[type="submit"],  .btn_small input[type="button"] {
	min-width:inherit;
	font-size:12px;
	/*padding:4px 0;*/
	line-height:1;
}
.btn_no_active {
	background-color:#eee;
}
.btn_positive {
	background:#ffbe04 url(../img/btn_positive_off.png) repeat-x left top;
	background-size:contain;
}
.btn_positive:hover {
	background:#ffd660 url(../img/btn_positive_on.png) repeat-x left top;
	background-size:contain;
}
.btn_positive_green {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
}
.btn_positive_green:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}
.btn_positive_green a  {
	display: block;
	padding: 10px 25px 8px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.btn_negative {
	background:#b8b8b8 url(../img/btn_negative_off.png) repeat-x left top;
	background-size:contain;
}
.btn_negative:hover {
	background:#dfdfdf url(../img/btn_negative_on.png) repeat-x left top;
	background-size:contain;
}
.btn_positive a, .btn_negative a{
	display: block;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.btn_cnt_small {
	margin:0 auto 20px;
	width:200px;
}
.btn_cnt_middle {
	margin:0 auto 20px;
	width:400px;
}
.btn_cnt_large {
	margin: 0 auto;
	width:600px;
}
input[type="submit"], input[type="button"], button {
	background:none;
	background-size:contain;
	border: 0;
	width: 100%;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
	cursor: pointer;
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", Arial, sans-serif;
	-webkit-appearance: none;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	background:none;
	background-size:contain;
}

/*-- �f�t�H���gView�p�^�[�� --*/
div.frameIn div.price div.defaultView div.year1,
div.frameIn div.price div.defaultView div.year2,
div.frameIn div.price div.defaultView div.year3 {
position: absolute;
left: 30px;
width: 330px;
height: 50px;
color: #666666;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
border-bottom: 1px solid #474747;
}
div.frameIn div.price div.defaultView div.year1 {
top: 105px;
}
div.frameIn div.price div.defaultView div.year2 {
top: 175px;
}
div.frameIn div.price div.defaultView div.year3 {
top: 245px;
}
div.frameIn div.price div.defaultView div.year1 span.excludingTax,
div.frameIn div.price div.defaultView div.year2 span.excludingTax,
div.frameIn div.price div.defaultView div.year3 span.excludingTax {
color: #752700;
font-size: 17px;
text-align: right;
}
div.frameIn div.price div.defaultView div.year1 span.excludingTaxYen,
div.frameIn div.price div.defaultView div.year2 span.excludingTaxYen,
div.frameIn div.price div.defaultView div.year3 span.excludingTaxYen {
color: #752700;
font-size: 15px;
text-align: right;
}
div.frameIn div.price div.defaultView div.year1 span.includingTax,
div.frameIn div.price div.defaultView div.year2 span.includingTax,
div.frameIn div.price div.defaultView div.year3 span.includingTax {
color: #5f5f5f;
font-size: 12px;
text-align: right;
}
/*-- 1�N�ői��View�p�^�[�� --*/
div.frameIn div.price div.offer1yView div.year1,
div.frameIn div.price div.offer1yView div.year2,
div.frameIn div.price div.offer1yView div.year3 {
position: absolute;
left: 5px;
top: 10px;
width: 342px;
color: #666666;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
border-bottom: 1px solid #474747;
padding: 15px;
}
div.frameIn div.price div.offer1yView div.year1 {
top: 10px;
height: 115px;
background-color: #fdf16b;
border-top: 1px solid #474747;
}
div.frameIn div.price div.offer1yView div.year2 {
top: 155px;
height: 60px;
}
div.frameIn div.price div.offer1yView div.year3 {
top: 245px;
height: 60px;
}
div.frameIn div.price div.offer1yView div.specialPrice {
width: 58px;
height: 58px;
}
div.frameIn div.price div.offer1yView div.year1 div.regularPrice {
position: relative;
text-align: right;
color: #666666;
font-size: 16px;
text-decoration: line-through;
}
div.frameIn div.price div.offer1yView div.year1 div.excludingTax {
position: relative;
text-align: right;
color: #ff0000;
font-size: 20px;
margin-top: -8px;
margin-bottom: 5px;
}
div.frameIn div.price div.offer1yView div.year2 div.excludingTax,
div.frameIn div.price div.offer1yView div.year3 div.excludingTax {
color: #752700;
font-size: 15px;
text-align: right;
}
div.frameIn div.price div.offer1yView div.year1 span.excludingTaxYen {
position: relative;
text-align: right;
color: #666666;
font-size: 19px;
margin-bottom: 5px;
}
div.frameIn div.price div.offer1yView div.year2 div.excludingTaxYen,
div.frameIn div.price div.offer1yView div.year3 div.excludingTaxYen {
float: right;
color: #752700;
font-size: 14px;
text-align: right;
}
div.frameIn div.price div.offer1yView div.year1 div.includingTax {
position: relative;
text-align: right;
color: #666666;
font-size: 12px;
}
div.frameIn div.price div.offer1yView div.year2 div.includingTax,
div.frameIn div.price div.offer1yView div.year3 div.includingTax {
color: #5f5f5f;
font-size: 12px;
text-align: right;
margin-top: 5px;
}
div.frameIn div.price div.offer1yView div.year1 div.discountPrice {
position: relative;
text-align: left;
color: #ff0000;
font-size: 15px;
font-weight: bold;
width: 200px;
margin-top: 20px;
}
/*-- 3�N�ői��View�p�^�[�� --*/
div.frameIn div.price div.offer3yView div.year3,
div.frameIn div.price div.offer3yView div.year2,
div.frameIn div.price div.offer3yView div.year1 {
position: absolute;
left: 5px;
width: 342px;
color: #666666;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
border-bottom: 1px solid #474747;
padding: 15px;
}
div.frameIn div.price div.offer3yView div.year3 {
top: 10px;
height: 115px;
background-color: #fdf16b;
border-top: 1px solid #474747;
}
div.frameIn div.price div.offer3yView div.year2 {
top: 155px;
height: 60px;
}
div.frameIn div.price div.offer3yView div.year1 {
top: 245px;
height: 60px;
}
div.frameIn div.price div.offer3yView div.specialPrice {
width: 58px;
height: 58px;
}
div.frameIn div.price div.offer3yView div.year3 div.regularPrice {
position: relative;
text-align: right;
color: #666666;
font-size: 16px;
text-decoration: line-through;
}
div.frameIn div.price div.offer3yView div.year3 div.excludingTax {
position: relative;
text-align: right;
color: #ff0000;
font-size: 20px;
margin-top: -8px;
margin-bottom: 5px;
}
div.frameIn div.price div.offer3yView div.year2 div.excludingTax,
div.frameIn div.price div.offer3yView div.year1 div.excludingTax {
color: #752700;
font-size: 15px;
text-align: right;
}
div.frameIn div.price div.offer3yView div.year3 span.excludingTaxYen {
position: relative;
text-align: right;
color: #666666;
font-size: 19px;
margin-bottom: 5px;
}
div.frameIn div.price div.offer3yView div.year2 div.excludingTaxYen,
div.frameIn div.price div.offer3yView div.year1 div.excludingTaxYen {
float: right;
color: #752700;
font-size: 14px;
text-align: right;
}
div.frameIn div.price div.offer3yView div.year3 div.includingTax {
position: relative;
text-align: right;
color: #666666;
font-size: 12px;
}
div.frameIn div.price div.offer3yView div.year2 div.includingTax,
div.frameIn div.price div.offer3yView div.year1 div.includingTax {
color: #5f5f5f;
font-size: 12px;
text-align: right;
margin-top: 5px;
}
div.frameIn div.price div.offer3yView div.year3 div.discountPrice {
position: relative;
text-align: left;
color: #ff0000;
font-size: 15px;
font-weight: bold;
width: 250px;
margin-top: 20px;
}

div.frameIn div.price div.arrow {
position: absolute;
left: 5px;
top: 93px;
}
div.frameIn div.price span.strikePrice {
color: #cccccc;
font-size: 12px !important;
font-weight: normal;
}
div.frameIn div.price span.strikePrice span.strike {
color: #cccccc;
font-size: 14px !important;
font-weight: normal;
text-decoration: line-through;
}

/*-- ���q�l�����̓t�H�[�� --*/

div.frameIn div.select p {
margin-bottom: 10px;
color: #666666;
font-size: 14px;
font-weight: bold;
}

input.KanjiL{
width:180px;
}

input.KanjiF{
width:180px;
}

input.KanaL{
width:180px;
}

input.KanaF{
width:180px;
}

input.Zip1{
width:30px;
}

input.Zip2{
width:50px;
}

input.Address1{
width:300px;
}

input.Address2{
width:300px;
}

input.Address3{
width:300px;
}

input.Address4{
width:300px;
}

input.CompanyName{
width:300px;
}

input.SectionName{
width:300px;
}

input.Tel{
width:120px;
}

input.Email{
width: 500px;
height: 25px;
font-size: 14pt;
font-weight: bold;
font-family: 'Arial';
}

input#CartInfo_Email_1{
width: 500px;
height: 25px;
font-size: 14pt;
font-weight: bold;
font-family: 'Arial';
}

input#CartInfo_Email_2{
width: 500px;
height: 25px;
font-size: 14pt;
font-weight: bold;
font-family: 'Arial';
}

/*-- ���x�����@�̑I�� --*/

div.frameIn p.titleWhite {
clear: both;
padding: 8px 0 18px 15px;
font-size: 16px;
font-weight: bold;
background-image: url(../img/text_icon_orange.jpg);
background-repeat: no-repeat;
background-position: 0em 0.1em;
}

/*-- ���w����e�̊m�F --*/

div.frameIn div.line {
clear: both;
height: 10px;
border-bottom: 2px solid #ffffff;
margin-bottom: 20px;
}

div.frameIn p.titleYellow {
clear: both;
padding: 8px 0 18px 15px;
font-size: 16px;
font-weight: bold;
background-image: url(../img/text_icon_orange_yellow.jpg);
background-repeat: no-repeat;
background-position: 0em 0.1em;
}

/*-- AR�R���Z���g�L���v�`�� --*/
div.clientForm {
margin: 0 6px 10px;
padding: 0;
width: 796px;

background-image: url(../img/clientform_frame_bg.gif);;
background-repeat: repeat-y;
background-position: left top;
}

div.clientForm div.title {
padding-top: 10px;
padding-left: 20px;
margin: 0 0 15px;
width: 776px;
height: 30px;
background-image: url(../img/clientform_frame_top.gif);
background-repeat: no-repeat;
background-position: left top;
}

div.clientForm div.title p {
padding-left: 5px;
font-size: 14px;
font-weight: bold;
color: #666666;
border-left: 5px solid #ffcc33;
}

div.clientForm p
{
padding-left: 20px;
margin: 0 0 15px;
}

/*--
�t�H�[���e�[�u�� ------------------*/

div.tableLayout {
margin: 0;
}
div.tableLayout table{
color: #666666;
border-top: 1px solid #bcbcbc;
border-left: 1px solid #bcbcbc;
}
div.tableLayout td,
div.tableLayout th {
padding: 8px;
border-bottom: 1px solid #bcbcbc;
border-right: 1px solid #bcbcbc;
}.cDarkGray {
background-color: #cdcdc3;
}.cLiteGray {
background-color: #f7f7f7;
}.cLiteGray2 {
background-color: #e0ddd6;
}.cWhite {
background-color: #ffffff;
}
div.tableLayout th {
background-color: #f6f6f6;
}
div.tableLayoutNoPadding td{
padding: 0px;
border-bottom: 1px solid #bcbcbc;
border-right: 1px solid #bcbcbc;
}.cDarkGray {
background-color: #cdcdc3;
}.cLiteGray {
background-color: #f7f7f7;
}.cLiteGray2 {
background-color: #e0ddd6;
}.cWhite {
background-color: #ffffff;
}

div.convenience p.title {
font-weight: bold;
margin-bottom: 5px;
}

/*--
�t�H�[��2 �e�[�u�� ------------------*/



div.confirmTable1 td.top {
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-image: url(../img/confirm_table_background.gif);
background-repeat: repeat-x;
background-position: left top;
}
div.confirmTable1 td.icon {
border-right: 1px dotted #bcbcbc;
}
div.confirmTable1 td {
background-color: #ffffff;
}
div.confirmTable1 td.top p {
color: #ffffff;
}


div.confirmTable2 table {
border-top: none;
margin-bottom: 15px;
}
div.confirmTable2 td {
background-color: #ffffff;
}
div.confirmTable2 td.productTotal {
font-weight: bold;
background-color: #e6e6e6;
}
div.confirmTable2 td.total {
font-weight: bold;
background-color: #c8c8c8;
}
div.confirmTable2 td.taxtotal {
font-weight: bold;
background-color: #e6e6e6;
}

div.agreement{
	margin-left:10px;
	margin-bottom:15px;
}
div.agreement a{
	background:url(../img/icon_link.jpg) left center no-repeat; margin:0 10px 0 0; padding:0 0 0 15px;
}

/* ----------------------------------------------------------------
	footer
----------------------------------------------------------------- */

#footer {
	padding: 20px;
	text-align: left;
}

.footer_left {
	float: left;
	width: 760px;
}
#footer .nav li {
	float: left;
	margin-right: 10px;
	margin-bottom: 12px;
	padding-right: 10px;
	font-size: 12px;
	border-right: 1px solid #555555;
}
#footer .nav li a {
	color: #555555;
	text-decoration: none;
}
#footer .nav li a:hover {
	font-size: 12px;
	color: #555555;
	text-decoration: underline;
}
#footer .nav li.right {
	border-right: none;
}
#footer .address {
    float: left;
    color: #555555;
    font-size: 12px;
    text-decoration: none;
}
#footer .nav p {
	float: left;
	font-size: 12px;
	color: #555555;
}

.footer_right {
	float: right;
	text-align: right;
	200px;
	font-size: 12px;
}
#footer .footer_right a {
	color: #555555;
	text-decoration: none;
}
#footer .footer_right a:hover {
	font-size: 12px;
	color: #555555;
	text-decoration: underline;
}

#footer .security-mark {
	width: 135px;
	height: 100px;
}

#footer .text {
	font-size: 90%;
	color: #555555;
}

/*------------ BAS ------------*/

/*-- ALL --*/

div.container {
margin: 0 auto;
width: 1080px;
}


/*---- �t���[���O ----*/

div.frameBold {
float: right;
width: 870px;
}

div.frameBold div.innerBold {
padding: 0 40px;
width: 790px;
background-image: url(../img/frame_bold_background.gif);
background-repeat: repeat-y;
background-position: left top;
}

/*
@-moz-document url-prefix(){
	div.frameBoldOnly div.innerBold {
		margin-top: -10px;
		padding: 10px 40px 0;
	}
}
*/

/*---- �t���[���� ----*/

div.frameLeft {
float: left;
width: 210px;
}

div.frameLeft div.innerBold {
padding: 0 20px;
width: 170px;
background-image: url(../img/frame_mini_background.gif);
background-repeat: repeat-y;
background-position: left top;
}
@-moz-document url-prefix(){
	div.frameBold div.innerBold {
		margin-top: -10px;
		padding: 10px 40px 0;
	}
}

div.frameLeft div.package {
width: 50px;
}
div.frameLeft div.namebox {
width: 110px;
}
div.frameLeft p.name {
font-size: 12px;
font-weight: bold;
}
div.frameLeft p.date {
font-size: 14px;
font-family:verdana, sans-serif;
margin-bottom: 10px;
}
div.frameLeft div.price {
position: relative;
width: 170px;
height: 84px;
background-image: url(../img/bas_price.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.frameLeft div.price p {
position: absolute;
bottom: 5px;
right: 22px;
width: 500px;
text-align: right;
color: #cc0000;
font-size: 34px;
font-weight: bold;
font-family:verdana, sans-serif;
}

/* �w�������y�[�W
--------------------- */

div#close {
margin: 0 auto;
padding: 0;
width: 790px;
}

div#close div.table_serial table {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
div#close div.table_serial td {
padding: 10px 30px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
div#close div.table_serial td.title {
background-image: url(../img/close_order_bg.jpg);
background-repeat: repeat-x;
background-position: top left;
}

div#close div.table_bought {
margin-bottom: 20px;
}
div#close div.table_bought td {
padding: 10px 10px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
div#close div.table_bought td.frameleft {
border-left: 1px solid #cccccc;
}
div#close div.table_bought td.framerightnone {
border-right: none;
}
div#close div.table_bought td.framenone {
border-bottom: none;
border-right: none;
}
div#close div.table_bought td.title {
border-top: 1px solid #cccccc;
background-image: url(../img/close_bought_bg_a.jpg);
background-repeat: repeat-x;
background-position: top left;
}
div#close div.table_bought td.product {
background-image: url(../img/close_bought_bg_b.jpg);
background-repeat: repeat-x;
background-position: top left;
}
div#close div.table_bought td.total {
background-image: url(../img/close_bought_bg_c.jpg);
background-repeat: repeat-x;
background-position: top left;
}

div#close div.table_convenience table {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
div#close div.table_convenience td {
padding: 10px 30px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
div#close div.table_convenience td.title {
background-image: url(../img/close_table_convenience_bg.jpg);
background-repeat: repeat-x;
background-position: top left;
}

div#close div#topbutton {
margin: 0 auto 0px;
padding-bottom: 30px;
width: 275px;
}
div#close div#topbutton a:hover,
div#close div.campaign div.gpointbutton a:hover {
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}


div#close div.campaign {
background-image: url(../img/close_campaign_bg_822.gif);
background-repeat: repeat-y;
background-position: top left;
}
div#close div.campaign div.body {
padding: 10px 25px;

}
div#close div.campaign div.link {
padding-left: 15px;
background-image: url(../img/close_campaign_icon.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
}

/* ����
--------------------- */

div#close .mgbig {
margin-bottom: 30px;
}
div#close .mgmiddle {
margin-bottom: 20px;
}
div#close .mgsmall {
margin-bottom: 10px;
}

div#close p.big {
font-size: 20px;
}
div#close p.middle {
font-size: 14px;
}
div#close p.small {
font-size: 10px;
}

div#close .bold {
font-weight: bold;
}
div#close .normal {
font-weight: normal;
}
div#close .red {
color: #ff0000;
}
div#close .white {
color: #ffffff;
}

#btn {
    cursor: pointer;
}

/* �G���[�y�[�W
--------------------- */

div#notice {
margin: 0 auto;
padding: 0;
width: 950px;
}

div#notice div#topbutton {
margin: 0 auto 0px;
padding-bottom: 30px;
width: 400px;
text-align:center;
}
div#notice div#topbutton a:hover,
div#notice div.campaign div.gpointbutton a:hover {
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}

div#notice div.campaign {
background-image: url(../img/close_campaign_bg.gif);
background-repeat: repeat-y;
background-position: top center;
width: 790px;
}
div#notice div.campaign div.title {
background-image: url(../img/title_table_red.gif);
background-repeat: no-repeat;
background-position: top left;
padding-top: 23px;
padding-left: 38px;
font-weight: 900;
font-size: 16px;
color:#fc0000;
height: 55px;
}
div#notice div.campaign div.body {
padding: 10px 25px;
}
div#notice div.campaign div.link {
padding-left: 15px;
background-image: url(../img/close_campaign_icon.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
}

div#notice .mgbig {
margin-bottom: 30px;
margin-left: 80px;
}
div#notice .mgmiddle {
margin-bottom: 20px;
}
div#notice .mgsmall {
margin-bottom: 10px;
}

div#notice p.big {
font-size: 20px;
}
div#notice p.middle {
font-size: 14px;
}
div#notice p.small {
font-size: 10px;
}

div#notice .bold {
font-weight: bold;
}
div#notice .normal {
font-weight: normal;
}
div#notice .red {
color: #ff0000;
}
div#notice .white {
color: #ffffff;
}


/*---- AR ----*/
.clearb {
	clear:both;
}
#ar-consent-capture {
	width:795px;
}
#ar-consent-capture img {
	border:0;
	vertical-align:top;
}
#ar-consent-capture a {
	border:0;
}
#ar-consent-capture .ar_check {
	margin:0;
	padding:0;
	width:795px;
	height:44px;
	background-image:url(../img/ar_h1.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
}
#ar-consent-capture .ar_checkbox {
	position:absolute;
	top:16px;
	right:192px;
}
#ar-consent-capture .nuhd_checkbox {
	position:absolute;
	top:16px;
	right:192px;
}
#ar-consent-capture .ar_detail {
	margin:0;
	padding:0 0 0 11px;
	width:784px;
	height:97px;
	background-image:url(../img/ar_bg.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
}
#ar-consent-capture .ar_detail_left {
	float:left;
}
#ar-consent-capture .ar_detail_right {
	float:left;
}
#ar-consent-capture .ar_bottom {
	clear:both;
	margin:0;
	padding:0;
	width:795px;
	height:22px;
	background-image:url(../img/ar_bottom.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	line-height:0;
	font-size:0;
}
#ar-consent-capture .ar_button {
	margin:0;
	padding:0 0 10px 0;
	width:795px;
	height:30px;
	background-color:#fffee0;
	background-position:0 0;
	text-align:center;
}

.arrowLink { background:url(../img/icon_link.jpg) left center no-repeat; margin:0 10px 0 0; padding:0 0 0 15px;}

/*--
Preloaded�\���p ------------------*/
div.tableLayoutPreload {
margin: 0 26px 10px 20px;
}

div.tableLayoutPreload table{
color: #666666;
border-top: 1px solid #bcbcbc;
border-left: 1px solid #bcbcbc;
}
div.tableLayoutPreload td,
div.tableLayoutPreload th {
padding: 8px;
border-bottom: 1px solid #bcbcbc;
border-right: 1px solid #bcbcbc;
}.cDarkGray {
background-color: #cdcdc3;
}.cLiteGray {
background-color: #f7f7f7;
}.cLiteGray2 {
background-color: #e0ddd6;
}.cWhite {
background-color: #ffffff;
}
div.tableLayoutPreload th {
background-color: #f6f6f6;
}

div.preloadedInfo {
margin: 0 0px 20px;
width: 796px;

background-image: url(../img/preloaded_middle_798.jpg);
background-repeat: repeat-y;
background-position: left top;
}

div.preloadedInfo div.title {
padding-top: 10px;
padding-left: 20px;
width: 776px;
height: 83px;
background-image: url(../img/preloaded_top_798.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div.preloadedInfo div.title p {
color: #675548;
}
div.preloadedInfo div.sTitle p {
padding-left: 5px;
font-size: 14px;
font-weight: bold;
color: #666666;
border-left: 5px solid #9b7764;
}


/* step common
----------------------------- */
.step_cnt_wrap {
	margin-top:2px;
	margin-bottom:20px;
	width:788px;
	border:1px solid #CCCCCC;
	position:relative;

}
.white_bg {
	background:#FFFFFF;
}
.yellow_bg {
	background:#FFFFFF url(../img/yellow_bg.jpg) no-repeat 0 0;
}
.red_bg {
	background:#FFFFFF url(../img/red_bg.jpg) no-repeat 0 0;
}
.step_ttl .ttl_l {
	padding:5px 15px;
	width:98px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background:#fe6902 url(../img/ttl_step_bg.png) repeat-x 0 0;
	border:1px solid #CCCCCC;
	float:left;
}
.ttl_l span {
	font-size:24px;
}
.step_ttl .ttl_r {
	padding:9px 0 5px 15px;
	width:641px;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	background:#ffe69a url(../img/ttl_bg.png) repeat-x 0 0;
	border:1px solid #CCCCCC;
	float:right;
}
.step_cnt {
	padding:0 30px;
	position:relative;
}
.step_cnt .attention {
	margin-top:25px;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	border:1px solid #f0a832;
}
.step_cnt .attention .list_note li {
	margin-bottom:0;
}
.no_border {
	border:none!important;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.list_num span.catch, .list_num span.txt, .list_note span.catch, .list_note span.txt {
    display: table-cell;
    vertical-align: top;
}
.btn_cart, .btn_download {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
}
.btn_cart:hover, .btn_download:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}

/* step1
----------------------------- */
.frameIn .step_cnt_wrap {
	margin-bottom:0px;
}
.product_name {
	padding:20px 0;
	display:block;
	height:60px;
	font-size:23px;
	font-weight:bold;
	background:url(../img/product_name_bg.png) no-repeat 0 0;
	background-size: 720px auto;
}
.product_name img {
	margin-right:10px;
	vertical-align:bottom;
}
.product_name_left {
	padding:20px 0;
	display:block;
	height:60px;
	font-size:23px;
	font-weight:bold;
	background:url(../img/product_name_bg.png) no-repeat 0 0;
	background-size: 720px auto;
}
.product_name_left img {
	vertical-align:bottom;
}
.product_detail .device {
	width:348px;
	float:left;
}
.product_detail .day {
	margin-top:89px;
	width:358px;
	float:right;
}
.product_detail table {
	border:1px solid #cbcbcb;
}
.product_detail tr,
.product_detail td,
.product_detail th {
	padding:10px 0;
	border:1px solid #cbcbcb;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.product_detail th {
	width:50%;
	padding:5px;
	color:#FFFFFF;
	background:#666666;
}
.product_detail .day td {
	padding:13px 0 6px;
	font-size:32px;
}
.product_detail .day td span {
	font-size:48px;
	line-height:1;
}
.product_detail .day th {
	padding:5px 24px;
	font-size:32px;
	background:#fe0000;
}
.product_detail .device img {
	margin:0 4px;
}
.extend_ttl {
	margin:20px 0 5px 0;
	font-size:16px;
	font-weight:bold;
}
.salebox {
	margin-bottom:30px;
}
.salebox .innerSale {
    padding: 0 5px;
    background-color: #FFFFFF;
}
.salebox .cel {
	border-bottom:1px solid #CCCCCC;
}
.salebox .celYellow {
    background-color: #fffb8f;
}
.salebox .eyeCatch {
	margin-left:20px;
    width: 105px;
    height: 43px;
}
.salebox .celYellow .eyeCatch {
	margin-top:20px;
}
.salebox .radio_cnt {
	width:120px;
}
.salebox .radio_cnt_rol {
	width:110px;
}
.salebox .extra {
	margin:15px 0;
    font-size: 18px;
    font-weight: bold;
}
.salebox .extra_rol {
	margin:15px 0;
    font-size: 18px;
    font-weight: bold;
}
.salebox .celYellow .extra {
	margin-top:40px;
}
.salebox .celYellow .extra_rol {
	margin-top:25px;
}
.salebox .priceBox {
    margin:15px 0 15px 5px;
}
.salebox .priceBox p {
	display:inline;
}
.salebox .price_strike {
    font-size: 18px;
}
.salebox .price_strike img {
	margin-left:10px;
	vertical-align:middle;
}
.salebox .price_strike .num {
    text-decoration: line-through;
}
.salebox .price_withoutTax {
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
}
.salebox .price_withoutTax .num {
    font-size: 28px;
}
.salebox .price_18px {
    font-size: 18px;
    font-weight: bold;
}
.salebox .priceBox .tax {
	margin-left:10px;
}
.salebox .textCatch {
    margin: 0;
    color: #FF0000;
    font-size: 18px;
    font-weight: bold;
}

/* CandyRack
----------------------------- */
.candyrack {
	margin:0 auto;
	padding:10px 0;
}
.candyrack .plus {
	margin-bottom:20px;
	text-align:center;
}
.candy_ttl {
	margin-bottom:15px;
	padding:3px 5px;
	border:1px solid #f0a832;
	border-radius:5px;
}
.candy_ttl .ttl_l {
	padding:5px 15px;
	font-size:16px;
	font-weight:bold;
	background:#ffebb0;
	border-radius:5px;
	float:left;
}
.candy_ttl .ttl_r {
	padding:5px 15px 2px;
	font-size:18px;
	font-weight:bold;
	float:left;
}
.candy_cnt {
	margin-bottom:10px;
}
.candy_cnt .cnt_l {
	margin:0;
	padding:8px 0;
	width:69px;
	text-align:center;
	background:#f0f0f0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	float:left;
}
.candy_cnt .cnt_c {
	margin:0;
	padding:8px 0;
	width:200px;
	background:#f0f0f0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	float:left;
}
.candy_cnt .cnt_r {
	margin:0;
	padding:0;
	width:515px;
	border:1px solid #CCCCCC;
	float:right;
}
.candy_cnt table {
	margin-bottom:0;
	border:none;
}
.candy_cnt tr,
.candy_cnt th,
.candy_cnt td {
	border:none;
}
.candy_cnt .row1 {
	padding:4px 0px 3px 15px;
	width:188px;
}
.candy_cnt .row2 {
	padding:4px 0px 3px 0px;
	width:60px;
}
.candy_cnt .row3 {
	padding:4px 10px 3px 0px;
	width:168px;
	text-align: right;
}
.candy_cnt .row4 {
	padding:4px 10px 3px 0px;
	width:108px;
	text-align:center;
}

.candy_cnt .product_name {
	padding: 0;
    display: block;
    height: auto;
	font-size:14px;
    background: none;
}
.candy_cnt .btn_small {
	margin:0;
	width:120px;
}
.candy_cnt .btn_cart {
	padding:5px 0 4px;
	text-align:center;
}
.candy_cnt .btn_cart span {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}
.candyrack .attention {
	padding:5px;
	color:#333333;
	font-weight:bold;
}
.candyrack .attention .list_note li {
	margin-bottom:0;
}

/* price
----------------------------- */
.candy_cnt .price_off {
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}
.candy_cnt .price_strike .num {
	text-decoration:line-through;
}
.candy_cnt .price_discount {
	display:inline;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}
.candy_cnt .price_discount .num {
	font-size:25px;
}
.candy_cnt .price_tax {
	display:inline;
	margin-left:15px;
}


/* AR Note
----------------------------- */
.ar {
}
.arNoteUp {
	clear: both;
	margin-bottom: 10px;
	padding: 10px 5px;
	border: 1px solid #e6e6e6;
	background-color: #eff4fa;
}
.arNoteUp .list_note {
	margin:0 0 0 10px;
}
.arNoteUp .list_note li {
	margin-bottom:0;
}

/* No Script
----------------------------- */
.nonJs {
	margin:0 auto;
	width:946px;
	border:2px solid #FF0000;
	background:#FFFFFF;
}
.nonJs p {
	margin:20px;
}

/* ----------------------------------------------------------------
	font-size
----------------------------------------------------------------- */
.fsss  { font-size:75% !important; }
.fss  { font-size:90% !important; }
.fsm  { font-size:100% !important; }
.fsl  { font-size:120% !important; }
.fsll  { font-size:150% !important; }

/* ----------------------------------------------------------------
	font color
----------------------------------------------------------------- */
.fcr { color: #FF0000 !important; }
.fcb { color: #0000FF !important; }
.fcbk { color: #000000 !important; }
.fcg { color: #999999 !important; }

/* Buy Sheets
----------------------------- */
div.frameIn div.top_bs {
	background-position: left top; width: 790px; height: 67px; position: relative; z-index: 0; background-image: url("../img/frame_in_top_1_bs.jpg"); background-repeat: no-repeat;
}
div.frameIn div.title p {
	left: 135px; top: 12px; font-size: 16px; font-weight: bold; position: absolute;
}
div.top_bs p {
	left: 28px !important; top: 10px !important; font-size: 16px; font-weight: bold; position: absolute;
}
.step_bs .attention_bs {
	padding: 15px 20px 12px; margin-bottom:15px; background-color:#fffb8f; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; line-height:1.4;
}
.step_bs p span.txt_red_b{
	color:#FF0000; font-weight:bold; font-size:16px;
}
.step_bs ul{
	list-style:disc; padding-left:15px;
}
.step_bs .product_name{
	font-size:15px; padding: 0px; height: 47px; font-weight: bold; display: block; margin-bottom:15px;
}
.step_bs .product_name_s{
	font-size:13px; padding: 0px; height: 47px; font-weight: bold; display: block; margin-bottom:15px;
}
.step_bs .product_name img{
	vertical-align:middle;
}
.step_bs .product_name_left{
	font-size:15px; padding: 0px; height: 47px; font-weight: bold; display: block; margin-bottom:15px;
}
.step_bs .product_name_left img{
	vertical-align:middle;
}
.step_bs .product_detail .device {
	width: 332px; float:none;
}
.step_bs .product_left{
	float:left;
}
.step_bs .arrow_bs{
	float:left; margin:45px 0 0 20px;
}
.step_bs .product_right{
	float:right;
}
.step_bs .product_detail table{
	width:100%; margin-bottom:15px;
}
.step_bs .product_detail th {
	padding: 10px 0px; border: 1px solid rgb(203, 203, 203); border-image: none; text-align: center; line-height: 1; font-size: 14px; font-weight: bold;
}
.price_note {
	border:1px solid #ff0000;
	margin-bottom:20px;
	padding:5px;
	color:#333333;
}
.product_note {
	border:1px solid #333333;
	margin-bottom:20px;
	padding:5px;
	color:#333333;
}

.UHD_explanation {
	border: 4px solid #ffc20e;
	width: 712px;
	padding: 15px;
	background: url(../img/operator.jpg) no-repeat 480px bottom;
	background-color: #ffffff;
	font-family: "�q���M�m�p�S Pro W3", Hiragino Kaku Gothic Pro," ���C���I", Meiryo, Osaka," �l�r �o�S�V�b�N", MS PGothic," sans-serif";
}
.UHD_explanation a {
	font-weight: bold;
}
.UHD_explanation .red_text {
	color: #F00;
	font-size: 28px;
	font-weight: bold;
}
.UHD_explanation .clear {
	clear: both;
}
.UHD_explanation .column3 {
	float: left;
	margin-left: 20px;
}
.UHD_explanation .column3:first-child {
	margin-left: 0;
}
.UHD_explanation .column3 .ttl {
	margin-top: 18px;
	font-size: 24px;
	font-weight: bold;
}
.UHD_explanation .column3 .lead {
	color: #F60;
	font-weight: bold;
	font-size: 16px;
}
.UHD_explanation .bdy {
	padding-top: 10px;
	padding-right: 120px;
	clear: both;
	font-size: 12px;
}
.ul{
	margin: 1em 0;
	padding-left: 30px;
	list-style-type: disc;
}

/* AR�A�b�v�Z�� NUHD
--------------------- */
.arupsell_candy_ttl_bold {
    margin-bottom: 15px;
    padding: 3px 5px;
    border: 5px solid #f0a832;
    border-radius: 5px;
    padding: 5px 15px 2px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.arupsell_candy_cnt .cnt_r {
    width: 443px;
    padding: 10px 10px 10px 10px;
}

.arupsell_candy_cnt .price_discount span.orange{
    font-size: 18px;
    color: #ff5f04;
    line-height: 120%;
}

.arupsell_candy_cnt .btn_cart {
    padding: 5px 14px 4px;
    margin-left: 5px;
}

.arupsell_candy_cnt .btn_small {
    margin: 5px 0;
}

.arupsell_nuhd_text_kiyaku{
    text-align: right;
    font-size: 11px;
}

.vssa_cnt_wrap {
	border:3px solid #fcd860;
	background:#FFFFFF;
}
.vssa_cnt {
	padding:15px;
	background:url(../img/operator_ab.jpg) no-repeat 620px bottom;
    background-size:90px;
}
.vssa_cnt .ttl {
	font-size:20px;
	font-weight:bold;
}
.vssa_cnt .ttl img {
	margin-right:6px;
	vertical-align:middle;
}
.vssa_cnt .ttl span {
    margin-left:30px;
	font-size:16px;
	color:#e89f13;
}
.vssa_cnt .txt {
	margin:10px 0 0 40px;
	width:600px;
	font-weight:bold;
	font-size:12px;
}
.vssa_cnt .txt p {
	margin:0;
	line-height:1.2;
}

/*-- AR VSSAP�P�̃I�t�@�[
--------------------- */
.addon_service .vssa_cnt_wrap {
	overflow:hidden;
}
.addon_service .vssa_cnt {
	background-position:640px bottom;
}
.addon_service .txt p{
  line-height:1.5;
}
.addon_service .ttl{
    background: url(../img/logo_vssap_2.png) no-repeat;
    height:50px;
    padding: 13px 0 0 60px;
}
.addon_service .ttl span{
    padding: 0 0 0 86px;
}
.addon_service .box_l,.box_r{
    padding: 5px 0 10px 55px;
}
.addon_service .box_l{
    float:left;
}
.addon_service .box_r{
    float:right;
    text-align: right;
}
/* Button */
div.start_upgrade_now_button input[type="submit"],
div.start_upgrade_now_button input[type="button"],
div.start_upgrade_now_button button {
	width: 63%;
	padding: 0;
    color: #ffffff;
}

.start_upgrade_now_button {
    margin: 12px auto;
    width: 280px;
    height: 80px;
    text-align: left;
    text-indent:-20px;
    line-height: 24px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 2px solid #ffffff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    box-sizing: border-box;
    border: 2px solid #ffffff;
    background: #cecece;
    position:relative;
  }
.start_upgrade_now_button.checked {
    background: #ff0000;
  }
.start_upgrade_now_button div {
    position: relative;
    margin: 0 0 0 0;
  }
.start_upgrade_now_button div span ,
.start_upgrade_now_button div:before{
    position:relative;
    left:68px;
    top:25px;
  }
.start_upgrade_now_button div span {
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
  }
.start_upgrade_now_button div:before{
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-left: 10px solid #ffffff;
    margin-bottom: 0;
  }
.button_caption {
    text-align: center;
    font-size: 12px;
    color: #999999;
  }
.button_caption.checked {
    color: #ff0000;
    font-weight: bold;
  }

/*-- �R���r�j������
--------------------- */
div.bnr_soukiwari img{
    padding: 30px 0 0 0;
}
div.bnr_soukiwari div.discountPrice{
    text-align: right;
    position: relative;
    color: #fd0000;
    font-size: 50px;
    font-weight: bold;
    bottom: 87px;
    right: 165px;
    letter-spacing: -0.05em;
}
div.bnr_soukiwari div.serverPeriodMonth{
    text-align: left;
    position: relative;
    font-size: 33px;
    font-weight: bold;
    bottom: 149px;
    left: 240px;
    letter-spacing: -0.05em;
}
div.bnr_soukiwari div.serverPeriodDay{
    text-align: left;
    position: relative;
    font-size: 33px;
    font-weight: bold;
    bottom: 199px;
    left: 325px;
    letter-spacing: -0.05em;
}
.soukiwari{
    margin:5px 5px 0 0;
    background:url(../img/logo_hayawari.gif) no-repeat top;
    padding:35px 0 0 0;
	text-align:center;
	float:right;
	width: 150px;
}
.soukiwari p{
	display:inline;
	font-size:16px;
    line-height:28px;
    font-weight: bold;
    letter-spacing: -0.05em;
}
.soukiwari p span.wari{
	font-size: 29px;
}

/*-- FTR NS_3D AB�e�X�g�i���ʁj
--------------------- */
.ftr_ns_ab {
    width: 726px;
    margin-bottom: 30px;
}
.ftr_ns_ab table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border:1px solid #cbcbcb;
    font-size: 16px;
}
.ftr_ns_ab tr,
.ftr_ns_ab td,
.ftr_ns_ab th {
	padding:10px 0;
	border:1px solid #cbcbcb;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	vertical-align:top;
}
.ftr_ns_ab th {
	padding:10px 0;
	text-align:center;
}
.ftr_ns_ab td {
	padding:13px 14px 6px;
    font-size:30px;
    text-align: left;
}
.ftr_ns_ab td input{
    float: left;
    position: relative;
    top:5px;
}
.ftr_ns_ab td p.cent{
    text-align: center;
}
.ftr_ns_ab th.pre {
	background:#ffd966;
	width:316px;
}
.ftr_ns_ab td.pre {
    background:#ffff99;
}
.ftr_ns_ab td p{
	font-size:15px;
}
.ftr_ns_ab td.pre p.price{
    color: #fe0000;
    font-weight: bold;
}
.ftr_ns_ab td p.year{
    margin: 5px 0;
}
.ftr_ns_ab td p.year span{
	font-size:16px;
}
.ftr_ns_ab td p.price{
    font-size:22px;
    font-weight: normal;
}
.ftr_ns_ab td p.price span{
	font-size:16px;
}
.ftr_ns_ab td p.tax{
    font-size:12px;
}
.ftr_ns_ab td .recomend{
    margin-top: 15px;
}
.ftr_ns_ab td .recomend p{
    width: 100%;
    text-align: left;
}
.ftr_ns_ab td .recomend p{
    color: #fe0000;
}
.ftr_ns_ab td .recomend p{
	font-size:13px;
}
.ftr_ns_ab td .recomend p.osusume{
    color: #fff;
    background: #fe0000;
    font-weight: bold;
    padding: 6px 2px;
    float: left;
    width: 70px;
    border-radius: 5px;
    text-align: center;
    margin: 3px 8px 0 0;
}
.ftr_ns_ab table td label div{
    text-align: right;
}
.ftr_ns_ab table td.pre label div.wrap{
    text-align: right;
}
/*-- FTR NS_3D AB�e�X�g�icol_2�j
--------------------- */
.ftr_ns_ab table.col_2{
    margin-bottom: 5px;
}
.ftr_ns_ab table.col_2 td{
	width: 50%;
	padding: 13px 25px 6px;
}
.ftr_ns_ab table.col_2 td.now label div{
    width: 177px;
}
.ftr_ns_ab table.col_2 td.pre label div.wrap{
	width: 190px;
}
.ftr_ns_ab p.att{
    margin-bottom: 20px;
}

/*-- FTR NS_3D AB�e�X�g�icol_3�j
--------------------- */
.ftr_ns_ab table.col_3{
    margin-bottom: 20px;
}
.ftr_ns_ab table.col_3 p.cent{
    font-size: 14px;
}
.ftr_ns_ab table.col_3 td.now p.year,
.ftr_ns_ab table.col_3 td.now2 p.year{
	margin-top: 32px;
}
.ftr_ns_ab table.col_3 td.now label div{
	width: 177px;
}
.ftr_ns_ab table.col_3 td.now2 label div{
	width: 191px;
}
.ftr_ns_ab table.col_3 td.pre label div.wrap{
	width: 190px;
}
.ftr_ns_ab table.col_3 td p.year{
    font-size:30px;
}

/* VSSAP CandyRack
----------------------------- */
.candy_cnt .vssap_col1 {
	padding:4px 0px 3px 15px;
	width:250px;
}
.candy_cnt .vssap_col2 {
	padding:4px 3px 3px 0px;
	width:168px;
	text-align: right;
	vertical-align: top;
}
.candy_cnt .vssap_col3 {
	padding:4px 10px 3px 0px;
    width:106px;
	text-align:center;
	vertical-align: top;
}
.candy_cnt .vssap_text {
	padding: 0;
    display: block;
    height: auto;
	font-size:12px;
    background: none;
}
.candy_cnt .vssap_text_red {
	color:#FF0000;
	padding: 0;
    display: block;
    height: auto;
	font-size:12px;
	font-weight:bold;
    background: none;
}
.candy_cnt .vssap_text_kiyaku {
	padding: 0;
    display: block;
    height: auto;
	font-size:11px;
    background: none;
	text-align: right;
}

#coupon_box {
    width: 100%;
    height: 73px;
}

#coupon_box .text {
    float: left;
    font-size: 12px;
    text-align: right;
}

#coupon_box .column2 {
    float: right;
    width: 265px;
}

#coupon_box .column2 .input_box {
    float: left;
}

#coupon_box .column2 .input_box input {
    padding: 5px 10px;
    font-size: 14px;
    width: 185px;
}

#coupon_box .column2 .button {
    float: right;
    margin: 0 0 5px;
    padding: 5px 10px;
    background: #058109;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
}

#coupon_box .column2 .button a,
#coupon_box .column2 .button a:hover {
    color: #ffffff;
    text-decoration: none;
}

#coupon_box .discount {
    clear: both;
    float: right;
    font-size: 14px;
    margin: 0 0 5px;
    padding: 5px 0;
    text-align: center;
    background: #d3efd4;
    color: #058109;
    width: 265px;
    font-weight: bold;
}

#coupon_box .column2 .error {
    width: 285px;
    clear: both;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
    color: #ff0000;
}

.jp_downgrade {
    margin-top: 0;
}

.jp_downgrade .p_container {
    display: inline-flex;
    margin-bottom: 10px;
}

.jp_downgrade .p_item {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    width: 385px;
    padding: 15px;
}

.jp_downgrade .mgR {
    margin-right: 12px;
}

.jp_downgrade .attached_area {
    height: 32px;
    margin-bottom: 12px;
    text-align: right;
}

.jp_downgrade .cont_block {
    margin-bottom: 15px;
    padding-bottom: 17px;
    border-bottom: 1px dotted #cccccc;
}

.jp_downgrade .cont_l {
    float: left;
}

.jp_downgrade .cont_r {
    float: right;
}

.jp_downgrade .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.jp_downgrade .p_name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 120%;
}

.jp_downgrade .txt {
    margin-bottom: 13px;
}

.jp_downgrade .details a:link,
.jp_downgrade .detailsk a:visited {
    color: #000;
    text-decoration: underline;
}

.jp_downgrade .details a:hover,
.jp_downgrade .details a:active {
    text-decoration: none !important;
}

.jp_downgrade .w82 {
    width: 65px !important;
}

.jp_downgrade .w320 {
    width: 320px;
}

.jp_downgrade .jp_downgrade_price_1y {
    font-size: 18px;
    font-weight: bold;
    padding: 0px;
}

.jp_downgrade .jp_downgrade_price_1y span.num {
    font-size: 160%;
}

.jp_downgrade .jp_downgrade_price_1y span.tax {
    font-size: 14px;
    font-weight: normal;
}

.jp_downgrade .jp_downgrade_price_1y p {
    margin: 0px;
}

.jp_downgrade .p_container .caution {
    padding: 0px;
    border: none;
    text-align: left;
    margin-top: 15px;
}

.jp_rol2_tabs .fcr{
	padding: 0;
	line-height: 55px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* 
 * Foundation Icons v 3.0
 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
 * MIT License
 */

@font-face {
  font-family: "foundation-icons";
  src: url("font/foundation-icons.eot");
  src: url("font/foundation-icons.eot?#iefix") format("embedded-opentype"),
       url("font/foundation-icons.woff") format("woff"),
       url("font/foundation-icons.ttf") format("truetype"),
       url("font/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.fi-address-book:before { content: "\f100"; }
.fi-alert:before { content: "\f101"; }
.fi-align-center:before { content: "\f102"; }
.fi-align-justify:before { content: "\f103"; }
.fi-align-left:before { content: "\f104"; }
.fi-align-right:before { content: "\f105"; }
.fi-anchor:before { content: "\f106"; }
.fi-annotate:before { content: "\f107"; }
.fi-archive:before { content: "\f108"; }
.fi-arrow-down:before { content: "\f109"; }
.fi-arrow-left:before { content: "\f10a"; }
.fi-arrow-right:before { content: "\f10b"; }
.fi-arrow-up:before { content: "\f10c"; }
.fi-arrows-compress:before { content: "\f10d"; }
.fi-arrows-expand:before { content: "\f10e"; }
.fi-arrows-in:before { content: "\f10f"; }
.fi-arrows-out:before { content: "\f110"; }
.fi-asl:before { content: "\f111"; }
.fi-asterisk:before { content: "\f112"; }
.fi-at-sign:before { content: "\f113"; }
.fi-background-color:before { content: "\f114"; }
.fi-battery-empty:before { content: "\f115"; }
.fi-battery-full:before { content: "\f116"; }
.fi-battery-half:before { content: "\f117"; }
.fi-bitcoin-circle:before { content: "\f118"; }
.fi-bitcoin:before { content: "\f119"; }
.fi-blind:before { content: "\f11a"; }
.fi-bluetooth:before { content: "\f11b"; }
.fi-bold:before { content: "\f11c"; }
.fi-book-bookmark:before { content: "\f11d"; }
.fi-book:before { content: "\f11e"; }
.fi-bookmark:before { content: "\f11f"; }
.fi-braille:before { content: "\f120"; }
.fi-burst-new:before { content: "\f121"; }
.fi-burst-sale:before { content: "\f122"; }
.fi-burst:before { content: "\f123"; }
.fi-calendar:before { content: "\f124"; }
.fi-camera:before { content: "\f125"; }
.fi-check:before { content: "\f126"; }
.fi-checkbox:before { content: "\f127"; }
.fi-clipboard-notes:before { content: "\f128"; }
.fi-clipboard-pencil:before { content: "\f129"; }
.fi-clipboard:before { content: "\f12a"; }
.fi-clock:before { content: "\f12b"; }
.fi-closed-caption:before { content: "\f12c"; }
.fi-cloud:before { content: "\f12d"; }
.fi-comment-minus:before { content: "\f12e"; }
.fi-comment-quotes:before { content: "\f12f"; }
.fi-comment-video:before { content: "\f130"; }
.fi-comment:before { content: "\f131"; }
.fi-comments:before { content: "\f132"; }
.fi-compass:before { content: "\f133"; }
.fi-contrast:before { content: "\f134"; }
.fi-credit-card:before { content: "\f135"; }
.fi-crop:before { content: "\f136"; }
.fi-crown:before { content: "\f137"; }
.fi-css3:before { content: "\f138"; }
.fi-database:before { content: "\f139"; }
.fi-die-five:before { content: "\f13a"; }
.fi-die-four:before { content: "\f13b"; }
.fi-die-one:before { content: "\f13c"; }
.fi-die-six:before { content: "\f13d"; }
.fi-die-three:before { content: "\f13e"; }
.fi-die-two:before { content: "\f13f"; }
.fi-dislike:before { content: "\f140"; }
.fi-dollar-bill:before { content: "\f141"; }
.fi-dollar:before { content: "\f142"; }
.fi-download:before { content: "\f143"; }
.fi-eject:before { content: "\f144"; }
.fi-elevator:before { content: "\f145"; }
.fi-euro:before { content: "\f146"; }
.fi-eye:before { content: "\f147"; }
.fi-fast-forward:before { content: "\f148"; }
.fi-female-symbol:before { content: "\f149"; }
.fi-female:before { content: "\f14a"; }
.fi-filter:before { content: "\f14b"; }
.fi-first-aid:before { content: "\f14c"; }
.fi-flag:before { content: "\f14d"; }
.fi-folder-add:before { content: "\f14e"; }
.fi-folder-lock:before { content: "\f14f"; }
.fi-folder:before { content: "\f150"; }
.fi-foot:before { content: "\f151"; }
.fi-foundation:before { content: "\f152"; }
.fi-graph-bar:before { content: "\f153"; }
.fi-graph-horizontal:before { content: "\f154"; }
.fi-graph-pie:before { content: "\f155"; }
.fi-graph-trend:before { content: "\f156"; }
.fi-guide-dog:before { content: "\f157"; }
.fi-hearing-aid:before { content: "\f158"; }
.fi-heart:before { content: "\f159"; }
.fi-home:before { content: "\f15a"; }
.fi-html5:before { content: "\f15b"; }
.fi-indent-less:before { content: "\f15c"; }
.fi-indent-more:before { content: "\f15d"; }
.fi-info:before { content: "\f15e"; }
.fi-italic:before { content: "\f15f"; }
.fi-key:before { content: "\f160"; }
.fi-laptop:before { content: "\f161"; }
.fi-layout:before { content: "\f162"; }
.fi-lightbulb:before { content: "\f163"; }
.fi-like:before { content: "\f164"; }
.fi-link:before { content: "\f165"; }
.fi-list-bullet:before { content: "\f166"; }
.fi-list-number:before { content: "\f167"; }
.fi-list-thumbnails:before { content: "\f168"; }
.fi-list:before { content: "\f169"; }
.fi-lock:before { content: "\f16a"; }
.fi-loop:before { content: "\f16b"; }
.fi-magnifying-glass:before { content: "\f16c"; }
.fi-mail:before { content: "\f16d"; }
.fi-male-female:before { content: "\f16e"; }
.fi-male-symbol:before { content: "\f16f"; }
.fi-male:before { content: "\f170"; }
.fi-map:before { content: "\f171"; }
.fi-marker:before { content: "\f172"; }
.fi-megaphone:before { content: "\f173"; }
.fi-microphone:before { content: "\f174"; }
.fi-minus-circle:before { content: "\f175"; }
.fi-minus:before { content: "\f176"; }
.fi-mobile-signal:before { content: "\f177"; }
.fi-mobile:before { content: "\f178"; }
.fi-monitor:before { content: "\f179"; }
.fi-mountains:before { content: "\f17a"; }
.fi-music:before { content: "\f17b"; }
.fi-next:before { content: "\f17c"; }
.fi-no-dogs:before { content: "\f17d"; }
.fi-no-smoking:before { content: "\f17e"; }
.fi-page-add:before { content: "\f17f"; }
.fi-page-copy:before { content: "\f180"; }
.fi-page-csv:before { content: "\f181"; }
.fi-page-delete:before { content: "\f182"; }
.fi-page-doc:before { content: "\f183"; }
.fi-page-edit:before { content: "\f184"; }
.fi-page-export-csv:before { content: "\f185"; }
.fi-page-export-doc:before { content: "\f186"; }
.fi-page-export-pdf:before { content: "\f187"; }
.fi-page-export:before { content: "\f188"; }
.fi-page-filled:before { content: "\f189"; }
.fi-page-multiple:before { content: "\f18a"; }
.fi-page-pdf:before { content: "\f18b"; }
.fi-page-remove:before { content: "\f18c"; }
.fi-page-search:before { content: "\f18d"; }
.fi-page:before { content: "\f18e"; }
.fi-paint-bucket:before { content: "\f18f"; }
.fi-paperclip:before { content: "\f190"; }
.fi-pause:before { content: "\f191"; }
.fi-paw:before { content: "\f192"; }
.fi-paypal:before { content: "\f193"; }
.fi-pencil:before { content: "\f194"; }
.fi-photo:before { content: "\f195"; }
.fi-play-circle:before { content: "\f196"; }
.fi-play-video:before { content: "\f197"; }
.fi-play:before { content: "\f198"; }
.fi-plus:before { content: "\f199"; }
.fi-pound:before { content: "\f19a"; }
.fi-power:before { content: "\f19b"; }
.fi-previous:before { content: "\f19c"; }
.fi-price-tag:before { content: "\f19d"; }
.fi-pricetag-multiple:before { content: "\f19e"; }
.fi-print:before { content: "\f19f"; }
.fi-prohibited:before { content: "\f1a0"; }
.fi-projection-screen:before { content: "\f1a1"; }
.fi-puzzle:before { content: "\f1a2"; }
.fi-quote:before { content: "\f1a3"; }
.fi-record:before { content: "\f1a4"; }
.fi-refresh:before { content: "\f1a5"; }
.fi-results-demographics:before { content: "\f1a6"; }
.fi-results:before { content: "\f1a7"; }
.fi-rewind-ten:before { content: "\f1a8"; }
.fi-rewind:before { content: "\f1a9"; }
.fi-rss:before { content: "\f1aa"; }
.fi-safety-cone:before { content: "\f1ab"; }
.fi-save:before { content: "\f1ac"; }
.fi-share:before { content: "\f1ad"; }
.fi-sheriff-badge:before { content: "\f1ae"; }
.fi-shield:before { content: "\f1af"; }
.fi-shopping-bag:before { content: "\f1b0"; }
.fi-shopping-cart:before { content: "\f1b1"; }
.fi-shuffle:before { content: "\f1b2"; }
.fi-skull:before { content: "\f1b3"; }
.fi-social-500px:before { content: "\f1b4"; }
.fi-social-adobe:before { content: "\f1b5"; }
.fi-social-amazon:before { content: "\f1b6"; }
.fi-social-android:before { content: "\f1b7"; }
.fi-social-apple:before { content: "\f1b8"; }
.fi-social-behance:before { content: "\f1b9"; }
.fi-social-bing:before { content: "\f1ba"; }
.fi-social-blogger:before { content: "\f1bb"; }
.fi-social-delicious:before { content: "\f1bc"; }
.fi-social-designer-news:before { content: "\f1bd"; }
.fi-social-deviant-art:before { content: "\f1be"; }
.fi-social-digg:before { content: "\f1bf"; }
.fi-social-dribbble:before { content: "\f1c0"; }
.fi-social-drive:before { content: "\f1c1"; }
.fi-social-dropbox:before { content: "\f1c2"; }
.fi-social-evernote:before { content: "\f1c3"; }
.fi-social-facebook:before { content: "\f1c4"; }
.fi-social-flickr:before { content: "\f1c5"; }
.fi-social-forrst:before { content: "\f1c6"; }
.fi-social-foursquare:before { content: "\f1c7"; }
.fi-social-game-center:before { content: "\f1c8"; }
.fi-social-github:before { content: "\f1c9"; }
.fi-social-google-plus:before { content: "\f1ca"; }
.fi-social-hacker-news:before { content: "\f1cb"; }
.fi-social-hi5:before { content: "\f1cc"; }
.fi-social-instagram:before { content: "\f1cd"; }
.fi-social-joomla:before { content: "\f1ce"; }
.fi-social-lastfm:before { content: "\f1cf"; }
.fi-social-linkedin:before { content: "\f1d0"; }
.fi-social-medium:before { content: "\f1d1"; }
.fi-social-myspace:before { content: "\f1d2"; }
.fi-social-orkut:before { content: "\f1d3"; }
.fi-social-path:before { content: "\f1d4"; }
.fi-social-picasa:before { content: "\f1d5"; }
.fi-social-pinterest:before { content: "\f1d6"; }
.fi-social-rdio:before { content: "\f1d7"; }
.fi-social-reddit:before { content: "\f1d8"; }
.fi-social-skillshare:before { content: "\f1d9"; }
.fi-social-skype:before { content: "\f1da"; }
.fi-social-smashing-mag:before { content: "\f1db"; }
.fi-social-snapchat:before { content: "\f1dc"; }
.fi-social-spotify:before { content: "\f1dd"; }
.fi-social-squidoo:before { content: "\f1de"; }
.fi-social-stack-overflow:before { content: "\f1df"; }
.fi-social-steam:before { content: "\f1e0"; }
.fi-social-stumbleupon:before { content: "\f1e1"; }
.fi-social-treehouse:before { content: "\f1e2"; }
.fi-social-tumblr:before { content: "\f1e3"; }
.fi-social-twitter:before { content: "\f1e4"; }
.fi-social-vimeo:before { content: "\f1e5"; }
.fi-social-windows:before { content: "\f1e6"; }
.fi-social-xbox:before { content: "\f1e7"; }
.fi-social-yahoo:before { content: "\f1e8"; }
.fi-social-yelp:before { content: "\f1e9"; }
.fi-social-youtube:before { content: "\f1ea"; }
.fi-social-zerply:before { content: "\f1eb"; }
.fi-social-zurb:before { content: "\f1ec"; }
.fi-sound:before { content: "\f1ed"; }
.fi-star:before { content: "\f1ee"; }
.fi-stop:before { content: "\f1ef"; }
.fi-strikethrough:before { content: "\f1f0"; }
.fi-subscript:before { content: "\f1f1"; }
.fi-superscript:before { content: "\f1f2"; }
.fi-tablet-landscape:before { content: "\f1f3"; }
.fi-tablet-portrait:before { content: "\f1f4"; }
.fi-target-two:before { content: "\f1f5"; }
.fi-target:before { content: "\f1f6"; }
.fi-telephone-accessible:before { content: "\f1f7"; }
.fi-telephone:before { content: "\f1f8"; }
.fi-text-color:before { content: "\f1f9"; }
.fi-thumbnails:before { content: "\f1fa"; }
.fi-ticket:before { content: "\f1fb"; }
.fi-torso-business:before { content: "\f1fc"; }
.fi-torso-female:before { content: "\f1fd"; }
.fi-torso:before { content: "\f1fe"; }
.fi-torsos-all-female:before { content: "\f1ff"; }
.fi-torsos-all:before { content: "\f200"; }
.fi-torsos-female-male:before { content: "\f201"; }
.fi-torsos-male-female:before { content: "\f202"; }
.fi-torsos:before { content: "\f203"; }
.fi-trash:before { content: "\f204"; }
.fi-trees:before { content: "\f205"; }
.fi-trophy:before { content: "\f206"; }
.fi-underline:before { content: "\f207"; }
.fi-universal-access:before { content: "\f208"; }
.fi-unlink:before { content: "\f209"; }
.fi-unlock:before { content: "\f20a"; }
.fi-upload-cloud:before { content: "\f20b"; }
.fi-upload:before { content: "\f20c"; }
.fi-usb:before { content: "\f20d"; }
.fi-video:before { content: "\f20e"; }
.fi-volume-none:before { content: "\f20f"; }
.fi-volume-strike:before { content: "\f210"; }
.fi-volume:before { content: "\f211"; }
.fi-web:before { content: "\f212"; }
.fi-wheelchair:before { content: "\f213"; }
.fi-widget:before { content: "\f214"; }
.fi-wrench:before { content: "\f215"; }
.fi-x-circle:before { content: "\f216"; }
.fi-x:before { content: "\f217"; }
.fi-yen:before { content: "\f218"; }
.fi-zoom-in:before { content: "\f219"; }
.fi-zoom-out:before { content: "\f21a"; }

@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #dddddd;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#wrapper {
	margin: 0 auto;
	padding: 0 40px;
	width: 950px;
	background-color:#ffffff;
}
/* ----------------------------------------------------------------
	Image
----------------------------------------------------------------- */
img {
	max-width:100%;
	height:auto;
}
/* ----------------------------------------------------------------
	Text
----------------------------------------------------------------- */
p {
	margin:0 0 20px 0;
	padding:0;
	line-height:1.5;
}
p.caption {
	margin-top:5px;
}
/* ----------------------------------------------------------------
	Link
----------------------------------------------------------------- */
a:link, a:visited {
	color:#f15500;
	text-decoration:none;
	outline:0;
}
a:hover, a:active, a:focus {
	text-decoration:underline;
}
.link_close a {
	float:right;
}
.link_close a:link, .link_close a:visited,
.link_close a:hover, .link_close a:active, .link_close a:focus {
	color:#333333;
	text-decoration:none;
}
.link_popup a:link, .link_popup a:visited,
.link_popup a:hover, .link_popup a:active, .link_popup a:focus {
	color:#333333;
}
.link_pagetop {
	text-align:right;
	margin:0 20px 20px 0;
}

/* ----------------------------------------------------------------
	Icon Font
----------------------------------------------------------------- */
.fi {
	margin-right:5px;
}
.fi_r {
	margin-left:5px;
}
.fi-page-copy {
	color:#999;
}
.btn .fi {
	margin-right:10px;
}

/* ----------------------------------------------------------------
	Heading
----------------------------------------------------------------- */
h1 {
	margin:0 0 20px 0;
	padding: 10px 20px;
	color: #000000;
	font-size: 20px;
	font-weight: normal;
	background: #e2e2e2 url(../img/h1_bg.png) repeat left top;
	background: -moz-linear-gradient(top,#f9f9f9 0,#d2d2d2 100%);
	background: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#d2d2d2));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-pie-background: linear-gradient(90deg,#d2d2d2,#d2d2d2,#f9f9f9);
	-webkit-border-radius: 5px;
}
h2 {
	margin:0 0 20px 0;
	padding:5px 15px;
	font-size:18px;
	font-weight:bold;
	border-left:5px solid #ffc10e;
}
h3 {
	margin:0 0 20px 0;
	padding:5px 5px;
	color:#333333;
	font-size:16px;
	font-weight: bold;
	border-bottom:1px solid #ffc10e;
}
h4 {
	margin:0 0 10px 0;
	padding:0 20px 0 26px;
	font-size:14px;
	font-weight:bold;
}
h5,
.note_ttl {
	margin:0 0 10px 0;
	padding:0 3px 3px 3px;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px dotted #d2d2d2;
}
h6 {
	font-weight: bold;
	margin:0 0 10px 0;
}
h7 {
	margin:0 0 20px 0;
	padding:5px 15px;
	font-size:25px;
	font-weight:bold;
	border-left:5px solid #ffc10e;
}
h8 {
	margin:0 0 20px 0;
	padding:5px 15px;
	font-size:22px;
	font-weight:bold;
	border-left:5px solid #ffc10e;
}
/* ----------------------------------------------------------------
	Button
----------------------------------------------------------------- */
.btn_positive, .btn_negative, .btn_cart, .btn_download, .btn_no_active, .btn_positive_green {
	width:auto;
	margin:10px 0;
	border-radius: 5px;
}
.btn_positive a, .btn_negative a, .btn_cart a, .btn_download a, .btn_no_active a, .btn_positive_green a {
	text-decoration:none;
}
.btn_small, .btn_small input[type="submit"],  .btn_small input[type="button"] {
	min-width:inherit;
	font-size:12px;
	/*padding:4px 0;*/
	line-height:1;
}
.btn_positive {
	background:#ffbe04 url(../img/btn_positive_off.png) repeat-x left top;
	background-size:contain;
}
.btn_positive:hover {
	background:#ffd660 url(../img/btn_positive_on.png) repeat-x left top;
	background-size:contain;
}
.btn_negative {
	background:#b8b8b8 url(../img/btn_negative_off.png) repeat-x left top;
	background-size:contain;
}
.btn_negative:hover {
	background:#dfdfdf url(../img/btn_negative_on.png) repeat-x left top;
	background-size:contain;
}
.btn_cart, .btn_download {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
}
.btn_cart:hover, .btn_download:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}
.btn_no_active{
	background-color:#eee;
}
.btn_positive a, .btn_negative a{
	display: block;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.btn_cart a, .btn_download a  {
	display: block;
	padding: 10px 25px 8px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.btn_no_active a{
	display: block;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #ccc;
	text-align: center;
}
.btn_small a {
	/*padding:3px 10px;*/
}/*
.btr {
	margin-left:10px;
}
.btc {
	margin-left:10px;
	margin-right:10px;
}
.btl {
	margin-right:10px;
}*/
.btn_box {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:20px;
}
.btn_boxb {
	margin:0;
	position:absolute;
	right:0;
	bottom:0;
}
.btn_cnt_small {
	margin:0 auto 20px;
	width:200px;
}
.btn_cnt_middle {
	margin:0 auto 20px;
	width:400px;
}
.btn_cnt_500 {
    margin: 0 auto;
    width: 500px;
}
.btn_cnt_large {
	margin: 0 auto;
	width:600px;
}
.btn_positive_green {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
}
.btn_positive_green:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}
.btn_positive_green a  {
	display: block;
	padding: 10px 25px 8px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
}


input[type="submit"], input[type="button"], button {
	background:none;
	background-size:contain;
	border: 0;
	width: 100%;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
	cursor: pointer;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-appearance: none;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	background:none;
	background-size:contain;
}
.btn_no_active input[type="submit"], .btn_no_active  input[type="button"], .btn_no_active button {
	background-color: inherit;
	padding: 8px 10px 6px;
	border: 0;
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	color: #ccc;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-appearance: none;
}
.btn_cart button, .btn_download button {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
	padding: 10px 20px 8px;
	border: 0;
	width: 100%;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-appearance: none;
	border-radius: 5px;
}
.btn_cart button:hover, .btn_download button:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}

.btn_cart_text, .btn_download_text {
	text-align: center;
	margin: 20px 0;
}
.btn_cart_text a, .btn_download_text a  {
	font-size: 120%;
	font-weight: bold;
	color: #048109;
	padding: 0 20px;
	text-decoration: underline;
}
.btn_cart_text a:hover, .btn_download_text a:hover  {
	opacity: 0.7;
}
.btn_cart_text button, .btn_download_text button {
	font-size: 120%;
	font-weight: bold;
	color: #048109;
	padding: 0 20px;
	text-decoration: underline;
}
.btn_cart_text button:hover, .btn_download_text button:hover {
	opacity: 0.7;
}



/* ----------------------------------------------------------------
	List
----------------------------------------------------------------- */
/*ul li ul {
	padding:5px 0;
}*/

ul.list_dot_gray, ul.list_dot_yellow {
	margin:0 0 20px 15px;
}
.list_dot_gray li {
	margin-bottom:10px;
	padding:0 0 0 15px;
	background:url(../img/list_dot_gray.png) no-repeat 0 5px;
}
.list_dot_yellow li {
	margin-bottom:0.5em;
	padding:0 0 0 15px;
	background:url(../img/list_dot_yellow.png) no-repeat 0 5px;
}
ol{
	list-style:decimal;
	margin:0 0 20px 35px;
	background: none;
}
ol li {
	margin-bottom:5px;
}
.list_dot_gray li ol li,
.list_dot_yellow li ol li{
	margin-bottom:5px;
	background: none;
	padding: 0;
}
ul.list_s {
	margin:0px;
}
.list_s li {
	margin-bottom:2px;
}
.list_note {
	margin:0 0 20px 10px;
}
.list_note li {
	margin-bottom:0.5em;
	background: none;
}
.list_num span.catch, .list_num span.txt,
.list_note span.catch, .list_note span.txt {
	display: table-cell;
	vertical-align: top;
}
.list_num span.catch,
.list_note span.catch {
	width: auto;
	white-space: nowrap;
}
.list_note_i01 {
	margin-left:15px;
}
.list_note_i02 {
	margin-left:25px;
}
.list_clm4 .clm4_col1 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.list_clm4 .clm4_col2 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.list_clm4 .clm4_col3 {
	float: left;
	width: 23%;
}
.list_clm4 .clm4_col4 {
	float: right;
	width: 23%;
}
/* ----------------------------------------------------------------
	Table
----------------------------------------------------------------- */
table caption {
	padding-bottom: 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
table {
	margin-bottom:20px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-collapse: collapse;
}
table th, table td {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
table th {
	padding: 5px 10px;
	background: #f5f5f5;
}
table td {
	padding: 5px 10px;
	background: #ffffff;
	vertical-align: middle;
}

#MainForm table td, #UpsellMainForm table td, #AddonServiceMainForm table td {
    position: relative;
    background-clip: padding-box;
}

.tbl_left th, .tbl_left_top th {
	text-align:left;
}
.tbl_left_top tr:first-child th {
	text-align:center;
}
table ul.list_dot_gray,
tabble ul.list_dot_yellow {
	margin:0;
}
table ul.list_note {
	margin:0;
}
table .border_tn {
	border-top: none!important;
}

/* ----------------------------------------------------------------
	Line
----------------------------------------------------------------- */
.line_s {
	border-bottom:1px solid #CCCCCC;
}
.line_d {
	border-bottom:1px dotted #CCCCCC;
}

/* ----------------------------------------------------------------
	BOX
----------------------------------------------------------------- */
.note_box {
	padding: 10px;
	margin-bottom:20px;
	border: solid 1px #CCCCCC;
}
.note_box_ttl {
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
}

/* ----------------------------------------------------------------
	eye_catch
----------------------------------------------------------------- */

.icon_area .icon {
	float: left;
	margin-right: 5px;
	margin-bottom: 8px;
	padding: 6px 10px 0;
	font-weight: bold;
	height: 19px;
	color: #FFFFFF;
	text-align: center;
	line-height: 1;
	background-color: #e00500;
}
.icon_area .icon_null {
	float: left;
	margin-right: 0px;
	margin-bottom: 8px;
	padding: 6px 0px 0;
	height: 19px;
	background-color: transparent;
}

/* ----------------------------------------------------------------
	chinakey
----------------------------------------------------------------- */

.chinakey{
	margin-bottom:20px;
	border:#666666 3px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.chinakey_icon{
	font-size:80px;
	line-height:1;
	color:#e00500;
	padding:15px 20px 0 30px;
	float:left;
}
.chinakey_txt{
	padding:10px;
	float:left;
}
.chinakey_ttl{
	color:#e00500;
	font-size:18px;
	font-weight:bold;
}

/* ----------------------------------------------------------------
	banner
----------------------------------------------------------------- */
.banner{
	margin-bottom:20px;
}

/* ----------------------------------------------------------------
	margin
----------------------------------------------------------------- */

.mt0   { margin-top:0 !important; }
.mt5   { margin-top:5px !important; }
.mt10  { margin-top:10px !important; }
.mt15  { margin-top:15px !important; }
.mt20  { margin-top:20px !important; }
.mt25  { margin-top:25px !important; }
.mt30  { margin-top:30px !important; }
.mt35  { margin-top:35px !important; }
.mt40  { margin-top:40px !important; }
.mt45  { margin-top:45px !important; }
.mt50  { margin-top:50px !important; }
.mt55  { margin-top:55px !important; }
.mt60  { margin-top:60px !important; }
.mt65  { margin-top:65px !important; }
.mt70  { margin-top:70px !important; }
.mt75  { margin-top:75px !important; }
.mt80  { margin-top:80px !important; }
.mt85  { margin-top:85px !important; }
.mt90  { margin-top:90px !important; }
.mt95  { margin-top:95px !important; }
.mt100  { margin-top:100px !important; }

.mr0   { margin-right:0 !important; }
.mr5   { margin-right:5px !important; }
.mr10  { margin-right:10px !important; }
.mr15  { margin-right:15px !important; }
.mr20  { margin-right:20px !important; }
.mr25  { margin-right:25px !important; }
.mr30  { margin-right:30px !important; }
.mr35  { margin-right:35px !important; }
.mr40  { margin-right:40px !important; }
.mr45  { margin-right:45px !important; }
.mr50  { margin-right:50px !important; }
.mr55  { margin-right:55px !important; }
.mr60  { margin-right:60px !important; }
.mr65  { margin-right:65px !important; }
.mr70  { margin-right:70px !important; }
.mr75  { margin-right:75px !important; }
.mr80  { margin-right:80px !important; }
.mr85  { margin-right:85px !important; }
.mr90  { margin-right:90px !important; }
.mr95  { margin-right:95px !important; }
.mr100  { margin-right:100px !important; }

.mb0   { margin-bottom:0 !important; }
.mb5   { margin-bottom:5px !important; }
.mb10  { margin-bottom:10px !important; }
.mb15  { margin-bottom:15px !important; }
.mb20  { margin-bottom:20px !important; }
.mb25  { margin-bottom:25px !important; }
.mb30  { margin-bottom:30px !important; }
.mb35  { margin-bottom:35px !important; }
.mb40  { margin-bottom:40px !important; }
.mb45  { margin-bottom:45px !important; }
.mb50  { margin-bottom:50px !important; }
.mb55  { margin-bottom:55px !important; }
.mb60  { margin-bottom:60px !important; }
.mb65  { margin-bottom:65px !important; }
.mb70  { margin-bottom:70px !important; }
.mb75  { margin-bottom:75px !important; }
.mb80  { margin-bottom:80px !important; }
.mb85  { margin-bottom:85px !important; }
.mb90  { margin-bottom:90px !important; }
.mb95  { margin-bottom:95px !important; }
.mb100  { margin-bottom:100px !important; }

.ml0   { margin-left:0 !important; }
.ml5   { margin-left:5px !important; }
.ml10  { margin-left:10px !important; }
.ml15  { margin-left:15px !important; }
.ml20  { margin-left:20px !important; }
.ml25  { margin-left:25px !important; }
.ml30  { margin-left:30px !important; }
.ml35  { margin-left:35px !important; }
.ml40  { margin-left:40px !important; }
.ml45  { margin-left:45px !important; }
.ml50  { margin-left:50px !important; }
.ml55  { margin-left:55px !important; }
.ml60  { margin-left:60px !important; }
.ml65  { margin-left:65px !important; }
.ml70  { margin-left:70px !important; }
.ml75  { margin-left:75px !important; }
.ml80  { margin-left:80px !important; }
.ml85  { margin-left:85px !important; }
.ml90  { margin-left:90px !important; }
.ml95  { margin-left:95px !important; }
.ml100  { margin-left:100px !important; }

.mlr_auto  { margin-left:auto !important; margin-right:auto !important; }

/* ----------------------------------------------------------------
	padding
----------------------------------------------------------------- */

.pt0   { padding-top:0 !important; }
.pt5   { padding-top:5px !important; }
.pt10  { padding-top:10px !important; }
.pt15  { padding-top:15px !important; }
.pt20  { padding-top:20px !important; }
.pt25  { padding-top:25px !important; }
.pt30  { padding-top:30px !important; }
.pt35  { padding-top:35px !important; }
.pt40  { padding-top:40px !important; }
.pt45  { padding-top:45px !important; }
.pt50  { padding-top:50px !important; }
.pt55  { padding-top:55px !important; }
.pt60  { padding-top:60px !important; }
.pt65  { padding-top:65px !important; }
.pt70  { padding-top:70px !important; }
.pt75  { padding-top:75px !important; }
.pt80  { padding-top:80px !important; }
.pt85  { padding-top:85px !important; }
.pt90  { padding-top:90px !important; }
.pt95  { padding-top:95px !important; }
.pt100  { padding-top:100px !important; }

.pr0   { padding-right:0 !important; }
.pr5   { padding-right:5px !important; }
.pr10  { padding-right:10px !important; }
.pr15  { padding-right:15px !important; }
.pr20  { padding-right:20px !important; }
.pr25  { padding-right:25px !important; }
.pr30  { padding-right:30px !important; }
.pr35  { padding-right:35px !important; }
.pr40  { padding-right:40px !important; }
.pr45  { padding-right:45px !important; }
.pr50  { padding-right:50px !important; }
.pr55  { padding-right:55px !important; }
.pr60  { padding-right:60px !important; }
.pr65  { padding-right:65px !important; }
.pr70  { padding-right:70px !important; }
.pr75  { padding-right:75px !important; }
.pr80  { padding-right:80px !important; }
.pr85  { padding-right:85px !important; }
.pr90  { padding-right:90px !important; }
.pr95  { padding-right:95px !important; }
.pr100  { padding-right:100px !important; }

.pb0   { padding-bottom:0 !important; }
.pb5   { padding-bottom:5px !important; }
.pb10  { padding-bottom:10px !important; }
.pb15  { padding-bottom:15px !important; }
.pb20  { padding-bottom:20px !important; }
.pb25  { padding-bottom:25px !important; }
.pb30  { padding-bottom:30px !important; }
.pb35  { padding-bottom:35px !important; }
.pb40  { padding-bottom:40px !important; }
.pb45  { padding-bottom:45px !important; }
.pb50  { padding-bottom:50px !important; }
.pb55  { padding-bottom:55px !important; }
.pb60  { padding-bottom:60px !important; }
.pb65  { padding-bottom:65px !important; }
.pb70  { padding-bottom:70px !important; }
.pb75  { padding-bottom:75px !important; }
.pb80  { padding-bottom:80px !important; }
.pb85  { padding-bottom:85px !important; }
.pb90  { padding-bottom:90px !important; }
.pb95  { padding-bottom:95px !important; }
.pb100  { padding-bottom:100px !important; }

.pl0	{ padding-left:0 !important; }
.pl5	{ padding-left:5px !important; }
.pl10	{ padding-left:10px !important; }
.pl15	{ padding-left:15px !important; }
.pl20	{ padding-left:20px !important; }
.pl25	{ padding-left:25px !important; }
.pl30	{ padding-left:30px !important; }
.pl35	{ padding-left:35px !important; }
.pl40	{ padding-left:40px !important; }
.pl45	{ padding-left:45px !important; }
.pl50	{ padding-left:50px !important; }
.pl55  { padding-left:55px !important; }
.pl60  { padding-left:60px !important; }
.pl65  { padding-left:65px !important; }
.pl70  { padding-left:70px !important; }
.pl75  { padding-left:75px !important; }
.pl80  { padding-left:80px !important; }
.pl85  { padding-left:85px !important; }
.pl90  { padding-left:90px !important; }
.pl95  { padding-left:95px !important; }
.pl100  { padding-left:100px !important; }

/* ----------------------------------------------------------------
	 width
----------------------------------------------------------------- */
.w1   { width:1% !important; }
.w2   { width:2% !important; }
.w3   { width:3% !important; }
.w4   { width:4% !important; }
.w5   { width:5% !important; }
.w6   { width:6% !important; }
.w7   { width:7% !important; }
.w8   { width:8% !important; }
.w9   { width:9% !important; }
.w10  { width:10% !important; }
.w11  { width:11% !important; }
.w12  { width:12% !important; }
.w13  { width:13% !important; }
.w14  { width:14% !important; }
.w15  { width:15% !important; }
.w16  { width:16% !important; }
.w17  { width:17% !important; }
.w18  { width:18% !important; }
.w19  { width:19% !important; }
.w20  { width:20% !important; }
.w21  { width:21% !important; }
.w22  { width:22% !important; }
.w23  { width:23% !important; }
.w24  { width:24% !important; }
.w25  { width:25% !important; }
.w26  { width:26% !important; }
.w27  { width:27% !important; }
.w28  { width:28% !important; }
.w29  { width:29% !important; }
.w30  { width:30% !important; }
.w31  { width:31% !important; }
.w32  { width:32% !important; }
.w33  { width:33% !important; }
.w34  { width:34% !important; }
.w35  { width:35% !important; }
.w36  { width:36% !important; }
.w37  { width:37% !important; }
.w38  { width:38% !important; }
.w39  { width:39% !important; }
.w40  { width:40% !important; }
.w41  { width:41% !important; }
.w42  { width:42% !important; }
.w43  { width:43% !important; }
.w44  { width:44% !important; }
.w45  { width:45% !important; }
.w46  { width:46% !important; }
.w47  { width:47% !important; }
.w48  { width:48% !important; }
.w49  { width:49% !important; }
.w50  { width:50% !important; }
.w51  { width:51% !important; }
.w52  { width:52% !important; }
.w53  { width:53% !important; }
.w54  { width:54% !important; }
.w55  { width:55% !important; }
.w56  { width:56% !important; }
.w57  { width:57% !important; }
.w58  { width:58% !important; }
.w59  { width:59% !important; }
.w60  { width:60% !important; }
.w61  { width:61% !important; }
.w62  { width:62% !important; }
.w63  { width:63% !important; }
.w64  { width:64% !important; }
.w65  { width:65% !important; }
.w66  { width:66% !important; }
.w67  { width:67% !important; }
.w68  { width:68% !important; }
.w69  { width:69% !important; }
.w70  { width:70% !important; }
.w71  { width:71% !important; }
.w72  { width:72% !important; }
.w73  { width:73% !important; }
.w74  { width:74% !important; }
.w75  { width:75% !important; }
.w76  { width:76% !important; }
.w77  { width:77% !important; }
.w78  { width:78% !important; }
.w79  { width:79% !important; }
.w80  { width:80% !important; }
.w81  { width:81% !important; }
.w82  { width:82% !important; }
.w83  { width:83% !important; }
.w84  { width:84% !important; }
.w85  { width:85% !important; }
.w86  { width:86% !important; }
.w87  { width:87% !important; }
.w88  { width:88% !important; }
.w89  { width:89% !important; }
.w90  { width:90% !important; }
.w91  { width:91% !important; }
.w92  { width:92% !important; }
.w93  { width:93% !important; }
.w94  { width:94% !important; }
.w95  { width:95% !important; }
.w96  { width:96% !important; }
.w97  { width:97% !important; }
.w98  { width:98% !important; }
.w99  { width:99% !important; }
.w100 { width:100% !important; }

.w100.auto { width:auto !important; }

/* ----------------------------------------------------------------
	font-weight
----------------------------------------------------------------- */
.fwb { font-weight:bold !important; }
.fwn { font-weight:normal !important; }

/* ----------------------------------------------------------------
	font-size
----------------------------------------------------------------- */
.fsss  { font-size:75% !important; }
.fss  { font-size:90% !important; }
.fsm  { font-size:100% !important; }
.fsl  { font-size:120% !important; }
.fsll  { font-size:150% !important; }

/* ----------------------------------------------------------------
	font color
----------------------------------------------------------------- */
.fcr { color: #FF0000 !important; }
.fcb { color: #0000FF !important; }
.fcbk { color: #000000 !important; }
.fcg { color: #999999 !important; }

/* ----------------------------------------------------------------
	font decoration
----------------------------------------------------------------- */
.fdu	{ text-decoration:underline; }

/* ----------------------------------------------------------------
	background color
----------------------------------------------------------------- */
.bgf { background:#FFF !important; }

/* ----------------------------------------------------------------
	indent
----------------------------------------------------------------- */
.indent1 { padding-left:1.3em;	text-indent:-1.3em; }
.indent1h{ padding-left:1.8em;	text-indent:-1.8em; }
.indent2 { padding-left:2.3em;	text-indent:-2.3em; }
.indent2h{ padding-left:2.8em;	text-indent:-2.8em; }
.indent3 { padding-left:3.3em;	text-indent:-3.3em; }
.indent3h{ padding-left:3.8em;	text-indent:-3.8em; }

/* ----------------------------------------------------------------
	letter-spacing
----------------------------------------------------------------- */
.ls1	{ letter-spacing:1px; }

/* ----------------------------------------------------------------
	text-align
----------------------------------------------------------------- */
.tal	{ text-align:left; }
.tac	{ text-align:center; }
.tar	{ text-align:right; }

/* ----------------------------------------------------------------
	vertical-align
----------------------------------------------------------------- */
.vat	{ vertical-align:top !important; }
.vam	{ vertical-align:middle !important; }
.vab	{ vertical-align:bottom !important; }

/* ----------------------------------------------------------------
	float
----------------------------------------------------------------- */
.fl	{ float:left; }
.fr	{ float:right; }

/* ----------------------------------------------------------------
	 overflow
----------------------------------------------------------------- */
.of_h { overflow:hidden; }

/* ----------------------------------------------------------------
	 inline block
----------------------------------------------------------------- */
.i_blk { display: -moz-inline-box; display: inline-block; /display:inline; /zoom:1; }

/* ----------------------------------------------------------------
	 nowrap
----------------------------------------------------------------- */
.nwrp	{ white-space:nowrap; }

/* ----------------------------------------------------------------
	 sup
----------------------------------------------------------------- */
body sup { font-size: 100%; }
html>/* */body sup { font-size: 100%; }
html:not(:target) sup { font-size: 85%; }

/* ----------------------------------------------------------------
	2-Column
----------------------------------------------------------------- */
.clm2 .clm2_left {
	float: left;
	width: 48%;
}
.clm2 .clm2_right {
	float: right;
	width: 48%;
}

/* ----------------------------------------------------------------
	3-Column
----------------------------------------------------------------- */
.clm3 .clm3_left {
	float: left;
	width: 31%;
	margin-right: 3.5%;
}
.clm3 .clm3_center {
	float: left;
	width: 31%;
}
.clm3 .clm3_right {
	float: right;
	width: 31%;
}

/* ----------------------------------------------------------------
	4-Column
----------------------------------------------------------------- */
.clm4 .clm4_col1 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.clm4 .clm4_col2 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.clm4 .clm4_col3 {
	float: left;
	width: 23%;
}
.clm4 .clm4_col4 {
	float: right;
	width: 23%;
}

/* ----------------------------------------------------------------
	Accordion
----------------------------------------------------------------- */
.accordion {
	margin:0 0 5px 0;
	border:2px solid #e3e3e3;
}
.accordion_ttl {
	padding:15px;
	font-size:130%;
	font-weight:bold;
	border-left:5px solid #e3e3e3;
	background:url(../img/icon_down.png) no-repeat right 20px center;
	cursor:pointer;
}
.accordion_ttl:hover {
	color:inherit;
	background-color:#e3e3e3;
}
.accordion .selected {
	color:inherit;
	background:#e3e3e3 url(../img/icon_up.png) no-repeat right 20px center;
}
.accordion_frm {
	padding:25px 20px;
	border-top:2px solid #e3e3e3;
	word-wrap:break-word;
}
.accordion .accordion_close {
	cursor:pointer;
	text-align:right;
}

/* ----------------------------------------------------------------
	Tab
----------------------------------------------------------------- */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.tab .tab_frm {
	padding: 20px;
	margin-bottom:20px;
}
.tab ul {
	margin:0;
	padding:0;
	list-style: none;
}
.tab .tab_nav {
	overflow: hidden;
}
.tab .tab_nav li {
	margin: 0 5px;
	padding:0;
	text-align:center;
	width: 180px;
	float: left;
}
.tab .tab_nav li a {
	width:100%;
	padding:10px 0;
	display:block;
	color:#000000;
	text-decoration:none;
	background:#b8b8b8 url(../img/btn_negative_off.png) repeat-x left top;
	background-size:contain;
}
.tab .tab_nav li a:hover {
	background:#dfdfdf url(../img/btn_negative_on.png) repeat-x left top;
	background-size:contain;
}
.tab .tab_nav li a.current {
	background:#ffbe04 url(../img/btn_positive_off.png) repeat-x left top;
	background-size:contain;
}

/* ----------------------------------------------------------------
	Background-Color
----------------------------------------------------------------- */
.bg_yellow,
td.bg_yellow, th.bg_yellow {
	background: #fcf3be;
}
.bg_gray,
td.bg_gray, th.bg_gray {
	background: #dddddd;
}

/* ----------------------------------------------------------------
	 PC Only
----------------------------------------------------------------- */
.disp_sp {
	display:none !important;
}

/* ----------------------------------------------------------------
	 New Window
----------------------------------------------------------------- */

p a[target="_blank"],
li a[target="_blank"],
dl a[target="_blank"] {
	padding-right:18px;
	margin-right:5px;
}

/* ----------------------------------------------------------------
	 Scroll Frame
----------------------------------------------------------------- */
.scroll_frm {
	width:930px;
	height:150px;
	margin-bottom:20px;
    padding: 10px;
    border: solid 1px #808080;
	overflow:scroll;
}

/* ----------------------------------------------------------------
	 Attention
----------------------------------------------------------------- */
.attention {
	margin:20px 40px;
	padding:5px;
	color:#333333;
	border:1px solid #FF0000;
	font-weight:bold;
}
.attention p,
.attention .list_note {
	margin-bottom:0;
}
.attention .list_note li {
	margin-bottom: 0m;
}

.txt_attention {
	font-weight:bold;
	color:#f00;
}

/* ----------------------------------------------------------------
	Questionnaire
----------------------------------------------------------------- */
.questionnaire {
	margin:0 0 20px 0;
}
.questionnaire table th {
	white-space:nowrap;
}
.questionnaire .q_ttl {
	margin: 20px 0 10px 0;
	padding: 0 0 3px 10px;
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;;
}
.questionnaire .radio li,
.questionnaire .radio_fl li,
.questionnaire .check li,
.questionnaire .check_fl li {
	margin:0 0 5px 20px;
}
.questionnaire .radio_fl li,
.questionnaire .check_fl li {
	float:left;
}
.questionnaire table .radio li,
.questionnaire table .radio_fl li,
.questionnaire table .check li,
.questionnaire table .check_fl li {
	margin:0 0 5px 0;
}
.questionnaire textarea {
	margin-left:20px;
	width:924px;
}
.questionnaire .radio textarea,
.questionnaire .check textarea {
	margin-left:0;
}


/* ----------------------------------------------------------------
	Input
----------------------------------------------------------------- */
input[type=radio],
input[type=checkbox] {
	margin-right:5px;
}
textarea {
	resize: none;
}
input.small {
	width:25%;
}
input.middle {
	width:50%;
}
input.large {
	width:100%;
}

/* ----------------------------------------------------------------
	Q＆A
----------------------------------------------------------------- */
dl.qanda dt {
	margin-bottom: 5px;
	font-weight:bold;
}
dl.qanda dt .icon {
	display: table-cell;
	vertical-align: top;
}
dl.qanda dt .txt {
	display: table-cell;
	vertical-align: top;
}

dl.qanda dd {
	margin-bottom: 15px;
}
dl.qanda dd .icon {
	display: table-cell;
	vertical-align: top;
}
dl.qanda dd .txt {
	display: table-cell;
	vertical-align: top;
}



@charset "UTF-8";

/* ----------------------------------------------------------------
	header
----------------------------------------------------------------- */

#header {
	margin-bottom: 30px;
}
#header .logo_corporate {
	float: left;
	margin: 44px 0 0;
	width: 134px;
	height: 50px;
	background: url(/Media/all/common/img/logo_norton.jpg) 0 0 no-repeat;
}
#header .header_right {
	float: right;
	width: 800px;
}
#header .nav_small {
	float: right;
	margin: 18px 0 0;
}
#header .nav_small .header_nav_small li {
	float: left;
	font-size: 12px;
	margin-left: 10px;
	border-left: 1px solid #555555;
	padding-left: 10px;
	color: #555555;
}
#header .nav_small .header_nav_small li a {
	color: #555555;
	text-decoration: none;
}
#header .nav_small .header_nav_small li a:hover {
	color: #555555;
	text-decoration: underline;
}
#header .nav_small .header_nav_small li.left {
	border-left: none;
	width: auto;
}
#header .nav {
	float: right;
	margin: 25px 0 0;
}
#header .nav .header_nav li {
	float: left;
	position: relative;
	z-index:100;
}
#header .nav .header_nav li a {
	display: block;
	position: relative;
	padding: 6px 20px 13px;
	height:14px;
	font-size:14px;
	font-weight: bold;
	background: url(../img/navi_bg.jpg) 0 0 no-repeat;
	color: #555555;
	text-decoration: none;
	text-shadow: 1px 1px 0px #FFF;
	border-left:1px solid #CCC;
}
#header .nav .header_nav li.left a {
	border-left:none;
	background: url(../img/navi_bg_left.png) 0 0 no-repeat;
}
#header .nav .header_nav li.left a:hover {
	background: url(../img/navi_bg_left_h.png) 0 0 no-repeat;
}
#header .nav .header_nav li.right a {
	border-left:1px solid #CCC;
	background: url(../img/navi_bg_right.png) top right no-repeat;
}
#header .nav .header_nav li.right a:hover {
	background: url(../img/navi_bg_right_h.png) top right no-repeat;
}
#header .nav .header_nav li a:hover {
	background: url(../img/navi_bg_hover.jpg) 0 0 no-repeat;
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}
.child {
	display:none;
	position: absolute;
	padding: 15px;
	min-width: 300px;
	background: url(../img/pulldown_bg.jpg) 0 0 no-repeat;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.child2 {
	display:none;
	position: absolute;
	left: -178px;
	padding: 15px;
	min-width: 245px;
	background: url(../img/pulldown_bg.jpg) 0 0 no-repeat;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.child3 {
	display:none;
	position: absolute;
	padding: 15px;
	min-width: 180px;
	background: url(../img/pulldown_bg.jpg) 0 0 no-repeat;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.child4 {
	display:none;
	position: absolute;
	padding: 15px;
	min-width: 300px;
	background: url(../img/pulldown_bg.jpg) 0 0 no-repeat;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.child p,
.child2 p {
	padding-bottom: 0px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
}
.child a,
.child2 a,
.child3 a,
.child4 a {
	display: block;
	margin: 0 !important;
	padding: 5px 0 10px 5px !important;
	text-shadow: none;
	text-decoration: none;
	color: #555555 !important;
	background: none !important;
	text-shadow: none !important;
	border-left: none !important;
}
.child a:hover,
.child2 a:hover,
.child3 a:hover,
.child4 a:hover {
	text-shadow: none;
	text-decoration: none;
	color: #555555 !important;
	text-shadow: none !important;
	background-color: #f2f2f2 !important;
	border-left: none !important;
}


/* ----------------------------------------------------------------
	contents
----------------------------------------------------------------- */

#contents {
	width: 100%;
	margin-bottom:20px;
}


/* ----------------------------------------------------------------
	footer
----------------------------------------------------------------- */

#footer {
	padding: 20px;
	border-top: 1px solid #e4e4e4;
}

.footer_left {
	float: left;
	width: 760px;
}
#footer .nav li {
	float: left;
	margin-right: 10px;
	margin-bottom: 12px;
	padding-right: 10px;
	font-size: 12px;
	border-right: 1px solid #555555;
}
#footer .nav li a {
	color: #555555;
	text-decoration: none;
}
#footer .nav li a:hover {
	font-size: 12px;
	color: #555555;
	text-decoration: underline;
}
#footer .nav li.right {
	border-right: none;
}
#footer .footer_logo {
    float: left;
    margin-right: 20px;
}

#footer .address {
    float: left;
    color: #555555;
    font-size: 12px;
    text-decoration: none;
    line-height: 34px;
}#footer .nav p {
	float: left;
	font-size: 12px;
	color: #555555;
}

.footer_right {
	float: right;
	text-align: right;
	200px;
	font-size: 12px;
}
#footer .footer_right a {
	color: #555555;
	text-decoration: none;
}
#footer .footer_right a:hover {
	font-size: 12px;
	color: #555555;
	text-decoration: underline;
}

#footer .security-mark {
	width: 135px;
	height: 100px;
}

#footer .text {
	font-size: 90%;
	color: #555555;
}











@charset "shift_jis";
/* CSS Document */

.contents {
	margin:0;
	padding:15px 0 30px 0;
	background:#FFFFFF;
}

/* header
----------------------------- */
#header {
	margin-bottom:20px;
}
#header .header_logo {
	width:135px;
	float:left;
}
#header .header_txt {
	margin-left:30px;
	width:780px;
	font-size:21px;
	font-weight:bold;
	float:left;
}

/* Form
----------------------------- */
.clientFormRenew {
	margin: 0 auto;
	padding: 0;
}
.clientFormRenew .list_note .catch {
	color:#FF0000;
}
.clientFormRenew .list_note li {
	margin-bottom:0;
}

/* step common
----------------------------- */
.step_cnt_wrap {
	margin-top:2px;
	margin-bottom:20px;
	width:948px;
	border:1px solid #CCCCCC;
	position:relative;
}
.white_bg {
	background:#FFFFFF;
}
.yellow_bg {
	background:#FFFFFF url(../img/yellow_bg.jpg) no-repeat 0 0;
}
.red_bg {
	background:#FFFFFF url(../img/red_bg.jpg) no-repeat 0 0;
}
.step_ttl .ttl_l {
	padding:5px 15px;
	width:98px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background:#fe6902 url(../img/ttl_step_bg.png) repeat-x 0 0;
	border:1px solid #CCCCCC;
	float:left;
}
.ttl_l span {
	font-size:24px;
}
.step_ttl .ttl_r {
	padding:9px 0 5px 15px;
	width:801px;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	background:#ffe69a url(../img/ttl_bg.png) repeat-x 0 0;
	border:1px solid #CCCCCC;
	float:right;
}
.step_cnt {
	padding:0 30px;
	position:relative;
}
.step_cnt .attention {
	margin:5px 0;
	padding:5px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	border:1px solid #f0a832;
}
.step_cnt .attention .list_note li {
	margin-bottom:0;
}
.online {
	border: 1px solid #ff0000;
    margin: 20px 40px;
    padding: 5px;
	font-weight:bold;
	color:#333333;
}
.online .list_note {
	margin-bottom:0;
}
.price_note {
	border: 1px solid #ff0000;
    margin: 20px 40px;
    padding: 5px;
	font-weight:bold;
	color:#333333;
}
.price_note .list_note {
	margin-top: 10px;
	margin-bottom: 0;
}
.no_border {
	border:none!important;
}


/* step1
----------------------------- */
.main .step_cnt_wrap {
	margin-bottom:10px;
}
.product_name {
	padding:20px 0;
	display:block;
	height:60px;
	font-size:26px;
	font-weight:bold;
	background:url(../img/product_name_bg.png) no-repeat 0 0;
}
.product_name img {
	margin-right:10px;
	vertical-align:bottom;
}
.product_detail .device {
	width:428px;
	float:left;
}
.product_detail .day {
	margin-top:60px;
	width:398px;
	float:right;
}
.product_detail table {
	border:1px solid #cbcbcb;
}
.product_detail tr,
.product_detail td,
.product_detail th {
	padding:10px 0;
	border:1px solid #cbcbcb;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.product_detail th {
	width:50%;
	padding:5px;
	color:#FFFFFF;
	background:#666666;
}
.product_detail .day td {
	padding:13px 0 6px;
	font-size:32px;
}
.product_detail .day td span {
	font-size:54px;
	line-height:1;
}
.product_detail .day th {
	padding:5px 0 0;
	font-size:32px;
	background:#fe0000;
}
.product_detail .device img {
	margin:0 4px;
}
.extend_ttl {
	margin:10px 0 5px 0;
	font-size:16px;
	font-weight:bold;
}
.salebox {
	margin-bottom:30px;
}
.salebox .inner {
    padding: 0 5px;
    background-color: #FFFFFF;
}
.salebox .cel {
	border-bottom:1px solid #CCCCCC;
}
.salebox .celYellow {
    background-color: #fffb8f;
}
.salebox .eyeCatch {
	margin-left:20px;
    width: 145px;
    height: 43px;
}
.salebox .celYellow .eyeCatch {
	margin-top:20px;
}
.salebox .radio_cnt {
	width:120px;
}
.salebox .extra {
	margin:15px 0;
    font-size: 18px;
    font-weight: bold;
}
.salebox .celYellow .extra {
	margin-top:40px;
}
.salebox .priceBox {
    margin:15px 0 15px 30px;
}
.salebox .priceBox p {
	display:inline;
}
.salebox .price_strike {
    font-size: 18px;
}
.salebox .price_strike img {
	margin-left:10px;
	vertical-align:middle;
}
.salebox .price_strike .num {
    text-decoration: line-through;
}
.salebox .price_withoutTax {
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
}
.salebox .price_withoutTax .num {
    font-size: 36px;
}
.salebox .price_18px {
    font-size: 18px;
    font-weight: bold;
}
.salebox .priceBox .tax {
	margin-left:10px;
}
.salebox .textCatch {
    margin: 0;
    color: #FF0000;
    font-size: 18px;
    font-weight: bold;
}

/* step2
----------------------------- */
.radio_user {
	font-size:16px;
}
.radio_user p {
	margin:20px 0;
}
.radio_user input[type=radio] {
	margin-right:0;
}
#customer_info table th {
	width:240px;
}

/* step3
----------------------------- */
.card_txt {
	float:left;
}
.card_img {
	margin-top:15px;
	float:right;
}
#payment_info table {
	margin-top:20px;
}
#payment_info table p {
	margin:0;
	padding:10px;
}
#payment_info input[type=radio] {
	margin-right:0;
}
#convenience table th {
	text-align:center;
}

#convenience table th, table td{
border:1px solid #cccccc;
}

/* step4
----------------------------- */
#cc-confirm .step_cnt_wrap {
	background:#ffefbe;
}
#cc-confirm table {
    margin-top: 20px;
	border:none;
}
#cc-confirm table th {
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	background:#808080;
	white-space:nowrap;
}
#cc-confirm table td {
	padding:15px 10px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#cc-confirm table td:first-child {
	width:340px;
}
#cc-confirm table .bg_gray1 {
	background:#f2f2f2;
}
#cc-confirm table .bg_gray2 {
	background:#d6d6d6;
}
#cc-confirm table .bg_yellow {
	background:#ffefbe;
}
#cc-confirm .delete {
	color:#333333;
	text-decoration:underline;
}
.vssa_cnt_wrap {
	margin-bottom:20px;
	border:3px solid #fcd860;
	background:#FFFFFF;
}
.vssa_cnt_wrap_ab {
	border:3px solid #fcd860;
	background:#FFFFFF;
}
.vssa_cnt {
	padding:15px;
	background:url(../img/operator.jpg) no-repeat 720px bottom;
}
.vssa_cnt .ttl {
	font-size:20px;
	font-weight:bold;
}
.vssa_cnt .ttl img {
	margin-right:15px;
	vertical-align:middle;
}
.vssa_cnt .ttl span {
	margin-left:30px;
	font-size:18px;
	color:#e89f13;
}
.vssa_cnt .txt {
	margin:10px 0 0 60px;
	width:580px;
	font-weight:bold;
}
.vssa_cnt .txt p {
	margin:0;
	line-height:1.2;
}
.vssa_cnt .txt_ab {
	margin:10px 0 0 60px;
	width:600px;
	font-weight:bold;
	font-size:13px;
}
.vssa_cnt .txt_ab p {
	margin:0;
	line-height:1.3;
}

/* step5
----------------------------- */
.lastConfirm .step_cnt .txt p {
	margin:20px 0;
}
.lastConfirm ul {
	margin-left:30px;
	margin-bottom:20px;
	list-style-image:url(../img/icon_circle_orange.gif);
}
.lastConfirm .checkBox {
	text-align:center;
	margin-bottom:20px;
	padding:10px;
}
#confirmbutton {
	text-align:center;
	margin-bottom:20px;
}

/* CandyRack
----------------------------- */
.candyrack {
	margin:0 auto;
	padding:0 40px;
}
.candyrack .plus {
	margin-bottom:20px;
	text-align:center;
}
.candy_ttl {
	margin-bottom:15px;
	padding:3px 5px;
	border:1px solid #f0a832;
	border-radius:5px;
}
.candy_ttl .ttl_l {
	padding:5px 15px;
	font-size:16px;
	font-weight:bold;
	background:#ffebb0;
	border-radius:5px;
	float:left;
}
.candy_ttl .ttl_r {
	padding:5px 15px 2px;
	font-size:18px;
	font-weight:bold;
	float:left;
}
.candy_cnt {
	margin-bottom:10px;
}
.candy_cnt .cnt_l {
	margin:0;
	padding:8px 0;
	width:69px;
	text-align:center;
	background:#f0f0f0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	float:left;
}
.candy_cnt .cnt_c {
	margin:0;
	padding:8px 0;
	width:245px;
	background:#f0f0f0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	float:left;
}
.candy_cnt .cnt_r {
	margin:0;
	padding:0;
	width:553px;
	border:1px solid #CCCCCC;
	float:left;
}
.candy_cnt table {
	margin-bottom:0;
	border:none;
}
.candy_cnt tr,
.candy_cnt th,
.candy_cnt td {
	border:none;
}
.candy_cnt .row1 {
	padding:4px 0px 3px 15px;
	width:195px;
}
.candy_cnt .row2 {
	padding:4px 0px 3px 0px;
	width:25px;
}
.candy_cnt .row3 {
	padding:4px 10px 3px 0px;
	width:165px;
	text-align: right;
}
.candy_cnt .row4 {
	padding:4px 5px 3px 0px;
	width:145px;
	text-align:center;
}
.candy_cnt .product_name {
	padding: 0;
    display: block;
    height: auto;
	font-size:16px;
    background: none;
}
.candy_cnt .btn_small {
	margin:0;
	width:120px;
}
.candy_cnt .btn_cart {
	padding:5px 0 4px;
	width:125px;
	text-align:center;
}
.candy_cnt .btn_cart span {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}

/* NUHD CandyRack
----------------------------- */
.candy_cnt .nuhd_col1 {
	padding:4px 0px 3px 15px;
	width:205px;
}
.candy_cnt .nuhd_col2 {
	padding:4px 20px 3px 0px;
	width:175px;
	text-align: right;
}
.candy_cnt .nuhd_col3 {
	padding:4px 10px 3px 0px;
	width:150px;
	text-align:center;
}
.candy_cnt .nuhd_text {
	padding: 0;
    display: block;
    height: auto;
	font-size:12px;
    background: none;
}
.candy_cnt .nuhd_text_red {
	color:#FF0000;
	padding: 0;
    display: block;
    height: auto;
	font-size:12px;
	font-weight:bold;
    background: none;
}
.candy_cnt .nuhd_text_kiyaku {
	padding: 0;
    display: block;
    height: auto;
	font-size:11px;
    background: none;
	text-align: right;
}

/* price
----------------------------- */
.candy_cnt .price_off {
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}
.candy_cnt .price_strike .num {
	text-decoration:line-through;
}
.candy_cnt .price_discount {
	display:inline;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}
.candy_cnt .price_discount .num {
	font-size:25px;
}
.candy_cnt .price_tax {
	display:inline;
	margin-left:15px;
}


/* AR Note
----------------------------- */
.ar {
	padding:0 40px;
}
.arNoteUp {
	clear: both;
	margin-bottom: 10px;
	padding: 10px 5px;
	border: 1px solid #e6e6e6;
	background-color: #eff4fa;
}
.arNoteUp .list_note {
	margin:0 0 0 10px;
}
.arNoteUp .list_note li {
	margin-bottom:0;
}

/* AR Consent-capture
----------------------------- */
#ar-consent-capture .ttl {
	padding:9px 0 5px 15px;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	background:#ffe69a url(../img/ttl_bg.png) repeat-x 0 0;
	border:1px solid #CCCCCC;
}
#ar-consent-capture .ttl img {
	vertical-align:middle;
}
#ar-consent-capture .ttl span {
	margin-left:10px;
}
#ar-consent-capture .step_cnt_wrap .txt {
	margin:0;
	padding:20px;
}

/* Preloaded
----------------------------- */
.preloadedInfoRenew {
	margin: 20px auto;
	width: 950px;
	background: url(../img/preloaded_bg.jpg) repeat-y 0 0;
}
.preloaded_ttl {
	width: 950px;
	height: 85px;
	background: url(../img/preloaded_top.jpg) no-repeat 0 0;
}
.preloaded_txt {
	padding:0 25px;
	font-weight:bold;
}
.preloaded_table {
	padding:0 28px 0 25px;
}
.preloaded_table table,
.preloaded_table th,
.preloaded_table td {
	border:none;
}
.preloaded_table table {
	border:1px solid #CCCCCC;
}
.preloaded_table th {
	padding:5px 0 5px 20px;
	width:260px;
	background: #FFFFFF;
}
.preloaded_table td {
	word-break:break-all;
	word-wrap:break-word;
	background: #FFFFFF;
}
.preloaded_txt p,
.preloaded_table table {
	margin-bottom:10px;
}

/* No Script
----------------------------- */
.nonJs {
	margin:0 auto;
	width:946px;
	border:2px solid #FF0000;
	background:#FFFFFF;
}
.nonJs p {
	margin:20px;
}

/* VSSAP CandyRack
----------------------------- */
.candy_cnt .vssap_col1 {
	padding:4px 0px 3px 15px;
	width:230px;
}
.candy_cnt .vssap_col2 {
	padding:4px 5px 3px 0px;
	width:165px;
	text-align: right;
	vertical-align: top;
}
.candy_cnt .vssap_col3 {
	padding:4px 5px 3px 0px;
	width:145px;
	text-align:center;
	vertical-align: top;
}
.candy_cnt .vssap_text {
	padding: 0;
    display: block;
    height: auto;
	font-size:12px;
    background: none;
}
.candy_cnt .vssap_text_red {
	color:#FF0000;
	padding: 0;
    display: block;
    height: auto;
	font-size:12px;
	font-weight:bold;
    background: none;
}
.candy_cnt .vssap_text_kiyaku {
	padding: 0;
    display: block;
    height: auto;
	font-size:11px;
    background: none;
	text-align: right;
}

#upsellbutton{
	width: 600px;
	margin: 0 auto 20px;
}
#upsellbutton button{
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", Arial, sans-serif;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
	font-weight: bold;
	border-radius: 5px;
	width: 600px;
}
#upsellbutton .UpsellButtonOn{
	color: #fff;
	font-size: 20px;
    background-color: #eee;
	margin-bottom: 0;
	line-height: 1;
	padding: 18px 0;
}
#upsellbutton .UpsellButtonOn span{
    font-size: 14px!important;
}
#upsellbutton .UpsellButtonOff{
	color: #fff;
	font-size: 20px;
    background-color: #eee;
	margin-bottom: 0;
	line-height: 1;
	padding: 18px 0;
}
#upsellbutton .UpsellButtonOff span{
    font-size: 14px!important;
}
#upsellbutton .btn_active {
    background: #006c13 url(../img/btn_cart_off.png) repeat-x left top;
    background-size: contain;
}
#upsellbutton .btn_active:hover {
    background: #089700 url(../img/btn_cart_on.png) repeat-x left top;
    background-size: contain;
}

@charset "shift_jis";
/* CSS Document */

#atno_174 {

}

/* header
----------------------------- */
#atno_174 .jp_tntsre_header_txt {
    margin-left:30px;
    margin-top:8px;
    width:780px;
    font-size:16px;
    font-weight:bold;
    float:left;
}
#atno_174 .jp_tntsre_header_txt p{
    font-size: 12px;
    font-weight: normal;
}

/* step1
----------------------------- */
#atno_174 .product_name {
	height: auto;
}
#atno_174 .jp_tntsre_product_detail table{
    border: 1px solid #cbcbcb;
    width: 436px;
    float: left;
}
#atno_174 table.jp_tntsre_left{
    margin-right: 16px;
}
#atno_174 table.jp_tntsre_left th{
	height:63px;
}
#atno_174 .jp_tntsre_product_detail tr,
#atno_174 .jp_tntsre_product_detail td,
#atno_174 .jp_tntsre_product_detail th {
	padding:10px 0;
	border:1px solid #cbcbcb;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#atno_174 .jp_tntsre_product_detail th {
	width:50%;
	padding:5px;
	color:#FFFFFF;
	background:#666666;
}

/* step1 bnr
----------------------------- */
#atno_174 .jp_tntsre_credit{
    background: url(../img/bnr_credit.jpg) no-repeat;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #0355a9;
    font-size: 17px;
    font-weight: bold;
    text-shadow:1px 1px 0px #ffffff;
    padding-top:2px;
}
#atno_174 .jp_tntsre_credit span{
    font-size: 27px;
}
#atno_174 .jp_tntsre_pricebox_left{
    width: 329px;
    float: left;
    text-align: center;
    font-size: 27px;
    color: #333333;
    margin:18px 0 0 0px;
    padding: 15px 0 0 40px;
    font-weight: bold;
}
#atno_174 .jp_tntsre_pricebox_left_2{
    width: 329px;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin:18px 0 0 0px;
    padding: 15px 0 0 20px;
    font-weight: bold;
}
#atno_174 .jp_tntsre_pricebox_left_4{
    width: 329px;
    float: left;
    text-align: center;
    font-size: 27px;
    color: #333333;
    margin:18px 0 0 0px;
    padding: 15px 0 0 40px;
    font-weight: bold;
}
#atno_174 .jp_tntsre_pricebox_left p,
#atno_174 .jp_tntsre_pricebox_right .jp_tntsre_price_3y p{
	margin: 2px;
}
#atno_174 .jp_tntsre_text01{
    color: #ff0000;
    font-size: 29px;
}
#atno_174 .jp_tntsre_text01 span{
    font-size: 17px;
}
#atno_174 .jp_tntsre_text02{
    font-weight: normal;
    font-size: 14px;
}
#atno_174 .jp_tntsre_pricebox_right{
    width: 519px;
    float: left;
    margin-top: 15px;
    font-size: 18px;
}
#atno_174 .jp_tntsre_pricebox_right p{
    font-weight: bold;
}
#atno_174 .jp_tntsre_price_3y{
    padding:5px 15px 10px 33px;
    background: #fffb8f;
    font-size: 21px;
}
#atno_174 .jp_tntsre_price_3y span.num,
#atno_174 .jp_tntsre_price_3y span.yen{
    color: #ff0000;
    font-size: 34px;
}
#atno_174 .jp_tntsre_price_3y span.yen{
    font-size: 20px;
}
#atno_174 .jp_tntsre_price_3y span.tax,
#atno_174 .jp_tntsre_price_2y span.tax{
    font-size: 14px;
    font-weight: normal;
}
#atno_174 .jp_tntsre_price_2y{
    padding:15px 15px 0px 35px;
    background: #fff;
}#atno_174 .jp_tntsre_price_1y span.tax{
    font-size: 14px;
    font-weight: normal;
}
#atno_174 .jp_tntsre_price_1y{
    padding:0px 15px 15px 35px;
    background: #fff;
}
@charset "shift_jis";
/* CSS Document */

/* step1
----------------------------- */
#atno_174 .jp_tntsre_product_detail_2 table{
    border: 1px solid #cbcbcb;
    width: 414px;
    float: left;
}
#atno_174 .jp_tntsre_product_detail_2 tr,
#atno_174 .jp_tntsre_product_detail_2 td,
#atno_174 .jp_tntsre_product_detail_2 th {
	padding:10px 0;
	border:1px solid #cbcbcb;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#atno_174 .jp_tntsre_product_detail_2 th {
	width:50%;
	padding:5px;
	color:#FFFFFF;
	background:#666666;
}

/* step1 bnr
----------------------------- */
#atno_174 .jp_tntsre_credit_2{
    background: url(../img/bnr_credit.jpg) no-repeat;
    height: 50px;
    text-align: center;
    color: #0355a9;
    font-size: 17px;
    font-weight: bold;
    text-shadow:1px 1px 0px #ffffff;
    padding:2px 0 0 30px;
}
#atno_174 .jp_tntsre_credit_2 span{
    font-size: 27px;
}
#atno_174 .jp_tntsre_pricebox_left_3{
    width: 346px;
    text-align: center;
    font-size: 27px;
    color: #333333;
    font-weight: bold;
}
#atno_174 .jp_tntsre_pricebox_left_3 p,
#atno_174 .jp_tntsre_pricebox_right_2 .jp_tntsre_price_3y p{
	margin: 2px;
}
#atno_174 .jp_tntsre_pricebox_right_2{
    width: 510px;
    font-size: 18px;
    padding: 20px 0;
}
#atno_174 .jp_tntsre_pricebox_right_2 p{
    font-weight: bold;
}
.jp_rol_tabs {
    background-color: #fff;
    padding: 10px 30px;
    margin: 0 0 20px 0;
}
.jp_rol_tabs #tab_menu li {
    width: 439px;
    height: 50px;
    background-color: #ff940e;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #ff940e;
    border-left: 1px solid #ff940e;
    border-right: 1px solid #ff940e;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
}
.jp_rol_tabs #tab_menu li:hover{
    opacity: 0.75;
}
.jp_rol_tabs .tab_body {
    padding: 10px 20px 17px;
    clear: both;
    overflow: hidden;
    border-left: 1px solid #ff940e;
    border-right: 1px solid #ff940e;
    border-bottom: 1px solid #ff940e;
    position: relative;
    bottom: 10px;
    display: none;
}
.jp_rol_tabs .show {
    display: block;
}
.jp_rol_tabs .active{
    display: block;
}
.jp_rol_tabs #tab_menu li.active {
	text-align: center;
    width: 429px;
    height: 50px !important;
    padding: 5px 5px;
    background-color: #fff;
    color: #ff940e;
    font-size: 19px;
    height: 60px;
    position: relative;
    bottom: 10px;
    border-bottom: none;
}
.jp_rol_tabs #tab_menu li.space {
    border-bottom: 1px solid #ff940e!important;
    width: 6px;
    height: 1px;
    background-color: #fff;
    border: none;
    cursor: default;
    position: relative;
    top: 49px;
}
.jp_rol_tabs #tab_menu li.upgrade {
    bottom: 9px;
}
.jp_rol_tabs #tab_menu li.active span{
	display: inline-block;
}
  .jp_rol_tabs #tab_menu li span{
  	margin-right: 15px;
  	line-height: 1.6;
  	background-color: #ff4301;
  	color: #fff;
  	font-size: 16px;
  	padding: 4px 15px;
  	position: relative;
  	display:none;
}
.jp_rol_tabs .fcr{
      font-size: 16px;
      padding: 25px 0 0;
      clear: both;
}
.jp_rol_tabs .product_name a{
	font-size: 14px;
	color: #000;
	position: relative;
	left: 20px;
}
 .jp_rol_tabs table.compare th{
	background: linear-gradient(#fea203, #fe8e01);
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	height: 38px;
	padding: 0;
	border: none;
}
.jp_rol_tabs table.compare th.recommend{
	background: linear-gradient(#fd5200, #f44301);
	color:#FFFFFF;
	border-left: 2px solid #f44301;
}
.jp_rol_tabs table.compare td{
 	width: 200px;
	background:#fff7d6;
	font-size: 13px;
    text-align: center;
	border-top: none;
	border-left: none;
	padding: 6px 6px;
}
.jp_rol_tabs table.compare td.bgg{
    width: 235px;
	background:#eeeeee;
    text-align: left;
	font-size: 12px;
}
.jp_rol_tabs table.compare th.bgw{
	background:#fff;
	border-top: none;
	border-left: none;
}
.jp_rol_tabs table.compare td.recommend{
	background:#ffe9a6;
	border-left: 2px solid #f44301;
}
.jp_rol_tabs table.compare tr.name td{
    font-weight: bold;
    font-size: 12px;
}
.jp_rol_tabs .flex{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* �ǉ�
----------------------------- */
#atno_174 .jp_tntsre_text03{
    color: #ff0000;
    font-size: 20px;
}
#atno_174 .jp_tntsre_text04{
	padding-top: 15px;
    font-size: 17px;
}
#atno_174 .jp_tntsre_text04 span{
    color: #ff0000;
    font-size: 25px;
}
.caption{
    width: 802px;
    font-size: 12px;
    color: #666666;
    text-align: left;
}

@charset "utf-8";
/* CSS Document */

.jp_rol2_tabs {
    background-color: #fff;
    padding: 10px 30px;
    margin: 0 0 20px 0;
}
.jp_rol2_tabs #tab_menu li {
    width: 276px;
    height: 50px;
    background-color: #ff940e;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #ff940e;
    border-left: 1px solid #ff940e;
    border-right: 1px solid #ff940e;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
}
.jp_rol2_tabs #tab_menu li:hover{
    opacity: 0.75;
}
.jp_rol2_tabs .tab_body {
    padding: 10px 20px 17px;
    clear: both;
    overflow: hidden;
    border-left: 1px solid #ff940e;
    border-right: 1px solid #ff940e;
    border-bottom: 1px solid #ff940e;
    position: relative;
    bottom: 10px;
    display: none;
}
.jp_rol2_tabs .show {
    display: block;
}
.jp_rol2_tabs .active{
    display: block;
}
.jp_rol2_tabs #tab_menu li.active {
	text-align: center;
    width: 312px;
    height: 50px !important;
    padding: 5px 5px;
    background-color: #fff;
    color: #ff940e;
    font-size: 16px;
    height: 60px;
    position: relative;
    bottom: 10px;
    border-bottom: none;
}
.jp_rol2_tabs #tab_menu li.space {
    border-bottom: 1px solid #ff940e!important;
    width: 4px;
    height: 1px;
    background-color: #fff;
    border: none;
    cursor: default;
    position: relative;
    top: 49px;
}
.jp_rol2_tabs #tab_menu li.upgrade {
    bottom: 9px;
}
.jp_rol2_tabs #tab_menu li.active span{
	display: inline-block;
}
  .jp_rol2_tabs #tab_menu li span{
  	margin-right: 8px;
  	margin-left: 8px;
  	line-height: 1.6;
  	background-color: #ff4301;
  	color: #fff;
  	font-size: 14px;
  	padding: 2px 5px;
  	position: relative;
  	display:none;
}
.jp_rol2_tabs #tab_menu li.recommend {
    position: relative;
	text-align: left;
}
.jp_rol2_tabs #tab_menu li.recommend div {
	margin-left: 30px;
}
.jp_rol2_tabs #tab_menu li.recommend.active div {
	margin-left: 0;
}
.jp_rol2_tabs #tab_menu li.recommend img {
    position: absolute;
	top: -30px;
	right: 2px;
}
.jp_rol2_tabs .fcr{
      font-size: 16px;
      clear: both;
}
.jp_rol2_tabs .product_name a{
	font-size: 14px;
	color: #000;
	position: relative;
	left: 20px;
}
 .jp_rol2_tabs table.compare th{
	background: linear-gradient(#fea203, #fe8e01);
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	height: 38px;
	padding: 0;
	border: none;
}
.jp_rol2_tabs table.compare th.recommend{
	background: linear-gradient(#fd5200, #f44301);
	color:#FFFFFF;
	border-left: 2px solid #f44301;
}
.jp_rol2_tabs table.compare td{
 	width: 200px;
	background:#fff7d6;
	font-size: 13px;
    text-align: center;
	border-top: none;
	border-left: none;
	padding: 6px 6px;
}
.jp_rol2_tabs table.compare td.bgg{
    width: 235px;
	background:#eeeeee;
    text-align: left;
	font-size: 12px;
}
.jp_rol2_tabs table.compare th.bgw{
	background:#fff;
	border-top: none;
	border-left: none;
}
.jp_rol2_tabs table.compare td.recommend{
	background:#ffe9a6;
	border-left: 2px solid #f44301;
}
.jp_rol2_tabs table.compare tr.name td{
    font-weight: bold;
    font-size: 12px;
}
.jp_rol2_tabs .flex{
    display: flex;
    align-items: center;
    justify-content: center;
}

#atno_174 .jp_rol2_tabs .product_name{
	padding-top: 5px;
}
#atno_174 .jp_rol2_tabs .product_subname{
	font-size: 18px;
	font-weight: bold;
	padding-left: 65px;
	padding-top: 16px;
}
#atno_174 .jp_rol2_tabs .product_subname img{
	vertical-align: middle;
	margin: 0 10px;
}
#atno_174 .jp_rol2_tabs .jp_tntsre_pricebox_left_5{
    width: 346px;
    text-align: center;
    font-size: 27px;
    color: #333333;
    font-weight: bold;
}
#atno_174 .jp_rol2_tabs .jp_tntsre_pricebox_left_5 p,
	margin: 2px;
}
#atno_174 .jp_rol2_tabs .jp_tntsre_pricebox_left_5{
	position: relative;
	margin-top: -50px;
}
#atno_174 .jp_rol2_tabs .jp_tntsre_pricebox_left_5 .jp_tntsre_text02{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
	position: relative;
}
#atno_174 .jp_rol2_tabs .jp_tntsre_pricebox_left_5 .jp_tntsre_text02 img{
	position: absolute;
	top: 50px;
	right: 0;
}
#atno_174 .jp_rol2_tabs .jp_tntsre_pricebox_left_5 .jp_tntsre_text03{
	text-align: left;
	font-size: 18px;
}
#atno_174 .jp_rol2_tabs .plus_comparison table th,
#atno_174 .jp_rol2_tabs .plus_comparison table td{
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .col1{
	width: 18%;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .col2{
	width: 43%;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .col3{
	width: 39%;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .red_all{
	color: #ffffff;
	background-color: #ff0000;
	border: 1px solid #ff0000;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .red_right{
	border-right: 1px solid #ff0000;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .red_bottom{
	border-bottom: 1px solid #ff0000;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .red_arrow {
	background: url(https://www.nortonstore.jp/Media/jp/products/details/vssap/img/red_arrow.png) center top no-repeat;
}
#atno_174 .jp_rol2_tabs .plus_comparison table .red_all img{
	margin-top: 1rem;
}

#atno_174 .jp_rol2_tabs .list_dot_gray li {
	margin-bottom:5px;
	padding:0 0 0 15px;
	background:url(https://www.nortonstore.jp/Media/all/common/img/list_dot_gray.png) no-repeat 0 5px;
}
 #atno_174 .jp_rol2_tabs ul.list_dot_gray{
	margin:10px 0 10px 0;
}
#atno_174 .jp_rol2_tabs .vssap_icon {
	padding: 15px 0 0 42px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
#atno_174 .jp_rol2_tabs .vssap_icon.icon01 {
	background-image: url(https://www.nortonstore.jp/Media/jp/products/details/vssap/img/vssap_icon_07.png);
}
#atno_174 .jp_rol2_tabs .vssap_icon.icon02 {
	background-image: url(https://www.nortonstore.jp/Media/jp/products/details/vssap/img/vssap_icon_08.png);
}
#atno_174 .jp_rol2_tabs .vssap_icon.icon03 {
	background-image: url(https://www.nortonstore.jp/Media/jp/products/details/vssap/img/vssap_icon_09.png);
}
#atno_174 .jp_rol2_tabs .vssap_icon.icon04 {
	background-image: url(https://www.nortonstore.jp/Media/jp/products/details/vssap/img/vssap_icon_10.png);
}
#atno_174 .jp_rol2_tabs .vssap_icon.icon05 {
	background-image: url(https://www.nortonstore.jp/Media/jp/products/details/vssap/img/vssap_icon_11.png);
}
#atno_174 .jp_rol2_tabs .vssap_icon.icon06 {
	background-image: url(https://www.nortonstore.jp/Media/jp/products/details/vssap/img/vssap_icon_12.png);
}
#atno_174 .jp_rol2_tabs .caution {
	padding: 10px;
	border: 2px solid #e3e3e3;
	text-align: right;
	margin-top: 15px;
}

@charset "utf-8";
/* CSS Document */

/* header
----------------------------- */
.jp_alwaysupsell_lp #header {
	margin-bottom:20px;
}
.jp_alwaysupsell_lp #header .header_logo {
	width:135px;
	float:left;
}
.jp_alwaysupsell_lp #header .header_txt {
	margin-left:30px;
	width:780px;
	font-size:16px;
	font-weight:bold;
	float:left;
}

/* layout
----------------------------- */
.jp_alwaysupsell_lp .contents {
	margin:0;
	padding:15px 0 30px 0;
	background:#FFFFFF;
}
.jp_alwaysupsell_lp .wrap_inr{
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 20px;
	margin-bottom: 50px;
}

/* elements
----------------------------- */
.jp_alwaysupsell_lp .ttl_l{
	padding: 7px 0 5px 15px;
    width: 934px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    background: #ffe69a url(../img/ttl_bg.png) repeat-x 0 0;
    border: 1px solid #CCCCCC;
}
.jp_alwaysupsell_lp p{
	margin: 0;
}
.jp_alwaysupsell_lp p.info{
	margin: 0 0 50px;
}
.jp_alwaysupsell_lp p.info_b{
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 50px;
}
.jp_alwaysupsell_lp p.notes{
	margin: 20px 0;
}
.jp_alwaysupsell_lp span.red{
	color: #FF0004;
}
.jp_alwaysupsell_lp .mainv {
    margin-top: 2px;
    position: relative;
}
.jp_alwaysupsell_lp .mainv_price {
    position: absolute;
    top: 110px;
    left: 200px;
    font-size: 125px;
    font-weight: bold;
    color: red;
}
.jp_alwaysupsell_lp .mainv_date {
    position: absolute;
    top: 85px;
    left: 665px;
    font-size: 102px;
    font-weight: bold;
    color: red;
}

/* comp_table
--------------------- */
.jp_alwaysupsell_lp #comp_table {
	margin-bottom:20px;
	width: 910px;
	margin: 0 auto;
	position: relative;
}
.jp_alwaysupsell_lp #comp_table table,
.jp_alwaysupsell_lp #comp_table table th,
.jp_alwaysupsell_lp #comp_table table td {
	padding: 0;
	margin: 0;
	border: none;
	background-color: #fff;
	text-align: center;
}
.jp_alwaysupsell_lp #comp_table .tb_ttl{
	margin-left:5px;
	font-size:24px;
	box-sizing:border-box;
	font-weight: normal;
	text-align: left;
}
.jp_alwaysupsell_lp #comp_table .bg_bk{
	background-color: #323232;
    color: #ffc10e;
    font-size: 18px;
	font-weight: normal;
	width: 230px;
	height: 50px;
	vertical-align: middle;
}
.jp_alwaysupsell_lp #comp_table .bg_bk_sub{
	background-color: #e5e5e5;
	font-weight: bold;
	font-size: 16px;
	height: 95px;
	vertical-align: middle;
}
.jp_alwaysupsell_lp #comp_table .bg_bk_txt{
	background-color: #f8f8f8;
	font-size: 16px;
    width: 230px;
}
.jp_alwaysupsell_lp #comp_table .bg_og{
	background-color: #ff9300;
    color: #fff;
    font-size: 18px;
	font-weight: bold;
	width: 225px;
	vertical-align: middle;
}
.jp_alwaysupsell_lp #comp_table .bg_og_sub{
	background-color: #ffe6c3;
    font-weight: bold;
	font-size: 16px;
	height: 95px;
	vertical-align: middle;
}
.jp_alwaysupsell_lp #comp_table .bg_og_txt {
    background-color: #fef8e8;
    font-size: 16px;
    width: 225px;
}
.jp_alwaysupsell_lp #comp_table .cell_space{
	width: 6px;
}
.jp_alwaysupsell_lp #comp_table .btn_positive{
	width: 92px;
	margin: 0 auto;
}
.jp_alwaysupsell_lp #comp_table .ttl_txt{
	vertical-align: middle;
    font-size: 14px;
    text-align: left;
    padding: 20px 30px 20px 0;
}
.jp_alwaysupsell_lp #comp_table .ttl_cell{
	border-bottom: 2px solid #f2f2f2;
}
.jp_alwaysupsell_lp #comp_table .og_cell{
	border-bottom: 4px solid #ff9300;
}
.jp_alwaysupsell_lp #comp_table .cell_space_og{
	background-color: #ff9300;
	width: 4px;
}
.jp_alwaysupsell_lp #comp_table .cell_space_og_bm{
	background-image: url(../img/og_border.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #fef8e8;
	height: 4px;
}

/* candyrack
--------------------- */
.jp_alwaysupsell_lp .candyrack{
	padding: 0;
}
.jp_alwaysupsell_lp .candy_ttl{
	border: 5px solid #f0a832;
	font-size: 22px;
    line-height: 1;
	padding: 10px 0;
}
.jp_alwaysupsell_lp .candy_cnt .cnt_l{
	width: 90px;
	padding: 10px 0;
}
.jp_alwaysupsell_lp .candy_cnt .cnt_c{
	width: 270px;
	padding: 10px 0;
	margin-right: 10px;
}
.jp_alwaysupsell_lp .candy_cnt .cnt_r{
	width: 535px;
}
.jp_alwaysupsell_lp .step_bs .product_name_s{
	font-size: 16px;
    padding-right: 10px;
}
.jp_alwaysupsell_lp .candy_cnt .nuhd_col2{
	width: 370px;
	text-align: left;
	padding: 10px 0 0 15px;
}
.jp_alwaysupsell_lp .arupsell_candy_cnt .price_discount span.orange{
	font-size: 20px;
}
.jp_alwaysupsell_lp .candy_cnt .cnt_l{
	padding: 10px 0;
}

/* input
--------------------- */
.jp_alwaysupsell_lp input#CartInfo_Email_1{
	 width: 650px;
}
.jp_alwaysupsell_lp input#CartInfo_Email_2{
	width: 650px;
}
.jp_alwaysupsell_lp div.tableLayout table{
	margin-bottom: 0;
}

/* Accordion
--------------------- */
.accordion_compare {
    margin: 0 0 5px 0;
    border-bottom: 2px solid #e3e3e3;
}

.accordion_ttl_compare {
    padding: 15px;
    font-size: 130%;
    font-weight: bold;
    border-left: 5px solid #e3e3e3;
    border-right: 2px solid #e3e3e3;
    background: url(../img/icon_down.png) no-repeat right 20px center;
    cursor: pointer;
}

.accordion_ttl_compare:hover {
    color: inherit;
    background-color: #e3e3e3;
}

.accordion_compare .selected {
    color: inherit;
    background: #e3e3e3 url(../img/icon_up.png) no-repeat right 20px center;
}

.accordion_frm_compare {
    border-top: 2px solid #e3e3e3;
    word-wrap: break-word;
}

.accordion_compare .accordion_close_compare {
    cursor: pointer;
    text-align: right;
}



/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	font-weight: bold;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.failureCssClass {
	background: #ffcccc;
}
#wrapper.addonServiceRegist .ttl_l {
    margin-bottom: 3px;
}

#wrapper.addonServiceRegist .detail-nms {
    background: url("../img/vssap_pc_nms.png") #ffc10e no-repeat;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: auto;
    margin: 2px 0 0;
    position: relative;
    width: 948px;
}

#wrapper.addonServiceRegist .detail {
    background: url("../img/vssap_pc.png") #ffc10e no-repeat;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: auto;
    margin: 2px 0 0;
    position: relative;
    width: 948px;
}

#wrapper.addonServiceRegist .detail .main-title-sp {
    display: none;
}

#wrapper.addonServiceRegist .mainv .text-container {
    font-size: 16px;
    height: auto;
    padding-left: 22px;
    line-height: 1.5;
    position: relative;
    padding-top: 150px;
    padding-bottom: 10px;
    width: 580px;
}

#wrapper.addonServiceRegist .mainv .text-container .jp-go-detail {
    background: #ff0000;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 150px;
}

#wrapper.addonServiceRegist .mainv .text-container .jp-go-detail:hover {
    opacity: 0.6;
}

#wrapper.addonServiceRegist .mainv .text-container .comment {
    font-size: 14px;
}

#wrapper.addonServiceRegist .mainv .text-container .comment .text-link {
    color: #0133a4;
    text-decoration: underline;
}

#wrapper.addonServiceRegist .wrap_inr {
    border-top: 1px solid #CCCCCC;
    margin-bottom: 40px;
}

#wrapper.addonServiceRegist .wrap_inr .mgn-btm-small {
    margin-bottom: 20px;
}

#wrapper.addonServiceRegist .wrap_inr h3 {
    border-bottom: none;
    margin-bottom: 5px;
    padding: 0;
}

#wrapper.addonServiceRegist .wrap_inr p {
    line-height: 1.6;
    margin-bottom: 0;
}

#wrapper.addonServiceRegist .wrap_inr #requestbutton button {
    align-items: center;
    background: #ff425b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff425b 0%, #ff6378 40%, #ff6378 40%, #fa0002 46%, #c90002 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff425b 0%, #ff6378 40%, #ff6378 40%, #fa0002 46%, #c90002 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff425b 0%, #ff6378 40%, #ff6378 40%, #fa0002 46%, #c90002 100%);
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 12px -6px #000000;
    color: #fff;
    display: flex;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff425b', endColorstr='#c90002', GradientType=0);
    height: 90px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    text-shadow: 0px 0px 4px #480000;
    width: 300px;
    /* IE6-9 */
}

#wrapper.addonServiceRegist .wrap_inr #requestbutton button span {
    display: block;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    text-align: left;
}

#wrapper.addonServiceRegist .wrap_inr #requestbutton button span:before {
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    content: "";
    left: -20px;
    position: absolute;
}

#wrapper.addonServiceRegist .wrap_inr #requestbutton .comment {
    color: #ff0000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 8px;
    text-align: center;
}

#wrapper.addonServiceRegist .wrap_inr #requestbutton.disabled button {
    pointer-events: none;
    cursor: default;
}

#wrapper.addonServiceRegist .wrap_inr #requestbutton.inactive button {
    background: #cccccc;
    box-shadow: 0px 0px 12px -6px #cccccc;
    text-shadow: none;
}

#wrapper.addonServiceRegist .wrap_inr #requestbutton.inactive .comment {
    color: #cccccc;
}

#wrapper.addonServiceRegist .pc-hide {
    display: none;
}

@media (max-width: 767px) {
    #wrapper.addonServiceRegist {
        box-sizing: border-box;
        margin: 0;
        padding: 0 2%;
        width: 100%;
    }

    #wrapper.addonServiceRegist .contents {
        padding-bottom: 0;
    }

    #wrapper.addonServiceRegist .cmn_mgb_small {
        margin-bottom: calc(5/375*100vw);
    }

    #wrapper.addonServiceRegist .header_txt {
        display: none;
    }

    #wrapper.addonServiceRegist .ttl_l {
        box-sizing: border-box;
        width: 100%;
    }

    #wrapper.addonServiceRegist .detail-nms {
        background: url("../img/vssap_sp_nms.png");
        background-repeat: no-repeat;
        background-size: 100% auto;
        box-sizing: border-box;
        height: calc(375/375*100vw);
        margin: calc(2/375*100vw) 0 0;
        position: relative;
        width: 100%;
    }

    #wrapper.addonServiceRegist .detail {
        background: url("../img/vssap_sp_picture.png");
        background-repeat: no-repeat;
        background-size: calc(155/375*100vw) auto;
        background-position: right bottom;
        background-color: #ffc10e;
        box-sizing: border-box;
        height: auto;
        margin: calc(2/375*100vw) 0 0;
        position: relative;
        width: 100%;
    }

    #wrapper.addonServiceRegist .detail .main-title-sp {
        display: block;
    }

    #wrapper.addonServiceRegist .detail .main-title-sp img {
        width: 100%;
    }

    #wrapper.addonServiceRegist .detail-nms .text-container {
        box-sizing: border-box;
        font-size: calc(14/375*100vw);
        height: auto;
        left: 0;
        padding: 0 4%;
        position: absolute;
        top: calc(90/375*100vw);
        width: 100%;
    }

    #wrapper.addonServiceRegist .detail .text-container {
        box-sizing: border-box;
        font-size: calc(14/375*100vw);
        height: auto;
        padding: 0 4% calc(30/375*100vw);
        position: relative;
        width: 100%;
    }

    #wrapper.addonServiceRegist .mainv .text-container .jp-go-detail {
        width: calc(120/375*100vw);
    }

    #wrapper.addonServiceRegist .mainv .text-container .comment {
        font-size: calc(12/375*100vw);
    }

    #wrapper.addonServiceRegist .wrap_inr {
        border-top: calc(1/375*100vw) solid #CCCCCC;
        margin-bottom: calc(20/375*100vw);
        padding: calc(20/375*100vw) 3%;
    }

    #wrapper.addonServiceRegist .wrap_inr .mgn-btm-small {
        margin-bottom: calc(20/375*100vw);
    }

    #wrapper.addonServiceRegist .wrap_inr h2 {
        font-size: calc(16/375*100vw);
    }

    #wrapper.addonServiceRegist .wrap_inr h3 {
        font-size: calc(15/375*100vw);
        margin-bottom: calc(10/375*100vw);
        padding: 0;
    }

    #wrapper.addonServiceRegist .wrap_inr p {
        font-size: calc(14/375*100vw);
        line-height: 1.6;
        margin-bottom: 0;
    }

    #wrapper.addonServiceRegist .wrap_inr #requestbutton button {
        height: calc(90/375*100vw);
        width: calc(300/375*100vw);
    }

    #wrapper.addonServiceRegist .wrap_inr #requestbutton button span {
        font-size: calc(21/375*100vw);
    }

    #wrapper.addonServiceRegist .wrap_inr #requestbutton button span:before {
        border: calc(10/375*100vw) solid transparent;
        border-left: calc(10/375*100vw) solid #fff;
        content: "";
        left: calc(20/375*100vw*-1);
        position: absolute;
    }

    #wrapper.addonServiceRegist .wrap_inr #requestbutton .comment {
        color: #ff0000;
        font-size: calc(12/375*100vw);
        font-weight: bold;
        margin-top: calc(8/375*100vw);
        text-align: center;
    }

    #wrapper.addonServiceRegist .wrap_inr #requestbutton.inactive button {
        background: #cccccc;
        box-shadow: 0px 0px calc(12/375*100vw) calc(6/375*100vw*-1) #cccccc;
        text-shadow: none;
    }

    #wrapper.addonServiceRegist .wrap_inr #requestbutton.inactive .comment {
        color: #cccccc;
    }

    #wrapper.addonServiceRegist .pc-hide {
        display: block;
    }

    #wrapper.addonServiceRegist .lastConfirm .checkBox {
        text-align: left;
    }

    #wrapper.addonServiceRegist .lastConfirm .checkBox .agreement4 {
        display: inline-block;
        width: 80%;
    }

    #wrapper.addonServiceRegist .lastConfirm .checkBox .cRed {
        vertical-align: top;
    }

    #wrapper.addonServiceRegist .lastConfirm .checkBox input {
        margin-top: calc(3/375*100vw);
        vertical-align: top;
    }
    #footer .footer_left {
        width: auto;
    }
}

