@charset "utf-8";

@import url(main.css);
@import url(class.css);

/*---------------------------------------------------
					TOPページ
-----------------------------------------------------*/
div#contents div.post:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.post{ display: inline-block; }
div#contents div.post { display: block; }



div#contents div.post div.top_contents {
	width: 346px;
	float: left;
}

div#contents div.post div.top_contents h2 {
	margin-bottom: 16px;
}

div#contents div.post div.top_contents h3 {
	margin-bottom: 20px;
	clear: both;
}

div#contents div.post div.top_contents div.txt_box {
	padding: 0 5px 0 0;
	margin-bottom: 10px;
}




/*-----
各背景指定
-----*/
div#contents div.post div.top_contents div.seo_box { background: url(images/toppage/seo_bg.jpg) 0 0 no-repeat !important;}
div#contents div.post div.top_contents div.listing_box { background: url(images/toppage/listing_bg.jpg) 0 0 no-repeat;}
div#contents div.post div.top_contents div.website_box { background: url(images/toppage/website_bg.jpg) 0 0 no-repeat;}
div#contents div.post div.top_contents div.claim_box { background: url(images/toppage/claim_bg.jpg) 0 0 no-repeat;}

div#contents div.post div.top_contents img.imgs{margin:0 15px 0 0;float:left;}
div#contents div.post div.top_contents div.imgs_box{margin:0 0 10px 0;float:left;width:230px;}




div#contents div.post div.top_contents div.txt_box h4 {
	margin-bottom: 3px;
}

div#contents div.post div.top_contents div.txt_box p {
	font-size: 80%;
	line-height: 1.5;
}

div#contents div.post div.top_contents p.link_txt {
	font-size: 83%;
	text-align: right;
	margin: 16px 0 0 ;
}

div#contents div.post div.top_contents p.link_txt a{
	background: url(images/toppage/top_icon02.gif) left center no-repeat;
	padding: 0 0 0 15px;
}


/* seoのボタン */
div#contents div.post div.top_contents ul.seo_btn {
	clear:both;
	width: 354px;
	margin: 0 -8px 16px 0;
}

div#contents div.post div.top_contents ul.seo_btn:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.post div.top_contents ul.seo_btn { display: inline-block; }
div#contents div.post div.top_contents ul.seo_btn { display: block; }

div#contents div.post div.top_contents ul.seo_btn li {
	width: 169px;
	margin: 2px 8px 0 0;
	float: left;
}

div#contents div.post h2.keyword_jisseki_top {
	clear: both;
	padding: 20px 0 20px;
}


div#contents div.post iframe.keyword_jisseki_top {
	height: 180px;
	overflow-y: scroll;
	border: 1px solid #d4d4d4;
	margin-bottom: 0px;
	width: 704px;
}

div#contents div.post p.txt_bigkeyword {
	font-size: 80%;
	font-weight: bold;
	//text-align: right;
	line-height: 1.5;
	color: #444444;
	margin: 0;
	padding: 0;
	width: 706px;
}

/*---------------------------------------------------
					solutionの共通
-----------------------------------------------------*/
div#contents div.solution h2 {
	margin-bottom: 25px;
	padding: 0;
	clear: both;
}

div#contents div.solution h3 {
	margin-bottom: 30px;
	padding: 0 !important;
	
}

div#contents div.solution h4 {
	margin-top: 30px;
}

div#contents div.solution img {
	vertical-align: bottom;
}

div#contents div.solution .txt_center {
	text-align: center;
	padding: 0;
}

div#contents div.solution .title_under {
	font-size: 83%;
	font-weight: bold;
	margin: 0 10px 15px;
	padding: 0;
	line-height: 1.5;
}




/* 注意文言リスト */
div#contents div.solution ul.notes_list li {
	font-size: 80%;
	line-height: 1.5;
}

/* メリット解説テキスト */
div#contents div.solution .txt_merit {
	font-size: 83%;
	font-weight: bold;
	margin: 0 0 15px 5px;
	padding: 10px 0 0 48px;
	min-height: 32px;
	line-height: 1.5;
	background: url(images/solution/icon_merit.gif) 0 0 no-repeat;
	color: #00007a;
}

* html div#contents div.solution .txt_merit {
	height: 32px;
}


/* メリット解説BOX */
div#contents div.solution div.merit_box {
	background: url(images/solution/bg_merit_box_top.gif) 0 0 no-repeat;
	width: 353px;
	padding: 7px 0 0;
	margin: 0 auto 30px;
}

