@charset "utf-8";
/* product.css */


/*******************************

* payment (20130110)
* payment LP RENEWAL (2013730)
* infoResponsive (20130422)
* point (20130516)
* 越境EC LP (20130718)
* info_2_13 (20130910)
* EC-CUBEとは？ product/index.php (2013917)
* Windows Azure product/info_azure.php (20131212)
* デザプレLP product/design_template.php (20140129)
* ペイパルキャッシュバックキャンペーン product/paypal_cashback.php (20140724)
* MS Azure EC-CUBEかんたんガイド product/azure/first_step.php (20141216)
* デモサイト product/demo.php (20160425)

*******************************/

/*-------------------------
* payment (20130110)
----------------------------*/

#contentsRight .payment_area .accent {
	color: #c00;
}
#contentsRight .payment_area .txtlnk a {
	color: #0A68A7;
	font-size: 12px;
	background: url(../img/product/payment/arrow_link01.gif) right center no-repeat;
	padding-right: 8px;
}
#contentsRight .payment_area .txtlnk a:link {text-decoration: none;}
#contentsRight .payment_area .txtlnk a:visited {text-decoration: none;}
#contentsRight .payment_area .txtlnk a:hover {text-decoration: underline;}
#contentsRight .payment_area .txtlnk a:active {text-decoration: none;}



/* primary */

#contentsRight .payment_area .primary {
	background: url(../img/product/payment/bg_middle02.jpg) center top repeat-y;
}

#contentsRight .payment_area .primary_inner {
	padding-bottom: 30px;
	margin-bottom: 15px;
	background: url(../img/product/payment/bg_flow01.jpg) center bottom no-repeat;
}

/* reason_box */
#contentsRight .payment_area .reason_box {
	background: url(../img/product/payment/bg_middle01.jpg) 12px 0 repeat-y;
	margin-bottom: 15px;
}
#contentsRight .payment_area .reason_box h2 {
	background: url(../img/product/payment/bg_middle02.jpg) center top repeat-y;
	padding-bottom: 6px;
}
#contentsRight .payment_area .reason_box ol {
	width: 766px;
	margin-left: 12px;
	background: url(../img/product/payment/bg_bottom01.gif) left bottom no-repeat;
	padding-bottom: 10px;
}
#contentsRight .payment_area .reason_box ol li {
	width: 766px;
	overflow: hidden;
}
#contentsRight .payment_area .reason_box ol li h3 {
	font-weight: bold;
	font-size: 24px;
	letter-spacing: -1px;
	padding: 0 0 35px 125px;
}
#contentsRight .payment_area .reason_box ol li h3 span {
	color: #c00;
}
#contentsRight .payment_area .reason_box ol li#reason01 h3 {
	padding-top: 23px;
	background: url(../img/product/payment/tit_reason01.jpg) 0 0 no-repeat;
}

#contentsRight .payment_area .reason_box ol li#reason01 h3 img {
	padding-top:6px;
	padding-left:6px;
}

#contentsRight .payment_area .reason_box ol li#reason02 h3 {
	padding-top: 21px;
	background: url(../img/product/payment/tit_reason02.jpg) 0 0 no-repeat;
}
#contentsRight .payment_area .reason_box ol li#reason03 h3 {
	padding-top: 21px;
	background: url(../img/product/payment/tit_reason03.jpg) 0 0 no-repeat;
}
#contentsRight .payment_area .reason_box ol li#reason04 h3 {
	padding-top: 21px;
	background: url(../img/product/payment/tit_reason04.jpg) 0 0 no-repeat;
}

#contentsRight .payment_area .reason_box ol li .img {
	width: 335px;
	text-align: center;
	float: right;
	margin-right: 25px;
	padding-bottom: 20px;
	display: inline;
}
#contentsRight .payment_area .reason_box ol li .txt {
	width: 370px;
	font-size: 14px;
	float: left;
	line-height: 1.5;
	margin-left: 30px;
	padding-bottom: 25px;
	display: inline;
}
#contentsRight .payment_area .reason_box ol li .txt strong {
	font-weight: bold;
	font-size: 16px;
}
#contentsRight .payment_area .reason_box ol li#reason01 .txt .note,
#contentsRight .payment_area .reason_box ol li#reason02 .txt .note {
	margin: 5px 0 10px;
}
#contentsRight .payment_area .reason_box ol li#reason03 .txt .txtlnk {
	margin: 5px 0 0;
}

/* flow_box */

#contentsRight .payment_area .flow_box {
	width: 748px;
	margin-left: 15px;
}
#contentsRight .payment_area .flow_box .txt {
	width: 227px;
	float: left;
	margin-right: 25px;
	font-size: 14px;
	line-height: 1.5;
}
#contentsRight .payment_area .flow_box .txt h2 {
	padding-bottom: 10px;
}
#contentsRight .payment_area .flow_box .txt .note {
	margin-top: 5px;
}
#contentsRight .payment_area .flow_box .img {
	width: 494px;
	float: left;
	padding: 20px 0 0;
}

/* secondary */

#contentsRight .payment_area .secondary h2 {
	padding: 22px 0 17px 15px;
}
#contentsRight .payment_area .secondary .txt {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 40px;
	padding: 0 210px 0 15px;
	min-height: 46px;
	height: auto !important;
	height: 46px;
}


/* contact_box */

#contentsRight .payment_area .contact_box {
	width: 755px;
	margin-left: 15px;
	padding-bottom: 30px;
}
#contentsRight .payment_area .contact_box .accent_box {
	border: 1px solid #FFC4C4;
	background: #FFF7F7;
	text-align: center;
	padding: 6px;
	margin: 14px 0 10px;
	border-radius: 5px;
}


/*-------------------------
* payment LP RENEWAL (2013730)
----------------------------*/

#contentsRight .payment_area {
	padding-top: 9px;
}
#contentsRight .payment_area * {
	font-family:arial,helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4;
}
#contentsRight .payment_area span.uline {
	text-decoration: underline;
}
#contentsRight .payment_area .note {
	font-size: 12px;
}

#contentsRight .payment_area .bt_payment_west {
	text-align: right;
	margin-bottom: 8px;
}
#contentsRight .payment_area .bt_payment_west a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* mainvisual */

#contentsRight .payment_area .main_visual {
	width: 970px; height: 497px;
	position: relative;
	margin-bottom: 30px;
}
#contentsRight .payment_area .main_visual .bt_contact {
	width: 970px; height: 143px;
	background: url(../img/product/payment/payment_top_img06.jpg) 0 0 no-repeat;
}
#contentsRight .payment_area .main_visual .bt_contact a {
	display: block;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 383px; left: 75px;
}
#contentsRight .payment_area .main_visual .bt_contact a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* payment_box */

#contentsRight .payment_area .payment_box {
	padding: 15px 0 0;
	margin-bottom: 35px;
}
#contentsRight .payment_area .payment_box p {
	text-align: center;
}

/* message_box */

#contentsRight .payment_area .message_box p {
	font-size: 26px;
	color: #333;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 15px;
}

/* primary */

#contentsRight .payment_area .primary {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
}

/* solution_box */

#contentsRight .payment_area .solution_box {
	margin: 30px;
	background: url(../img/product/payment/bg_payment.gif) right top no-repeat #c63;
	border-radius: 4px;
}
#contentsRight .payment_area .solution_box .txt {
	float: left;
	width: 480px;
	padding: 0 0 30px 30px;
}
#contentsRight .payment_area .solution_box .img {
	float: right;
	margin: 27px 27px 27px 0;
}
#contentsRight .payment_area .solution_box p {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}
#contentsRight .payment_area .solution_box .txt p:first-child {
	margin: -12px 0 10px;
}
#contentsRight .payment_area .solution_box h2 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 20px;
}

/* section */

#contentsRight .payment_area .section {
	width: 910px;
	border-bottom: 1px solid #ccc;
	margin: 0 auto 30px;
	padding-bottom: 30px;
}
#contentsRight .payment_area .section.last {
	border-bottom: 0 none;
	margin-bottom: 0;
}
#contentsRight .payment_area .section h3 {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
#contentsRight .payment_area .section .txt {
	width: 490px;
	float: left;
}
#contentsRight .payment_area .section .txt dl dt {
	font-size: 16px;
	color: #fff;
}
#contentsRight .payment_area .section .txt dl dt img {
	float:left;
}
#contentsRight .payment_area .section .txt dl dt span {
	display: block;
	width: 380px;
	background: #0D7CCA;
	border-radius: 4px;
	padding: 10px;
	margin-top: 10px;
	float: left;
}
#contentsRight .payment_area .section .txt dl dd {
	font-size: 16px;
	width: 490px;
	clear: both;
	padding-top: 10px;
}
#contentsRight .payment_area .section .txt dl dd p.link {
	margin-top: 20px;
}
#contentsRight .payment_area .section .txt dl dd p.link a:link { color:#0C7ACA;}
#contentsRight .payment_area .section .txt dl dd p.link a:visited { color:#0C7ACA;}
#contentsRight .payment_area .section .txt dl dd p.link a:hover { color:#0C7ACA;}
#contentsRight .payment_area .section .txt dl dd p.link a:active { color:#0C7ACA;}

#contentsRight .payment_area .section .img {
	float: right;
	margin-right: 25px;
}

#contentsRight .payment_area .section .img.mt-30 {
	margin-top: -30px;
}

/* faq (20140425追記) */

