@import "navi.css";
@import "style10.css";


/* CSS Document */

body {
	font-size: 12px;
	color: #333;
	font-family: "MS UI Gothic";
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
p {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	font-size: 12px;
	text-align: left;
	font-family: "MS UI Gothic";
  }
a img {
        border-style:none;
  }


#maincontainer{
 width : 1024px;
 margin : 10px auto;
 clear : both;
 position : absolute;
 top : 210px;
 left : 0;
 z-index : 0;
}



/*------------------------------ヘッダー-------------------------------*/

#header {
	height: 167px;
	width: 1024px;
	background: url(../images/header.png) no-repeat;
	margin : 0 auto;
}
#header img {
	padding-left: 39px;
	float: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
  }
#header h1 {
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #666;
	font-size: 12px;
	float: right;
	margin-right: 270px;
}
.coment-left {
	width: 270px;
	float: left;
	clear: both;
	padding-left: 35px;
	padding-top: 8px;
  }
#right .loon {
	height: 90px;
	width: 220px;
	background-image: url(../images/loon.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 3px;
	padding-top: 5px;
	text-align: center;
}
.title-cen {
	text-align: center;
}

#right .ku  {
	background-image: url(../images/card.png);
	height: 115px;
	width: 220px;
	clear: both;
	margin-top: 5px;
	margin-left: 3px;
	padding-top: 5px;
	text-align: center;
}
.text-down {
	color: #D20000;
	text-align: center;
	margin-top: 55px;
}



.coment-center {
	color: #FFF;
	margin-top: 70px;
	margin-left: 355px;

}
.uridasi {
	float: right;
	margin-right: 25px;
	margin-top: 50px;
	color: #CB0711;
	font-weight: normal;

}

/*------------------------------ナビ-------------------------------*/

#navi {
	height: 26px;
	width: 1024px;
	margin: 0 auto 20px auto;
 position : absolute;
 top : 167px;
 left : 0;
 z-index : 1;
}



#navi ul {
	margin: 0 auto;
	width: 1006px;
	padding: 0px;
	color: #CB0711;
	height: 26px;
}
#navi li{
	background: url(../images/navi-1.png) no-repeat;
	float: left;
	text-align: center;
	margin : 0 0 0 2px;
	line-height: 25px;
	padding : 0;
	list-style-type : none;
}

#navi li a {
	height: 26px;
	width: 135px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #CB0711;
	height: 26px;
	margin: 0px;
	padding: 0px;
}
#navi li a:hover {
	background: url(../images/navi-3.png) no-repeat;
	color: #FFF;
	font-weight: bold;
}

#navi li .ganbarunavi{
	width: 180px;
	height: 26px;
	margin: 0px 0px 0px 2px;
	padding: 0px;

}

#pankuzu {
	float: left;
	height: 20px;
	width: 1004px;
	padding-right: 10px;
	padding-left: 10px;
	color: #999;
	margin-bottom: 5px;
}
#sincyaku {
	background-image: url(../images/sincyaku2.png);
	height: 283px;
	width: 210px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 15px;
	margin-bottom: 5px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;

}
#sincyaku dl    {
	margin-left: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
}
#sincyaku dd {
	color: #666;
	margin: 0;
	padding: 0px;
}
#sincyaku dt {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	width: 180px;
}
#sincyaku dd em {
	font-size: 11px;
	font-style: normal;
}


/*------------------------------レフトサイド-------------------------------*/

#left {
	float: left;
	height: auto;
	width: 220px;
}
#left #rank-1 img   {
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}
#left #rank-2 img {
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}
#left #rank-3 img {
	float: left;
	margin-top: 9px;
	margin-left: 2px;
}
#rank-1 {
	background-image: url(../images/1-1.png);
	/*height: 178px;*/
	height: 188px;
	width: 215px;
	margin-bottom: 5px;
    padding-left: 5px;
}



#rank-2 {
	background-image: url(../images/1-2.png);
	background-repeat: no-repeat;
	height: 178px;
	width: 215px;
	margin-bottom: 5px;
    padding-left: 5px;
}
#rank-3 {
	background-image: url(../images/1-3.png);
	background-repeat: no-repeat;
	height: 178px;
	width: 215px;
	margin-bottom: 15px;
	padding-left: 5px;
}

#left h3 {
	font-size: small;
	font-weight: normal;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 45px;
}

#left ul {
	list-style-type: none;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#top_voice  {
	height: 211px;
	width: 578px;
	display: block;
	overflow: hidden;
}
#top_voice ul  {
	height: 211px;
	width: 578px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/koe2.png);
	background-repeat: no-repeat;
	display: block;
}
#top_voice li a {
	display: block;
	height: 211px;
	width: 578px;
}