div#contents div.solution div.merit_box dl {
	background: url(images/solution/bg_merit_box_bottom.gif) 0 bottom no-repeat;
	padding: 1px 24px 26px;
}

div#contents div.solution div.merit_box dl dt {
	padding: 15px 0 3px;
	line-height: 1.5;
	font-weight: bold;
}

div#contents div.solution div.merit_box dl dd {
	font-size: 70%;
	line-height: 1.5;
	margin: 0 0 0 20px;
}

/* 内容解説BOX */
div#contents div.solution ul.detail_box {
	margin: 0 0 30px 4px;
	width: 511px;
}

div#contents div.solution ul.detail_box:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.solution ul.detail_box { display: inline-block; }
div#contents div.solution ul.detail_box { display: block; }

div#contents div.solution ul.detail_box li.item {
	width: 226px;
	background: url(images/solution/bg_detail_box.gif) 0 0 no-repeat;
	min-height: 137px;
	padding: 21px 0 0 22px;
	float: left;
}

* html div#contents div.solution ul.detail_box li.item {
	height: 137px;
}

div#contents div.solution ul.detail_box li.item_right {
	float: right;
}

div#contents div.solution ul.detail_box li.item h3 {
	margin: 0 0 5px;
}

div#contents div.solution ul.detail_box li.item li {
	padding: 1px 0 0 5px;
}


div#contents div.solution .red {
	color: #6f1616;
	font-style: normal;
}

/* コンテンツ内、内に食い込むBOX */
div#contents div.solution div.main_inner {
	margin: 0 10px 0;
}

div#contents div.solution div.main_inner p {
	margin: 15px 0 0;
	font-size: 80%;
	line-height: 1.5;
	padding: 0;
}

div#contents div.solution div.main_inner p em {
	color: #6f1616;
	font-style: normal;
	font-weight: bold;
}

div#contents div.solution div.main_inner a {
		color: #1979ab;
		text-decoration: underline;
}

div#contents div.solution div.main_inner a:hover {
	color: #71bce2;
	text-decoration: none;
}

/* 2カラムのボックス */
div#contents div.solution ul.twocol_box {
	background: url(images/solution/bg_2col_box.gif) 0 bottom no-repeat;
	margin: 10px 0 0 4px;
	width: 511px;
	min-height: 175px;
	padding-bottom: 20px;
}

* html div#contents div.solution ul.twocol_box {
	height: 175px;
}

div#contents div.solution ul.twocol_box:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.solution ul.twocol_box { display: inline-block; }
div#contents div.solution ul.twocol_box { display: block; }

div#contents div.solution ul.twocol_box_single {
	width: 248px;
}




div#contents div.solution ul.twocol_box li.item {
	width: 248px;
	float: left;
}

div#contents div.solution ul.twocol_box li.item_right {
	float: right;
}

div#contents div.solution ul.twocol_box li.item .title {
	color: #fff;
	font-weight: bold;
	padding: 12px 22px !important;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 10px;

}

/* タイトル背景の色変更 */
div#contents div.solution ul.twocol_box li.item .blue {
	background: url(images/solution/bg_blue_head.gif) 0 0 no-repeat;
}

div#contents div.solution ul.twocol_box li.item .pink {
	background: url(images/solution/bg_pink_head.gif) 0 0 no-repeat;
}


div#contents div.solution ul.twocol_box li.item p {
	font-size: 80%;
	line-height: 1.5;
	padding: 0 22px 3px;
}

div#contents div.solution ul.twocol_box li.item ul.link li {
	text-align: right;
	line-height: 1.5;
	padding: 5px 22px 0;
	font-size: 80%;
}

div#contents div.solution ul.twocol_box li.item ul.link li a {
	background: url(images/solution/icon_arrow.gif) 0 0.5em no-repeat;
	padding: 0 0 0 10px;
	color: #1979ab;
}

div#contents div.solution ul.twocol_box li.item ul.link li a:hover {
	color: #71bce2;
}


/* 料金体系 */
div#contents div.solution p.txt_contact {
	text-align: center;
	padding: 20px 0 0 0;
	border-top: 1px dotted #b3b2b2;
}


/* コンテンツ下部 お問合せBOX */
div#contents div.solution div.contact_box {
	background: url(images/solution/bg_dotbox_top.gif) 0 0 no-repeat;
	padding: 7px 0 0;
	margin: 40px 0 0;
}

