@charset "EUC-JP";
/* =========================================
	#free
========================================== */
#free{
    background:url(/main/plan/images/free/bg_inner.png) no-repeat left 299px #fff;
}
#free .visual{
    position: relative;
}
#free #sampleBtn{
    position: absolute;
    top: 274px;
    left: 36px;
    _left: 0px;
}
#free #sampleBtn ul{
    margin:0 auto;
    width:561px;
}
*+html #free #sampleBtn ul{
    margin-left:0;
}
#free .inner{
    margin-top: 70px;
}
#free h2.title{
    margin-top:56px;
}
#free .grayBox{
    background: #e6e6e6;
    padding: 8px 16px;
}
#free .caution{
    background: url(/main/plan/images/free/mark_caution.png) no-repeat left center;
    padding: 8px 0 8px 50px;
    font-size: 14px;
    font-weight: bold;
}
#free .featureBox{
    background: url(/main/plan/images/free/feature_bg.png) no-repeat right 70px;
    text-align:left;
}
#free .featureBox .mgnT32{
    width: 385px;
    margin-left: 15px;
}
#free .aboutBox ul.functionList{
    margin: 32px auto 0;
    width: 576px;
}
#free .aboutBox ul.functionList li{
    float: left;
}
#free .aboutBox .grayBox{
    padding: 16px 24px;
    margin: 32px 0 16px;
    width:534px;
}
#free .aboutBox .notUse .floatL,#free .aboutBox .notUse .floatR{
    width: 240px;
    background: #fff;
    margin-top: 16px;
    padding: 10px;
}
#free .aboutBox p{
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
#free .aboutBox .notUse li{
    list-style: disc;
    margin-left: 16px;
}
#free .casestudyBox ul{
    width:582px;
}
#free .casestudyBox ul li{
    float:left;
    width:252px;
    margin:16px 0 0 26px;
    _margin:16px 0 0 16px;
}
#free .casestudyBox ul li h3{
    margin-bottom:4px;
}
#free .casestudyBox .mgnT32{
    margin:32px 0 40px;
}
#free .planChange{
    background:#f2f2f2;
    border:1px solid #d9d9d9;
    padding:16px 24px;
    width:534px;
}
#free .planChange h3{
    color:#0071bc;
    font-size:18px;
    margin-bottom:4px;
}
#free .planChange .floatL{
    width:360px;
}
#free .faq{
    width:95%;
    text-align:left;
    margin:24px auto 0;
}
#free .faq dt{
    background:url(/main/function/images/originalsite/mark_q.png) no-repeat left 0.1em;
    padding-left:24px;
    padding-bottom:3px;
    font-size:18px;
    font-weight:bold;
    color:#0071bc;
    border-bottom:1px dotted #0071bc;
}
#free .faq dd{
    background:url(/main/function/images/originalsite/mark_a.png) no-repeat left 0.2em;
    padding-left:24px;
    margin:8px 0 32px 0;
}
#free table.planbox2{
    width:582px;
    margin-bottom:16px;
}
#free table.planbox2 thead th{
    border:0;
}
#free table.planbox2 thead th,#free table.planbox2 thead td{
    padding:0;
}
#free table.planbox2 thead td.freeLine{
    border-right: 3px solid #cc0000;
    border-left: 3px solid #cc0000;
    border-top: 3px solid #cc0000;
}
#free table.planbox2 tr.bgGray td{
    background: #f7f3f7;
}
#free table.planbox2 tr.bgGray th{
    background: url('../main/plan/images/top_space.png') repeat-x left top #dedbde;
}
#free table.planbox2 tr.bgWhite th{
    background: url('../main/plan/images/top_space.png') repeat-x left top #e7e3e7;
}
#free table.planbox2 th,#free table.planbox2 td{
    border: 1px solid #cecfce;
}
#free table.planbox2 th{
    text-align: left;
    width: 186px;
	padding: 8px;
}
#free table.planbox2 th.alignCenter{
    text-align: center;
}
#free table.planbox2 td{
    border: 1px solid #cecfce;
    padding: 8px 0;
    width:144px;
}
#free table.planbox2 td.alignLeft{
    padding: 8px;
}
#free table.planbox2 th.noLink{
    padding: 8px;
}
#free table.planbox2 th a{
    display: block;
    padding: 8px;
}
#free table.planbox2 tr.bgGray td.freePlan{
    background: #0071BC;
}
#free table.planbox2 tr.bgGray td.businessPlan{
    background: #009245;
}
#free table.planbox2 tr.bgGray td.premiumPlan{
    background: #cc0000;
}
#free table.planbox2 tr.bgGray td.freeLine, #free table.planbox2 tr.bgWhite td.freeLine, #free table.planbox2 tr td.goldBg{
    border-right: 3px solid #cc0000;
    border-left: 3px solid #cc0000;
}
#free table.planbox2 tr.bgGray td.freeLine{
    background: #fffbbd;
}
#free table.planbox2 tr.bgWhite td.freeLine{
    background: #ffffdb;
}
#free table.planbox2 tr td.fastItem{
    border-top: 1px solid #cc0000;
}
#free table.planbox2 tr td.lastItem{
    border-bottom: 3px solid #cc0000;
}
#free table.planbox2 tr td.goldBg{
    background: url('../main/plan/images/top_markAsp_bg.png') left top;
    padding-top: 0;
}
#free .casestudyBox ul li {
    float: left;
    margin: 16px 0 0 26px;
    width: 252px;
}


