@charset "UTF-8";
/* detail.css */

/* \ */
* html h4 {
    zoom:1;
    line-height:1.2em;
}

.imageLayout01 {
	float:left;
	margin:0 20px 10px 0;
}
.imageLayout02 {
	float:right;
	margin:0 0 10px 20px;
}
.detaliFlow .flow {
	width:300px;
	border:solid 1px #CCCCCC;
	padding:25px 0;
	float:left;
	background-color:#F6F6F6;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#4C4C4C;
}
.detaliFlow li {
	clear:both;
	margin-bottom:10px;
	padding-bottom:20px;
	background:url(/images/service/FlowArrow.png) no-repeat 135px bottom;
}
.detaliFlow li.flowLast {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
.detaliFlow li .textNormal {
	width:390px;
	float:right;
}
#ServiceDetail table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	line-height:1.6em;
	text-align:left;
}
#ServiceDetail table th {
	width:170px;
	border-right:solid 2px #FFFFFF;
	border-bottom:solid 2px #FFFFFF;
	padding:10px;
	background-color:#D1DEE3;
	vertical-align:middle;
}
#ServiceDetail table td {
	border-bottom:solid 2px #FFFFFF;
	padding:10px;
	background-color:#F4F3F0;
	vertical-align:middle;
}
.box3_area{
	width:710px;
	margin:20px 0 0 0;
	text-align:left;
}
.box3_area .box2,
.box3_area .box3 {
	margin-left:6px;
}
.box3_area .box1,
.box3_area .box2,
.box3_area .box3 {
	border-width:1px;
	border-style:solid;
	border-color:#999;
	border-radius:16px;
	float:left;
	width:230px;
	min-height:300px;
    height:auto !important;
    height:300px;

}

.box3_area .inner {
	padding:20px 10px 10px 10px;
}
.box3_area h5 {
	font-size:20px;
}

.kanren_ser {
	border-width:1px;
	border-style:solid;
	border-color:#999;
	border-radius:16px;
	width:710px;
	margin:10px 0 0 0;
}
.kanren_ser .inner {
	padding:10px;
	width:690px;
}
.kanren_ser h6 {
	margin:0 0 10px 0;
}
.kanren_ser .inner .kanren_box {
	border-width:1px;
	background-color:#1F497D;
	border-color:#999;
	border-radius:16px;
	color:#FFF;
	float:left;
	width:168px;
	margin:0 0 10px 6px;
	text-align:center;
}

.kanren_ser .inner .kanren_box .box_inner {
	padding:10px 6px 10px 6px;
	display:block;
}

.box2_area{
	width:710px;
	margin:20px 0 0 0;
	text-align:left;
}
.box2_area .box_right {
	margin-left:6px;
}
.box2_area .box_left,.box_right {
	border-width:1px;
	border-style:solid;
	border-color:#999;
	border-radius:16px;
	float:left;
	width:350px;
	min-height:250px;
    height:auto !important;
    height:250px;
	margin:0 0 6px 0;

}

.box2_area .inner {
	padding:20px 10px 10px 10px;
}
.box2_area h5 {
	font-size:20px;
}

h4.arrow_back,
h5.arrow_back,
dl.arrow_set dt,
#seo_jisseki dl dt {
	margin-bottom:10px;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	background:url(/images/common/IconArrow02.png) no-repeat left center;
}
#seo_jisseki dl dt {
	margin-top:20px;
}


dl.arrow_set dd {
	margin-bottom: 20px;
}

.jisseki_collects {
	width:710px;
	margin:10px 0;
}

.jisseki_collects .jisseki_t {
	float:left;
	background-color: #D1DEE3;
	width:170px;
	height:50px;
	line-height:50px;
	text-align:center;
}

.jisseki_collects div.box2 div,
.jisseki_collects div.box3 div {
	float:left;
	height:50px;
	background-color: #F4F3F0;
	margin-left:6px;
	text-align:center;
}
.jisseki_collects div.box2 div {
	width:264px;
}
.jisseki_collects div.box3 div {
	width:174px;
}

.jisseki_collects div.box2 .inner,
.jisseki_collects div.box3 .inner {
	padding-top:10px;
	line-height:1.3em;
}

