@charset "utf-8";
/*################################################*/
/*# 基本設定 */
/*################################################*/

* {
margin:0;
padding:0;
}
body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100%;
line-height:130%;
}
img {
border:0;
}
ul {
margin-left:30px;
}
ol {
margin-left:30px;
}
.comItemPackage{
/*
border:3px dotted green;
*/
/*margin-bottom:30px;*//*itemPK共通下マージン*/

}
.comDragBorder{
/*
border:6px dotted red;
*/
}
.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;
}
.comWidth{
width:900px;
margin:0 auto;
}
/*################################################*/
/*# ヘッダー設定 */
/*################################################*/
#header{
background-color:#E5E5E5;
font-size:80%;
line-height:130%;
padding:10px 0;
font-weight:bold;
}
/*################################################*/
/*# コンテンツ設定 */
/*################################################*/
#contents{
font-size:100%;
line-height:160%;
color:#444;
}
#contents p {
/*itemPKの下にスペーシング必須によりmargin指定削除*/
/*margin:0 0 30px;*/

}
/*################################################*/
/*# フッター設定 */
/*################################################*/
#footer{
/* [disabled]background:url(../img/copyright.jpg); */
/* [disabled]height:174px; */
color:#FFF;
background-color: #000;
padding:15px;
}
#footer .left {
width:430px;
font-size:70%;
padding:12px 0 0;
}
#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
}
/*################################################*/
/*# item6 */
/*################################################*/
.itemPackage_6{
width:900px;
padding:0;
margin:0;
}
/*################################################*/
/*# item7 */
/*################################################*/
.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 */
/*################################################*/
.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 */
/*################################################*/
.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 */
/*################################################*/
.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 */
/*################################################*/
.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 */
/*################################################*/
.itemPackage_12{
width:900px;
}
.itemPackage_12 .table {
border-collapse: collapse;
border:1px solid #000;
margin:0 auto;
}
.itemPackage_12 .table td {
padding:0px;
}
/*################################################*/
/*# item13 */
/*################################################*/
.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;
}
/*################################################*/
/*# item19 */
/*################################################*/
.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{
width:900px;
}
.itemPackage_21 .checkd li {
list-style: none;
padding: 5px 70px 5px 30px;
margin: 15px 0;
font-size: 100%;
line-height: 130%;
}
.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;
}
/*################################################*/
/*# item22 */
/*################################################*/
.itemPackage_22{
width:900px;
}
.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{
width:900px;
}
.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 */
/*################################################*/
.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{
width:900px;
}
.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 */
/*################################################*/
.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;
}
/*################################################*/
/*# レビューPG用 */
/*################################################*/
#dpub-reviews,
#dpub-review-form{
font-size:13px;
line-height:1.2;
padding:20px;
background-color:#F6F6F6;
width:95%;
}
.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-review{
width:350px;
height:150px;
}
#dpub-commit{
text-align:center;
}
/*################################################*/
/*# sqladmin edit effect class (iframe class) */
/*################################################*/
.skeSpacingDefault{
font-size: small;
text-align:center;
color: #000;
/*background-color: #ccc;*/
/*
resize:vertical;
overflow:auto;
*/
border:2px dotted #ccc;
box-sizing: border-box;
}
.skeSpacingDropAllow{
font-size: small;
text-align:center;
color: #ffffff;
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;
}