#contentsRight .payment_area #faq {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	padding: 20px 30px 10px;
	margin: 30px 0 0;
}
#contentsRight .payment_area #faq h3 {
	color: #000;
	font-size: 26px;
	margin-bottom: 12px;
}
#contentsRight .payment_area #faq .q {
	border-top: 1px solid #D3D5D6;
	padding-top: 16px;
	margin-bottom: 10px;
}
#contentsRight .payment_area #faq .first {
	padding-top: 0;
	border-top: 0 none;
}
#contentsRight .payment_area #faq .q p {
	background: url(../img/product/payment/icon_q.gif) 0 center no-repeat;
	padding: 5px 0 5px 33px;
	font-size: 16px;
	color: #0D7CCA;
}
#contentsRight .payment_area #faq .a {
	padding: 0 0 17px 0;
}
#contentsRight .payment_area #faq .a p {
	color: #333;
	font-size: 14px;
}

#contentsRight .payment_area #faq .a .tel {
	padding-top: 15px;
}
#contentsRight .payment_area #faq .a .tel img {
	margin-right: 30px;
}
#contentsRight .payment_area #faq .a .settlement_box {
	margin: 18px 0 15px;
	border: 1px solid #eee;
	border-radius: 4px;
}
#contentsRight .payment_area #faq .a .settlement_box .img_settlement {
	float: left;
	margin: 21px 0 15px 15px;
}
#contentsRight .payment_area #faq .a .settlement_box  ul {
	width: 319px;
	float: right;
	background: #F1F7FC;
	margin: 15px 15px 15px 0;
	padding: 10px 0 8px; 
	border-radius: 4px;
}
#contentsRight .payment_area #faq .a .settlement_box  ul li {
	font-size: 12px;
	padding: 0 15px 1px;
	line-height: 1.3;
}
#contentsRight .payment_area #faq .a .settlement_box  ul li .small {
	font-size: 10px;
}

/* secondary */

#contentsRight .payment_area .secondary p.heading_contact {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	padding: 45px 0 5px;
}
#contentsRight .payment_area .secondary p.lead {
	width: 670px;
	font-size: 16px;
	margin: 0 0 45px 170px;
}
#contentsRight .payment_area .secondary h3 {
	display: inline-block;
	padding: 15px 14px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	background: #0D7CCA;
	border-radius: 4px;
	margin: -7px 0 0 30px;
}

/* tel_box */

#contentsRight .payment_area .tel_box {
	width: 360px;
	float: left;
}
#contentsRight .payment_area .tel_box .section02 {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 20px;
}
#contentsRight .payment_area .tel_box .section02 .img {
	position: absolute;
	top: -28px; right: 30px;
}
#contentsRight .payment_area .tel_box .section02 h3 {
	margin-bottom: 41px;
}
#contentsRight .payment_area .tel_box .section02 p {
	margin: 0 0 17px 30px;
}
#contentsRight .payment_area .tel_box .section02 p.txt {
	padding: 0;
	margin: 22px 30px 12px;
}
#contentsRight .payment_area .tel_box .section02 p a:link { color: #333;}
#contentsRight .payment_area .tel_box .section02 p a:visited { color: #333;}
#contentsRight .payment_area .tel_box .section02 p a:hover { color: #333;}
#contentsRight .payment_area .tel_box .section02 p a:active { color: #333;}

/* request_box(payment) */

#contentsRight .payment_area .padT25 {
	padding-top: 25px !important;
}
#contentsRight .payment_area .marB30 {
	margin-bottom: 30px !important;
}

#contentsRight .payment_area .request_box {
	width: 580px;
	float: right;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	margin-bottom: 30px;
}

#contentsRight .payment_area .request_box h3 {
	margin-bottom: 14px;
}
#contentsRight .payment_area .request_box .txt {
	font-size: 14px;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #D3D5D6;
}
#contentsRight .payment_area .request_box .txt .bnr {
	margin-top: 15px;
}
#contentsRight .payment_area .request_box .section02 {
	margin: 0 27px;
}
#contentsRight .payment_area .request_box .errbox {
	margin: 0 60px;
	background: #FFF7F7;
	line-height: 1.5;
	color: #c00;
}

#contentsRight .payment_area .request_box table th,
#contentsRight .payment_area .request_box table td {
	font-size: 14px;
	padding: 10px 10px 10px 0;
	text-align: left;
	font-weight: normal;
}
#contentsRight .payment_area .request_box table th {
}
#contentsRight .payment_area .request_box table table td {
	padding: 0 10px 0 0;
}
#contentsRight .payment_area .request_box form table input[type="text"],
#contentsRight .payment_area .request_box form table textarea,
#contentsRight .payment_area .request_box form table select {
    border: 1px solid #999999;
	background: #FFFFEA;
    margin: 0;
    padding: 10px;
    position: relative;
    z-index: inherit;
    border-radius: 5px;
}

#contentsRight .payment_area .request_box form table label.list {
    clear: none;
}
#contentsRight .payment_area .request_box .form_table {
	margin: 10px auto 20px;
}
#contentsRight .payment_area .request_box .form_table #contactbox {
	display: none;
}
#contentsRight .payment_area .request_box .btn_area {
	text-align: center;
}
#contentsRight .payment_area .request_box .btn_area input[type="image"]:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#contentsRight .payment_area .request_box .btn_area .bt_check,
#contentsRight .payment_area .request_box .btn_area .bt_send {
	padding-top: 5px;
}

#contentsRight .payment_area .secondary .bt_backtop {
	text-align: center;
	padding: 30px 0 100px;
}



/*confirm*/

#contentsRight .payment_area .request_box_confirm {
	width: 720px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	margin: 0 auto 30px;
}

#contentsRight .payment_area .request_box_confirm .txt {
	font-size: 14px;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #D3D5D6;
}
#contentsRight .payment_area .request_box_confirm .section02 {
	margin: 0 30px;
}

#contentsRight .payment_area .request_box_confirm table th,
#contentsRight .payment_area .request_box_confirm table td {
	font-size: 14px;
	padding: 10px 10px 10px 0;
	text-align: left;
	font-weight: normal;
}
#contentsRight .payment_area .request_box_confirm table th {
	width: 130px;
}
#contentsRight .payment_area .request_box_confirm table table td {
	padding: 0 10px 0 0;
}

#contentsRight .payment_area .request_box_confirm .btn_area {
	height: 100px;
	text-align: center;
}

#contentsRight .payment_area .request_box_confirm .confirm {
	font-size: 14px;
	border-bottom: 1px solid #D3D5D6;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#contentsRight .payment_area .request_box_confirm .form_table2 {
	margin: 0 auto;
}

/*complete*/

.payment_complete {
	margin-top: 100px;
	text-align: center;
	font-size: 26px;
}

.payment_complete p {
	font-size: 40px;
}


/* request_box(detail) */

#twoColumnRight #contentsRight .payment_area .padT25 {
	padding-top: 25px !important;
}
#twoColumnRight #contentsRight .payment_area .marB30 {
	margin-bottom: 30px !important;
}

#twoColumnRight #contentsRight .payment_area .request_box {
	width: 785px;
	float: right;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	margin-bottom: 30px;
	padding-top: 20px;
}

#twoColumnRight #contentsRight .payment_area .request_box h3 {
	margin-bottom: 14px;
}
#twoColumnRight #contentsRight .payment_area .request_box .txt {
	font-size: 14px;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #D3D5D6;
}
#twoColumnRight #contentsRight .payment_area .request_box .section02 {
	margin: 0 30px;
}
#twoColumnRight #contentsRight .payment_area .request_box .errbox {
	background: none repeat scroll 0 0 #FFF7F7;
    color: #CC0000;
    line-height: 1.5;
    margin: 0 auto;
    padding: 20px;
    width: 560px;
}
#twoColumnRight #contentsRight .payment_area .request_box label.checkbox span.holder {
    background: url("../img/common/checkbox2.gif") no-repeat scroll 0 -1px transparent;
    height: 61px;
}

#twoColumnRight #contentsRight .payment_area .request_box label.checkbox span.holder {
    top: 0;
}
#twoColumnRight #contentsRight .payment_area .request_box label.checkbox:hover span.holder {
    top: 0 !important;
}
#twoColumnRight #contentsRight .payment_area .request_box label.error span.holder {
    top: -21px !important;
}
#twoColumnRight #contentsRight .payment_area .request_box label.checked span.holder,
#twoColumnRight #contentsRight .payment_area .request_box label.checked:hover span.holder {
    top: -42px !important;
}

#twoColumnRight #contentsRight .payment_area .request_box table th,
#twoColumnRight #contentsRight .payment_area .request_box table td {
	font-size: 14px;
	padding: 10px 10px 10px 0;
	text-align: left;
	font-weight: normal;
}
#twoColumnRight #contentsRight .payment_area .request_box table th {
	width: 150px;
}
#twoColumnRight #contentsRight .payment_area .request_box table table td {
	padding: 0 10px 0 0;
}
#twoColumnRight #contentsRight .payment_area .request_box form table input[type="text"],
#twoColumnRight #contentsRight .payment_area .request_box form table textarea,
#twoColumnRight #contentsRight .payment_area .request_box form table select {
    border: 1px solid #999999;
	background: #FFFFEA;
    margin: 0;
    padding: 10px;
    position: relative;
    z-index: inherit;
    border-radius: 5px;
}

#twoColumnRight #contentsRight .request_box_inner {
	width: 600px;
	margin: 0 auto;
}

#twoColumnRight #contentsRight .payment_area .request_box form table label.list {
    clear: none;
}
#twoColumnRight #contentsRight .payment_area .request_box form table label.prettyCheckbox {
    margin: 0 30px 0 0 !important;
	line-height: 1.2;
}
#twoColumnRight #contentsRight .payment_area .request_box form table label.prettyCheckbox a {
	line-height: 1.2;
}