.jisseki_collects div.box3 div.last {
	line-height:50px;
	font-size:18px;
}
#ServiceDetail ol {
	list-style-position:outside;
	margin-left:20px;
}
#ServiceDetail dd {
	line-height:1.6em;
}
.mar_t0 {
	margin-top:0 !important;
}
.mar_t10 {
	margin-top:10px !important;
}
.mar_t20 {
	margin-top:20px !important;
}
.mar_t28 {
	margin-top:28px !important;
}
.mar_b0 {
	margin-bottom:0 !important;
}
.mar_b10 {
	margin-bottom:10px !important;
}
.mar_b20 {
	margin-bottom:20px !important;
}
.mar_b30 {
	margin-bottom:30px !important;
}
.mar_b40 {
	margin-bottom:40px !important;
}
.mar_l0 {
	margin-left:0 !important;
}
.font_s14 {
	font-size:14px !important;
}
.line_h15 {
	line-height:1.5em !important;
}
.line_h16 {
	line-height:1.6em !important;
}

.float_l {
        float:left !important;
}

.cursor_point {
       cursor: pointer;
}

/* seo用サービスフロー */
.detaliFlow_long {
	width:600px;
	margin:0 auto;
}
.detaliFlow_long .flow {
	border:solid 1px #CCCCCC;
	background-color:#F6F6F6;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#4C4C4C;
	height:70px;
	line-height:70px;
}
.detaliFlow_long .flow_2row {
	border:solid 1px #CCCCCC;
	padding:20px 0;
	background-color:#F6F6F6;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#4C4C4C;
	height:30px;
}

.detaliFlow_long li {
	width:600px;
	margin-bottom:10px;
	padding-bottom:20px;
	background:url(/images/service/FlowArrow.png) no-repeat 285px bottom;
	line-height:1.5em;
}
.detaliFlow_long li.flowLast {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
.detaliFlow_long ul.sub li {
	background:none;
	width:296px;
	float:left;
}
.detaliFlow_long ul.sub .left,
.detaliFlow_long ul.sub .right {
	margin-bottom:0;
	padding-bottom:0;
}

.detaliFlow_long ul.sub .right {
	margin:0 0 0 8px;
}

#estimate_area .arrow_back {
	margin-top:20px;
}

.detaliFlow .flow_2row {
    background-color: #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #4C4C4C;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    padding: 20px 0;
    text-align: center;
	width:300px;
	float: left;
}

div.arrow01 h4 {
	background: url("../images/common/IconArrow02.png") no-repeat scroll left center transparent;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
}
ul.arrow01 li,
dl.arrow01 dt {
	background: url("../images/common/IconArrow02.png") no-repeat scroll left center transparent;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
    zoom:1;
	line-height:1.5em;
}
ul.arrow01 li.line2 {
	background-position:left top !important;
}
/* \ */
* html dt,
* html ul li {
    line-height: 1.2em;
}
dl.arrow01 dd {
	margin-bottom:10px;
}

.textNormal .tablet {
	background-color:#FFCC99;
	padding:10px;
}

/* スマートフォン対策 */
#smartphone_means .top_area {
	width:710px;
	margin:10px 0 0 0;
}

#smartphone_means .top_box {
	width:232px;
	float:left;
	margin-left:6px;
        overflow:hidden;
}

#smartphone_means .top_box.fast {
	margin-left:0;
}

#smartphone_means .top_box h3 {
	color:#FFF;
	width:232px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin:0;
	padding:0;
}

#smartphone_means .top_box h3.red {
	background:#FF5050;
}
#smartphone_means .top_box h3.green {
	background:#9BBB59;
}
#smartphone_means .top_box h3.blue {
	background:#4BACC6;
}

#smartphone_means .top_box .top_summry {
	background:#F2F2F2;
	width:224px;
	height:100px;
}

#smartphone_means .top_box .top_summry.red {
	border:solid 4px #FF5050;
}
#smartphone_means .top_box .top_summry.green {
	border:solid 4px #9BBB59;
}
#smartphone_means .top_box .top_summry.blue {
	border:solid 4px #4BACC6;
}

#smartphone_means .top_box .top_summry p {
	padding:10px;
}

#smartphone_means .conts_area .conts_box {
	width:224px;
	float:left;
	margin-left:6px;
}
#smartphone_means .conts_area .conts_box.fast {
	margin-left:0;
}
#smartphone_means .conts_area .conts_box.red {
	border:solid 4px #FF5050;
}
#smartphone_means .conts_area .conts_box.green {
	border:solid 4px #9BBB59;
}

#smartphone_means .conts_area .conts_box.blue {
	border:solid 4px #4BACC6;
}


#smartphone_means .conts_area .conts_box p {
	font-size:28px;
	font-weight:bold;
	height:48px;
	line-height:50px;
	text-align:center;
	background:#F2F2F2;
}