/* =========================================
	#business
========================================== */
#business{
    background:url(/main/plan/images/business/business_back.png) no-repeat left 321px #fff;
}
#business h3.title {
    margin-top: 56px;
}
#business .visual{
    position: relative;
}
#business #sampleBtn{
    position: absolute;
    top: 325px;
    left: 36px;
    _left: 0px;
}
#business #sampleBtn ul{
    margin:0 auto;
    width:561px;
}
*+html #business #sampleBtn ul{
    margin-left:0;
}
#business .inner{
    margin-top: 70px;
}
#business h2.title{
    margin-top:56px;
}
#business .grayBox{
    background: #e6e6e6;
    padding: 8px 16px;
}
#business .caution{
    background: url(/main/plan/images/business/mark_caution.png) no-repeat left center;
    padding: 8px 0 8px 52px;
    font-size: 14px;
    font-weight: bold;
}
#business .featureBox{
    background: url(/main/plan/images/business/feature_bg.png) no-repeat right 54px;
    text-align:left;
}
#business .featureBox .mgnT32{
    width: 390px;
    margin-left: 15px;
}
#business .aboutBox ul.functionList{
    margin: 24px auto 0;
    width: 576px;
}
#business .aboutBox ul.functionList li{
    float: left;
}
#business .aboutBox .grayBox{
    padding: 16px 24px;
    margin: 32px 0 16px;
    width:534px;
}
#business .aboutBox .notUse .floatL,#business .aboutBox .notUse .floatR{
    width: 240px;
    background: #fff;
    margin-top: 16px;
    padding: 10px;
}
#business .aboutBox p{
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
#business .aboutBox .notUse li{
    list-style: disc;
    margin-left: 16px;
}
#business .h3Box ul{
    width:582px;
}
#business .h3Box ul li{
    float:left;
    width:252px;
    margin:16px 0 0 26px;
    _margin:16px 0 0 16px;
}
#business .h3Box ul li h3{
    margin-bottom:4px;
}
#business .h3Box .mgnT32{
    margin:32px 0 40px;
}
#business .planChange{
    background:#f2f2f2;
    border:1px solid #d9d9d9;
    padding:16px 24px;
    width:534px;
}
#business .planChange h3{
    color:#0071bc;
    font-size:18px;
    margin-bottom:4px;
}
#business .plan_sabtitle {
    font-size:18px;
    color:#5D9613;
    margin:0 0 4px 0;
}
#business .planChange .floatL{
    width:367px;
}
#business .casestudyBox ul li {
    float: left;
    margin: 16px 0 0 26px;
    width: 252px;
}
#business .faq{
    width:95%;
    text-align:left;
    margin:0 auto;
}
#business .faq dt{
    background:url(/main/function/images/originalsite/mark_q.png) no-repeat left 0.1em;
    padding-left:24px;
    padding-bottom:3px;
    font-size:18px;
    font-weight:bold;
    color:#0071bc;
    border-bottom:1px dotted #0071bc;
}
#business .faq dd{
    background:url(/main/function/images/originalsite/mark_a.png) no-repeat left 0.2em;
    padding-left:24px;
    margin:8px 0 32px 0;
}
#business .casestudyBox .mgnT32 {
    margin: 32px 0 40px;
}
#business table.planbox2{
    width:582px;
    margin-bottom:16px;
}
#business table.planbox2 thead th{
    border:0;
}
#business table.planbox2 thead th,#business table.planbox2 thead td{
    padding:0;
}
#business table.planbox2 .original .freeLine{
    border-right: 3px solid #cc0000;
    border-left: 3px solid #cc0000;
    border-top: 3px solid #cc0000;
}
#business table.planbox2 tr.bgGray td{
    background: #f7f3f7;
}
#business table.planbox2 tr.bgGray th{
    background: url('../main/plan/images/top_space.png') repeat-x left top #dedbde;
}
#business table.planbox2 tr.bgWhite th{
    background: url('../main/plan/images/top_space.png') repeat-x left top #e7e3e7;
}
#business table.planbox2 th,#business table.planbox2 td{
    border: 1px solid #cecfce;
}
#business table.planbox2 th{
    text-align: left;
    width: 154px;
}
#business table.planbox2 th.alignCenter{
    text-align: center;
}
#business table.planbox2 td{
    border: 1px solid #cecfce;
    padding: 8px 0;
    width:141px;
}
#business table.planbox2 td.alignLeft{
    padding: 8px;
}
#business table.planbox2 th.noLink{
    padding: 8px;
}
#business table.planbox2 th a{
    display: block;
    padding: 8px;
}
#business table.planbox2 tr.bgGray td.businessPlan{
    background: #0071BC;
}
#business table.planbox2 tr.bgGray td.businessPlan{
    background: #009245;
}
#business table.planbox2 tr.bgGray td.premiumPlan{
    background: #cc0000;
}
#business table.planbox2 tr.bgGray td.freeLine, #business table.planbox2 tr.bgWhite td.freeLine, #business table.planbox2 tr td.goldBg{
    border-right: 3px solid #cc0000;
    border-left: 3px solid #cc0000;
}
#business table.planbox2 tr.bgWhite td.freeLine {
    background: #ffffdb;
}
#business table.planbox2 tr.bgGray td.yellow{
    background: #fffbbd;
}
#business table.planbox2 tr.bgGray td.freeLine{
    background: #fffbbd;
}
#business table.planbox2 tr.bgWhite td.yellow2 {
    background: #ffffdb;
}
#business table.planbox2 tr td.fastItem{
    border-top: 1px solid #cc0000;
}
#business table.planbox2 tr td.lastItem{
    border-bottom: 3px solid #cc0000;
}
#business table.planbox2 tr td.goldBg{
    background: url('../main/plan/images/top_markAsp_bg.png') left top;
    padding-top: 0;
}
#business .casestudyBox .mgnT32 {
    margin: 32px 0 40px;
}


