@charset "utf-8";

body{
  margin:0px;
  padding:0px;
  background:#fefefe;
  color:#544c4c;
  height:100%;
}



ul , li , a , p , img{
  margin:0px;
  padding:0px;
  text-decoration:none;
  list-style:none;
  border:none;
}

a{
  outline:none;
  color:#796666;
}
a:hover{color:#b29c8c;}




















/*----共用部分 h1など------------------------------------------------------------------*/




















#c{clear:both;}

#b{font-weight:bold;}

h1 , h2 , h3 , h4 , h5 , h6{
  margin:0px;
  padding:0px;
  font-size:14px;
}


h1{}


h2{
  width:100%;
  height:60px;
  padding-left:10px;
  font-size:16px;
  line-height:60px;
  border-left:4px solid #796666;
  background: url(../img/h2-background.jpg) no-repeat;
}


h3{
  margin-top:20px;
  font-size:16px;
  line-height:30px;
  border-bottom:1px dotted #aaa;
}

h3 span{
  padding-left:6px;
  padding-right:6px;
  border-bottom:3px solid #796666;
  padding-bottom:5px;
}

#contents-rapper{
  width:960px;
  height:auto !important;
  min-height:100%;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden !important;
  overflow:visible;
}

#contents-text{
  margin:10px;
  margin-top:20px;
  font-size:14px;
  line-height:20px;
}

#contents-rapper-left{
  float:left;
  width:660px;
  padding-top:40px;
  padding-right:20px;
  padding-bottom:40px;
}

#contents-rapper-right{
  float:right;
  width:278px;
  margin-bottom:-32767px !important;
  padding-top:40px;
  padding-bottom:32767px !important;
  background:#e9e9e4;
}

#contents-rapper-right ul{
  margin-bottom:20px;
}

#contents-rapper-right li a{
  display:block;
}


#pagetop a{
  display:block;
  width:200px;
  height:60px;
}

#dotted{
  width:100%;
  height:10px;
  border-bottom:1px dotted #bbbbad;
}

#right{
  float:right;
  margin-right:10px;
}


#space{
  height:40px;
}





/*----サブナビゲーション------------------------------------------------------------------*/





#subnavi{
  padding-left:28px;
  line-height:30px;
  border-right:8px solid #e9e9e4;
  border-left:8px solid #e9e9e4;
  border-bottom:1px dotted #bbbbad;
  background:#fefefe;
}

#subnavi-title{
  padding-left:22px;
  line-height:40px;
  font-weight:bold;
  border-top:1px dashed #bbbbad;
  border-right:6px solid #bbbbad;
  border-left:6px solid #bbbbad;
  border-bottom:1px dashed #bbbbad;
  background:#fefefe;
}

#subnavi:hover{
  padding-left:22px;
  background:#e9e9e4;
}

#subnavi-title:hover{
  padding-left:16px;
  background:#e9e9e4;
}




















/*----ヘッダー部分------------------------------------------------------------------*/




















#header{
  width:960px;
  height:120px;
  margin-left:auto;
  margin-right:auto;
}

#site-title{
  float:left;
  width:320px;
}

#site-title a{
  display:block;
  width:281px;
  height:83px;
  margin-top:10px;
  margin-left:20px;
  background: url(../img/title.png) no-repeat;
}

#site-title a:hover{background-position:0px -83px;}




















/*----ナビゲーション------------------------------------------------------------------*/




















#navigation{
  float:left;
  width:480px;
}

#navigation ul li{
  float:left;
}

#navigation ul li a{
  display:block;
  width:120px;
  height:120px;
  background: url(../img/navigation.png) no-repeat;
}

#navigation ul li#navi-service a{background-position:-120px 0px;}
#navigation ul li#navi-order a	{background-position:-240px 0px;}
#navigation ul li#navi-support a{background-position:-360px 0px;}

#navigation ul li#navi-home a:hover	{background-position:0px -120px;}
#navigation ul li#navi-service a:hover	{background-position:-120px -120px;}
#navigation ul li#navi-order a:hover	{background-position:-240px -120px;}
#navigation ul li#navi-support a:hover	{background-position:-360px -120px;}





#sub-navi ul{
  float:right;
  width:159px;
  height:120px;
  border-right:1px solid #bbbbad;
}