#twoColumnRight #contentsRight .payment_area .request_box .form_table {
	width: 600px;
	margin: 10px auto 20px;
}
#twoColumnRight #contentsRight .payment_area .request_box .form_table #contactbox {
	display: none;
}
#twoColumnRight #contentsRight .payment_area .request_box .form_table .box54 {
	width: 345px;
}
#twoColumnRight #contentsRight .payment_area .request_box .form_table .area54 {
    height: 160px;
	width: 345px;
}
#twoColumnRight #contentsRight .payment_area .request_box .btn_area {
	height: 100px;
	text-align: center;
}
#twoColumnRight #contentsRight .payment_area .request_box .btn_area input[type="image"]:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#twoColumnRight #contentsRight .payment_area .request_box .btn_area .bt_check,
#twoColumnRight #contentsRight .payment_area .request_box .btn_area .bt_send {
	padding-top: 5px;
}

#twoColumnRight #contentsRight .payment_area .secondary .bt_backtop {
	text-align: center;
	padding: 30px 0 100px;
}

/*confirm*/

#contentsRight .payment_area .request_box_confirm {
	width: 720px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 4px;
	margin: 0 auto 30px;
}

#contentsRight .payment_area .request_box_confirm .txt {
	font-size: 14px;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #D3D5D6;
}
#contentsRight .payment_area .request_box_confirm .section02 {
	margin: 0 30px;
}

#contentsRight .payment_area .request_box_confirm table th,
#contentsRight .payment_area .request_box_confirm table td {
	font-size: 14px;
	padding: 10px 10px 10px 0;
	text-align: left;
	font-weight: normal;
}
#contentsRight .payment_area .request_box_confirm table th {
	width: 130px;
}
#contentsRight .payment_area .request_box_confirm table table td {
	padding: 0 10px 0 0;
}

#contentsRight .payment_area .request_box_confirm .btn_area {
	height: 100px;
	text-align: center;
}

#contentsRight .payment_area .request_box_confirm .confirm {
	font-size: 14px;
	border-bottom: 1px solid #D3D5D6;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#contentsRight .payment_area .request_box_confirm .form_table2 {
	margin: 0 auto;
}





/*-------------------------
* infoResponsive (20130422)
----------------------------*/

#contentsRight .infoResponsive_area * {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',arial,sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
/* message */
#contentsRight .infoResponsive_area .message {
	border-top: 3px solid #211638;
	background: #F48D62;
	padding: 11px 0 12px;
}
#contentsRight .infoResponsive_area .message p {
	padding: 13px 12px 11px;
	margin: 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	border: 3px solid #E04006;
	background: #FFFCE1;
}
#contentsRight .infoResponsive_area .message p span {
	color: #DF3F06;
	font-size: 16px;
}
#contentsRight .infoResponsive_area .message p a {font-size: 16px;}
#contentsRight .infoResponsive_area .message p a:link { color: #333; text-decoration: underline;}
#contentsRight .infoResponsive_area .message p a:visited { color: #333; text-decoration: underline;}
#contentsRight .infoResponsive_area .message p a:hover { color: #333; text-decoration: none;}
#contentsRight .infoResponsive_area .message p a:active { color: #333; text-decoration: underline;}

/* main_visual */
#contentsRight .infoResponsive_area .main_visual {
	width: 785px;
	overflow: hidden;
	background: #F48D62;
	position: relative;
	zoom: 1;
}

.icodemo {
	position: absolute;
	top: 9px;
	left: 351px;
	z-index: 10;
}

.infoResponsive_area #demo {
	background: #EEF9F7;
	padding: 40px 20px;
}

.infoResponsive_area #demo .txt {
	float: left;
	width: 300px;
}

.infoResponsive_area #demo h2 {
	margin: 0 0 16px 0;
}

.infoResponsive_area #demo span {
	color: #999999;
    display: block;
    font-size: 10px;
    line-height: 1.3;
    margin-top: 5px;
}

.infoResponsive_area #demo .site {
	float: left;
	width: 175px;
	background: #fcfefd;
	border-radius: 3px;
	padding: 15px;
}

.infoResponsive_area #demo .admin {
	float: right;
	width: 175px;
	background: #fcfefd;
	border-radius: 3px;
	padding: 15px;
}

.infoResponsive_area #demo .btn {
	width: 175px;
}

.infoResponsive_area #demo .site .img {
	width: 175px;
	margin-bottom: 13px;
}

.infoResponsive_area #demo .admin .area {
	max-height: 152px;
	height: auto !important;
	height: 152px;
	padding-top: 16px;
}

.infoResponsive_area #demo .admin p {
	font-size: 10px !important;
}

.infoResponsive_area #demo .admin .img {
	padding-bottom: 10px;
}

.infoResponsive_area #demo .go {
	float: right;
	width: 425px;
}


#contentsRight .infoResponsive_area .main_visual .txt {
	float: left;
	width: 370px;
	padding-bottom: 17px;
}
#contentsRight .infoResponsive_area .main_visual .txt p {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin: 13px 0 0 25px;
}
#contentsRight .infoResponsive_area .main_visual .txt p.bt {
	margin-top: 10px;
}
#contentsRight .infoResponsive_area .main_visual .img {
	position:relative;
	float:right;
	width: 415px; height: 393px;
}
#contentsRight .infoResponsive_area .main_visual .img img {
	position:absolute; left:0; top:0;
}

/* nav */

#contentsRight .infoResponsive_area .nav {
	height: 50px;
}
#contentsRight .infoResponsive_area .nav li {
	float: left;
	height: 50px;
}

/* movie */

#contentsRight .infoResponsive_area #movie {
	width: 785px; height: 441px;
	background: url(../img/product/info_responsive/bg_movie.gif) 0 0 no-repeat;
}

/* primary */

#contentsRight .infoResponsive_area .primary {
	background: url(../img/product/info_responsive/img02.jpg) right bottom no-repeat #FFF7D2;
}

/* whatis */

#contentsRight .infoResponsive_area #whatis h2 {
	margin-bottom: 40px;
}
#contentsRight .infoResponsive_area #whatis .img {
	float: left;
	padding-bottom: 15px;
}
#contentsRight .infoResponsive_area #whatis .txt {
	float: right;
	width: 320px;
	margin: 0 20px 0 0;
	padding-bottom: 5px;
	display: inline;
}
#contentsRight .infoResponsive_area #whatis .txt p {
	color: #333;
	margin-bottom: 10px;
}

/* point */

#contentsRight .infoResponsive_area #point h2 {
	margin: 0 0 16px 24px;
}

#contentsRight .infoResponsive_area #point ul li {
	width: 235px; min-height: 265px;
	float: left;
	background: #fffdf6;
	border-radius: 3px;
	margin: 0 0 20px 20px;
	text-align: center;
}
#contentsRight .infoResponsive_area #point ul li img {
	margin: 25px 0 15px;
}
#contentsRight .infoResponsive_area #point ul li h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
#contentsRight .infoResponsive_area #point ul li p {
	text-align: left;
	color: #333;
	margin: 7px 10px 18px;
}

/* howto */

#contentsRight .infoResponsive_area #howto {
	padding: 12px 0 23px;
	width: 480px;
	min-height: 335px;
	margin-left: 20px;
}
#contentsRight .infoResponsive_area #howto h2 {
	margin-bottom: 20px;
}
#contentsRight .infoResponsive_area #howto ul li {
	width: 212px;
	margin-right: 20px;
	float: left;
}
#contentsRight .infoResponsive_area #howto ul li img {
	margin-bottom: 10px;
}
#contentsRight .infoResponsive_area #howto ul li span {
	font-size: 10px;
	display: block;
	color: #999;
	line-height: 1.3;
	margin-top: 5px;
}

/* secondary */

#contentsRight .infoResponsive_area .secondary {
	background: url(../img/product/info_responsive/img03.jpg) left bottom no-repeat #F48D62;
}

/* price */

#contentsRight .infoResponsive_area #price {
	width: 350px;
	padding: 40px 0 35px 416px;
}
#contentsRight .infoResponsive_area #price h2 {
	margin-bottom: 20px;
}
#contentsRight .infoResponsive_area #price p {
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	margin-bottom: 24px;
}
#contentsRight .infoResponsive_area #price p em {
	font-size: 16px;
	text-decoration: underline;
}
#contentsRight .infoResponsive_area #price .marB05 {
	margin-bottom: 5px;
}
#contentsRight .infoResponsive_area #price .price span {
	background:#FFF7D2;
	padding: 7px 5px 3px;
	color: #E04006;
	font-size: 20px;
}
#contentsRight .infoResponsive_area #price .price span strong {
	font-size: 26px;
}
#contentsRight .infoResponsive_area #price p.bt {
	margin-bottom: 0;
}


/*-------------------------
* point (20130516)
----------------------------*/

#contentsRight .point_area {
	background: #fff;
	border-radius: 0 0 4px 4px;
}
#contentsRight .point_area h2 {
    background: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-size: inherit;
    font-weight: bold;
    height: auto;
    padding-left: 0;
    padding-top: 0;
    text-shadow: none;
    width: 100%;	
}
#contentsRight .point_area p {
	font-size: 14px;
	line-height: 1.5;
}
#contentsRight .point_area img {
	vertical-align: bottom;
}
#contentsRight .point_area h2 {
	margin-bottom: 20px;
}
#contentsRight .point_area .question_box {
	width: 765px;
	margin: 0 auto;
	clear: both;
}
#contentsRight .point_area .question_box h3 {
	margin-bottom: 15px;
}
#contentsRight .point_area .question_box .txt {
	width: 380px;
	float: left;
	margin: 0 0 0 60px;
	padding-bottom: 35px;
	display: inline;
}
#contentsRight .point_area .question_box .txt .a_box {
	background: #1269B8;
	border-radius: 5px;
	margin-bottom: 20px;
}
#contentsRight .point_area .question_box .txt .a_box p {
	color: #fff;
	padding: 6px 10px;
}
#contentsRight .point_area .question_box .txt .a_box p.stit {
	padding-bottom: 0;
}
#contentsRight .point_area .question_box .txt .comment {
	background: #FFF388;
	padding: 6px 10px;
	border-radius: 5px
}
#contentsRight .point_area .question_box .img {
	width: 303px;
	padding-bottom: 35px;
	float: left;
}
#contentsRight .point_area .secondary {
	width: 745px;
	margin: 0 auto 18px;
	clear: both;
	background: #FFFDEE;
}
#contentsRight .point_area .secondary h3 {
	margin-left: 20px;
	width: 705px;
	clear: both;
}
#contentsRight .point_area .secondary p.first {
	margin: 0 0 13px 60px;
}
#contentsRight .point_area .secondary .img {
	text-align: center;
	padding-bottom: 30px;
}
#contentsRight .point_area .secondary .point01 {
	width: 685px;
	margin: 0 auto 30px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