/* =========================================
	#longTerm
========================================== */
#longTerm .inner{
    margin-top:0;
}
#longTerm h3{
    margin:20px 0 12px 0;
}
#longTerm h4{
    margin-bottom:4px;
}
#longTerm .price{
    width: 537px;
    margin:16px auto 0;
    position:relative;
}
#longTerm .price table{
    width: 537px;
}
#longTerm .price table tr.bgGray td {
    background:#F7F3F7;
}
#longTerm .price table tr.bgGray th {
    background: url("/main/plan/images/top_space.png") repeat-x left top #DEDBDE;
}
#longTerm .price table tr.bgWhite th {
    background: url("/main/plan/images/top_space.png") repeat-x left top #E7E3E7;
}
#longTerm .price table th, #longTerm .price table td {
    border: 1px solid #CECFCE;
}
#longTerm .price table th {
    width: 147px;
    text-align:center;
    padding:8px 0;
}
#longTerm .price table th .textSmall{
    font-weight:normal;
    color:#F00;
}
#longTerm .price table th.alignCenter {
    text-align: center;
}
#longTerm .price table td {
    border: 1px solid #CECFCE;
    padding: 8px 0;
    width:194px;
}
#longTerm .price table td.alignLeft {
    padding: 8px;
}
#longTerm .table_img{
    position:absolute;
    bottom:-285px;
    left:0;
}
#longTerm .grayBox{
    margin-top:330px;
    background:#E6E6E6;
    padding:16px;
}
#longTerm .btn{
    margin:34px 0;
}