div#contents div.solution div.contact_box div.contact_box_inner {
	background: url(images/solution/bg_dotbox_bottom.gif) 0 bottom no-repeat;
	padding: 14px 23px 7px;
}

div#contents div.solution div.contact_box p.web_title{
	margin: 0 0 9px;
}

div#contents div.solution div.contact_box p.btn_image {
	float: left;
	width: 341px;
	padding: 0;
	margin: 0 0 10px 0;
}

div#contents div.solution div.contact_box p.txt {
	float: right;
	font-size: 80%;
	line-height: 1.5;
	padding: 48px 0 0;
	margin: 0;
	width: 126px;
}

div#contents div.solution div.contact_box p.contact_tel {
	clear: both;
	zoom: 1;
	padding: 25px 0 0 !important;
	margin: 0 !important;
	background: url(images/solution/bg_border_contact.gif) 0 0 no-repeat;
}




/*---------------------------------------------------
					solutionのTOPページ
-----------------------------------------------------*/
div#contents div.solution div.marketing {
	position: relative;
	min-height: 344px;
}

* html div#contents div.solution div.marketing {
	height: 344px;
}

div#contents div.solution div.marketing h4 {
	padding: 0 0 0 280px;
	margin: 0;
}

div#contents div.solution div.marketing p {
	padding: 15px 0 0 317px;
	margin: 0;
	font-size: 80%;
	line-height: 1.5;
}

div#contents div.solution div.marketing p.ill {
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}



/*---------------------------------------------------
					solutionのSEOHACKSページ
-----------------------------------------------------*/
div#contents div.solution div.joui_jisseki {
	background: url(images/solution/bg_jouibox.gif) 0 0 no-repeat;
	padding: 29px 0 0 28px;
	min-height: 130px;
	width: 492px;
	margin-bottom: 15px;
}

* html div#contents div.solution div.joui_jisseki {
	height: 130px;
}

div#contents div.solution div.joui_jisseki dl:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.solution div.joui_jisseki dl { display: inline-block; }
div#contents div.solution div.joui_jisseki dl { display: block; }


div#contents div.solution div.joui_jisseki dt {
	clear: both;
	float: left;
	width: 285px;
	overflow: hidden;
	zoom: 1;
}


div#contents div.solution div.joui_jisseki dd {
	float: left;
	width: 190px;
	font-size: 80%;
	line-height: 1.5;
	padding: 10px 0 0;
}

div#contents div.solution div.joui_jisseki dd.keiyaku {
	padding-top: 15px;
}

div#contents div.solution p.txt_bigkeyword {
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	line-height: 1.5;
	color: #444444;
	margin: 0 0 0px;
	padding: 0;
}

div#contents div.solution iframe.keyword_jisseki {
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #d4d4d4;
	margin-bottom: 15px;
	width:500px;
}

/*---------------------------------------------------
					solutionのSEOコンサルページ
-----------------------------------------------------*/
div#contents div.solution div.consul_left {
	width: 330px;
	float: left;
	padding: 0 0 30px 10px;
}

div#contents div.solution div.consul_left p {
	padding: 15px 0 0;
	line-height: 1.5;
	font-size: 80%;
}

div#contents div.solution div.consul_left p span {
	color: #00007a;
}


div#contents div.solution div.consul_right {
	width: 160px;
	float: right;
	padding: 0 0 20px;
}

div#contents div.solution div.consul_right h3 {
	margin: 0 0 5px 3px;
}

div#contents div.solution div.consul_right p {
	padding: 0 0 10px;
}


/*---------------------------------------------------
					solutionのリスティングページ
-----------------------------------------------------*/
div#contents div.solution ul.listing_tokucho {
	margin: 0 0 10px;
}

div#contents div.solution ul.listing_tokucho:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.solution ul.listing_tokucho{ display: inline-block; }
div#contents div.solution ul.listing_tokucho { display: block; }

div#contents div.solution ul.listing_tokucho li {
	width: 253px;
	float: left;
}

div#contents div.solution ul.listing_tokucho li.right_image {
	float: right;
}

div#contents div.solution div.listing_tokucho {
	background: url(images/solution/bg_listing_box_top.gif) 0 0 no-repeat;
	padding: 15px 0 0;
	margin: 0 0 20px;
}

div#contents div.solution div.listing_tokucho ul {
	background: url(images/solution/bg_listing_box_bottom.gif) 0 bottom no-repeat;
	padding: 6px 0 18px 18px;
}


