@charset "utf-8";
/* CSS Document */

/* 気になるお値段 */
#cmsLineup{
padding-top: 40px;
padding-bottom: 15px;
padding-left: 20px;
}
#cmsLineup li{
float: left;
}
#cmsPlan{
background-image: url(../cms/img/plan_bg.gif);
background-repeat: repeat-y;
background-position: left;
padding-bottom: 5px;
margin-left: 10px;
}
#cmsPlan li{
float: left;
width: 322px;
padding-right: 15px;
text-align: center;
}
#cmsPlan li h4{
margin-bottom: 7px;
}
#cmsPlan li h5{
margin-top: 8px;
margin-bottom: 6px;
text-align: left;
padding-left: 14px;
}
#cmsPlan li dl{
line-height: 1.5;
padding-right: 14px;
padding-left: 20px;
text-align: left;
}
#cmsPlan li dl dt{
float: left;
width: 120px;
}
#cmsPlan li dl dd{
float: left;
width: 160px;
}
#cmsPlan li p{
text-align: left;
padding-left: 20px;
}
.cmsPlan_btm{
margin-bottom: 60px;
padding-left: 10px;
}
.cmsBox01{
width: 640px;
margin-left: 20px;
margin-bottom: 50px;
}
.cmsBox01 li{
background-image: url(../cms/img/box01_bg.gif);
margin-bottom: 15px;
}
.cmsBox01 li p{
padding-right: 23px;
padding-left: 23px;
padding-top: 0.2em;
padding-bottom: 0.7em;
}

/* 使いはじめるまではカンタン */
.cmsPoint{
width: 640px;
padding-left: 20px;
margin-bottom: 20px;
}
.cmsPoint li{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding-left: 100px;
background-repeat: no-repeat;
background-position: left top;
padding-top: 7px;
margin-bottom: 1em;
}
.cmsPoint li.cmsPoint01{
background-image: url(../cms/img/usage_point01.jpg);
}
.cmsPoint li.cmsPoint02{
background-image: url(../cms/img/usage_point02.jpg);
}
.cmsPoint li.cmsPoint03{
background-image: url(../cms/img/usage_point03.jpg);
}
.cmsPoint li p{
margin-top: 0.5em;
margin-bottom: 1em;
}
.cmsBox02{
width: 660px;
background-color: #FFC;
margin-bottom: 70px;
margin-left: 10px;
}
.cmsBox02 ul{
padding-right: 25px;
padding-left: 25px;
margin-bottom: 10px;
margin-top: 10px;
}
.cmsBox02 ul li{
background-image: url(../cms/img/usage_check.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #F89E14;
padding-bottom: 0.3em;
padding-top: 0.3em;
font-weight: bold;
color: #404040;
}
#flow li ul li.cmsFlow_domain{
background-image: url(../cms/img/step1_mtit01.jpg);
}
#flow li ul li.cmsFlow_server{
background-image: url(../cms/img/step1_mtit02.jpg);
}
#flow li ul li.cmsFlow_design{
background-image: url(../cms/img/step1_mtit03.jpg);
}
#flow li ul li.cmsFlow_color{
background-image: url(../cms/img/step1_mtit04.jpg);
}
#flow li ul li.cmsFlow_info{
background-image: url(../cms/img/step1_mtit05.jpg);
border-bottom-style: none;
}
.cmsTable01{
width: 500px;
border: 2px solid #AAC164;
line-height: 1.5;
}
.cmsTable01 th{
background-color: #F7FBE5;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #AAC164;
border-bottom-color: #AAC164;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-right: 1.5em;
padding-left: 1.5em;
}
.cmsTable01 td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAC164;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1.5em;
}
.flowTxt02 strong{
font-weight: bold;
color: #FF6600;
}
.cmsFlow_notes01{
color: #FF6600;
padding-left: 73px;
margin-bottom: 20px;
}
.cmsFlow_notes02{
color: #FF6600;
line-height: 1.5;
padding-left: 10px;
margin-top: 15px;
margin-bottom: 30px;
}
#flow li ul li.cmsFlow_design ul{
width: 510px;
margin-left: 0px;
margin-bottom: 10px;
}
#flow li ul li.cmsFlow_design ul li{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: left;
width: 160px;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#flow li ul li.cmsFlow_info ul{
margin-top: 8px;
padding-left: 30px;
padding-right: 0px;
width: 500px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#flow li ul li.cmsFlow_info ul li{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
float: left;
width: 121px;
}

/* 成功のヒケツ */
.cmsBAtit{
margin-top: 33px;
margin-bottom: 9px;
text-align: center;
width: 680px;
}
.cmsBox04{
float: left;
width: 200px;
margin-left: 10px;
background-image: url(../cms/img/box04_bg.gif);
background-repeat: repeat-y;
text-align: center;
display: inline;
margin-top: 9px;
}
.cmsBox04 h5{
font-weight: bold;
background-image: url(../cms/img/success_icon01.gif);
background-repeat: no-repeat;
background-position: 12px center;
padding-left: 77px;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
.cmsBox04 p{
margin-bottom: 10px;
margin-top: 10px;
}
#cmsBefore{
float: left;
width: 450px;
padding-left: 10px;
}
#cmsAfter{
padding-left: 2px;
margin-bottom: 35px;
}
#cmsAfter li{
float: left;
}
.cmsBox03{
width: 662px;
margin-left: 9px;
background-image: url(../cms/img/box03_bg.gif);
background-repeat: repeat-y;
margin-bottom: 35px;
}
.cmsBox03 h4{
padding-left: 35px;
margin-top: 20px;
margin-bottom: 18px;
}
.cmsBox03 ul{
padding-left: 45px;
padding-right: 45px;
margin-bottom: 20px;
}
.cmsBox03 ul li{
padding-left: 45px;
padding-bottom: 0.7em;
background-repeat: no-repeat;
background-position: left 3px;
}
.cmsBox03 ul li.cmsComment_b01{
background-image: url(../cms/img/success_b01.gif);
padding-left: 135px;
color: #505050;
}
.cmsBox03 ul li.cmsComment_b02{
background-image: url(../cms/img/success_b02.gif);
color: #505050;
}
.cmsBox03 ul li.cmsComment_a01{
background-image: url(../cms/img/success_a01.gif);
padding-left: 135px;
color: #769924;
}
.cmsBox03 ul li.cmsComment_a02{
background-image: url(../cms/img/success_a02.gif);
color: #769924;
}

/* スッキリ解決！Q&A */
.cmsQA{
background-image: url(../cms/img/qa_a.jpg);
}
.cmsList3 li{
background-image: url(../cms/img/list3.gif);
}
.cmsList2 li{
background-image: url(../cms/img/list2.gif);
}
.cmsQA p .cmsQA_notes{
color: #FF6600;
}
.cmsQA p strong{
font-weight: bold;
color: #85B21B;
}
.cmsTable02{
width: 540px;
border: 2px solid #AAC164;
line-height: 1.5;
margin-bottom: 20px;
}
.cmsTable02 th{
background-color: #F7FBE5;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #AAC164;
border-bottom-color: #AAC164;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-right: 1.5em;
padding-left: 1.5em;
}
.cmsTable02 td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #AAC164;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1.5em;
padding-right: 1.5em;
}
.flowTxt03 .Point {
color: #FF6600;
}