/* =========================================
	#omotenashi
========================================== */
#omotenashi .copy {
    margin:30px 0 24px;
}
#omotenashi .visual {
    position:relative;
}
#omotenashi .function_subtitle{
    margin:36px 0 12px;
}
#omotenashi #policyBox h4{
    font-size:12px;
}
#omotenashi #policyBox h5{
    font-size:12px;
    margin:16px 0 8px;
}
#omotenashi #policyBox ol.decimalStyle li{
    list-style:decimal;
    margin-left:1.5em;
    margin-bottom:4px;
}


/* =========================================
	#stock
========================================== */
#stock {
    background: #f2ede4;
}
#stock #lpsns {
    top:6px;
    right:8px;
    background:#fff;
    padding:4px;
}
#stock .visual{
    position:relative;
}
#stock .inner {
    width:630px;
    margin-left:0;
    margin-right:0;
}
#stock h4 {
    border-bottom: 1px dotted #999;
    padding-bottom: 8px;
}
#stock .section {
    margin: 0 auto 32px;
    width:570px;
}
#stock .floatR {
    width:300px;
}
#stock .yellowBox_top {
    background:url(/main/plan/stock/images/yellow_box_top.png) no-repeat top center;
    height:8px;
}
#stock .yellowBox {
    background:url(/main/plan/stock/images/yellow_box_bg.png) no-repeat bottom center;
}
#stock .topSeller {
    padding:8px 16px 16px;
    position:relative;
}
#stock .topSeller_inner {
    width:545px;
}
#stock .topSeller_inner .floatR {
    width:310px;
}
#stock .badge {
    position:absolute;
    top:-19px;
    left:-28px;
}
#stock .grayBox {
    background:#e6e1d8;
    padding:16px;
}


/* =========================================
	#domain
========================================== */
#domain .posiRe {
    position:relative;
}
#domain .posiA {
    position:absolute;
}
#domain .glay_base {
    background:#f2f2f2;
}
#domain .border {
    border-bottom: 1px dotted #bfbfbf;
    padding-bottom:5px;
}
#domain .h4sub_title {
    font-weight:bold;
    color:#de6c17;
    font-size:22px;
}
#domain #campaign .posiA{
    top:96px;
    left:205px;
}
#domain .section {
    margin-bottom:48px;
}
#domain #description_wrap {
    background:url(../../main/plan/images/domain/domain_center.png);
    margin-bottom:24px;
}
#domain #description_wrap #description_inner {
    margin:0 22px 20px;
}
@media (max-width: 640px) {
#domain #description_wrap #description_inner {
    margin: 0;
  }
}
#domain #description_wrap .description_title {
    background:url(../../main/plan/images/domain/triangle.png) no-repeat;
    padding-left:17px;
    font-size:13px;
    font-weight:bold;
}
#domain #melit_wrap ul {
    margin-left:-12px;
}
#domain #melit_wrap ul li {
    margin-left:12px;
    width:183px;
    display: inline-block;
    vertical-align:top;
}
@media (max-width: 640px) {
#domain #melit_wrap ul li {
    width: 85%;
    margin: 0px 0 40px 0;
  }
}
#domain #management ul li {
    vertical-align:top;
    width:281px;
    display:inline-block;
    background: url(../../main/plan/images/domain/feature_cnter.png) ;
}
#domain #management h5 {
    font-size:15px;
    color:#025c8e;
    font-weight:bold;
    margin:0 16px 4px 16px;
}
#domain #management h4 {
    font-size:15px;
    color:#025c8e;
    font-weight:bold;
    margin:0 16px 4px 16px;
}
#domain #management h5 .small {
    font-size:10px;
}
#domain #management h4 .small {
    font-size:10px;
}
#domain #management ul li p {
    margin:0 16px;
}
#domain #management .glay_base {
    padding:8px;
}
#domain #graf .posiA {
    top:-36px;
    left:41px;
}
#domain #acquisition h5 {
    font-size:17px;
}
#domain #acquisition h4 {
    font-size:17px;
}
#domain #acquisition .glay_base {
    padding:16px;
}