#sub-navi li{
  height:30px;
  line-height:30px;
  font-size:12px;
}

#sub-navi p{
  padding-left:16px;
}

#sub-navi a:hover{
  display:block;
  background:#ddd;
}





#breadcrumbs{
  width:100%;
  height:30px;
  border-top:1px solid #bbbbad;
  border-bottom:1px solid #bbbbad;
  background:#e2e2dc;
}

#breadcrumbs-rapper{
  width:960px;
  margin-left:auto;
  margin-right:auto;
}

#breadcrumbs li{
  float:left;
  margin-left:10px;
  font-size:12px;
  line-height:30px;
}

#breadcrumbs a{
  border-bottom:1px dashed #796666;
}







#top-img{
  width:100%;
  height:480px;
  background:#777;
  background: url(../img/top-img.jpg) no-repeat;
  background-position:center;
}







#pickup{
  width:1000px;
  height:600px;
  margin-top:60px;
  margin-left:auto;
  margin-right:auto;
  font-size:12px;
}

#pickup p{
  padding-top:220px;
  margin-left:20px;
  font-size:14px;
  font-weight:bold;
  line-height:30px;
}

#pickup-service li{
	float:left;
	height:280px;
        background: url(../img/top-banner.jpg) no-repeat;
}

#pickup-service-1{width:336px; background-position:0 0;}
#pickup-service li#pickup-service-2{width:330px; background-position: -336px -0px;}
#pickup-service li#pickup-service-3{width:334px; background-position: -666px 0px;}

#pickup-service-1:hover{background-position: 0px -280px;}
#pickup-service li#pickup-service-2:hover{background-position: -336px -280px;}
#pickup-service li#pickup-service-3:hover{background-position: -666px -280px;}
















#pickup-plan li{
  float:left;
  width:226px;
  height:202px;
  background: url(../img/submenu.jpg) no-repeat;
}

#pickup-plan p{
  font-size:12px;
  font-weight:normal;
}

#pickup-plan-2 , 
#pickup-plan-3 , 
#pickup-plan-4{margin-left:21px;}


#pickup-plan li#pickup-plan-2{background-position: -226px 0px;}
#pickup-plan li#pickup-plan-3{background-position: -452px 0px;}
#pickup-plan li#pickup-plan-4{background-position: -678px 0px;}

#pickup-plan-1:hover{background-position: 0px -202px;}
#pickup-plan li#pickup-plan-2:hover{background-position: -226px -202px;}
#pickup-plan li#pickup-plan-3:hover{background-position: -452px -202px;}
#pickup-plan li#pickup-plan-4:hover{background-position: -678px -202px;}




#footer{
  width:100%;
  padding-top:16px;
  background:#222;
}


#footer p{
  font-weight:bold;
}


#footer-rapper{
  width:960px;
  height:300px;
  margin-left:auto;
  margin-right:auto;
}

#footer-logo{
  float:left;
  width:300px;
}

#footer-logo ul li a{
  display:block;
  width:210px;
  height:83px;
  margin-left:20px;
  background: url(../img/footer-logo.png) no-repeat;
}

#footer-logo ul li a:hover{background-position:0 100%;}

#footer-menu{
  float:right;
  width:660px;
  font-size:12px;
}

#footer-menu ul{
  float:left;
  width:220px;
}




















/*--------------------------------------サービス--------------*/




















#first-navi ul{
  width:664px;
}

#first-navi ul li a{
  float:left;
  height:279px;
  display:block;
  background: url(../img/service/first-navi.jpg) no-repeat;
}

#first-navi-guest a			{width:222px;}
#first-navi ul li#first-navi-diagnosis a{width:221px; background-position:-222px 0px;}
#first-navi ul li#first-navi-qa a	{width:221px; background-position:-443px 0px;}

#first-navi-guest a:hover			{background-position:0px -279px;}
#first-navi ul li#first-navi-diagnosis a:hover	{background-position:-222px -279px;}
#first-navi ul li#first-navi-qa a:hover		{background-position:-443px -279px;}




#service-navi ul{
  width:664px;
}

#service-navi ul li{
  float:left;
  height:360px;
  background: url(../img/service/navi.jpg) no-repeat;
}