#contentsRight .point_area .secondary .point02 {
	width: 685px;
	margin: 0 auto 30px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#contentsRight .point_area .secondary .point02 .img {
	width: 359px;
	float: left;
}
#contentsRight .point_area .secondary .point02 .txt {
	width: 318px;
	float: left;
}
#contentsRight .point_area .secondary .point02 .baloon_box {
	background: #F59202;
	border-radius: 2px;
	position: absolute;
	left: 359px; bottom: 35px;
	color: #fff;
	font-weight: bold;
	padding: 10px;
}
#contentsRight .point_area .secondary .point03 {
	width: 685px;
	margin: 0 auto 30px;
	overflow: hidden;
}
#contentsRight .point_area .secondary .point03 .first {
	margin-bottom: 0;
}
#contentsRight .point_area .secondary .point03 .accent {
	font-weight: bold;
	color: #c00;
}
#contentsRight .point_area .secondary .point03 .note {
	font-size: 10px;
	color: #999;
	margin: 0 0 15px 60px;
}
#contentsRight .point_area .secondary .point03 .img {
	padding-bottom: 10px;
}
#contentsRight .point_area .secondary .btn {
	padding-bottom: 40px;
	text-align: center;
}

#contentsRight .point_area .btn_area {
	width: 757px; height: 112px;
	padding-bottom: 20px;
	margin: 0 0 40px 7px;
	background: url(../img/product/alliance/point/bg_point_btnarea.gif) right top no-repeat;
}
#contentsRight .point_area .btn_area h3 {
	width: 448px;
	float: left;
}
#contentsRight .point_area .btn_area p {
	width: 305px;
	float: left;
	padding-top: 40px;
}


/*-------------------------
* 越境EC LP (20130718)
----------------------------*/

div#contentsRight.cross-border-ec-lp div h2 {
	padding: 0;
	height: auto;
	border-radius: 0;
	background: 0 none;
}
.cross-border-ec-lp .pagetop {
	text-align: right;
	padding-top: 20px;
}
.cross-border-ec-lp #commonOthers {
	background: url(../img/product/cross-border-ec/bg_middle.gif) center top repeat-y #008ED0;
}
.cross-border-ec-lp #commonOthers .cross-border-ec-lp-inner {
	background: url(../img/product/cross-border-ec/bg_bottom.gif) center bottom no-repeat;
	padding-bottom: 50px;
}

/* mainimg */

.cross-border-ec-lp #commonOthers .mainimg {
	text-align: center;
}

/* solution_area */

.cross-border-ec-lp #commonOthers .solution_area  {
	width: 890px;
	margin: 0 auto 28px;
	position: relative;
	padding-bottom: 163px;
	background: url(../img/product/cross-border-ec/bg_solution.gif) 0 0 repeat-y;
}
.cross-border-ec-lp #commonOthers .solution_area ul {
	margin: 15px 27px 10px 30px;
}
.cross-border-ec-lp #commonOthers .solution_area ul li {
	background: url(../img/product/cross-border-ec/icon_check.png) 0 0.3em no-repeat;
	padding-left: 15px;
	line-height: 1.5;
}
.cross-border-ec-lp #commonOthers .solution_area .img_result {
	position: absolute;
	bottom: 0;
}
.cross-border-ec-lp #commonOthers .solution_area .solutionbox01 {
	width: 297px;
	float: left;
}
.cross-border-ec-lp #commonOthers .solution_area .solutionbox02 {
	width: 296px;
	float: left;
}
.cross-border-ec-lp #commonOthers .solution_area .solutionbox03 {
	width: 297px;
	float: left;
}

/* partner_area */

.cross-border-ec-lp #commonOthers .partner_area {
	width: 870px;
	margin: 0 auto 30px;
	background: url(../img/product/cross-border-ec/bg_partner.gif) 0 0 repeat-y;
}
.cross-border-ec-lp #commonOthers .partner_area .partner_area_inner {
	padding-bottom: 10px;
	background: url(../img/product/cross-border-ec/bg_partner_bottom.gif) left bottom no-repeat;
}
.cross-border-ec-lp #commonOthers .partner_area ul {
	width: 845px;
	clear: both;
	margin-left: 24px;
}
.cross-border-ec-lp #commonOthers .partner_area ul li {
	width: 400px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	padding-bottom: 20px;
}
.cross-border-ec-lp #commonOthers .partner_area ul li a img {
	float: left;
}
.cross-border-ec-lp #commonOthers .partner_area ul li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.cross-border-ec-lp #commonOthers .partner_area ul li .txt {
	width: 234px;
	float: right;
}
.cross-border-ec-lp #commonOthers .partner_area ul li .txt p {
	line-height: 1.5;
}
.cross-border-ec-lp #commonOthers .partner_area ul li .txt p.icon img {
	margin-bottom: 3px;
}
.cross-border-ec-lp #commonOthers .partner_area ul li .txt p.companyname {
	font-weight: bold;
}

/* form_area */

.cross-border-ec-lp #commonOthers .form_area {
	width: 870px;
	margin: 0 auto 0px;
	background: url(../img/product/cross-border-ec/bg_form.gif) 0 0 repeat-y;
}
.cross-border-ec-lp #commonOthers .form_area .form_area_inner {
	background: url(../img/product/cross-border-ec/bg_form_bottom.gif) left bottom no-repeat;
	text-align: center;
}
.cross-border-ec-lp #commonOthers .form_area h3 {
	margin-bottom: 10px;
}
.cross-border-ec-lp #commonOthers .form_area iframe {
	width: 680px;
	text-align: left;
	margin-bottom: 20px;
}

/* banner_area */

.cross-border-ec-lp #commonOthers .banner_area {
	margin-left: 69px;
}
.cross-border-ec-lp #commonOthers .banner_area li {
	float: left;
	margin-right: 30px;
}
.cross-border-ec-lp #commonOthers .banner_area li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*-------------------------
	info_2_13 (20130910)
----------------------------*/

.info_2_13 li {
	font-size: 14px;
}
.info_2_13 p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 12px;
}
.info_2_13 .attention {
	color: #E15858;
	font-size: 14px;
}
.info_2_13 p.last {
	margin-bottom: 0;
}
.info_2_13 .bt_download ul {
	text-align: center;
}
.info_2_13 .bt_download ul li {
	display: inline;
	color: #fff;
}
.info_2_13 .bt_download ul li a:link {color: #fff;}
.info_2_13 .bt_download ul li a:visited {color: #fff;}
.info_2_13 .bt_download ul li a:hover {color: #fff;}
.info_2_13 .bt_download ul li a:active {color: #fff;}

.info_2_13 .bt_download ul li span {color: #93CAEB;}

/* topbox */

.info_2_13 .topbox {
	width: 785px; height: 189px;
	margin: 20px 0 10px;
	background: url(/wp-content/themes/eccube/img/lp/ver/213/topbox_bg.jpg) 0 0 no-repeat;
}
.info_2_13 .topbox .txt {
	width: 452px;
	float: left;
	padding: 18px 0 0 20px;
	margin-right: 8px;
}
.info_2_13 .topbox .txt h2 {
	margin-bottom: 10px;
}
.info_2_13 .topbox .bt_download {
	width: 282px;
	float: left;
	padding-top: 40px;
}
.info_2_13 .topbox .bt_download .btn {
	margin-bottom: 10px;
}

/* article01 */

.info_2_13 .article01 {
	background: #fff;
	border-radius: 4px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.info_2_13 .article01 h3 {
	margin-bottom: 20px;
}
.info_2_13 .article01 .img {
	width: 192px;
	float: left;
	margin-left: 20px;
	padding-bottom: 30px;
	display: inline;
}
.info_2_13 .article01 .txt {
	width: 534px;
	float: right;
	margin-right: 20px;
	padding-bottom: 30px;
	display: inline;
}
.info_2_13 .article01 .txt span.note {
	font-size: 10px;
}
.info_2_13 .article01 .txt p.note {
	font-size: 10px;
	color: #999;
	margin: 5px 0 0;
}
.info_2_13 .article01 .txt02 {
	width: 745px;
	clear: both;
	margin-left: 20px;
	padding-top: 28px;
	border-top: 1px solid #ccc;
}
.info_2_13 .article01 .txt02 p.first {
	margin-bottom: 25px;
}
.info_2_13 .article01 .txt02 .demerit {
	width: 705px;
	background: url(/wp-content/themes/eccube/img/lp/ver/213/demerit_bg_bottom.gif) left bottom no-repeat #f5f5f5;
	margin: 0 0 20px 20px;
	padding-bottom: 10px;
}
.info_2_13 .article01 .txt02 .demerit ul {
	width: 664px;
	margin: 15px 0 0 20px;
}
.info_2_13 .article01 .txt02 .demerit ul li {
	padding-bottom: 10px;
}
.info_2_13 .article01 .txt02 p.last {
	text-align: center;
}
.info_2_13 .article01 .txt02 p.last img {
	margin-bottom: 20px;
}

/* article02 */

.info_2_13 .article02 {
	background: #fff;
	border-radius: 4px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.info_2_13 .article02 h3 {
	margin-bottom: 20px;
}
.info_2_13 .article02 p.first {
	padding: 0 20px;
	margin-bottom: 25px;
}
.info_2_13 .article02 div .txt {
	width: 460px;
	float: left;
	margin-left: 20px;
	padding: 20px 0;
	display: inline;
}
.info_2_13 .article02 div .txt p {
	margin: 10px 0 0 0;
}
.info_2_13 .article02 div .txt h4 {
	padding-bottom: 4px;
}
.info_2_13 .article02 div .img {
	width: 226px;
	float: right;
	margin-right: 20px;
	padding: 20px 0;
	display: inline;
}
.info_2_13 .article02 .point01 {
	width: 745px;
	margin-left: 20px;
	background: #E8F3F7;
	border-radius: 6px 6px 0 0;
}
.info_2_13 .article02 .point02 {
	width: 745px;
	margin-left: 20px;
	background: #FCF1EF;
}
.info_2_13 .article02 .point03 {
	width: 745px;
	margin: 0 0 15px 20px;
	background: #F0FAEB;
	border-radius: 0 0 6px 6px;
}
.info_2_13 .article02 .note {
	margin: 0 20px 15px;
}
.info_2_13 .article02 .note p {
	text-indent: -1em;
	margin: 0 0 0 1em;
}

/* btmbox */

.info_2_13 .btmbox {
	width: 785px; height: 155px;
	background: url(/wp-content/themes/eccube/img/lp/ver/213/btmbox_bg.jpg) 0 0 no-repeat;
	margin-bottom: 30px;
}
.info_2_13 .btmbox .txt {
	float: left;
	padding: 30px 0 0 57px;
}
.info_2_13 .btmbox .bt_download {
	width: 302px;
	float: right;
	padding: 20px 0 0 0;
	margin-right: 48px;
}
.info_2_13 .btmbox .bt_download .btn {
	margin-bottom: 8px;
}

/* pagetop */

.info_2_13 .pagetop {
	text-align: right;
}



/*----------------------------------
	EC-CUBEとは？ product/index.php (2013917)
-------------------------------------*/

#about_eccube * {
	font-family:arial,helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4;
	color: #333;
}
#about_eccube a:hover img {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#about_eccube .pagetop {
	text-align: right;
	padding: 20px 0 30px;
}
#about_eccube h2.mv {
	margin: 21px 0 130px;
}
#about_eccube #nav_wrap {
	width: 100%; height: 70px;
	min-width: 970px;
    position: absolute;
    top: 428px; left: 0;
    z-index: 1000;
}
#about_eccube ul.nav {
	width: 970px; min-height: 70px;
	margin: 0 auto;
	background: #f5f5f5;
    position: relative;
}
#about_eccube ul.nav li {
	float: left;
}
#about_eccube h3 {
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	background: url(../img/product/about_bg_title.gif) 20px 15px no-repeat #203A5C;
	padding: 10px 15px 9px 57px;
	margin-bottom: 30px;
	border-radius: 3px;
}