/* =========================================
	#kaiten
========================================== */
#kaiten {
	background-color:#fff;
}

#kaiten .topImgBg{
    position:relative;
	background:url(../../main/plan/kaiten/images/topImg04.png) no-repeat center bottom;
    height:162px;
}
#kaiten .topImgBg a img {
	margin-top: 24px;
}
#kaiten .visual .topImgBg .mail{
    position:absolute;
    top:-32px;
    right:-16px;
}
#kaiten .inner {
    width:582px;
}
#kaiten .packPrice{
    position: relative;
}
#kaiten .packPrice .newLabel{
    position: absolute;
    top: -8px;
    right: 0;
}
#kaiten h4{
    color:#666;
    font-size:12px;
}
#kaiten .section{
	margin-bottom:32px;
}
#kaiten .contactUpper {
    position:relative;
    margin-bottom:16px;
}
#kaiten .contactUpper .btnContact {
    left:315px;
    position:absolute;
    top:50px;
}
#kaiten .attention {
    background:url(/main/plan/kaiten/images/attention.png) no-repeat 30px 15px #e7e7e7;
    padding:20px 0 20px 100px;
    font-size:14px;
}
#kaiten #about .floatL {
    width:320px;
}
#kaiten #feature .floatL {
    width:335px;
}
#kaiten #feature .aboutBg {
    background:url(/main/plan/kaiten/images/aboutImgBg.png) no-repeat center bottom;
    width:572px;
    overflow:hidden;
    margin:16px auto 0;
}
#kaiten .aboutBgInner{
    margin:16px 24px;
    overflow:hidden;
}
#kaiten #price {
    position:relative;
}
#kaiten #price table{
    table-layout:fixed;
    width:100%;
    margin-top:4px;
    position:relative;
}
#kaiten #price table th{
    border: none;
    text-align:center;
    padding-bottom: 10px;
}
#kaiten #price table td{
    border:#d9d9d9 1px solid;
    padding:25px 0;
}
#kaiten #price table .tableTitle{
    padding: 0;
    border: none;
}
#kaiten #price table .tableGray{
    background-color: #e5e5e5;
}
#kaiten #price table td img{
    vertical-align:middle;
}
#kaiten #price table .planBtn td{
    border: none;
    background-image: url(../../main/plan/kaiten/images/planBtnLine.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 0 10px;
}
#kaiten #casestudy{
	margin-bottom: 8px;
}
#kaiten #casestudy h4{
	margin-bottom: 16px;
}
#kaiten #casestudy li{
	float: left;
	width: 187px;
	margin-right: 10px;
	margin-bottom: 24px;
}
#kaiten #casestudy li:last-child{
	margin-right: 0;
}
#kaiten #casestudy .shopCap{
	background-color: #cccccc;
	padding:5px;
	margin-bottom: 8px;
}
#kaiten #attended ul{
    width:560px;
    margin:auto;
    margin-left:20px;
}
#kaiten #attended ul li{
    list-style:disc;
    margin-bottom:4px;
}

