@charset "utf-8";
/* CSS Document */
/*================
全体の設定
=================*/

body{
     text-align:center;
	 background-color:#CCCCCC;
	 }
	 
	 

div#pagebody{
	width:780px;
	margin:0 auto;
	text-align:left;
	background-color:#CCCCCC;
	padding-top: 20px;
	 }
	 
#mainbg{
           width:780px;
		   background-color:#FFFFFF;
		   overflow:hidden;
		   }
#mainbg:after {
 content:"";
 display:block;
 clear:both;
 height:1px;
 overflow:hidden;
}


	 
	 
/*=============================
     ヘッダー
==============================*/
	 	 
div#hedder{
	width:780px;
	height:142px;
	background-image:url(img/hedderbg.gif);
		 
}
#hedder h1 a{
          width:172px; height:80px;
		 display:block;
		 position:relative;
		 top:30px;
		 left:40px;
		 text-indent:-2000px;
		 }

#sitemap{
	width:130px;
	height:30px;
	display:block;
	position:relative;
	top:-220px;
	left:620px;
	text-indent:-2000px;
	bottom: 0px;
	background-image:url(img/toumei.gif);
		 }
		 
		 

			
div#id  {
         float:left;
         margin-right:20px;
		 }
		 
div#campaign{
              display:block;
			  width:519px; height:55px;
			 
			  top:40px; left:240px;
			  }
div#menubox{
            display:block;
			
			top:101px;
			left:200px;
			
			}
			
ul.mainmenuul{
	height:41px;
	position:relative;
	top:0px;
	left:190px;

			
			
}


li.mainmenu01,li.mainmenu02,li.mainmenu03,li.mainmenu04,li.mainmenu05{
          float:left;
		  display:block;
		  list-style-type:none;
		  background-repeat:no-repeat;
		  text-indent: 0px;
		  }
		  
li.mainmenu01{

	background-image:url(img/homemenu.gif);
	margin-right:3px;
		  }
li.mainmenu02{
          
		  background-image:url(img/supmenu.gif);
		  margin-right:3px;
		  }
li.mainmenu03{
    
		  background-image:url(img/webmenu.gif);
		  margin-right:3px;
		  }
li.mainmenu04{

		  background-image:url(img/contactmenu.gif);
		  margin-right:3px;
		  }
li.mainmenu05{


		  background-image:url(img/blogmenu.gif);
		  margin-right:3px;
		  }
		  
li.mainmenu01on,li.mainmenu02on,li.mainmenu03on,li.mainmenu04on,li.mainmenu05on{
          float:left;
		  display:block;
		  list-style-type:none;
		  background-repeat:no-repeat;
		  text-indent: 0px;
		  }		  
li.mainmenu01on{

	background-image:url(img/homemenuon.gif);
	margin-right:3px;
		  }
li.mainmenu02on{

		  background-image:url(img/supmenuon.gif);
		  margin-right:3px;
		  }
li.mainmenu03on{

		  background-image:url(img/webmenuon.gif);
		  margin-right:3px;
		  }
li.mainmenu04on{

		  background-image:url(img/contactmenuon.gif);
		  margin-right:3px;
		  }
li.mainmenu05on{

		  background-image:url(img/blogmenuon.gif);
		  margin-right:3px;
		  }
a.mainmenu{         
          width:102px;
		  height:41px;
		  display:block;
		  text-indent:-2000px;
		  }

		  
/*===================================================
　　　　　左カラム
===================================================*/

#links{
	width:190px;
	float:left;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:20px 6px 0px 6px;
	overflow:hidden;
	color: #333333;
	
}
.sidetitle{
background-color: #999999;
color: #FFFFFF;
font:bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding:4px 0px 4px 5px;
width:178px;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-left:1px solid #000000;

}
.side{
font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:140%;
margin:0px 0px 10px 0px;
padding:8px;
width:167px;
background-color:#FFFFFF;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}

a.sidea{color:#20b2aa;}

/*==================================================
       メインコンテンツ
====================================================*/


#main{
	width:570px;
	float:right;
	text-align:left;
	padding:5px 0px 0px 0px;
	color: #333333;
	}
#navi{text-align:left;
      font-size:14px;
	  }
#mainbody{
         width:540px;
		 margin:0 auto;
		 }

　　　　　