#top_voice li a:hover {
	display: block;
	height: 211px;
	width: 578px;
	padding-top: 211px;
}

.rank-fontright {
	float: right;
	margin-right: 10px;
	font-size: medium;
	color: #F00;
	font-weight: bold;
}
.left-rank {
	padding-left: 110px;
	padding-top: 15px;
}
.font-redbold {
	color: #CB0711;
	font-weight: bold;
}
.font-gry {
	color: #666;
}
.apo {
	background-image: url(../images/apo.png);
	height: 210px;
	width: 210px;
	clear: both;
	float: left;
	margin: 20px 0px 10px;
	padding: 30px 5px 0px;
}
.font-brown {
	font-weight: bold;
	color: #C30;
	font-size: 14px;
}


/*------------------------------ライトサイド-------------------------------*/

#right {
	float: right;
	height: auto;
	width: 223px;
	font-size: 12px;
	line-height: 15px;
  }
#right-contact {
	width: 215px;
	height: 280px;
	float: right;
	margin-bottom: 5px;
	background-image: url(../images/right-contact.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 5px;
}
#right-staff {
	width: 210px;
	height: 520px;
	float: right;
	margin-bottom: 5px;
	background-image: url(../images/staff.png);
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;
}
#maincontainer #right #right-staff h3 {
	margin: 0px;
	padding: 9px 0px 10px 10px;
	color: #C00;
	font-size: 12px;
	text-align: center;
}

#right-staff dl {
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 12px;
}

.staff-img {
	padding: 3px;
}

#right-staff ul {
	list-style-type: none;
	height: 129px;
	width: 205px;
	display: block;
	background-image: url(../images/blog-dw.png);
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
	clear: both;
}
#right-staff ul a {
	list-style-type: none;
	height: 129px;
	width: 205px;
	display: block;
}

#right-staff ul a:hover {
	list-style-type: none;
	height: 101px;
	width: 205px;
	display: block;
	padding-right: 205px;
	float: right;
}
#yakusoku {
	width: 210px;
	height: 270px;
	float: right;
	margin-bottom: 5px;
	background-image: url(../images/yakusoku.png);
	background-repeat: no-repeat;
	padding-right: 5px;
	clear: both;
	padding-top: 30px;
	padding-left: 5px;
}	
.ganbaru-fontright {
	text-align: right;
	margin-right: 10px;
	margin-top: 8px;
}
.img-right {
	margin-left: 3px;
	margin-top: 8px;
}
#right ul  {
	list-style-type: none;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0px;
	color: #666;
}
#right ul li a:hover {
	text-decoration: none;
	color: #03F;
}
#right ul li a {
	text-decoration: none;
	color: #666;
}
.img-margin {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*------------------------------コンテンツ-------------------------------*/

#content {
	float: left;
	height: auto;
	width: 578px;
	margin-bottom: 20px;
}
.gyoukan {
	line-height: 18px;
}
.cont-font-top {
	width: 490px;
	margin-right: auto;
	margin-left: auto;

}
#content h2 {
	font-size: medium;
	color:#FFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 60px;
	padding-top: 8px;
}
#himitu {
	background-image:url(../images/himitu2.png);
	background-repeat:no-repeat;
	height: 197px;
	width: 552px;
	margin-left: 13px;
	color: #000;
	}	
#himitu3 {
	background-image: url(../images/himitu3.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 552px;
	margin-left: 13px;
	color: #000;
	}	

#ganbaru1 {
	background-image:url(../images/1.png);
	background-repeat:no-repeat;
	width: 552px;
	height: 174px;
	margin-left: 13px;
	}		
#ganbaru2 {
	background-image:url(../images/2.png);
	background-repeat:no-repeat;
	width: 552px;
	height: 171px;
	margin-left: 13px;
	}		
#ganbaru3 {
	background-image:url(../images/3.png);
	background-repeat:no-repeat;
	width: 552px;
	height: 173px;
	margin-left: 13px;
	}	
#ganbaru4 {
	background-image:url(../images/4.png);
	background-repeat:no-repeat;
	width: 552px;
	height: 172px;
	margin-left: 13px;
	}	

#ganbaru5 {
	background-image:url(../images/5.png);
	background-repeat:no-repeat;
	width: 552px;
	height: 177px;
	margin-left: 13px;
	}	

