﻿/* CSS Document */


/*=====================================================*/
/*h2の設定*/
/*=====================================================*/

h2#service
{
width:960px;
height:95px;
margin:0px auto;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h2.jpg) 0% 0% no-repeat;
clear:both;
}



/*=====================================================*/
/*サービス案内TOPページの設定*/
/*=====================================================*/


/*H3*/

h3#top_01
{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:5px;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h3_top01.jpg) 0% 0% no-repeat;
clear:both;
}


/*H4*/

h4#top_01
{
width:670px;
height:30px;
margin-top:30px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h4_top01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#top_02
{
width:670px;
height:30px;
margin-top:10px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h4_top02.jpg) 0% 0% no-repeat;
clear:both;
}


h4#top_03
{
width:325px;
height:30px;
margin-top:10px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h4_top03.jpg) 0% 0% no-repeat;
float: left;
}

h4#top_04
{
width:325px;
height:30px;
margin-top:10px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h4_top04.jpg) 0% 0% no-repeat;
float: right;
}




p.top_01{
width:670px;
height:325px;
margin:0px 0px 15px 0px;
background: url(../../service/img/img_catch.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}



/*サービス内容部分・2列並び*/

#grid_seo_top {
margin: 0px 0px 10px 0px;
width: 690px;
float: left;
}

#grid_seo_top  li{
margin: 0px 20px 15px 0px;
width: 325px;
float: left;
list-style: none;}



#box_top_fr{
margin: 0px 20px 0px 0px;
float: right;
width: 325px;
}

#box_top_fr h4{
width: 325px;
}



#box_top_fl{
margin: 0px 20px 15px 0px;
width: 325px;
float: left;
}

#box_top_fl h4{
width: 325px;
}



/*=====================================================*/
/*サービス紹介のテキストリンク*/
/*=====================================================*/


#nav_service_text{
width:670px;
text-align:center;
margin: 20px auto;
padding: 0px;
color:#003399;
clear:both;
}


#nav_service_text ul{
font-size:11px;
margin:2px 0px;
}


#nav_service_text li{
list-style:none;
margin:0px -1px;
padding: 0px;
color:#003399;
display:inline;
}

#nav_service_text li a{ color: #003399; text-decoration: none;} 
#nav_service_text li a:hover{ color: #0099CC; text-decoration: none;}









/*=====================================================*/
/**SEO対策の設定*/
/*=====================================================*/


/*H3*/

h3#seo_01{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../seo/img/h3_seo_01.jpg) 0% 0% no-repeat;
clear:both;
}


/*H4*/