#service-navi-homepage				{width:222px;}
#service-navi ul li#service-navi-smartphone	{width:221px; background-position:-222px 0px;}
#service-navi ul li#service-navi-renewal	{width:221px; background-position:-443px 0px;}


#service-navi-homepage:hover				{background-position:0px -360px;}
#service-navi ul li#service-navi-smartphone:hover	{background-position:-222px -360px;}
#service-navi ul li#service-navi-renewal:hover		{background-position:-443px -360px;}

#service-navi-homepage a{
  display:block;
  width:222px;
  height:250px;
}

#service-navi-smartphone a , 
#service-navi-renewal a{
  display:block;
  width:222px;
  height:250px;
}

#service-navi p a{
  display:block;
  width:180px;
  height:30px;
  margin-left:14px;
  margin-right:14px;
  margin-bottom:10px;
  padding-left:8px;
  line-height:30px;
  font-size:14px;
  border-top:1px dotted #796666;
  border-bottom:1px dotted #796666;
  border-right:1px dotted #796666;
  border-left:4px solid #796666;
}

#service-navi p a:hover{
  background:#fff;
}


#service-kurume{
  width:664px;
  height:200px;
  border-top:1px dashed #796666;
  border-bottom:1px dashed #796666;
  background: url(../img/service/kurume.jpg) no-repeat;
  background-position:center;
}

#service-kurume ul{
  margin-top:100px;
  margin-left:250px;
}

#service-kurume li{
  float:left;
}



#service-kurume-specialprice a , 
#service-kurume-domain a{
  display:block;
  width:167px;
  height:78px;
}

#service-kurume-specialprice a{background: url(../img/service/kurume-specialprice.jpg) no-repeat;}
#service-kurume-domain a{margin-left:30px; background: url(../img/service/kurume-domain.jpg) no-repeat;}

#service-kurume-specialprice a:hover , 
#service-kurume-domain a:hover{
  background-position:0 -78px;
}




















/*--------------------------------------オリジナルパック--------------*/




















#pack-navi ul{
  width:664px;
}

#pack-navi ul li a{
  float:left;
  display:block;
  height:360px;
  background: url(../img/service/pack-navi.jpg) no-repeat;
}

#pack-navi-leaves a			{width:222px;}
#pack-navi ul li#pack-navi-trefoil a	{width:221px; background-position:-222px 0px;}
#pack-navi ul li#pack-navi-quatrefoil a	{width:221px; background-position:-443px 0px;}

#pack-navi-leaves a:hover			{background-position:0px -360px;}
#pack-navi ul li#pack-navi-trefoil a:hover	{background-position:-222px -360px;}
#pack-navi ul li#pack-navi-quatrefoil a:hover	{background-position:-443px -360px;}






#pack-service{
  width:664px;
  font-size:14px;
}

#pack-service-left{
  float:left;
  width:260px;
}

#pack-service-left p{
  margin-top:20px;
  width:256px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  line-height:40px;
  border:1px dotted #bbbbad;
  background:#796666;
  color:#fff;
}

#pack-service-right{
  float:left;
  width:404px;
  margin-top:20px;
  margin-bottom:20px;
  text-align:center;
}

#pack-service-right p{
  width:396px;
  height:40px;
  line-height:40px;
  border-top:1px dashed #bbbbad;
  border-bottom:1px dashed #bbbbad;
  border-left:4px solid #796666;
  border-right:4px solid #796666;
}

#pack-service-description-left{
  float:left;
  width:202px;
}

#pack-service-description-right{
  float:right;
  width:202px;
}

#pack-service-right li{
  height:30px;
  line-height:30px;
  border-bottom:1px dotted #bbbbad;
}

#pack-service-description-left li{
  border-left:4px solid #bbbbad;
  border-right:1px dashed #bbbbad;
}

#pack-service-description-right li{
  border-right:4px solid #bbbbad;
}

#example-left{
  float:left;
  width:400px;
}

#example-right{
  float:right;
  width:240px;
}




















/*--------------------------------------リニューアル--------------*/




















#renewal-service{
  width:664px;
  font-size:14px;
}

#renewal-service-left{
  float:left;
  width:414px;
}

#renewal-service-left p{
  margin-top:20px;
  width:410px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  line-height:40px;
  border:1px dotted #bbbbad;
  background:#796666;
  color:#fff;
}