.inner {
    font-size: 18px;
    font-weight: 300;
    margin: 0 auto;
    min-height: 50px;
    padding: 30px 0;
    position: relative;
    width: 960px;
}


/* feature_area */

#about_eccube .feature_area .txt {
	width: 970px;
	float: left;
	font-size: 16px;
	padding-bottom: 10px;
}
#about_eccube .feature_area .txt p {
	margin-top: 20px;
}
#about_eccube .feature_area .txt p:first-child {
	margin-top: 0;
}
#about_eccube .feature_area .movie {
	float: right;
	padding-bottom: 10px;
}
#about_eccube .feature_area .bnr_list {
	width: 970px; height: 412px;
	clear: both;
}
#about_eccube .feature_area .bnr_list li {
	float: left;
	margin: 20px 20px 0 0;
}
#about_eccube .feature_area .bnr_list li.last {
	margin: 20px 0 0 0;
}
/*
#about_eccube .feature_area .tabmenu {
	width: 970px;
	clear: both;
}
#about_eccube .feature_area .tabmenu ul.tab {
	width: 969px; height: 47px;
	background: url(../img/product/about_bg_tab.gif) 0 0 repeat-x;
}
#about_eccube .feature_area .tabmenu ul.tab li {
	float: left;
}
#about_eccube .feature_area .tabmenu ul.tab li a {
	font-size: 0; line-height: 0;
	text-indent: -9999px;
	height: 47px;
	display: block;
	background-image: url(../img/product/about_tab.gif);
	background-repeat: no-repeat;
}
#about_eccube .feature_area .tabmenu li.tab01 a {width:197px; background-position: 0 0;}
#about_eccube .feature_area .tabmenu li.tab02 a {width:190px; background-position: -197px 0;}
#about_eccube .feature_area .tabmenu li.tab03 a {width:193px; background-position: -390px 0;}

#about_eccube .feature_area .tabmenu li.tab01 a:hover {width:197px; background-position: 0 -47px;}
#about_eccube .feature_area .tabmenu li.tab02 a:hover {width:190px; background-position: -197px -47px;}
#about_eccube .feature_area .tabmenu li.tab03 a:hover {width:193px; background-position: -390px -47px;}

#about_eccube .feature_area .tabmenu li.tab01 a.selected {width:197px; background-position: 0 -47px;}
#about_eccube .feature_area .tabmenu li.tab02 a.selected {width:190px; background-position: -197px -47px;}
#about_eccube .feature_area .tabmenu li.tab03 a.selected {width:193px; background-position: -390px -47px;}

#about_eccube .feature_area .tabmenu .panel {
	background: #fff;
	border: 1px solid #EBEBEB;
	border-top: 0 none;
	padding-top: 29px;
	border-radius: 0 3px 3px 3px;
	height: 220px;
	overflow: hidden;
}
#about_eccube .feature_area .tabmenu .panel li {
	height: 210px;
	padding-bottom: 10px;
}
#about_eccube .feature_area .tabmenu .panel li .txt {
	width: 530px; height: 200px;
	font-size: 14px;
	float: left;
	padding: 0;
	margin-left: 22px;
	display: inline;
	overflow-y: auto;
}
#about_eccube .feature_area .tabmenu .panel li .img {
	float: right;
	margin-right: 34px;
	display: inline;
}
*/
#about_eccube .feature_area .note {
	font-size: 12px;
	color: #000;
	padding: 10px 0 25px;
	border-bottom: 1px solid #CFD5DC;
}
#about_eccube .feature_area .advantage {
	border-top: 1px solid #fff;
}
#about_eccube .feature_area .advantage h4 {
	font-size: 20px;
	padding: 28px 0 25px;
}
#about_eccube .feature_area .advantage p {
	font-size: 16px;
	padding-bottom: 20px;
}
#about_eccube .feature_area .advantage table {
	margin: 10px 0 20px;
}
#about_eccube .feature_area .advantage table th {
	border: 1px solid #EBEBEB;
	font-size: 16px;
	padding: 20px;
	text-align: left;
	background: #fff;
}
#about_eccube .feature_area .advantage table td {
	border: 1px solid #EBEBEB;
	font-size: 14px;
	padding: 10px;
}
#about_eccube .feature_area .advantage table .noborder {
	border: 0 none;
	background: none;
}
#about_eccube .feature_area .advantage table th.pluses {
	text-align: center;
	padding: 10px 20px;
	background: #EEA24E;
	color: #fff;
}
#about_eccube .feature_area .advantage table th.minuses {
	text-align: center;
	padding: 10px 20px;
	background: #84C2B8;
	color: #fff;
}
#about_eccube .feature_area .advantage table td.pluses {
	background: #FEFBF5;
}
#about_eccube .feature_area .advantage table td.minuses {
	background: #F8FCFC;
}
#about_eccube .feature_area .advantage table td ul li {
	margin-left: 1em;
	text-indent: -1em;
}
#about_eccube .feature_area .advantage .about_opensource {
	width: 472px;
	float: left;
	background: #fff;
	border: 1px solid #EBEBEB;
	margin: 0 0 20px 0;
	border-radius: 3px;
}
#about_eccube .feature_area .advantage .about_license {
	width: 472px;
	float: right;
	background: #fff;
	border: 1px solid #EBEBEB;
	margin-bottom: 20px;
	border-radius: 3px;
}
/*#about_eccube .feature_area .advantage .about_b2b {
	width: 308px;
	float: right;
	background: #fff;
	border: 1px solid #EBEBEB;
	margin-bottom: 20px;
	border-radius: 3px;
}
*/
#about_eccube .feature_area .advantage dl {
	padding: 15px 11px 10px 15px;
}
#about_eccube .feature_area .advantage dl dt {
	font-size: 14px;
	font-weight: bold;
	background: url(../img/product/about_arrow_right02.gif) left center no-repeat;
	padding-left: 16px;
}
#about_eccube .feature_area .advantage dl dd {
	padding-top: 5px;
	text-align: center;
	overflow: hidden;
}
/*#about_eccube .feature_area .advantage dl dd img:first-child {
	margin-bottom: 5px;
}
*/
#about_eccube .feature_area .advantage dl dd img {
	float: right;
	margin-left: 10px;
	margin-top: -10px;
}

#about_eccube .feature_area .advantage dl dd p {
	font-size: 12px;
	padding-bottom: 10px;
	text-align: left;
}

#about_eccube .tsubo_bn {
	text-align:center;
	padding:6px 0 34px;
}


/* function_area */