p.main{
	   margin:10px;
	   font:bold 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
p.price{color:#FF0000;
        text-decoration:underline;
		font-style:italic; font-weight:bold;
        font-size:24px;
		text-align:right;
		margin-right:30px;
		margin-bottom:10px;
		}
div.survice{background-color:#CCCCCC;
            width:530px;
			border:#333333;
			outline-style:solid;
			outline-color:#CCCCCC;
			outline-width:thin;
			
			
			display:block;
			margin:5px auto;
			}




/*===================================================
　　　　　フッター
===================================================*/
div#footer{clear:both;
           width:780px; height:45px;
		   background-image:url(img/footbg.gif);
		   text-align:center;
		   color:#FFFFFF;
		   font-size:9px}




/*==================================================
       要素の設定
====================================================*/	 
.canpaign {
	height: 55px;
	width: 519px;
	position:relative;
	top:-120px;
	left:230px;
}

h2 {background-image:url(img/h2bg.gif);
    background-repeat:no-repeat;
    width:540px; height:20px;
	display:block;
	padding-left:20px;
	padding-top:10px;
	font-size:18px;
	color:#FFFFFF;
	
	}

h3.pcaid{
	background-image: url(img/pcaidbg.gif);
	width:290px;
	height:115px;
	background-repeat:no-repeat;
	color: #FFFFFF;
	display:block;
	font-size:14px;

	position: relative;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 240px;

	 
	 }
h3.net{
	background-image: url(img/net.gif);
	width:290px;
	height:115px;
	background-repeat:no-repeat;
	color: #FFFFFF;
	display:block;
	font-size:14px;

	position: relative;
	margin-top: 3px;
	padding-top: 20px;
	padding-left: 240px;
	}


h3.pcsell{
	　　background-image:url(img/pcsell.gif);
	　　width:480px;
	height:115px;
	background-repeat:no-repeat;
	color: #FFFFFF;
	display:block;
	font-size:14px;

	position: relative;
	margin-top: 3px;
	padding-top: 20px;
	padding-left: 50px;
	background-image: url(img/pcsell.gif);
	}
h4 {background-image:url(img/h4bg.gif);
	padding-left:50px;
	padding-top:3px;
	width:350px; height:21px;
	font-size:16px;
	color:#FFFFFF;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;
	
	}

a.h4 {background-image:url(img/h4bg.gif);
	padding-left:50px;
	padding-top:3px;
	width:350px; height:21px;
	font-size:16px;
	color:#FFFFFF;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;
	
	
	}
a.price7ulup {
	background-image:url(img/price7ul.png);
	padding-left:190px;
	padding-top:60px;
	width:350px;
	height:43px;
	margin-left:5px;
	font-size:24px;
	color:#FF0000;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;
	
	}
a.price7proup {
	background-image:url(img/price7proup.png);
	padding-left:190px;
	padding-top:60px;
	width:350px;
	height:43px;
	margin-left:5px;
	font-size:24px;
	color:#FF0000;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;
	}
a.price7hpup {
	background-image:url(img/price7hpup.png);
	padding-left:190px;
	padding-top:60px;
	width:350px;
	height:43px;
	margin-left:5px;
	font-size:24px;
	color:#FF0000;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;
	}
a.price7hpfup {
	background-image:url(img/price7hpupfam.png);
	padding-left:190px;
	padding-top:60px;
	width:350px;
	height:43px;
	margin-left:5px;
	font-size:24px;
	color:#FF0000;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;
	
	}

p.price7sup {
	background-image:url(img/pricexp7.png);
	padding-left:20px;
	padding-top:90px;
	width:500px;
	margin-left:5px;
	margin-bottom:10px;
	font-size:14px;
	color:#333333;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;	
	}
p.pricev7sup {
	background-image:url(img/pricev7.png);
	padding-left:20px;
	padding-top:90px;
	width:500px;
	margin-left:5px;
	margin-bottom:10px;
	font-size:14px;
	color:#333333;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	font-weight:bold;	
	}
color:#20b2aa;	
a:link {
  
  text-decoration:underline;
}
a:visited {
  
  text-decoration:underline
}
a:hover {
	color:#666666;
	　text-decoration: underline;
	cursor:pointer;
}
a:active {
　color: #ff00ff;
}