@charset "utf-8";
/* service */

@import url(./common.css);

/******** INDEX ********/

div.index{
 border:1px #E3E3E3 solid;
 border-bottom:none;
}

dl.index{
 border-bottom:1px #E3E3E3 solid;
 background-color:#EE000D;
}

dl.index dt{
 float:left;
 font-weight:bold;
 color:#FFFFFF;
 width:190px;
}

dl.index dd{
 float:right;
 background-color:#FFFFFF;
 width:420px;
 border-left:1px #E3E3E3 solid;
 >margin-bottom:-1px;
}

.index_link{
 width:160px;
 float:left;
}

.index_dt{
 float:left;
}

/******** MOBILE-SITE_CREATE ********/

dl.only_one{
 padding:0 240px 0 10px;
 background:url(../img/service/mobile-site_create/development/img2.jpg) no-repeat top right;
 min-height:330px;
}

dl.only_one dt{
 color:#EE000B;
 font-weight:bold;
 font-size:1.4em;
}

dl.only_one dd{
 margin-bottom:30px;
}

dl.create_work{
 background: url(../img/service/mobile-site_create/development/img3.jpg) no-repeat top right;
 min-height:220px;
 padding:0 300px 0 10px;
}

.m_0_10{
 margin:0 10px;
 display:block;
}

div.img{
 float:left;
 margin-left:10px;
 width:270px;
}

* html div.img{
 margin-left:0;
}

dl.restructure{
 float:right;
 margin-right:10px;
 width:310px;
}

* html dl.restructure{
 margin-right:0;
}

dl.restructure dt{
 color:#EE000B;
 font-weight:bold;
 font-size:1.4em;
 margin-bottom:10px;
}

.p_b_20{
 padding-bottom:20px;
}

dl.operation{
 background:url(../img/service/mobile-site_create/operation/img3.jpg) no-repeat top right;
 padding:0 280px 0 10px;
 min-height:180px;
}

dl.operation dt{
 color:#EE000B;
 font-weight:bold;
 font-size:1.4em;
 margin-bottom:10px;
}

/******** MOBILE-SEO ********/

#contents p.service{
 margin-bottom:50px;
}

#contents p.seo_link{
 background-color:#F0F0F0;
 padding:5px 15px;
 display:block;
 margin:20px 10px;
 line-height:260%;
 border:1px #E3E3E3 solid;
}

#mobile_workflow{
 margin:40px 10px;
 background:url(../img/service/mobile-seo/index/bg.gif) no-repeat;
 height:735px;
 position:relative;
}

#mobile_workflow p.workflow1{
 position:absolute;
 top:37px;
 left:264px;
 width:320px;
}

#mobile_workflow p.workflow2{
 position:absolute;
 top:216px;
 left:264px;
 width:320px;
}

#mobile_workflow p.workflow3{
 position:absolute;
 top:666px;
 left:264px;
 width:320px;
}

#contents p.button{
 text-align:center;
 margin:0 130px;
 padding:10px 0;
 background-color:#EFEFEF;
 display:block;
}

/******** JAPANESE-ADVANCE-COMPNY-SUPPORT ********/

.blue{
 color:#006FE8;
 font-weight:bold;
}

div.support_cost{
 margin:0 10px;
 border:1px #E3E3E3 solid;
 border-bottom:none;
}

dl.support_cost{
 background-color:#F0F0F0;
 border-bottom:1px #E3E3E3 solid;
}

dl.support_cost dt{
 float:left;
 text-align:center;
 padding:20px 0;
 width:150px;
}

dl.support_cost dd{
 float:right;
 background-color:#FFFFFF;
 padding:20px 0;
 width:440px;
 border-left:1px #E3E3E3 solid;
}

.support_span{
 padding:0 20px;
 display:block;
}

/******** FORMULATE ********/

.m_b_70{
 margin-bottom:70px;
}

/******** IPHON_IPAD-SITE_CREATE ********/

h4{
 margin:50px 0 20px 10px;
}

/******** MOBILE-SITE_PROMOTION ********/

div.pdca{
 float:right;
 width:400px;
 text-align:right;
}

dl.pdca{
 float:left;
 width:215px;
}

dl.pdca dt{
 margin:40px 0 10px 0;
}

dl.pdca dt.plan{
 margin:0 0 10px 0;
}

dl.pdca dd{
 margin-left:5px;
}

#promotion{
 padding:20px 15px;;
 border:1px #E3E3E3 solid;
 margin-bottom:20px;
}

#promotion dl{
 margin-bottom:20px;
}

#promotion dl dt{
 float:left;
 font-weight:bold;
 line-height:200%;
 color:#333333;
}

#promotion dl dd{
 float:right;
 border-left:1px #EEEEEE solid;
 width:380px;
 line-height:200%;
}

.m_l_10{
 margin-left:10px;
}