#about_eccube .function_area p.lead {
	font-size: 20px;
	margin-bottom: 16px;
}
#about_eccube .function_area ul {
	height: 128px;
	background: #fff;
	margin-top: -1px;
	border: 1px solid #EBEBEB;
	border-radius: 3px;
}
#about_eccube .function_area ul li {
	float: left;
}
#about_eccube .function_area ul li img {
	margin-top: 2px;
	border-right: 1px solid #EBEBEB;
}
#about_eccube .function_area ul li:nth-of-type(3n) img {
	border-right: 0 none;
}
#about_eccube .function_area .btn {
	text-align: right;
	padding: 14px 0 28px;
	border-bottom: 1px solid #CFD5DC;
}
#about_eccube .function_area .addon {
	border-top: 1px solid #fff;
	padding-top: 30px;
}
#about_eccube .function_area .addon h4 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 16px;
}
#about_eccube .function_area .addon ul {
	height: 158px;
}
#about_eccube .function_area .addon ul li:nth-of-type(3) img {
	border-right: 1px solid #EBEBEB;
}
#about_eccube .function_area .addon ul li:nth-of-type(4) img {
	border-right: 0 none;
}
#about_eccube .function_area .addon .btn {
	padding-bottom: 0;
	border-bottom: none;
}

/* case_area */

#about_eccube .case_area .flexslider3 {
	padding: 0 50px;
	height: 497px;
	position: relative;
	overflow: hidden;
}
#about_eccube .case_area .flexslider3 .slides li ul {
	width: 872px;
}
#about_eccube .case_area .flexslider3 .slides li ul li {
	float: left;
	padding: 0 10px;
	margin-bottom: 24px;
}
#about_eccube .case_area .flexslider3 .slides li ul li img {
	width: 270px; height: 227px;
}
#about_eccube .case_area .flexslider3 .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0;
	width: 42px; height: 42px;
	background: url(../img/product/about_arrow_left.gif) 0 0 no-repeat;
}
#about_eccube .case_area .flexslider3 .flex-direction-nav .flex-next {
	opacity: 1;
	right: 0;
	width: 42px; height: 42px;
	background: url(../img/product/about_arrow_right.gif) 0 0 no-repeat;
}
#about_eccube .case_area .flexslider3 .flex-direction-nav .flex-prev:hover,
#about_eccube .case_area .flexslider3 .flex-direction-nav .flex-next:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#about_eccube .case_area .btn {
	text-align: right;
}

/* step_area */

#about_eccube .step_area ol li {
	border: 1px solid #EBEBEB;
	background-color: #fff;
	background-position: 20px center;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding: 20px 20px 10px 80px;
	border-radius: 3px;
}
#about_eccube .step_area ol li.step01 { background-image: url(../img/product/about_step1.gif)}
#about_eccube .step_area ol li.step02 { background-image: url(../img/product/about_step2.gif)}
#about_eccube .step_area ol li.step03 { background-image: url(../img/product/about_step3.gif)}
#about_eccube .step_area ol li.step04 { background-image: url(../img/product/about_step4.gif)}
#about_eccube .step_area ol li.step05 { background-image: url(../img/product/about_step5.gif)}
#about_eccube .step_area ol li.step06 { background-image: url(../img/product/about_step6.gif)}
#about_eccube .step_area ol li.step07 { background-image: url(../img/product/about_step7.gif); margin-bottom: 0;}

#about_eccube .step_area ol li dl {
	width: 550px;
	float: left;
}
#about_eccube .step_area ol li.step01 dl {
	margin-top: 19px;
}
#about_eccube .step_area ol li.step03 dl {
	margin-top: 10px;
}
#about_eccube .step_area ol li.step04 dl,
#about_eccube .step_area ol li.step06 dl {
	width: 865px;
	float: none;
}


#about_eccube .step_area ol li dl dt {
	font-size: 20px;
	margin-bottom: 3px;
}
#about_eccube .step_area ol li dl dd {
	font-size: 14px;
	padding-bottom: 10px;
}
#about_eccube .step_area ol li dl dd p.note {
	font-size: 12px;
	margin-top: 10px;
}
#about_eccube .step_area ol li ul {
	float: right;
}
#about_eccube .step_area ol li li {
	border: none;
	padding: 0;
	margin-bottom: 10px;
}

/* download_area */

#about_eccube .download_area .dl_box {
	border: 1px solid #EBEBEB;
	background: #fff;
	padding-top: 20px;
	border-radius: 3px;
}
#about_eccube .download_area .dl_box p {
	font-size: 18px;
	text-align: center;
	padding-bottom: 10px;
}
#about_eccube .download_area .dl_box ul {
	text-align: center;
	padding-bottom: 24px;
}
#about_eccube .download_area .dl_box ul li {
	display: inline;
	padding: 0 16px;
	
}


/*----------------------------------
	Windows Azure product/info_azure.php (20131212)
-------------------------------------*/

#windows_azure {
	background:url(../img/product/info_azure/bg_gradient01.png) 0 50px repeat-x #fff;
	min-height: 100%;
}
#windows_azure * {
	font-family:arial,helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4;
	color: #333;
}
#windows_azure #wrap {
	background:url(../img/product/info_azure/bg_mv_light.png) center 50px no-repeat;
	min-height: 100%;
	position: relative;
	margin-bottom: -14px;
}
#windows_azure #bg1, #windows_azure #bg2 {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position: cener top;
	background-repeat: repeat-y;
}
#windows_azure #bg1 {z-index:1;background-image:url(../img/product/info_azure/bg_windows01.png);}
#windows_azure #bg2 {z-index:1;background-image:url(../img/product/info_azure/bg_windows02.png);}


#windows_azure a:hover img {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#windows_azure .inner {
	padding: 0;
    margin: 0 auto;
    width: 970px;
	position: relative;
}
#windows_azure .header_wrap {
	position: relative;
	background: #383B4A;
	min-width: 970px; height: 50px;
	z-index: 2;
}
#windows_azure .header_wrap .inner {
	padding: 14px 0;
}
#windows_azure p.btn a {
	display: block;
	background: #F37A35;
	color: #fff;
	padding: 25px 10px;
	text-align: center;
}
#windows_azure p.btn a:link { text-decoration: none;}
#windows_azure p.btn a:visited { text-decoration: none;}
#windows_azure p.btn a:hover { text-decoration: none; background-color: #f48749;}
#windows_azure p.btn a:active { text-decoration: none;}

#windows_azure p.btn a span {
	font-size: 14px;
	color: #fff;
}
#windows_azure .txt h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}
#windows_azure .txt p {
	line-height: 1.5;
	font-size: 16px;
}
#windows_azure .padB20 {
	padding-bottom: 20px !important;
}

/* mainvisual */

#windows_azure #azure_mv {
	min-width: 970px;
}
#windows_azure #azure_mv #claudia01 {
	position: absolute;
	z-index: 2;
	right: 0; top: -45px;
}
#windows_azure #azure_mv .txt {
	width: 613px;
	padding-top: 45px;
	position: relative;
	z-index: 3;
}
#windows_azure #azure_mv .txt h1 {
	margin-bottom: 30px;
}
#windows_azure #azure_mv .txt p {
	font-size: 20px;
	font-weight: bold;
	width: 550px;
	margin: 0 15px 10px;
}
#windows_azure #azure_mv .txt p.btn {
	margin: 0 0 20px;
}
#windows_azure #azure_mv .txt .note_box {
	width: 520px;
	padding: 15px 15px 30px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
}
#windows_azure #azure_mv .txt .note_box h3 {
	color: #1885BF;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
#windows_azure #azure_mv .txt .note_box p {
	width: auto;
	font-weight: normal;
	margin: 0;
	font-size: 16px;
}
#windows_azure #azure_mv .sns {
	position: absolute;
	top: -35px; right: 215px;
	width: 32%;
	z-index: 3;
}


/* azure_point01 */

#windows_azure #azure_point01 {
	min-width: 970px;
	padding-top: 37px;
	background: #289bdb;
	border-bottom: 3px solid #fff;
	position: relative;
	z-index: 4;
}
#windows_azure #azure_point01 .image {
	position: absolute;
	left: 0; bottom: 0;
}
#windows_azure #azure_point01 .image a {
	width: 167px; height: 85px;
	display: block;
	font-size: 0; line-height: 0;
	text-indent: -9999px;
	background:url(../img/product/info_azure/point01_bt_pdf.png) 0 0 no-repeat;
	position: absolute;
	left: 198px; top: 288px;
}
#windows_azure #azure_point01 .image a:hover {
	background-position: 0 -85px;
}
#windows_azure #azure_point01 .txt {
	min-height: 374px;
	padding: 13px 0 0 472px;
}
#windows_azure #azure_point01 .txt h2 {
	background:url(../img/product/info_azure/point01_icon.gif) left center no-repeat;
	padding: 15px 10px 15px 100px;
	margin-bottom: 15px;
	color: #fff;
}
#windows_azure #azure_point01 .txt p {
	color: #fff;
}

/* azure_point02 */

#windows_azure #azure_point02 {
	min-width: 970px;
	padding-top: 40px;
	background: #FCDA4B;
	border-bottom: 3px solid #fff;
	position: relative;
	z-index: 5;
}
#windows_azure #azure_point02 .image {
	position: absolute;
	right: 0; bottom: 0;
}
#windows_azure #azure_point02 .txt {
	min-height: 374px;
	padding: 10px 453px 0 15px;
}
#windows_azure #azure_point02 .txt h2 {
	background:url(../img/product/info_azure/point02_icon.gif) left center no-repeat;
	padding: 15px 10px 15px 100px;
	margin-bottom: 15px;
}

/* azure_point03 */

#windows_azure #azure_point03 {
	min-width: 970px;
	padding-top: 35px;
	background: #289bdb;
	border-bottom: 3px solid #fff;
	position: relative;
	z-index: 6;
}
#windows_azure #azure_point03 .image {
	position: absolute;
	left: 0; bottom: 0;
}
#windows_azure #azure_point03 .txt {
	min-height: 378px;
	padding: 15px 0 0 472px;
}
#windows_azure #azure_point03 .txt h2 {
	background:url(../img/product/info_azure/point03_icon.gif) left center no-repeat;
	padding: 15px 10px 15px 100px;
	margin-bottom: 15px;
	color: #fff;
}
#windows_azure #azure_point03 .txt p {
	color: #fff;
}