div#contents div.solution div.listing_tokucho ul li {
	padding: 0 0 9px;
}

div#contents div.solution div.listing_case {
	background: url(images/solution/bg_dotbox_top.gif) 0 0 no-repeat;
	padding: 7px 0 0;
	margin: 0 0 15px;
}

div#contents div.solution div.listing_case ul {
	background: url(images/solution/bg_dotbox_bottom.gif) 0 bottom no-repeat;
	padding: 14px 0 23px 12px;
}

div#contents div.solution div.listing_case ul:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.solution div.listing_case ul { display: inline-block; }
div#contents div.solution div.listing_case ul { display: block; }

div#contents div.solution div.listing_case ul li {
	width: 234px;
	float: left;
	padding: 0 0 0 14px;	
}

div#contents div.solution div.listing_case ul li.case_a {
	border-right: 1px solid #d5d5d5;
}

div#contents div.solution div.listing_case ul li p {
	padding: 0;
}

div#contents div.solution div.listing_case ul li dl {
	padding: 0 5px 0 93px;
	margin: 14px 0 0;
	min-height: 133px;
	font-size: 80%;
}

* html div#contents div.solution div.listing_case ul li dl {
	height: 133px;
}

div#contents div.solution div.listing_case ul li dt {
	font-weight: bold;
	line-height: 1.5;
	margin: 3px 0 0;
	color: #00007a;
}

div#contents div.solution div.listing_case ul li dd {
	line-height: 1.5;
}

/* 背景設定 */
div#contents div.solution div.listing_case ul li.case_a dl {
	background: url(images/solution/image_case_a.gif) 0 5px no-repeat;
}

div#contents div.solution div.listing_case ul li.case_b dl {
	background: url(images/solution/image_case_b.gif) 0 5px no-repeat;
}



div#contents div.solution div.detail_kizenryoku {
	background: url(images/solution/bg_dotbox_top.gif) 0 0 no-repeat;
	padding: 7px 0 0;
	margin: 0 0 24px;
}

div#contents div.solution div.detail_kizenryoku div {
	background: url(images/solution/bg_dotbox_bottom.gif) 0 bottom no-repeat;
	padding: 0 25px 25px;
}

div#contents div.solution div.detail_kizenryoku div p {
	padding: 15px 0 0;
	margin: 0;
	line-height: 1.5;
	font-size: 80%;
}

div#contents div.solution ol.listing_ex150 {
	margin: 0 0 20px;
	padding: 0;
}

div#contents div.solution ol.listing_ex150:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.solution ol.listing_ex150 { display: inline-block; }
div#contents div.solution ol.listing_ex150 { display: block; }

div#contents div.solution ol.listing_ex150 li {
	width: 200px;
	float: left;
}

div#contents div.solution ol.listing_ex150 li.right_image {
	padding-left: 100px;
	float: right;
	background: url(images/solution/arrow_ex_150.gif) 0 37px no-repeat;
}




/*---------------------------------------------------
					solutionの制作実績ページ
-----------------------------------------------------*/
div#contents div.solution ul.product_list {
	margin: 20px 0 0;
}

div#contents div.solution ul.product_list:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#contents div.solution ul.product_list { display: inline-block; }
div#contents div.solution ul.product_list { display: block; }


div#contents div.solution ul.product_list li.item {
	float: left;
	width: 250px;
}

div#contents div.solution ul.product_list li.item_right {
	float: right;
}

div#contents div.solution ul.product_list li.item p {
	padding: 0;
}

div#contents div.solution ul.product_list li.item p.txt {
	font-size: 80%;
	margin: 0 0 10px;
}

div#contents div.solution ul.product_list li.item p.txt span {
	font-weight: bold;
}

div#contents div.solution ul.product_list li.item p.txt span.company {
	color: #6f1616;
	margin-left: 0.5em;
}


/*---------------------------------------------------
					solutionのブランドパートナーページ
-----------------------------------------------------*/
div#contents div.solution div.box_4merit {
	background: url(images/solution/bg_4merit_box_top.gif) 0 0 no-repeat;
	padding: 7px 0 0;
	width: 349px;
	float: right;
	margin: 0 0 25px;
}

div#contents div.solution div.box_4merit ol {
	background: url(images/solution/bg_4merit_box_bottom.gif) 0 bottom no-repeat;
	padding: 13px 20px 2px;
	margin: 0;
}

div#contents div.solution div.box_4merit ol li {
	font-size: 80%;
	font-weight: bold;
	padding: 0 0 20px;
	line-height: 1.5;
}