h4#seo_01
{
width:670px;
height:30px;
margin-top:50px;
margin-bottom:10px;
font-size:-1px;
text-indent:-9999px;
background: url(../../seo/img/h4_seo_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#seo_02
{
width:670px;
height:30px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../seo/img/h4_seo_02.jpg) 0% 0% no-repeat;
clear:both;
}



.catchcopy_seo{
width:670px;
height:610px;
margin:0px;
background: url(../../seo/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}

p.seo_01{
width:370px;
height:220px;
margin:0px;
background: url(../../seo/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}


p.seo_02{
width:670px;
height:65px;
margin:0px;
background: url(../../seo/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.seo_03{
width:670px;
height:30px;
margin:0px;
background: url(../../seo/img/txt1_03.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}








/*=====================================================*/
/*ログ解析・コンバージョンアップサービスの設定*/
/*=====================================================*/


/*H3*/

h3#conversion_01
{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../conversion/img/h3_conversion_01.jpg) 0% 0% no-repeat;
clear:both;
}




/*H4*/

h4#conversion_01
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../conversion/img/h4_conversion_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#conversion_02
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../conversion/img//h4_conversion_02.jpg) 0% 0% no-repeat;
clear:both;
}

h4#conversion_03
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../conversion/img/h4_conversion_03.jpg) 0% 0% no-repeat;
clear:both;
}




.catchcopy_conversion{
width:670px;
height:550px;
background: url(../../conversion/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}


p.conversion_01{
width:393px;
height:190px;
margin:0px;
background: url(../../conversion/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.conversion_02{
width:670px;
height:50px;
margin:0px;
background: url(../../conversion/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}


.box_conversion_01{
width:630px;
height:245px;
margin:0px 0px 15px 0px;
padding:30px 20px 0px 20px;
background: url(../../conversion/img/box_conversion_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_conversion_02{
width:340px;
margin:0px;
padding:0px;
float: left;
}










/*=====================================================*/
/*リスティング・その他広告管理の設定*/
/*=====================================================*/


/*H3*/

h3#listing_01
{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
background: url(../../listing/img/h3_listing_01.jpg) 0% 0% no-repeat;
clear:both;
}



/*H4*/

h4#listing_01
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../listing/img/h4_listing_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#listing_02
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../listing/img/h4_listing_02.jpg) 0% 0% no-repeat;
clear:both;
}




.catchcopy_listing{
width:670px;
height:560px;
background: url(../../listing/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}


p.listing_01{
width:380px;
height:200px;
margin:0px;
background: url(../../listing/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.listing_02{
width:670px;
height:86px;
margin:0px;
background: url(../../listing/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}


.box_listing_01{
width:630px;
height:320px;
margin:0px 0px 15px 0px;
padding:25px 20px 0px 20px;
background: url(../../listing/img/box_listing_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_listing_02{
width:400px;
margin:0px;
padding:0px;
float: left;
}




/*=====================================================*/
/*キーワードセレクトサービスの設定*/
/*=====================================================*/


/*H3*/

h3#select_01
{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../select/img/h3_select_01.jpg) 0% 0% no-repeat;
clear:both;
}

/*H4*/
h4#select_01
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../select/img/h4_select_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#select_02
{
width:670px;
height:30px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../select/img/h4_select_02.jpg) 0% 0% no-repeat;
clear:both;
}


.catchcopy_select{
width:670px;
background: url(../../select/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}




p.select_01{
width:394px;
height:220px;
margin:0px;
background: url(../../select/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.select_02{
width:670px;
height:50px;
margin:0px;
background: url(../../select/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}


.box_select_01{
width:630px;
height:290px;
margin:0px 0px 15px 0px;
padding:25px 20px 0px 20px;
background: url(../../select/img/box_select_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_select_02{
width:440px;
margin:0px;
padding:0px;
float: left;
}



/*=====================================================*/
/*風評対策の設定*/
/*=====================================================*/


/*H3*/

h3#huhyo_01{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../huhyo/img/h3_huhyo_01.jpg) 0% 0% no-repeat;
clear:both;
}

/*H4*/

h4#huhyo_01
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
background: url(../../huhyo/img/h4_huhyo_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#huhyo_02
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
background: url(../../huhyo/img/h4_huhyo_02.jpg) 0% 0% no-repeat;
clear:both;
}


.catchcopy_huhyo{
width:670px;
height:450px;
background: url(../../huhyo/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}


p.huhyo_01{
width:370px;
height:150px;
margin:0px;
background: url(../../huhyo/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.huhyo_02{
width:670px;
height:85px;
margin:0px;
background: url(../../huhyo/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}


.box_huhyo_01{
width:630px;
height:320px;
margin:0px 0px 15px 0px;
padding:25px 20px 0px 20px;
background: url(../../huhyo/img/box_huhyo_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_huhyo_02{
width:350px;
margin-top:5px;
padding:0px;
float: left;
}









/*=====================================================*/
/*モバイルSEO対策*/
/*=====================================================*/


/*H3*/

h3#mobile_01
{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../mobile/img/h3_mobile_01.jpg) 0% 0% no-repeat;
clear:both;
}

/*H4*/

h4#mobile_01
{
width:670px;
height:30px;
margin-top:50px;
margin-bottom:10px;
font-size:-1px;
text-indent:-9999px;
background: url(../../mobile/img/h4_mobile_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#mobile_02
{
width:670px;
height:30px;
margin-bottom:30px;
font-size:-1px;
text-indent:-9999px;
background: url(../../mobile/img/h4_mobile_02.jpg) 0% 0% no-repeat;
clear:both;
}


.catchcopy_mobile{
width:670px;
height:570px;
background: url(../../mobile/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}




p.mobile_01{
width:395px;
height:150px;
margin:0px;
background: url(../../mobile/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.mobile_02{
width:670px;
height:85px;
margin:0px;
background: url(../../mobile/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}



.box_mobile_01{
width:630px;
height:290px;
margin:0px 0px 15px 0px;
padding:25px 20px 0px 20px;
background: url(../../mobile/img/box_mobile_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_mobile_02{
width:450px;
margin:0px;
padding:0px ;
float: left;
}





/*=====================================================*/
/*SEO・SEM・LPO テクニカルパッケージ*/
/*=====================================================*/


/*H3*/

h3#technical_01
{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../technical/img/h3_technical_01.jpg) 0% 0% no-repeat;
clear:both;
}

/*H4*/

h4#technical_01
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../technical/img/h4_technical_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#technical_02
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
background: url(../../technical/img/h4_technical_02.jpg) 0% 0% no-repeat;
clear:both;
}

h4#technical_03
{
width:670px;
height:30px;
margin-top:30px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
background: url(../../technical/img/h4_technical_03.jpg) 0% 0% no-repeat;
clear:both;
}


.catchcopy_technical{
width:670px;
background: url(../../technical/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}


p.technical_01{
width:370px;
height:100px;
margin:0px;
background: url(../../technical/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.technical_02{
width:670px;
height:50px;
margin:0px;
background: url(../../technical/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}


.box_technical_01{
width:630px;
height:192px;
margin:0px 0px 15px 0px;
padding:25px 20px 0px 20px;
background: url(../../technical/img/box_technical_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_technical_02{
width:480px;
margin:0px;
padding:0px;
float: left;
}




/*=====================================================*/
/*ホームページ制作*/
/*=====================================================*/


/*H3*/

h3#homepage_01
{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../homepage/img/h3_homepage_01.jpg) 0% 0% no-repeat;
clear:both;
}


.catchcopy_homepage{
width:670px;
height:500px;
margin:0px;
background: url(../../homepage/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}

p.homepage_01{
width:386px;
height:220px;
margin:0px;
background: url(../../homepage/img/txt1_01.gif) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}



/*=====================================================*/
/*サテライトサイト作成サービスの設定*/
/*=====================================================*/


/*H3*/

h3#satellite_01{
width:670px;
height:45px;
margin-top:0px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../satellite/img/h3_satellite_01.jpg) 0% 0% no-repeat;
clear:both;
}

/*H4*/

h4#satellite_01
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:20px;
font-size:-1px;
text-indent:-9999px;
background: url(../../satellite/img/h4_satellite_01.jpg) 0% 0% no-repeat;
clear:both;
}

h4#satellite_02
{
width:670px;
height:30px;
margin-top:40px;
margin-bottom:15px;
font-size:-1px;
text-indent:-9999px;
background: url(../../satellite/img/h4_satellite_02.jpg) 0% 0% no-repeat;
clear:both;
}


.catchcopy_satellite{
width:670px;
height:565px;
background: url(../../satellite/img/catchcopy_bg.jpg) 0% 0% no-repeat;
text-align:left;
}


p.satellite_01{
width:400px;
height:215px;
margin:0px;
background: url(../../satellite/img/txt1_01.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}

p.satellite_02{
width:670px;
height:50px;
margin:0px;
background: url(../../satellite/img/txt1_02.jpg) 0% 0% no-repeat;
font-size:-1px;
text-indent:-9999px;
}


.box_satellite_01{
width:630px;
height:300px;
margin:0px 0px 15px 0px;
padding:25px 20px 0px 20px;
background: url(../../satellite/img/box_satellite_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_satellite_02{
width:400px;
margin:0px;
padding:0px;
float: left;
}






/*=====================================================*/
/*ページ左側のナビの設定*/
/*=====================================================*/


#wrap_contents3 #sidenav1{
margin:0px ;
padding: 0px 30px 0px 0px; 
width: 220px;
height:auto;
float:left;
}


h3#sidenav1_01{
margin:0px ;
padding: 0px; 
width: 220px;
height:45px;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h3_sidenav01.jpg) 0% 0% no-repeat;
clear:both;
}


h3#sidenav1_01 a:hover{
margin:0px ;
padding: 0px; 
width: 220px;
height:45px;
font-size:-1px;
text-indent:-9999px;
background: url(../../service/img/h3_sidenav01_on.jpg) 0% 0% no-repeat;
clear:both;
}


#sidenav1 ul{
width: 220px;
height:419px;
float:left;
margin: 5px 0px 30px 0px;
}

#sidenav1 li{
margin: 0px;
padding: 0px;
float:left;
list-style: none;
}




/*hr*/

hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #cccccc;
height: 1px;
width:670px;
margin:15px 20px 15px 0px;
}



/*サービス内容部分・4列並び*/

#grid_seo1 {
margin: 0px 0px 50px 0px;
width: 682px;
float: left;
}

#grid_seo1  li{
margin: 0px 12px 5px 0px;
width: 215px;
float: left;
list-style: none;}

#grid_seo1  li .txt{
margin: 10px 0px 0px 0px;
width: 215px;
float: left;
font-size:10px;
line-height:160%;
}


.box_seo_01{
width:630px;
height:290px;
margin:0px 0px 15px 0px;
padding:25px 20px 0px 20px;
background: url(../../seo/img/box_service1_01.jpg) 0% 0% no-repeat;
text-align:left;
}


.box_seo_02{
width:400px;
margin:0px;
padding:0px ;
float: left;
}



/*サービス内容部分・3列並び*/

#grid_seo2 {
margin: 0px 0px 50px 0px;
width: 680px;
float: left;
}

#grid_seo2  li{
margin: 0px 10px 5px 0px;
width: 160px;
float: left;
list-style: none;}

#grid_seo2  li .txt{
margin: 10px 0px 0px 0px;
width: 160px;
float: left;
font-size:10px;
line-height:160%;
}



/*=====================================================*/
/**用語説明のボックス*/
/*=====================================================*/


.box_word_01{
width:630px;
margin: 20px 0px 0px 0px;
padding:18px 20px 0px 20px;
background: url(../../common/img/box_word_01.jpg) 0% 0% no-repeat;
text-align:left;
color:#FF6600;
line-height:180%;
}

.box_word_01_listing{
width:500px;
height:125px;
margin: 20px 0px 0px 0px;
padding:25px 150px 0px 20px;
background: url(../../listing/img/box_word_01_listing.jpg) 0% 0% no-repeat;
text-align:left;
color:#FF6600;
line-height:180%;
}

.box_word_01_satellite{
width:500px;
height:135px;
margin: 20px 0px 0px 0px;
padding:25px 150px 0px 20px;
background: url(../../satellite/img/box_word_01_satellite.jpg) 0% 0% no-repeat;
text-align:left;
color:#FF6600;
line-height:180%;
}


.box_word_01_select{
width:500px;
height:125px;
margin: 20px 0px 0px 0px;
padding:25px 150px 0px 20px;
background: url(../../select/img/box_word_01_select.jpg) 0% 0% no-repeat;
text-align:left;
color:#FF6600;
line-height:180%;
}


.box_word_02{
width:670px;
height:10px;
margin:0px 0px 40px 0px;
padding:0px;
background: url(../../common/img/box_word_02.jpg) 0% 100% no-repeat;
}