#renewal-service-right{
  float:left;
  width:250px;
  text-align:center;
}

#renewal-service-right p{
  height:40px;
  line-height:40px;
  border-top:1px dashed #bbbbad;
  border-bottom:1px dashed #bbbbad;
  border-left:4px solid #796666;
  border-right:4px solid #796666;
}




















/*--------------------------------------オプションナビ--------------*/




















#option-navi ul{
  width:664px;
  font-size:14px;
}

#option-navi ul li{
  float:left;
  height:283px;
  background: url(../img/service/option-navi-back.png) no-repeat;
}

#option-navi-left			{width:222px;}
#option-navi ul li#option-navi-center	{width:221px; background-position:-222px 0px;}
#option-navi ul li#option-navi-right	{width:221px; background-position:-443px 0px;}

#option-navi-left:hover				{background-position:0px -283px;}
#option-navi ul li#option-navi-center:hover	{background-position:-222px -283px;}
#option-navi ul li#option-navi-right:hover	{background-position:-443px -283px;}

#option-navi p{
  padding:8px;
  padding-left:12px;
  padding-right:12px;
  font-size:12px;
  line-height:22px;
}

#option-navi p#option-navi-title , 
#option-navi p#option-navi-price{
  padding:0px;
  font-size:16px;
  font-weight:bold;
  line-height:58px;
  text-align:center;
}

#option-navi p#option-navi-price{
  line-height:44px;
  color:#c33;
}

#option-navi p#option-navi-price span{
  font-size:14px;
  font-weight:normal;
  color:#544c4c;
}


#cb{
  clear:both;
  border-bottom:1px dashed #bbbbad;
}





































/*--------------------------------------アバウト--------------*/


#corporate-profile{
  width:660px;
  margin-top:24px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  line-height:20px;
}

#corporate-profile-left{
  float:left;
  width:120px;
}

#corporate-profile-left li{
  padding:6px;
  padding-left:14px;
  border-top:1px dashed #aaa;
  border-left:4px solid #796666;
  border-right:4px solid #bbbbad;
}

#corporate-profile-right{
  float:right;
  width:540px;
}

#corporate-profile-right li{
  padding:6px;
  padding-left:14px;
  border-top:1px dashed #aaa;
  border-right:4px solid #e9e9e4;
}

#corporate-profile-last{
  border-bottom:1px dashed #aaa;
}





































/*------------------------------------------ランディングページ---*/


#landing-rapper{
  width:800px;
  margin-left:auto;
  margin-right:auto;
}


#landing-title{
  height:60px;
  margin-top:30px;
  margin-bottom:30px;
  padding-left:10px;
  font-size:16px;
  font-weight:bold;
  line-height:60px;
  border-left:4px solid #796666;
  background: url(../img/service/landing-title.jpg);
}




#client-img p{
	text-align:center;
}

#client-question1 , 
#client-question2 , 
#client-question3{
	width:810px;
	height:315px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#client-question1{background: url(../img/plan3-landing/landhing-question1.jpg) no-repeat; margin-top:60px;}
#client-question2{background: url(../img/plan3-landing/landhing-question2.jpg) no-repeat;}
#client-question3{background: url(../img/plan3-landing/landhing-question3.jpg) no-repeat;}

#client-answer{
	padding-top:132px;
	padding-left:200px;
	padding-right:140px;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
}

#client-answer_text{
	padding-top:20px;
	padding-left:40px;
	padding-right:140px;
	font-size:14px;
	line-height:24px;
}

#client-order{
	width:800px;
	height:680px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	padding-top:220px;
	background: url(../img/plan3-landing/landhing-order.jpg) no-repeat;
}

#client-order form{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#question{
	font-weight:bold;
}





































/*------------------------------------------問合せ---*/


#contact-qa-left{
  float:left;
  width:420px;
}

#contact-qa-right{
  float:right;
}

#contact-qa-right a{
  display:block;
  margin-top:24px;
  margin-right:16px;
  width:223px;
  height:30px;
  background: url(../img/qa-banner.jpg) no-repeat;
}

#contact-qa-right a:hover{
  background-position:0 100%;
}





































/*------------------------------------------よくあるお問い合わせ---*/


#qa-question , 
#qa-answer{
  width:620px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  padding:14px;
  font-weight:bold;
}