div#contents div.solution div.box_4merit ol li span {
	color: #6f1616;
}

div#contents div.solution p.image_20off {
	padding: 0 0 0 3px;
	margin: 0 0 25px;
	float: left;
	width: 137px;
}

div#contents div.solution p.image_4merit {
	clear:both;
	zoom: 1;
	margin: 0 0 30px;
	text-align: center;
	padding: 0;
}

div#contents div.solution div.box_service {
	width: 432px;
	background: url(images/solution/bg_service_box_top.gif) 0 0 no-repeat;
	padding: 7px 0 0;
	margin: 0 auto 30px;
}

div#contents div.solution div.box_service ul.service_list {
	background: url(images/solution/bg_service_box_bottom.gif) 0 bottom no-repeat;
	margin: 0;
	padding: 14px 0 0 30px;
}

div#contents div.solution div.box_service ul.service_list li.item {
	padding: 0 0 23px;
}

div#contents div.solution div.box_service ul.service_list li.item ul {
	padding: 0 0 0 14px;
}

div#contents div.solution div.box_service ul.service_list li.item li {
	padding: 4px 0 0;
}

div#contents div.solution h3.support_taisei {
	margin: 0 0 10px 10px;
	font-weight: bold;
	font-size: 83%;
	padding: 0;
	color: #6f1616;
}

div#contents div.solution div.box_support_taisei {
	background: url(images/solution/bg_dotbox_top.gif) 0 0 no-repeat;
	padding: 7px 0 0;
}

div#contents div.solution div.box_support_taisei div.box_inner {
	background: url(images/solution/bg_dotbox_bottom.gif) 0 bottom no-repeat;
	padding: 15px 28px 22px;
}

div#contents div.solution div.box_support_taisei div.box_inner p {
	font-size: 80%;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

div#contents div.solution div.box_support_taisei div.box_inner ul {
	margin: 6px 0 20px;
	padding: 10px 0;
        background:#f7f7f7;
}

div#contents div.solution div.box_support_taisei div.box_inner ul li {
	font-size: 110%;
	color: #00007a;
	font-weight: bold;
	line-height: 1.5;
}

/* 追求するSEO */

div#contents div.solution ul.seoc_btns{
	list-style-type:none;
	margin:0 0 40px;
	padding:0;
}

div#contents div.solution ul.seoc_btns li{
	float:left;
}

div#contents div.solution ul.seoc_btns li a{
	display:block;
	width:160px;
	height:163px;
	text-indent:-9999px;
}

div#contents div.solution ul.seoc_btns li.btn1 a{
	background-image:url(images/solution/btn_seoc1.gif);
	margin-right:10px;
}

div#contents div.solution ul.seoc_btns li.btn2 a{
	background-image:url(images/solution/btn_seoc2.gif);
	margin-right:10px;
}

div#contents div.solution ul.seoc_btns li.btn3 a{
	background-image:url(images/solution/btn_seoc3.gif);
}

div#contents div.seoc div.main_inner{
	margin:0;
}

div#contents div.seoc span{
	color:#6F1616;
	font-weight:bold;
}

div#contents div.seoc_text_area h4 img{
	margin-left:-10px;
}

div#contents div.seoc_text_area p img{
	margin-bottom:20px;
}

div#contents div.seoc_text_area .bold{
	font-weight:bold;
}

div#contents div.seoc_waku{
	border:1px #ccc solid;
	margin-top:15px;
}

div#contents div.seoc_waku ul{
	margin:15px 30px;
}

div#contents div.seoc_waku ul li{
	list-style-type:disc;
	font-weight:bold;
}

td.hack{
position:relative;
height:220px;
vertical-align:top;
padding-top:15px !important;
}

div.mailform td.hack div:first-child {
	position:absolute;
	margin-top:170px;
}

div.mailform td.hack span#Q3__disp div {
	position:absolute;
	margin-top:00px;
}

div#contents table#formTable td{
	padding:10px;
}


div#contents table#formTable table.form input{
	width:300px;
}


div#contents table#formTable table.access td input{
	width:150px;
}


/*facebook_media*/
div#fb_media {width:520px;font-size:12px;}

div#fb_media h2 { 
	background:#F2F2F2;
    border-left: 8px solid #162485;
    color: #1C2A47;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
}
div#fb_media p.first{color: #0000FF; font-weight: bold; margin:0 0 10px;font-size:16px;}