#kaiten #faq {
	margin-bottom:0 !important;
}
#kaiten #faq .notice {
	padding-left:10px;
	margin:16px 0 24px;
}
#kaiten .faq {
    margin: -8px auto 8px;
    text-align: left;
    width: 97%;
}
#kaiten .faq dt {
    background:#fff url("../../main/plan/kaiten/images/mark_q.png") no-repeat 6px 12px;
    border-bottom: 1px dotted #0071BC;
    color: #0071BC;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 0 10px 34px;
	clear:both;
}
#kaiten .faq dt:hover {
    background:#eef7ff url("../../main/plan/kaiten/images/mark_q.png") no-repeat 6px 12px;
}
#kaiten .faq dd {
	line-height:1.6;
    background: url("../../main/plan/kaiten/images/mark_a.png") no-repeat 6px top;
    margin: 8px 0 32px;
	padding: 3px 0 0 34px;
}
#kaiten .faq .openBtn {
	cursor:pointer;
}
#kaiten #kaitenForm {
	padding-top:40px;
}


/* =========================================
	#charge
========================================== */
#charge .section{
    margin-bottom:40px;
}
#charge .red{
    color:#f00;
    font-weight:bold;
}
#charge .green{
    color:#77991d;
    font-weight:bold;
}
#charge .step{
    width:500px;
    margin:0 auto 16px;
}
#charge .step .clearfix{
    display:table;
}
#charge .step .clearfix .floatR{
    width:452px;
}
#charge .step .clearfix .img{
    display:table-cell;
    padding-left:5px;
    width:40px;
}
#charge .step .row p,
#charge .step .multiple p{
    display:table-cell;
    vertical-align:middle;
    line-height:3.0;
    padding-left:8px;
}
#charge .step .multiple p{
    line-height:1.5;
}
#charge .gray_box{
    background:#eee;
    padding:13px;
    margin-bottom:16px;
    color:#666;
}
#charge h3{
    background:url(../../main/plan/images/h3Bg.jpg) no-repeat;
    height:30px;
    line-height:2.7;
    padding-left:27px;
    margin-bottom:24px;
}
#charge .pay_box{
    width:460px;
    margin:0 auto 24px auto;
    background:url(../../main/plan/images/pay_bg.gif) no-repeat bottom;
    padding:40px 20px 20px;
    position:relative;
}
#charge .pay_box .title{
    position:absolute;
    top:-10px;
    left:0;
}

/* =========================================
	#charge
========================================== */
#charge .section{
    margin-bottom:40px;
}
#charge .red{
    color:#f00;
    font-weight:bold;
}
#charge .green{
    color:#77991d;
    font-weight:bold;
}
#charge .step{
    width:500px;
    margin:0 auto 16px;
}
#charge .step .clearfix{
    display:table;
}
#charge .step .clearfix .floatR{
    width:452px;
}
#charge .step .clearfix .img{
    display:table-cell;
    padding-left:5px;
    width:40px;
}
#charge .step .row p,
#charge .step .multiple p{
    display:table-cell;
    vertical-align:middle;
    line-height:3.0;
    padding-left:8px;
}
#charge .step .multiple p{
    line-height:1.5;
}
#charge .gray_box{
    background:#eee;
    padding:13px;
    margin-bottom:16px;
    color:#666;
}
#charge h3,
#photoomakase h3{
    background:url(../../main/plan/images/h3Bg.jpg) no-repeat;
    height:30px;
    line-height:2.7;
    padding-left:27px;
    margin-bottom:24px;
}
#charge .pay_box{
    width:460px;
    margin:0 auto 24px auto;
    background:url(../../main/plan/images/pay_bg.gif) no-repeat bottom;
    padding:40px 20px 20px;
    position:relative;
}
#charge .pay_box .title{
    position:absolute;
    top:-10px;
    left:0;
}


/* =========================================
	#access
========================================== */
#access .section{
    margin-bottom:36px;
}
#access h3{
    margin-bottom:16px;
}
#access #usage_charge .warning{
    background: url(../../images/icon_yellow.gif) no-repeat;
    padding-left:20px;
    line-height:1.7;
}
#access .counter{
    margin-bottom:24px;
}