#ganbaru01 {
	height: 310px;
	width: 552px;
	margin-left: 13px;
}
#ganbaru02 {
	height: 310px;
	width: 552px;
	margin-left: 13px;
}
#ganbaru03 {
	height: 430px;
	width: 552px;
	margin-left: 13px;
}

.ganbaru-come {
	width: 325px;
	margin-left: 25px;
	margin-top: 15px;
}
.ganbaru01-come {
	background: url(../images/ganbaru01-2.jpg) no-repeat left;
	width: 340px;
	height: 157px;
	padding-left: 15px;
	padding-right: 212px;
}
.ganbaru02-come {
	background: url(../images/ganbaru02-2.jpg) no-repeat left;
	width: 340px;
	height: 144px;
	padding-left: 15px;
	padding-right: 212px;
}
.ganbaru03-come {
	background: url(../images/ganbaru03-2.jpg) no-repeat left;
	width: 340px;
	height: 244px;
	padding-left: 15px;
	padding-right: 212px;
}
.rightspace20{
	margin-right : 20px;
	}
.leftspace20{
	margin-left : 20px;
	}
.leftspace50{
	margin-left : 50px;
	}

.leftspace70{
	margin-left : 70px;
	}
.width320{
	width : 320px;
	}
.width170{
	width : 170px;
	}

.title_ganbaru{
	border-bottom: solid #000000 1px;
	padding-bottom: 2px;
	padding-left: 70px;
	}
.title-shift {
	margin-left: 45px;
}
.center{
	text-align: center;	
	}
.left_float{
	float:left;
}
.right_float{
	float:right;
}
.bothclear{
	clear:both;
}

.himitu-come {
	width: 500px;
	margin-left: 30px;
	padding-top: 90px;
  }
.majimewrap {
	background: url(../images/majime-wakunaka.gif) repeat-y;
	width: 343px;
}
.majimewrap-l {
	background: url(../images/majime-lwakunaka.gif) repeat-y;
	width: 726px;
}
.majimewrap-content {
	width: 290px;
	margin-left: 20px;
}
.bg-gray {
	background: #EBEBEB;
}

.fontred {
	color: #CB0711;
}
.font-or {
	color: #FC7214;

  }
.koe {
	height: 24px;
	width: 547px;
	background-image: url(../images/topimages.gif);
	background-repeat: no-repeat;
	color: #FFF;
	margin-top: 5px;
	text-align: center;
	padding-top: 110px;
  }
#right #yakusoku #sage {
	width: 140px;
	margin-left: 75px;
	margin-top: 10px;
	height: 80px;
}
#mainbox #maincontainer #left .top-ondanka {
	background-image: url(../images/ondanka.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 167px;
	float: left;
	font-size: x-small;
	color: #360;
	line-height: 12px;
	padding-top: 18px;
	padding-left: 53px;
}
#mainbox #maincontainer #left #goo-bn {
	color: #00F;
	height: 65px;
	width: 217px;
	float: left;
	font-size: x-small;
	margin-top: 5px;
	background: url(../images/goonet-banner.jpg) no-repeat;
}
#mainbox #maincontainer #left #goo-bn a {
	height: 18px;
	width: 207px;
	display: inline-block;
	padding-top: 47px;
	padding-left: 10px;
}

#mainbox #maincontainer #left .care {
	color: #C00;
	height: 50px;
	width: 205px;
	float: left;
	background-image: url(../images/care.gif);
	font-size: x-small;
	margin-top: 5px;
	padding-left: 15px;
}
#mainbox #maincontainer #right .care {
	color: #C00;
	height: 50px;
	width: 205px;
	float: right;
	background-image: url(../images/care.gif);
	font-size: x-small;
	margin-top: 5px;
	padding-left: 15px;
}

#mainbox #maincontainer #footer p {
	text-align: center;
}


#mainbox #maincontainer #left .care a {
	color: #C00;
	float: left;
	background-image: url(../images/care.gif);
	text-decoration: none;
}
#mainbox #maincontainer #right .care a {
	color: #C00;
	float: left;
	background-image: url(../images/care.gif);
	text-decoration: none;
}


#mainbox #maincontainer #right .oknet {
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	height: 58px;
	width: 220px;
	color: #C00;
	text-align: center;
	padding-top: 8px;
	margin-top: 5px;
}
#mainbox #maincontainer #right .oknet a {
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	height: 58px;
	width: 220px;
	color: #C00;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
}
#mainbox #maincontainer #mein #buy table{
	float: right;
	margin-bottom: 10px;
}


/*------------------------------フッター-------------------------------*/

#footer {
	width: 1024px;
	margin : 10px auto;
	clear: both;
	text-align: center;
  }