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

  common class file. no write element style.

-----------------------------------------------------------------------------*/

/* ▼program class
-----------------------------------------------------------------------------*/
.skeSpacingDefault{
text-align:center;
color: #000;
min-height:1em;
max-height:30px;
border:2px dotted #ccc;
box-sizing: border-box;
}
.skeSpacingDropAllow{
text-align:center;
color: #fff;
min-height:1em;
max-height:30px;
border: 2px solid #7d0000;
box-sizing: border-box;
background: -moz-linear-gradient(
top,
#ff2819 0%,
#ab0000);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ff2819),
to(#ab0000));
backgrund-color: red;;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
.skeSpacingItemSet{
border:2px dotted red;
}
.hoverOpacity:hover {
filter: alpha(opacity=50);
opacity: 0.5;
}

/* ▼common class
-----------------------------------------------------------------------------*/
/* comWidth */
.comWidth{
width:900px;
margin:0 auto;
}
.comWidth_300{
width:300px;
}
.comWidth_200{
width:200px;
}
.comWidth90P{
width:90%;
}
.comWidth65P{
width:65%;
}
.comCenter{
text-align:center;
}
.comClear {
clear: both;
}
.deviceChangeButton{
text-decoration:none;
}
.deviceChangeButton button{
display: block;
margin:5px auto;
padding:8px;
width:95%;
text-align:center;
}


/* ▼item class : since spadmin version 1
-----------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* item6 ヘッドライン画像 */
/*------------------------------------------------*/
.itemPackage_6{
width:900px;
padding:0;
margin:0;
}
/*------------------------------------------------*/
/* item7 記事（右box）end20130319 */
/*------------------------------------------------*/
.itemPackage_7{
width:900px;
}
.itemPackage_7 .box {
width:330px;
float:right;
}
.itemPackage_7 .box .text {
padding:0 10px 0 40px;
font-size:85%;
line-height:150%;
}
.itemPackage_7 .box .text p {
margin:15px 0 20px;
}
.itemPackage_7 .box .text strong {
font-size:120%;
line-height:130%;
margin:0 0 10px;
display:block;
}
.itemPackage_7 .box .text .media {
margin:30px 0;
}
/*------------------------------------------------*/
/* item8 記事（通常）end20130319 */
/*------------------------------------------------*/
.itemPackage_8{
width:900px;
}
.itemPackage_8 .title{
margin:50px 0 30px;
padding:12px 0 9px;
border-top:dotted 1px #CCC;
border-bottom:dotted 1px #CCC;
font-size:150%;
line-height:130%;
font-weight:bold;
}
/*------------------------------------------------*/
/* item9 記事（画像左）end20130319 */
/*------------------------------------------------*/
.itemPackage_9{
width:900px;
}
.itemPackage_9 .goods {
float:left;
margin: 0 20px 0 10px;
}
.itemPackage_9 .goods_title {
font-size:130%;
line-height:130%;
font-weight:bold;
}
.itemPackage_9 .sub {
margin:5px 0;
}
.itemPackage_9 .money {
font-size:120%;
line-height:130%;
font-weight:bold;
margin-bottom:20px;
}
/*------------------------------------------------*/
/* item10 ブレットtable */
/*------------------------------------------------*/
.itemPackage_10{
width:900px;
}
.itemPackage_10 .table{
border-collapse: collapse;
border:1px solid #E7E7E7;
margin:0 auto;
}
.itemPackage_10 .table td{
border:1px solid #E7E7E7;
padding:15px 15px 12px 30px;
text-indent:-15px;
color:#444;
}
.itemPackage_10 .bcColor{
background-color:#E2EEFC;
}
/*------------------------------------------------*/
/* item11:記事（左box）end20130319 */
/*------------------------------------------------*/
.itemPackage_11{
width:900px;
}
.itemPackage_11 .box_left {
float:left;
width:280px;
border:solid 3px #09F;
padding:5px 20px;
margin-right:20px;
font-size:85%;
line-height:160%;
}
.itemPackage_11 .box_left strong {
display:block;
font-size:120%;
line-height:150%;
margin-bottom:10px;
}
.itemPackage_11 .box_left p {
margin:15px 0;
}
/*------------------------------------------------*/
/* item12 お試し説明1 */
/*------------------------------------------------*/
.itemPackage_12{
width:900px;
}
.itemPackage_12 .table {
border-collapse: collapse;
border:1px solid #000;
margin:0 auto;
}
.itemPackage_12 .table td {
padding:0px;
}
/*------------------------------------------------*/
/* item13 2カラム目次 */
/*------------------------------------------------*/
.itemPackage_13{
width:900px;
}
/*------------------------------------------------*/
/* item14 オファーまとめ */
/*------------------------------------------------*/
.itemPackage_14{
width:900px;
}
.itemPackage_14 .table {
border-collapse: collapse;
border:1px solid #000;
margin:0 auto;

}
.itemPackage_14 .table th {
color:#FFF;
background-color:#338ECD;
border:1px solid #000;
font-size:90%;
line-height:130%;
}
.itemPackage_14 .table td {
border:1px solid #000;
padding:10px;
text-align:center;
color:#000;
}
.itemPackage_14 .goukei {
margin-bottom:40px;
}
.itemPackage_14 .yajirusi {
/*background:url(../img/yajirusi.jpg) #FFF no-repeat;*/
text-align:right;
height:36px;
}
/*------------------------------------------------*/
/* item15 購入ボタン */
/*------------------------------------------------*/
.itemPackage_15{
width:900px;
}

.itemPackage_15 .torikesi {
text-decoration:line-through;
}
.itemPackage_15 .purchase_4 {
text-align:center;
width:560px;
border:solid 3px #CCC;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 10px;
padding:30px;
margin:0 auto 15px;
}
.itemPackage_15 .purchase_4 .supplement {
font-size:140%;
line-height:130%;
font-weight:bold;
padding:0 0 10px;
}
.itemPackage_15 .purchase_4 .button a:hover img {
filter: alpha(opacity=50);
opacity: 0.5;
}
.itemPackage_15 .purchase_4 .credit {
margin:15px 0 10px;
}
.itemPackage_15 .purchase_4 .text {
font-size:13px;
line-height:150%;
text-align:left;
background-color:#FFE3C8;
padding:10px;
}
.itemPackage_15 .purchase_4 .mechanism {
margin:15px 0 0px;
}
/*------------------------------------------------*/
/* item17 レビュープログラム */
/*------------------------------------------------*/
.itemPackage_17{
/*width:900px;*/
text-align:center;
background-color:grey;
padding:20px 0;
color:white;
}
/*------------------------------------------------*/
/* item18 サブヘッド */
/*------------------------------------------------*/
.itemPackage_18{
}
.itemPackage_18 .comTitle {
margin:5px 0;
padding:12px 0 9px;
border-top:dotted 1px #CCC;
border-bottom:dotted 1px #CCC;
font-size:150%;
line-height:130%;
font-weight:bold;
}
/*------------------------------------------------*/
/* item19 お試し説明2 */
/*------------------------------------------------*/
.itemPackage_19{
width:900px;
}
.itemPackage_19 .supportInfo{
display: block;
margin-top: 20px;
}
.itemPackage_19 .supportInfo strong{
display: block;
border-bottom: dotted 1px #CCC;
color: #009;
margin-bottom:10px;
}
.itemPackage_19 .supportInfo ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.itemPackage_19 .supportInfo li {
list-style-type: decimal;
display: list-item;
text-align: -webkit-match-parent;
margin:0px;
}
/*------------------------------------------------*/
/* item21 チェック（緑) */
/*------------------------------------------------*/
.itemPackage_21{
}
.itemPackage_21 ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
margin-top:0px;
margin-bottom:0px;
}
.itemPackage_21 .checkd li {
list-style: none;
padding: 5px 70px 5px 30px;
margin: 15px 0;
font-size: 100%;
line-height: 130%;
}
/*------------------------------------------------*/
/* item22 チェック（赤）*/
/*------------------------------------------------*/
.itemPackage_22{
}
.itemPackage_22 .checkd li {
list-style: none;
padding: 5px 70px 5px 30px;
margin: 15px 0;
font-size: 100%;
line-height: 130%;
}
.itemPackage_22 ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
/*------------------------------------------------*/
/* item23 チェック（黒）*/
/*------------------------------------------------*/
.itemPackage_23{
}
.itemPackage_23 .checkd li {
list-style: none;
padding: 5px 70px 5px 30px;
margin: 15px 0;
font-size: 100%;
line-height: 130%;
}
.itemPackage_23 ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
/*------------------------------------------------*/
/* item24 記事（画像右）end20130319*/
/*------------------------------------------------*/
.itemPackage_24{
width:900px;
}
.itemPackage_24 .goods {
float:right;
margin: 0 10px 0 20px;
}
.itemPackage_24 .goods_title {
font-size:130%;
line-height:130%;
font-weight:bold;
}
.itemPackage_24 .sub {
margin:5px 0;
}
.itemPackage_24 .money {
font-size:120%;
line-height:130%;
font-weight:bold;
margin-bottom:20px;
}
/*------------------------------------------------*/
/* item25 カスタマーサポート*/
/*------------------------------------------------*/
.itemPackage_25{
}
.itemPackage_25 .supportInfo{
display: block;
margin-top: 20px;
}
.itemPackage_25 .supportInfo strong{
display: block;
border-bottom: dotted 1px #CCC;
color: #009;
margin-bottom:10px;
}
.itemPackage_25 .supportInfo ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.itemPackage_25 .supportInfo li {
list-style-type: decimal;
display: list-item;
text-align: -webkit-match-parent;
margin:0px;
}
/*------------------------------------------------*/
/* item26 記事（右box）end20130319*/
/*------------------------------------------------*/
.itemPackage_26{
width:900px;
}
.itemPackage_26 .marginDiv{
float:right;
width:300px;
height: auto;
margin:0;
padding:0 0 0 25px;
background-color: white;
}
.itemPackage_26 .box {
border: 5px solid #CCC;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:85%;
line-height:150%;
margin:0;
padding:20px 15px;
background-color: white;
}
.itemPackage_26 .box .strongName {
font-size:120%;
line-height:130%;
font-weight:bold;
margin:0 0 10px;
}
/*------------------------------------------------*/
/* item27 レイアウト（右フロートbox） */
/*------------------------------------------------*/
.comLayout{
/*border:4px dashed pink;*/
}
.comLayoutBorder{
/*border:4px dashed pink;*/
}
.layoutRightFloatBox{
float:right;
min-width:200px;
height: auto;
padding:0 0 0 25px;
background-color: white;
/*
overflow:auto;
resize:both;
*/
}
/*------------------------------------------------*/
/* item28 記事（通常）*/
/*------------------------------------------------*/
.itemPackage_28{
    /*基本の<p>設定に従う*/
}
/*------------------------------------------------*/
/* item29 パレット（グレー）*/
/*------------------------------------------------*/
..itemPackage_29{
}
.itemPackage_29 .paletGrey {
width:260px;
background: #f4f4f4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom: 1px solid #9e9e9e;
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
margin:0;
padding:20px;
font-size:85%;
line-height:150%;
}
.itemPackage_29 .paletGrey .kaoTable {
margin-top:15px;
}
.itemPackage_29 .paletGrey .kaoTable .paddingLeft{
padding-left:15px;
font-weight: bold;
color: #555;
font-family: Arial, Helvetica, Tahoma, sans-serif;
font-size: 14px;
line-height: 22px;
}
.itemPackage_29 .paletGrey .kaoTable .paddingLeft a{ color: #0274be;font-weight:normal;text-decoration:none; }
.itemPackage_29 .paletGrey .kaoTable .paddingLeft a:hover{ color: #0274be;text-decoration:underline;font-weight:normal; }
/*------------------------------------------------*/
/* item30:レイアウト（左フロートbox）*/
/*------------------------------------------------*/
.layoutLeftFloatBox{
float:left;
min-width:200px;
height: auto;
padding:0 25px 0 0;
background-color: white;
/*
overflow:auto;
resize:both;
*/
}
/*------------------------------------------------*/
/* item31 ボーダー（グレー）*/
/*------------------------------------------------*/
.itemPackage_31{
}
.itemPackage_31 .borderBox {
width:260px;
border: 5px solid #CCC;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:5px;
padding:20px 15px;
background-color: white;
font-size:85%;
line-height:150%;
}
.itemPackage_31 .borderBox .strongName {
font-size:120%;
line-height:130%;
font-weight:bold;
margin:0 0 10px;
}
/*------------------------------------------------*/
/* item32 レイアウト（2分割） */
/*------------------------------------------------*/
.layout_3{
}
.layout_3 .separate2Table{
    width:100%;
}
.layout_3 .rightTd{
    width:50%;
    padding-left:25px;
}
.layout_3 .leftTd{
    leftTd:50%;
    padding-right:25px;
}
/*------------------------------------------------*/
/* item33 よくある質問*/
/*------------------------------------------------*/
.itemPackage_33{
}
.itemPackage_33 .questionDiv {
}
.itemPackage_33 .questionTitle{
font-size: 24px;
margin-bottom:20px;
color: #1a344d;
font-weight: normal;
}
.itemPackage_33 .answer {
color: #344250;
font-size: 14px;
border: 5px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f4f6f9;
padding: 30px;
text-shadow: #fff 1px 1px;
margin-bottom:10px;
}
/*------------------------------------------------*/
/* item34 レビュー(左顔)*/
/*------------------------------------------------*/
.itemPackage_34{
width:900px;
}
.itemPackage_34 .review{
padding-bottom: 40px;
margin:10px 0;
}
.itemPackage_34 .inner{
width:95%;
margin:0px auto;
}
.itemPackage_34 .info{
float: left;
width: 150px;
padding:20px;
margin-right:35px;
}
.itemPackage_34 .info img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
margin: 0 auto 10px;
}
.itemPackage_34 .info a{font-weight: bold;text-decoration: none;}
.itemPackage_34 .info a:link { color: #1a344d; }
.itemPackage_34 .info a:visited { color: #1a344d; }
.itemPackage_34 .info a:hover { color: #e56b00; }
.itemPackage_34 .info a:active { color: #1a344d; }

.itemPackage_34 blockquote{
padding-right:100px;
}
.itemPackage_34 .clear {
clear: both;
}
/*------------------------------------------------*/
/* item35 レビュー(右顔)*/
/*------------------------------------------------*/
.itemPackage_35{
width:900px;
}
.itemPackage_35 .review{
padding-bottom: 40px;
margin:10px 0;
}
.itemPackage_35 .inner{
width:95%;
margin:0px auto;
}
.itemPackage_35 .info{
float: right;
width: 150px;
padding:20px;
margin-left:35px;
}
.itemPackage_35 .info img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
margin: 0 auto 10px;
}
.itemPackage_35 .info a{font-weight: bold;text-decoration: none;}
.itemPackage_35 .info a:link { color: #1a354d; }
.itemPackage_35 .info a:visited { color: #1a354d; }
.itemPackage_35 .info a:hover { color: #e56b00; }
.itemPackage_35 .info a:active { color: #1a354d; }

.itemPackage_35 blockquote{
padding-left:100px;
}
.itemPackage_35 .clear {
clear: both;
}
/*------------------------------------------------*/
/* item38 サブヘッド（無料プレゼント）*/
/*------------------------------------------------*/
.itemPackage_38{
}
.itemPackage_38 .goods {
float:left;
margin: 0 20px 0 10px;
}
.itemPackage_38 .goods_title {
font-size:130%;
line-height:130%;
font-weight:bold;
}
.itemPackage_38 .sub {
margin:5px 0;
}
.itemPackage_38 .money {
font-size:120%;
line-height:130%;
font-weight:bold;
margin-bottom:20px;
}
/*------------------------------------------------*/
/* item38 サブヘッド（無料プレゼント）*/
/*------------------------------------------------*/
.itemPackage_38{
}
.itemPackage_38 .goods {
float:left;
margin: 0 20px 0 10px;
}
.itemPackage_38 .goods_title {
font-size:130%;
line-height:130%;
font-weight:bold;
}
.itemPackage_38 .sub {
margin:5px 0;
}
.itemPackage_38 .money {
font-size:120%;
line-height:130%;
font-weight:bold;
margin-bottom:20px;
}
/*------------------------------------------------*/
/* item45 DRM顧客登録フォーム1*/
/*------------------------------------------------*/
.itemPackage_45{
}
.itemPackage_45 .inputarea{
width: 245px;
margin-bottom: 20px;
}
.itemPackage_45 input[type="text"]{
border: 1px solid #ff0000;
padding: 7px;
font-size: 16px;
width: 100%;
}
/*------------------------------------------------*/
/* item46 個人情報取扱いについて*/
/*------------------------------------------------*/
.itemPackage_46{
height:140px;
text-align:center;
background-color:grey;
color: white;
padding:5px;
}
/*------------------------------------------------*/
/* item47 セキュアシール*/
/*------------------------------------------------*/
.itemPackage_47{
text-align:center;
background-color:grey;
color:white;
padding: 5px;
}

/* ▼item class : since spadmin version 3
-----------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* アイテム共通クラス */
/*------------------------------------------------*/
.comItemPackage{
}
.comDragBorder{
}
/*------------------------------------------------*/
/* ヘッドライン画像 */
/*------------------------------------------------*/
.ipk_headLineImg{
text-align:center;
}
/*------------------------------------------------*/
/* 画像（通常）*/
/*------------------------------------------------*/
.ipk_img{
}
/*------------------------------------------------*/
/* サイン*/
/*------------------------------------------------*/
.ipk_sign{
}
/*------------------------------------------------*/
/* 動画（通常）*/
/*------------------------------------------------*/
.ipk_movie{
}
/*------------------------------------------------*/
/* サブヘッド（上下ボーダー）（ボーダーなし） */
/*------------------------------------------------*/
.ipk_subHead{
}
.ipk_subHeadNoBorder{
}
.ipk_subHead .comTitle, .ipk_subHeadNoBorder .title{
margin:5px 0;
padding:12px 0 9px;
font-size:150%;
line-height:130%;
font-weight:bold;
}
.ipk_subHead .comTitle{
border-top:dotted 1px #CCC;
border-bottom:dotted 1px #CCC;
}
.ipk_subHead .goods {
float:left;
margin: 0 20px 0 10px;
}
.ipk_subHead .goods_title {
font-size:130%;
line-height:130%;
font-weight:bold;
}
.ipk_subHead .sub {
margin:5px 0;
}
.ipk_subHead .money {
font-size:120%;
line-height:130%;
font-weight:bold;
margin-bottom:20px;
}
/*------------------------------------------------*/
/* 記事（通常）*/
/*------------------------------------------------*/
.ipk_article{
    /*基本の<p>設定に従う*/
}
/*------------------------------------------------*/
/* 記事（内容BOX）*/
/*------------------------------------------------*/
.layout_contentBox{
padding: 30px;
border: 2px solid #FFBB8D;
border-radius: 10px;
}
.ipk_contentBox{
}
.ipk_contentBox .contentBox{
}
.ipk_contentBox .contentBox h3{
font-size: 150%;
padding: 0px 0px 20px 0px;
margin: 10px;
}
/*------------------------------------------------*/
/* チェック（緑）（赤）（黒）*/
/*------------------------------------------------*/
.ipk_checkGreen{
}
.ipk_checkRed{
}
.ipk_checkBlack{
}
.ipk_checkRed ol, .ipk_checkBlack ol, .ipk_checkGreen ol{
list-style-type: decimal;
margin: 0 30px;
}
.ipk_checkRed li, .ipk_checkBlack li, .ipk_checkGreen li{
list-style: none;
padding: 5px 0 5px 30px;
margin: 15px 0;
line-height: 130%;
}
/*------------------------------------------------*/
/* リスト（青）*/
/*------------------------------------------------*/
.ipk_listDiscBlue{
}
.ipk_listDiscBlue ul{
list-style-type: none;
margin: 0 0 0 1em;
}
.ipk_listDiscBlue li{
list-style: none;
padding: 0 0 0 20px;
margin: 0.2em 0;
line-height: 1.6em;
}

/*------------------------------------------------*/
/* よくある質問*/
/*------------------------------------------------*/
.ipk_commonQuestion3{
margin:10px 0;
}
.ipk_commonQuestion3 .questionTitle{
font-size: 24px;
margin-bottom:20px;
color: #1a344d;
font-weight: normal;
}
.ipk_commonQuestion3 .answer {
color: #344250;
font-size: 14px;
border: 5px solid #fff;
border-radius: 5px;
background: #f4f6f9;
padding: 30px;
text-shadow: #fff 1px 1px;
margin-bottom:10px;
}
/*------------------------------------------------*/
/* ボーダー（グレー）*/
/*------------------------------------------------*/
.ipk_borderGrey{
}
.ipk_borderGrey .borderBox {
max-width:100%;
border: 5px solid #CCC;
border-radius: 10px;
margin-bottom:5px;
padding:20px 15px;
background-color: white;
font-size:85%;
line-height:150%;
}
.ipk_borderGrey .borderBox .strongName {
font-size:120%;
line-height:130%;
font-weight:bold;
margin:0 0 10px;
}
/*------------------------------------------------*/
/* パレット（グレー）*/
/*------------------------------------------------*/
..ipk_paletGrey{
}
.ipk_paletGrey .paletGrey {
max-width:100%;
background: #f4f4f4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-bottom: 1px solid #9e9e9e;
-moz-box-shadow: 0 1px 2px #aaa;
-webkit-box-shadow: 0 1px 2px #aaa;
box-shadow: 0 1px 2px #aaa;
margin:0;
padding:20px;
font-size:85%;
line-height:150%;
}
.ipk_paletGrey .paletGrey .kaoTable {
margin-top:15px;
}
.ipk_paletGrey .paletGrey .kaoTable .paddingLeft{
padding-left:15px;
font-weight: bold;
color: #555;
font-family: Arial, Helvetica, Tahoma, sans-serif;
font-size: 14px;
line-height: 22px;
}
.ipk_paletGrey .paletGrey .kaoTable .paddingLeft a{ color: #0274be;font-weight:normal;text-decoration:none; }
.ipk_paletGrey .paletGrey .kaoTable .paddingLeft a:hover{ color: #0274be;text-decoration:underline;font-weight:normal; }
/*------------------------------------------------*/
/* お試し説明1*/
/*------------------------------------------------*/
.ipk_otameshi1{
}
/*------------------------------------------------*/
/* お試し説明2*/
/*------------------------------------------------*/
.ipk_otameshi2{
}
.ipk_otameshi2 .supportInfo{
display: block;
margin-top: 20px;
}
.ipk_otameshi2 .supportInfo strong{
display: block;
border-bottom: dotted 1px #CCC;
color: #009;
margin-bottom:10px;
}
/*------------------------------------------------*/
/* お試し説明3*/
/*------------------------------------------------*/
.ipk_otameshi3{
}
/*------------------------------------------------*/
/* ブレットtable*/
/*------------------------------------------------*/
.ipk_brettTable{
max-width:100%;
}
.ipk_brettTable .table{
border-collapse: collapse;
border:1px solid #E7E7E7;
margin:0 auto;
}
.ipk_brettTable .table td{
border:1px solid #E7E7E7;
padding:15px 15px 12px 30px;
text-indent:-15px;
color:#444;
}
.ipk_brettTable .bcColor{
background-color:#E2EEFC;
}
/*------------------------------------------------*/
/* オファーまとめ*/
/*------------------------------------------------*/
.ipk_offerSummary{
}
.ipk_offerSummary .table {
border-collapse: collapse;
border:1px solid #000;
margin:0 auto;
}
.ipk_offerSummary .table th {
color:#FFF;
background-color:#338ECD;
border:1px solid #000;
font-size:90%;
line-height:130%;
text-align: center;
vertical-align: middle;
padding:3px;
white-space: no
}
.ipk_offerSummary .table td {
border:1px solid #000;
padding:10px;
text-align:center;
color:#000;
}
.ipk_offerSummary .goukei {
margin-bottom:40px;
}
.ipk_offerSummary .yajirusi {
text-align:right;
height:36px;
}
/*------------------------------------------------*/
/* 購入ボタン*/
/*------------------------------------------------*/
.ipk_purchaseButton{
max-width:100%;
}
.ipk_purchaseButton .torikesi {
text-decoration:line-through;
}
.ipk_purchaseButton .purchase_4 {
text-align:center;
/*max-width:65%;*/
border:solid 3px #CCC;
border-radius: 10px;
padding:30px;
margin:0 auto 15px;
}
.ipk_purchaseButton .purchase_4 .supplement {
font-size:140%;
line-height:130%;
font-weight:bold;
padding:0 0 10px;
}
.ipk_purchaseButton .purchase_4 .button a:hover img {
filter: alpha(opacity=50);
opacity: 0.5;
}
.ipk_purchaseButton .purchase_4 .credit {
margin:15px 0 10px;
}
.ipk_purchaseButton .purchase_4 .text {
font-size:13px;
line-height:150%;
text-align:left;
background-color:#FFE3C8;
padding:10px;
}
.ipk_purchaseButton .purchase_4 .mechanism {
margin:15px 0 0px;
}
/*------------------------------------------------*/
/* レビュープログラム【置き換え前】*/
/*------------------------------------------------*/
.ipk_reviewPg{
max-width:100%;
text-align:center;
background-color:grey;
padding:20px 0;
color:white;
}
/*------------------------------------------------*/
/* レビュープログラム【置き換え後】*/
/*------------------------------------------------*/
#dpub-reviews,
#dpub-review-form{
font-size:13px;
line-height:1.2;
padding:20px;
background-color:#F6F6F6;
width:95%;
margin:0 auto;
}
.dpub-review-eval{
font-size:10px;
font-weight:bold;
margin-top:5px;
}
#dpub-reviews hr{
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #aaa;
height: 1px;
margin:10px 0;
}
#dpub-review-form form{
margin:0;
padding:0;
}
#dpub-review-form h2{
margin:0;
padding:0;
font-size:22px;
font-weight:bold;
}
#dpub-review-form input,
#dpub-review-form select,
#dpub-review-form textarea{
margin-left:10px;
}
.dpub-required{
color:#ff0000;
}
#dpub-reviewer_name{
width:200px;
}
#dpub-email{
width:200px;
ime-mode:disabled;
}
#dpub-title{
width:300px;
}
#dpub-commit{
text-align:center;
}
/*------------------------------------------------*/
/* レビュープログラム【置き換え前】*/
/*------------------------------------------------*/
.ipk_reviewPg{
max-width:100%;
text-align:center;
background-color:grey;
padding:20px 0;
color:white;
}
/*------------------------------------------------*/
/* 置換アイテム1-10【置き換え前】*/
/*------------------------------------------------*/
.replaceStringDiv{
max-width:100%;
text-align:center;
background-color:grey;
padding:20px 0;
color:white;
}
.ipk_replaceString1{}
.ipk_replaceString2{}
.ipk_replaceString3{}
.ipk_replaceString4{}
.ipk_replaceString5{}
.ipk_replaceString6{}
.ipk_replaceString7{}
.ipk_replaceString8{}
.ipk_replaceString9{}
.ipk_replaceString10{}



/* ▼ドロップしない内部アイテム
-----------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* DRM顧客登録フォーム1*/
/*------------------------------------------------*/
.ipk_drmCustomerRegistForm1{
}
.ipk_drmCustomerRegistForm1 .emailDiv{
text-align:left;
margin-bottom:20px;
}
.ipk_drmCustomerRegistForm1 input[type="text"]{
border: 1px solid #CCC;
font-size: 16px;
padding: 7px;
vertical-align: middle;
width:93%;
}

/*------------------------------------------------*/
/* DRM顧客登録フォーム2*/
/*------------------------------------------------*/
.ipk_drmCustomerRegistForm2{
}
.ipk_drmCustomerRegistForm2 .emailDiv{
text-align:center;
margin-bottom:20px;
}
.ipk_drmCustomerRegistForm2 input[type="text"]{
border: 1px solid #CCC;
font-size: 16px;
padding: 7px;
vertical-align: middle;
width:93%;
}

/*------------------------------------------------*/
/* レビュー（顔）*/
/*------------------------------------------------*/
.ipk_reviewFace{
}
.ipk_reviewFace .info{
padding:20px 30px;
margin:0 30px;
}
.ipk_reviewFace .info img {
border-radius: 50%;
display: block;
margin: 0 auto 10px;
}
.ipk_reviewFace .info a{font-weight: bold;text-decoration: none;}
.ipk_reviewFace .info a:link { color: #1a354d; }
.ipk_reviewFace .info a:visited { color: #1a354d; }
.ipk_reviewFace .info a:hover { color: #e56b00; }
.ipk_reviewFace .info a:active { color: #1a354d; }

/*------------------------------------------------*/
/* 個人情報取扱いについて*/
/*------------------------------------------------*/
.ipk_aboutPersonalInformation{
max-width: 100%;
text-align:center;
background-color:grey;
color: white;
padding:20px 0;
}
/*------------------------------------------------*/
/* セキュアシール*/
/*------------------------------------------------*/
.ipk_sslSecureSeal{
text-align:center;
background-color:grey;
color:white;
padding: 5px;
}

/* ▼layout class
-----------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* レイアウト共通クラス */
/*------------------------------------------------*/
.comLayout{
}
/*------------------------------------------------*/
/* レイアウト：右box*/
/*------------------------------------------------*/
.layout_rightBox{
max-width:100%;
}
.layout_rightBox .rightBox {
float:right;
min-width:1px;
height: auto;
padding:0 0 0 1em;
background-color: white;
}
/*------------------------------------------------*/
/* レイアウト：左box*/
/*------------------------------------------------*/
.layout_leftBox{
max-width:100%;
}
.layout_leftBox .leftBox {
float:left;
min-width:1px;
height: auto;
padding:0 1.5em 0 0;
background-color: white;
}
/*------------------------------------------------*/
/* レイアウト：2カラム(50:50)*/
/*------------------------------------------------*/
.layout_2Column50To50{
max-width:100%;
}
.layout_2Column50To50 .leftDiv{
float:left;
width:48%;
vertical-align:top;
}
.layout_2Column50To50 .rightDiv{
float:right;
width:48%;
vertical-align:top;
}

/*-----------------------------------------------------------------------------
 basic.css
  ・program class overwrite
  ・elements overwrite
  ・common class overwrite
  ・item class overwrite
  ・layout class overwrite
  ・#page
  ・#header
  ・#content
  ・#footer
  ・template class
-----------------------------------------------------------------------------*/

/* ▼program class overwrite
-----------------------------------------------------------------------------*/
/* none */

/* ▼elements
-----------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}
body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100%;
line-height: 1.6em;
}
img {
border:0;
vertical-align: top;
}
a{
vertical-align: top;
}
ul {
display: block;
margin-bottom: 1em;
}
ol {
display: block;
margin-bottom: 1em;
}
li{
margin: 0 0 0.3em 1.5em;
}

/* ▼elements overwrite
-----------------------------------------------------------------------------*/
/* none */

/* ▼common class overwrite
-----------------------------------------------------------------------------*/
/* none */

/* ▼item class overwrite
-----------------------------------------------------------------------------*/
/* none */

/* ▼layout class overwrite
-----------------------------------------------------------------------------*/
/* none */

/* ▼page(container)
-----------------------------------------------------------------------------*/
/* none */

/* ▼header
-----------------------------------------------------------------------------*/
#header{
background-color:#E5E5E5;
padding:10px;
font-weight:bold;
font-size:80%;
line-height:150%;
text-align: center;
}

/* ▼content
-----------------------------------------------------------------------------*/
#content{
color:#444;
}

/* ▼footer
-----------------------------------------------------------------------------*/
#footer{
color:#FFF;
background-color: #000;
padding:15px;
}
#footer .link {
font-size:80%;
line-height:130%;
text-align:center;
}
#footer .link a {
color:#FFF;
text-decoration:none;
}
#footer .link a:hover {
text-decoration:underline;
color:#999;
}
#footer .copy {
text-align:center;
color:#FFF;
font-size:70%;
line-height:130%;
margin-top:25px
}

/* ▼template class
-----------------------------------------------------------------------------*/
/* none */