/* =========================================
	#photoomakase
========================================== */
#photoomakase .section{
    margin-bottom:40px;
    overflow:hidden;/*Firefoxバグ（margin-topにスペースができ*/
}
#photoomakase #about p,
#photoomakase #shooting .floatL{
    width:400px;
}
#photoomakase #shooting ul{
    margin-bottom:16px;
}
#photoomakase #shooting li{
    list-style:disc;
    padding-bottom:4px;
    margin-left:11px;
    font-weight:bold;
    color:#77991d;
}


/* =========================================
	#mail_plus
========================================== */
#mail_plus .section{
    margin-bottom:24px;
}
#mail_plus h4{
    margin-bottom:16px;
}
#mail_plus #about .floatR{
    width:380px;
}
#mail_plus table{
    border-collapse:collapse;
    width:100%;
    border:1px solid #999;
}
#mail_plus table .wide th{
    height:35px;
}
#mail_plus table th{
    width:52px;
    font-weight:normal;
}
#mail_plus table th,
#mail_plus table td{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding:5px;
    font-size:10px;
    text-align:center;
}
#mail_plus table td.red{
    background-color:#ffcccc;
    width:60px;
}
#mail_plus #application ul{
    width:480px;
    margin:0 auto;
}
#mail_plus #application ul li{
    list-style-type:decimal;
    margin:0 0 4px 16px;
}


/* =========================================
	#sampleshop
========================================== */
#sampleshop .section{
    margin-bottom:40px;
}
#sampleshop .capImg{
    background:#000;
    width:204px;
    margin:10px auto;
}
#sampleshop .capImg img{
    border:2px solid #ececec;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}
#sampleshop .capImg a:hover img{
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    border:2px solid #ececec;
}
#sampleshop #s_premium ul{
    width:274px;
}
#sampleshop #s_premium ul li{
    background:url(../../main/plan/sample/images/listPre.gif) no-repeat;
    padding:0 0 4px 24px;
}
#sampleshop #s_premium .sample{
    width:271px;
    border:3px solid #ececec;
    padding-bottom: 5px;
}
#sampleshop #s_premium .sample p{
    background:#333;
    color:#fff;
    font-weight: bold;
    padding:2px 10px;
}
#sampleshop #s_business ul li{
    background:url(../../main/plan/sample/images/listBusiness.gif) no-repeat;
    padding:0 0 4px 24px;
}
#sampleshop #s_business .floatR,
#sampleshop #s_free .floatR{
    width:260px;
}
#sampleshop #s_free ul li{
    background:url(../../main/plan/sample/images/listFree.gif) no-repeat;
    padding:0 0 4px 24px;
}
#sampleshop #mobile .floatL{
    width:330px;
}


/* =========================================
	option-service
========================================== */
.option-list-wrap {
	border: 3px solid #e7e7e7;
	padding: 24px 24px 40px;;
}
.option-list:first-child {
	border-bottom: 3px solid #e7e7e7;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.option-list:first-child .service-text {
	background: url(../../main/plan/kaiten/images/option-service-image01.png) top right no-repeat;
	padding-top: 0;
	margin-top: 24px;
}
.service-text {
	font-size: 14px;
	line-height: 25px;
	background: url(../../main/plan/kaiten/images/option-service-image02.png) top right no-repeat;
	padding-top: 20px;
	padding-right: 170px;
	padding-bottom: 40px;
}
.service-text-example {
	font-size: 14px;
	margin-top: 16px;
}
.option-list:last-child {
	border-top: 3px solid #e7e7e7;
	padding-top: 40px;
	margin-top: 40px;
}
.option-list:last-child .service-text  {
	font-size: 14px;
	line-height: 25px;
	background: url(../../main/plan/kaiten/images/option-service-image03.png) top right no-repeat;
	padding-top: 20px;
	padding-right: 170px;
	padding-bottom: 40px;
}
.service-list-wrap {
	font-size: 14px;
	background-color: #f2f2f2;
	padding: 24px ;
	margin-top: 16px;
}
.service-list-title {
	font-size: 16px;
	font-weight: bold;
}
.service-list {
	list-style: disc;
	line-height: 24px;
	margin-top: 8px;
	margin-left: 20px;
}
.option-servece-btn {
	text-align: center;
	margin-top: 40px;
}