#qa-question{
  margin-bottom:10px;
  border:1px dashed #4682b4;
  background:#e0ffff;
}

#qa-answer{
  border:1px dashed #dc143c;
  background:#ffe4e1;
}

#qa-answer p{
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
}

#qa-pagetop{
  margin-right:10px;
  font-size:10px;
  line-height:26px;
  text-align:right;
}


#pagetop{
  width:960px;
  font-size:14px;
  font-weight:bold;
  margin-left:auto;
  margin-right:auto;
}


#pagetop a{
  float:right;
  width:258px;
  height:30px;
  padding-right:20px;
  line-height:30px;
  text-align:right;
  background:#e9e9e4;
}





































/*------------------------------------------サイトマップ---*/




#sitemap{
  width:664px;
  font-size:14px;
}

#sitemap-right{
  float:right;
  width:332px;
}

#sitemap-left{
  float:left;
  width:332px;
}

#sitemap li{
  padding-left:20px;
}

#sitemap-right li{
  height:30px;
  line-height:30px;
  border-bottom:1px dotted #bbbbad;
}

#sitemap-left li{
  height:30px;
  line-height:30px;
  border-left:4px solid #bbbbad;
  border-right:1px dashed #bbbbad;
  border-bottom:1px dotted #bbbbad;
}

#sitemap-right li{
  border-right:4px solid #bbbbad;
}

#service-list{
  width:664px;
  margin:0px;
  padding:0px;
}

#service-list-left , 
#service-list-center , 
#service-list-right{
  float:left;
}


#service-list-left ul li a{
  display:block;
  width:222px;
  background: url(../img/sitemap/service-navi-left.jpg) no-repeat;
}


#service-list-left ul li#pc-leaves a	{height:255px;}
#service-list-left ul li#sp-leaves a	{height:255px; background-position:0px -255px;}
#service-list-left ul li#landing a	{height:141px; background-position:0px -510px;}

#service-list-left ul li#pc-leaves a:hover	{background-position:0px -651px;}
#service-list-left ul li#sp-leaves a:hover	{background-position:0px -906px;}
#service-list-left ul li#landing a:hover	{background-position:0px -1161px;}


#service-list-center ul li a{
  display:block;
  width:221px;
  background: url(../img/sitemap/service-navi-center.jpg) no-repeat;

}

#service-list-center ul li#pc-trefoil a	{height:255px;}
#service-list-center ul li#sp-trefoil a	{height:255px; background-position:0px -255px;}
#service-list-center ul li#pc-renewal a	{height:141px; background-position:0px -510px;}

#service-list-center ul li#pc-trefoil a:hover	{background-position:0px -651px;}
#service-list-center ul li#sp-trefoil a:hover	{background-position:0px -906px;}
#service-list-center ul li#pc-renewal a:hover	{background-position:0px -1161px;}


#service-list-right ul li a{
  display:block;
  width:221px;
  background: url(../img/sitemap/service-navi-right.jpg) no-repeat;

}

#service-list-right ul li#pc-quatrefoil a	{height:255px;}
#service-list-right ul li#sp-quatrefoil a	{height:255px; background-position:0px -255px;}
#service-list-right ul li#sp-renewal a	{height:141px; background-position:0px -510px;}

#service-list-right ul li#pc-quatrefoil a:hover	{background-position:0px -651px;}
#service-list-right ul li#sp-quatrefoil a:hover	{background-position:0px -906px;}
#service-list-right ul li#sp-renewal a:hover	{background-position:0px -1161px;}





































/*------------------------------------------ホームページ診断---*/


#diagnosis-question{
  width:620px;
  height:850px;
  margin-top:60px;
  margin-left:auto;
  margin-right:auto;
  padding:14px;
  padding-top:20px;
  padding-bottom:40px;
  font-weight:bold;
}



#diagnosis-answer{
  margin-top:66px;
  margin-left:20px;
}

#diagnosis-answer li a{
  display:block;
  float:left;
  width:200px;
  height:40px;
  margin-left:60px;
  line-height:40px;
  text-align:center;
  border:1px solid #796666;
  background:#e9e9e4;
}

#diagnosis-answer li a:hover{
  color:#fff;
  background:#bbbbad;
}





































/*------------------------------------------割引サービス---*/