/* azure_point04 */

#windows_azure #azure_point04 {
	min-width: 970px;
	background: #FCDA4B;
	border-bottom: 3px solid #fff;
	position: relative;
	z-index: 7;
}
#windows_azure #azure_point04 .inner {
	padding: 40px 0 30px;
	background:url(../img/product/info_azure/point03_windows.png) 573px 4px no-repeat;
}
#windows_azure #azure_point04 .txt {
	padding-left: 15px;
}
#windows_azure #azure_point04 .txt h2 {
	background:url(../img/product/info_azure/point04_icon.gif) left center no-repeat;
	padding: 15px 10px 15px 100px;
	margin-bottom: 15px;
}
#windows_azure #azure_point04 .image ul {
	height: 483px;
}
#windows_azure #azure_point04 .image ul li {
	float: left;
}
#windows_azure #azure_point04 .point04_claudia {
	position: absolute;
	bottom: 496px; right: 27px;
}


/* azure_point05 */

#windows_azure .azure_point05_wrap {
	min-width: 970px;
	background:url(../img/product/info_azure/bg_gradient02.png) center bottom repeat-x;
	position: relative;
	z-index: 8;
}
#windows_azure #azure_point05 {
	background:url(../img/product/info_azure/bg_light02.png) center bottom no-repeat;
}
#windows_azure #azure_point05 .inner {
	width: 100%;
	min-width: 970px;
	background:url(../img/product/info_azure/bg_windows03.png) center bottom;
}
#windows_azure #azure_point05 .inner .column_box {
	width: 970px;
	margin: 0 auto;
	padding-top: 57px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
	position: relative;
}
#windows_azure #azure_point05 .inner .column_box .image {
	position: absolute;
	right: 0; bottom: 0;
}
#windows_azure #azure_point05 .inner .column_box .txt {
	min-height: 221px;
	padding: 0 437px 15px 15px;
}
#windows_azure #azure_point05 .inner .column_box .txt h2 {
	margin-bottom: 10px;
}

#windows_azure #azure_point05 .inner .last_box {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
#windows_azure #azure_point05 .inner .last_box .txt {
	width: 563px;
	padding: 40px 0 0 407px;
	min-height: 487px;
}
#windows_azure #azure_point05 .inner .last_box .txt h2 {
	padding: 27px 0 34px;
}
#windows_azure #azure_point05 .inner .last_box .txt p {
	font-size: 20px;
	font-weight: bold;
	padding-left: 13px;
}
#windows_azure #azure_point05 .inner .last_box .txt p.btn {
	margin-bottom: 10px;
}
#windows_azure #azure_point05 .inner .last_box .txt p.note {
	font-size: 12px;
	font-weight: normal;
}
#windows_azure #azure_point05 .inner .last_box #claudia02 {
	position: absolute;
	left: 0; bottom: 0;
}

#windows_azure footer {
	position: relative;
	z-index: 50;
}

/* for skrollable js */

.skrollable {
	position:fixed;
	z-index:100;
}
.skrollr-mobile .skrollable {
	position:absolute;
}
.skrollable .skrollable {
	position:absolute;
}
.skrollable .skrollable .skrollable {
	position:static;
}


/*----------------------------------
	デザプレLP product/design_template.php (20140129)
-------------------------------------*/

#contentsRight .designtemplate_area * {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',arial,sans-serif;
	font-size: 14px;
	line-height: 1.6;
}
#contentsRight .designtemplate_area a:hover img {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
#contentsRight .designtemplate_area .txt p {
	margin-bottom: 10px;
}
#contentsRight .designtemplate_area .dt_mainvisual {
	height: 325px;
}
#contentsRight .designtemplate_area .dt_mainvisual .img {
	margin: 0;
	float: right;
}
#contentsRight .designtemplate_area .dt_mainvisual .txt {
	width: 355px;
	float: left;
}
#contentsRight .designtemplate_area .primary {
	background: #FEFCF3;
	padding: 16px 0 0 0;
}
#contentsRight .designtemplate_area .primary .img {
	float: left;
}
#contentsRight .designtemplate_area .primary .txt {
	width: 355px;
	float: right;
	margin-right: 20px;
}
#contentsRight .designtemplate_area .primary .txt h3 {
	padding: 22px 0 10px;
}
#contentsRight .designtemplate_area .primary .txt p {
	margin-left: 5px;
}
#contentsRight .designtemplate_area .secondary {
	background: #F3FAF9;
	padding-top: 36px;
}
#contentsRight .designtemplate_area .secondary .txt p {
	margin-left: 5px;
}
#contentsRight .designtemplate_area .secondary .column01 {
	background:url(../img/product/design_template/img02.jpg) right top no-repeat;
	padding-bottom: 23px;
}
#contentsRight .designtemplate_area .secondary .column01 .txt {
	width: 497px;
	margin-left: 17px;
}
#contentsRight .designtemplate_area .secondary .column01 .txt h3 {
	margin-bottom: 13px;
}
#contentsRight .designtemplate_area .secondary .column01 .txt p {
	margin: 0 20px 10px 5px;
}
#contentsRight .designtemplate_area .secondary .column01 .txt p.bt {
	padding: 10px 0 0;
}
#contentsRight .designtemplate_area .secondary .column02 .img {
	width: 405px;
	float: left;
}
#contentsRight .designtemplate_area .secondary .column02 .txt {
	width: 345px;
	float: right;
	margin-right: 20px;
}
#contentsRight .designtemplate_area .secondary .column02 .txt h4 {
	margin-bottom: 5px;
}
#contentsRight .designtemplate_area .secondary .column02 .txt .bt {
	padding-top: 5px;
}
#contentsRight .designtemplate_area .secondary .column03 {
	padding-top: 15px;
}
#contentsRight .designtemplate_area .secondary .column03 h3 {
	text-align: center;
	padding-bottom: 17px;
}
#contentsRight .designtemplate_area .bx-wrapper {
    overflow: hidden;
    position: relative !important;
}
#contentsRight .designtemplate_area .bx-viewport {
    margin: 0 auto !important;
    overflow: visible !important;
}
#contentsRight .designtemplate_area .secondary .column03 .slider_wrap {
	position: relative;
}
#contentsRight .designtemplate_area .secondary .column03 .slider {
	width: 650px;
	margin: 0 auto;
}
#contentsRight .designtemplate_area #slider3 {
	height: 181px;
	margin: 0 auto;
	overflow: hidden;
}
#contentsRight .designtemplate_area .slider_nav #arrow-next {
	position: absolute;
	right: 30px; top: 60px;
}
#contentsRight .designtemplate_area .slider_nav #arrow-prev {
	position: absolute;
	left: 30px; top: 60px;
}

#contentsRight .designtemplate_area .bnr_btn {
	text-align: center;
	padding: 40px 0;
}



/*----------------------------------------------------------
	ペイパルキャッシュバックキャンペーン product/paypal_cashback.php (20140724)
-------------------------------------------------------------*/

#paypal_cashback header {
    background: #52566a;
    height: 77px;
    min-height: 77px;
    width: 100%;
}
#paypal_cashback header .header_logo {
	float: none;
    margin: 0 auto;
    padding-top: 16px;
    width: 1000px;
}
#paypal_cashback #contents a:hover img {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#paypal_cashback #contents {
	padding: 30px 0 30px;
}
#paypal_cashback #contents #main {
	background: url(../img/product/paypal_cashback/bg_paypal_cashback.gif) center top no-repeat #C1EBFB;
	padding-bottom: 30px;
}
#paypal_cashback #contents #main * {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',arial,sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #fff;
}
#paypal_cashback #contents #main #primary {
	margin-bottom: 24px;
}
#paypal_cashback #contents #main #secondary {
	width: 910px;
	margin: 0 auto;
	background: #80CEEE;
	border-radius: 10px;
}
#paypal_cashback #contents #main #secondary .inner {
	width: auto;
	padding: 30px;
}
#paypal_cashback #contents #main #secondary .first_txt {
	margin-bottom: 30px;
}
#paypal_cashback #contents #main #secondary .small {
	font-size: 12px;
	margin-bottom: 50px;
}
#paypal_cashback #contents #main #secondary h3 {
	margin-bottom: 20px;
}
#paypal_cashback #contents #main #secondary .condition_area {
	margin: 0 10px 50px;
}
#paypal_cashback #contents #main #secondary .condition_list {
	background: #009CDE;
	border-radius: 4px;
	padding: 10px 13px;
	margin-bottom: 15px;
}
#paypal_cashback #contents #main #secondary p {
	font-size: 16px;
	margin-bottom: 25px;
}
#paypal_cashback #contents #main #secondary p a {
	font-size: 16px;
}
#paypal_cashback #contents #main #secondary ul.note {
	margin-bottom: 40px;
}
#paypal_cashback #contents #main #secondary ul.note li,
#paypal_cashback #contents #main #secondary ul.note li a {
	font-size: 12px;
	line-height: 1.4;
}
#paypal_cashback #contents #main #secondary .condition_list li {
	background: url(../img/product/paypal_cashback/arrow_right.gif) left 0.4em no-repeat;
	padding-left: 20px;
	font-size: 22px;
	line-height: 1.4;
}
#paypal_cashback #contents #main #secondary .condition_list li .note {
	font-size: 14px;
}
#paypal_cashback #contents #main #secondary .condition_list li .small {
	font-size: 9px;
}
#paypal_cashback #contents #main #secondary .step {
	width: 809px;
	margin: 0 auto 40px;
}
#paypal_cashback #contents #main #secondary .step li {
	float: left;
	padding: 0 0 0 65px;
	margin-left: 25px;
	background: url(../img/product/paypal_cashback/arrow.gif) left center no-repeat;
}
#paypal_cashback #contents #main #secondary .step li:first-child {
	margin: 0; padding: 0;
	background-image: none;
}
#paypal_cashback #contents #main #secondary .attention_box {
	margin: 0 30px 50px;
	padding: 15px;
	background: #58ABD3;
	border-radius: 4px;
}
#paypal_cashback #contents #main #secondary .attention_box p {
	margin: 0;
	font-size: 12px;
	line-height: 1.3;
}
#paypal_cashback #contents #main #secondary .attention_box li {
	font-size: 12px;
	line-height: 1.3;
}
#paypal_cashback #contents #main #secondary .campaign_time h3 {
	margin-bottom: 13px;
}
#paypal_cashback #contents #main #secondary .campaign_time p {
	font-size: 22px;
	margin-bottom: 40px;
}
#paypal_cashback #contents #main #secondary .form_area {
	background: #fff;
	padding: 0 0 40px;
	border-radius: 4px;
}
#paypal_cashback #contents #main #secondary .form_area h3 {
	margin-bottom: 0;
}
#paypal_cashback #contents #main #secondary .form_area iframe {
	margin: 0 30px;
}
#paypal_cashback .pagetop {
    padding-top: 20px;
    text-align: right;
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/top/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../img/top/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../img/top/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../img/top/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../img/top/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fc0\9;
	background: rgba(255, 204, 0, 0.9);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #525252;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 10px;
}