#smartphone_means .conts_area.col2 .conts_box div {
	font-weight:bold;
	height:56px;
	text-align:center;
	background:#F2F2F2;
}
#smartphone_means .conts_area.col2 .conts_box p.up {
	font-size:28px;
	line-height:1.2em;
	height:auto;
	padding:5px 0 0 0;
}
#smartphone_means .conts_area.col2 .conts_box p.down {
	font-size:10px;
	line-height:1em;
	height:auto;
}

/* コンサルティングレポート */
#report .report_box {
	width:710px;
	margin:0 0 10px 0;
}

#report .report_box .left {
	float:left;
	width:200px;
}
#report .report_box .right {
	float:left;
	width:500px;
	margin-left:10px;
}

#report .report_box .right dl {
	padding:10px 0 0 0;
}

#report .report_box .right dl dt {
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}

/* アクセス解析レポートの内容 */
#access_analytics .box2_areas {
	width:710px;
	margin:10px 0 10px 0;
}
#access_analytics .box2_areas .box {
	float:left;
	width:350px;
}
#access_analytics .box2_areas .box.r {
	margin-left:10px;	
}
#access_analytics .box2_areas .box .left {
	width:130px;
	float:left;
}
#access_analytics .box2_areas .box .right {
	width:170px;
	float:left;
	margin-left:10px;
}

#access_analytics .box2_areas .box .right dl {
	padding:10px 0 0 0;
}
#access_analytics .box2_areas .box .right dl dt {
	font-weight:bold;
	margin-bottom:10px;
}
#access_analytics .box2_areas .box .right dl dd {
	line-height:1em;
}

/* Webアンテナ */
table.webantena th {
	width:353px;
	border-right: 2px solid #FFFFFF;
	text-align:center;
}

table.webantena td {
	width:353px;
	border-right: 2px solid #FFFFFF;
	text-align:right;
}

/* サービス用汎用スタイル */
.go_to_pagetop {
	text-align:right;
	margin:10px 0 0 0;
}
.flow_arrow {
    background: url("../images/service/FlowArrow.png") no-repeat scroll 135px 76px transparent !important;
}

.navService.nav07 li.nav07 a,
.navService.nav08 li.nav08 a {
	background-position:0 -36px;
	color:#FFFFFF;
	font-family:"FOT-ニューロダン ProN DB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

.navService.nav07 li.nav07 a:hover,
.navService.nav08 li.nav08 a:hover {
	color:#FFFFFF;
}

#seo_jisseki dl dt,
#smartphone_means dl dt {
    margin-top: 20px;
}

h3.arrow_back,
h4.arrow_back,
dl.arrow_set dt,
#seo_jisseki dl dt,
#smartphone_means dl dt {
    background: url("/images/common/IconArrow02.png") no-repeat scroll left center transparent;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
    zoom:1;
}
/* \ */
* html #smartphone_means dl dt {
    line-height: 1.2em;
}

.ol_style01 {
    list-style-position: inside !important;
    list-style-type: none !important;
    margin-left: 0 !important;
}

/* インタレストマッチ */
#ServiceDetail table.interest_match th {
	width:110px;
}
#ServiceDetail table.interest_match th,
#ServiceDetail table.interest_match td {
	vertical-align:middle;
        text-align:left;
}

#ServiceDetail table.interest_match td.bor {
	border-right:solid 2px #FFFFFF;
}
#ServiceDetail table.interest_match.col3 td {
	width:173px;
}
.interest_h4 {
	margin:20px 0 10px 0;
}

.point_box {
	background-color:#D1DEE3;
	padding:10px;
}
.point_box dl dt {
	margin-top:10px;
}
.point_box dl dt.first {
	margin-top:0;
}
.point_box p {
	margin-top:10px;
}

.smart_point li {
    line-height: 1.8em;
    font-size:12px;
}

/* SEO */
#ServiceDetail table#SEOGoogle {
	width:710px;
	border-collapse:collapse;
    border-spacing:0;
	border-right:solid 2px #FFFFFF;
	margin:20px 0;
	line-height:1.5em;
}
#ServiceDetail table#SEOGoogle th {
	background-color:#185382;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
#ServiceDetail table#SEOGoogle td {
	border-right:solid 2px #FFFFFF;
}
#ServiceDetail table#SEOGoogle td.SEOGoogleElement {
	background-color:#D1DEE3;
	font-weight:bold;
}
#ServiceDetail table#SEOGoogle td.SEOGoogleWork ul {
	margin-left:20px;
	list-style-type:disc;
	list-style-position:outside;
	font-size:10px;
}
#ServiceDetail table#SEOGoogle td.SEOGoogleItem {
	font-weight:bold;
}

.meo_img_right {
float:right;
width:282px;
margin-left:20px;
}

.meo_text_left {
float:left;
width:408px;
}