#discount-navi p{
  font-size:12px;
  margin-top:180px;
  text-align:center;
  line-height:18px;
}

#discount-navi ul{
  width:664px;
}

#discount-navi ul li{
  float:left;
  display:block;
  height:360px;
  background: url(../img/discount-menu.jpg) no-repeat;
}

#discount-navi-first				{width:222px;}
#discount-navi ul li#discount-navi-set		{width:221px; background-position:-222px 0px;}
#discount-navi ul li#discount-navi-kurume	{width:221px; background-position:-443px 0px;}

#discount-navi-first:hover			{background-position:0px -360px;}
#discount-navi ul li#discount-navi-set:hover	{background-position:-222px -360px;}
#discount-navi ul li#discount-navi-kurume:hover	{background-position:-443px -360px;}





































/*------------------------------------------オーダーバナー---*/


#order-banner a{
  display:block;
  width:664px;
  height:131px;
  background: url(../img/order-banner.jpg) no-repeat;
}

#order-banner a:hover{
  background-position:0 100%;
}

























/*----------------------------------------初めてのお客様へ---*/



#diagnosisnavi-left{
  float:left;
  width:391px;
  padding-right:10px;
}

#diagnosisnavi-right{
  float:right;
  width:259px;
  height:242px;
}

#diagnosisnavi-right li a{
  display:block;
  width:259px;
  height:242px;
  background: url(../img/support/diagnosis-navi.jpg) no-repeat;
}

#diagnosisnavi-right li a:hover{
  background-position:0 100%;
}


#qanavi-left{
  float:left;
}

#qanavi-right{
  float:right;
  width:247px;
}

#qanavi-right a{
  display:block;
  width:223px;
  height:30px;
  margin-top:26px;
  background: url(../img/qa-banner.jpg) no-repeat;
}

#qanavi-right a:hover{
  background-position:0 100%;
}


#contactnavi-left{
  float:left;
}

#contactnavi-right{
  float:right;
  width:260px;
}

#contactnavi-right a{
  display:block;
  width:247px;
  height:30px;
  margin-top:36px;
  background: url(../img/support/contact-navi.jpg) no-repeat;
}

#contactnavi-right a:hover{
  background-position:0 100%;
}





































/*----------------------------------------スマホサービス---*/





#pack-sp-navi ul{
  width:664px;
}

#pack-sp-navi ul li a{
  float:left;
  display:block;
  height:360px;
  background: url(../img/service/pack-sp-navi.jpg) no-repeat;
}

#pack-sp-navi-leaves a				{width:222px;}
#pack-sp-navi ul li#pack-sp-navi-trefoil a	{width:221px; background-position:-222px 0px;}
#pack-sp-navi ul li#pack-sp-navi-quatrefoil a	{width:221px; background-position:-443px 0px;}

#pack-sp-navi-leaves a:hover				{background-position:0px -360px;}
#pack-sp-navi ul li#pack-sp-navi-trefoil a:hover	{background-position:-222px -360px;}
#pack-sp-navi ul li#pack-sp-navi-quatrefoil a:hover	{background-position:-443px -360px;}








#renewal-list{
  width:638px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  border-top:1px solid #796666;
}

#renewal-list-left{
  float:left;
  width:300px;
}

#renewal-list-left li , 
#renewal-list-right li{
  height:150px;
  border-left:1px solid #796666;
  border-bottom:1px solid #796666;
}

#renewal-list-right{
  float:right;
  width:337px;
  border-right:1px solid #796666;
}

#renewal-list-right p{
  padding:14px;
}

#renewal-list img{
  margin-top:6px;
}

#renewal-navi a{
  background: url(../img/service/renewal-navi.jpg) no-repeat;
}

#renewal-navi li a{
  display:block;
  float:left;
  width:330px;
  height:242px;
}

#renewal-navi-pc a{background-position:0 0;}
#renewal-navi-sp a{background-position:100% 0%;}

#renewal-navi-pc a:hover{background-position:0 100%;}
#renewal-navi-sp a:hover{background-position:100% 100%;}









#landing-navi a{
  display:block;
  width:664px;
  height:273px;
  background: url(../img/service/landing-navi.jpg) no-repeat;
}

#landing-navi a:hover{
  background-position:0 100%;
}