/*----------------------------------------------------------
	MS Azure EC-CUBEかんたんガイド product/azure/first_step.php (20141216)
-------------------------------------------------------------*/

#azure_first_step {
	background: url(../img/product/azure/background.png) center top repeat-x #46c184;
}
#azure_first_step * {
	font-family:arial,helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.4;
	font-size: 16px;
	color: #525252;
}
#azure_first_step #wrap {
	background: url(../img/product/azure/mainvisual2.jpg) center top no-repeat;
}
#azure_first_step #header {
	width: 970px;
	margin: 0 auto;
}
#azure_first_step #header #socialbuttons {
    float: right;
    margin: 5px 0;
    text-align: right;
}
#azure_first_step #header #socialbuttons li {
    float: right;
	text-align: left;
}
#azure_first_step #header #socialbuttons #google {
    width: 75px;
}
#azure_first_step #header #socialbuttons #facebook_like {
    overflow: hidden;
    width: 110px;
}
#azure_first_step #header #socialbuttons #twitter {
    overflow: hidden;
    width: 100px;
}
#azure_first_step #contents {
	width: 970px;
	margin: 0 auto;
	padding-bottom: 14px;
}
#azure_first_step #main_visual {
	height: 284px;
}
#azure_first_step #main_visual h1 {
	/*padding: 32px 0 14px;*/
	padding: 32px 0 24px;
}
#azure_first_step #main_visual h1 + p {
	width: 590px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
#azure_first_step #main_visual #nav {
	width: 500px;
	float: left;
	margin: 37px 0 0 40px;
}
#azure_first_step #main_visual #nav li {
	float: left;
}
#azure_first_step #main_visual #nav li:first-child {
	margin-right: 20px; 
}
#azure_first_step #main_visual .bnr_area {
	margin: 4px 0 0 67px;
}

/* バナーエリアが右寄りにあるとき。
#azure_first_step #main_visual .bnr_area {
	float: right;
	margin-top: 76px;
	margin-top: 58px;
}
#azure_first_step #main_visual .bnr_area p {
	padding-right: 67px;
}*/
#azure_first_step .section {
	width: 840px;
	margin: 0 auto;
}
#azure_first_step #primary {
	border-top: 15px solid #236d48;
	border-right: 15px solid #35a46c;
	border-left: 15px solid #35a46c;
	background: #fff;
	/*margin-bottom: 50px;*/
	margin-bottom: 15px;
	position: relative;
}
/* 右上の吹き出しの人
#azure_first_step #primary:after {
	content: url(../img/product/azure/azure_icon01.png);
	position: absolute;
	top: -66px; right: 0;
}*/
#azure_first_step #primary #section01 {
	border-bottom: 2px solid #ccc;
	padding-bottom: 20px;
}
#azure_first_step #primary #section01 h2 {
	text-align: center;
	margin: 10px 0 7px;
}
#azure_first_step #primary #section01 h2 + p {
	text-align: center;
	margin-bottom: 30px;
}
#azure_first_step #primary #section01 .slider01 {
	position: relative;
	padding: 31px 0 10px;
	background: url(../img/product/azure/slider_wrap01.png) center 0 no-repeat;
}
#azure_first_step #primary #section01 .slider01 .bx-wrapper {
	width: 577px; height: 410px;
	margin: 0 auto 40px;
}
#azure_first_step #primary #section01 #slider01_thumbs a {
	display: inline-block;
	height: 90px;
	position: relative;
	overflow: hidden;
	margin-left: -17px;
}
#azure_first_step #primary #section01 #slider01_thumbs a:hover img,
#azure_first_step #primary #section01 #slider01_thumbs a.active img {
	margin-top: -90px;
}
#azure_first_step #primary #section01 #slider01_thumbs a:first-child {
	margin-left: 0;
}
#azure_first_step #primary #section01 #slider01_thumbs a.half01 {
	position: relative;
	z-index: 1;
}
#azure_first_step #primary #section01 #slider01_thumbs a.half02 {
	margin-left: -106px;
	position: relative;
	z-index: 0;
}
#azure_first_step #primary #section01 #slider01_thumbs a.half02:hover,
#azure_first_step #primary #section01 #slider01_thumbs a.half02.active {
	z-index: 2;
}

#azure_first_step #primary #section02 {
	padding: 43px 0 52px;
}
#azure_first_step #primary #section02 h3 {
	text-align: center;
	margin-bottom: 30px;
}
#azure_first_step #primary #section02 .txt h4 {
	font-size: 24px;
	text-align: center;
	padding-top: 70px;
	margin-bottom: 25px;
}
#azure_first_step #primary #section02 .img {
	margin-bottom: 20px;
}
#azure_first_step #primary #section02 .column01 {
	width: 380px;
	float: left;
}
#azure_first_step #primary #section02 .column01 .img {
	background: url(../img/product/azure/slider_wrap02.png) 0 0 no-repeat;
	padding: 19px 9px 9px; 
}
#azure_first_step #primary #section02 .column01 .txt h4 {
	background: url(../img/product/azure/icon01.png) center 0 no-repeat;
}
#azure_first_step #primary #section02 .column02 {
	width: 380px;
	float: right;
}
#azure_first_step #primary #section02 .column02 .img {
	padding: 10px 0 21px;
}
#azure_first_step #primary #section02 .column02 .txt h4 {
	background: url(../img/product/azure/icon02.png) center 0 no-repeat;
}
#azure_first_step #secondary {
	border-top: 15px solid #236d48;
	border-right: 15px solid #35a46c;
	border-left: 15px solid #35a46c;
	background: #fff;
	padding-bottom: 30px;
	position: relative;
}
/* フォームの右上吹き出し
#azure_first_step #secondary:after {
	content: url(../img/product/azure/secondary_img02.png);
	position: absolute;
	top: -15px; right: -35px;
}*/
#azure_first_step #secondary #section03 h2 {
	background: url(../img/product/azure/secondary_img01.jpg) right top no-repeat;
	min-height: 123px;
	margin: 30px 0 33px 5px;
}

#azure_first_step #secondary #section03 .schedule_area {
	width: 380px;
	float: left;
}
#azure_first_step #secondary #section03 .schedule_area table {
	border-bottom: 1px solid #DEE5E8;
}
#azure_first_step #secondary #section03 .schedule_area table th,
#azure_first_step #secondary #section03 .schedule_area table td {
	text-align: left;
	font-size: 14px;
	border-top: 1px solid #DEE5E8;
	padding: 8px;
}
#azure_first_step #secondary #section03 .schedule_area table th {
	vertical-align: middle;
	white-space: nowrap;
}
#azure_first_step #secondary #section03 .schedule_area table a {
	font-size: 14px;
}
#azure_first_step #secondary #section03 .schedule_area table td .note {
	font-size: 12px;
}
#azure_first_step #secondary #section03 .form_area {
	width: 440px;
	float: right;
}

#azure_first_step .pagetop {
	padding-top: 14px;
	text-align: right;
}



/*----------------------------------------------------------
* デモサイト product/demo.php (20160425)
-------------------------------------------------------------*/

.demosite_page p {
	line-height: 1.5;
}
.demosite_page .intro {
	padding: 20px 0 13px;
}
.demosite_column_first {
	display: table;
	background: #fff;
	margin-bottom: 20px;
}
.demosite_column_first > p {
	display: table-cell;
	padding: 13px 23px 13px 0;
	vertical-align: middle;
}
.demosite_column_first > p:first-child {
	padding: 13px 15px 13px 23px;
}
.demosite_page .demosite_column {
	padding: 23px 23px 20px;
	background: #fff;
	margin-bottom: 15px;
}
.demosite_page .demosite_column h3 {
	margin-bottom: 13px;
}
.demosite_page .demosite_column .img {
	padding: 23px 0 15px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.demosite_page .demosite_column .btn {
	text-align: center;
	padding: 15px 0 0;
}
.demosite_page .demosite_column + .banner_area {
	margin-bottom: 15px;
}

.demosite_page .annotation {
	margin-bottom: 50px;
}
.demosite_page .annotation h5 {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 5px;
}
.demosite_page .annotation p {
	font-size: 10px;
	line-height: 1.5;
	text-indent: -1em;
	margin-left: 1em;
}