@charset "UTF-8";

body {
	background:#FFFFFF;
	text-align: center;
	background-image:url(../images/wrapper-bg.gif) ;
	background-repeat:repeat;	
	}

#wrapper {
	margin: 0;
	padding: 0;
	text-align: center;
	}

#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-image:url(../images/main-bg.gif) ;
	background-repeat:repeat-y;
	}

h1 { 
  color:#666;
	font-size:12px;
	padding-top:10px;
	padding-left:25px;
	font-weight:normal;
	letter-spacing:1.6px;
	}

h2 { 
  width:650px;
	height:70px;
	margin-top:15px;
	text-indent:-9999px;
	}


h3 { 
  width:650px;
	height:50px;
	margin-top:10px;
	text-indent:-9999px;
	}

h4 { text-indent:-9999px;	}

#title01 { background:url(../images/index-h2-01.gif) 0 0 no-repeat; }
#title02 { background:url(../images/index-h3-01.gif) 0 0 no-repeat; }
#title03 { background:url(../images/h4-pickup01.gif) 0 0 no-repeat; width:200px; height:40px; margin:148px 5px 3px 4px; }
#title04 { background:url(../images/h4-pickup02.gif) 0 0 no-repeat; width:200px; height:40px; margin:148px 5px 3px 4px; }
#title05 { background:url(../images/h4-pickup03.gif) 0 0 no-repeat; width:200px; height:40px; margin:148px 5px 3px 4px; }
#title06 { background:url(../images/index-h3-02.gif) 0 0 no-repeat; }
#title07 { background:url(../images/index-h4-01.gif) 0 0 no-repeat; width:650px; height:35px; margin-top:15px; }


/*------ ヘッダー ここから-----*/	


#header { 
  width:940px;
  height:225px;
	background:url(../images/header-bg.gif) 0 0 no-repeat;
	position:relative;
	margin:0 5px 0 10px;
  }


#header .logo a{
	display:block;
	width:570px;
	height:80px;
	text-indent:-9999px;
	position:absolute;
	top: 71px;
	left:38px;
	}	


/*------ ヘッダー ここまで -----*/




/*------ コンテンツ ここから-----*/	

#contents {
  width:650px;
	height:auto;
	margin-right:30px;
	float:right;
  }	

*html body #contents {
  width:650px;
	height:auto;
	margin-right:15px;
	float:right;
  }	
	
#contents .tx01 { 
  font-size:14px; 
	padding: 10px 5px 0 8px;
	letter-spacing:2px;
	line-height:170%;
	}	
	
	
#contents .pickup-frame { width:650px; height:350px; margin-top:10px; }

#contents .pickup01 { 
  background:url(../images/pickup-bg-01.jpg) 0 0 no-repeat;
	width:210px;
	height:350px;
	margin-right:10px;
	float:left;
	}
#contents .pickup02 { 
  background:url(../images/pickup-bg-02.jpg) 0 0 no-repeat;
	width:210px;
	height:350px;
	float:left;
	margin-right:10px;
	}
#contents .pickup03 { 
  background:url(../images/pickup-bg-03.jpg) 0 0 no-repeat;
	width:210px;
	height:350px;
	float:left;
	}	
	
#contents .pickup-tx { 
  font-size:14px; 
	padding: 0 6px 0 15px;
	letter-spacing:2px;
	line-height:160%;
	}	
#contents .more a { 
  display:block;
	background:url(../images/pickup-more.gif) 0 0 no-repeat;
	width:195px;
	height:38px;
	margin:2px 2px 0 7px;
	text-indent:-9999px;
	outline:none;
	} 
#contents .more a:hover { background-position:bottom; }
	

#contents .pagetop a { 
  display:block;
	width:140px;
	height:30px;
	margin-top:20px;
	background:url(../images/pagetop.gif) 0 0 no-repeat;
	outline:none;
	text-indent:-9999px;
	float:right;
	}
#contents .pagetop a:hover { background-position:bottom; }


#contents .pic01 { float:right; margin-top:25px; padding-left:15px; }
#contents .pic02 { float:right; margin-top:5px; padding-left:15px; }
#contents .pic03 { float:right; margin-top:15px; padding-left:15px; }


#contents .home-bnr a { 
  display:block;
	background:url(../images/home-bnr.jpg) 0 0 no-repeat;
	width:650px;
	height:240px;
	margin-top:20px;
	margin-bottom:20px;
	outline:none;
	text-indent:-9999px;
	}
#contents .home-bnr a:hover { background-position:bottom; }


/*------ コンテンツ ここまで-----*/	


/*------ ナビ ここから-----*/	

#navi { 
  width:250px;
	height:auto;
	margin-left:30px;
	float:left;
	}
*html body #navi { 
  width:250px;
	height:auto;
	margin-left:15px;
	float:left;
	}
	
#navi .navi01 { 
  width:210px;
	height:360px;
	background:url(../images/navi01.gif) 0 0 no-repeat;
	}
	
#navi .navi01 li { 
  list-style:none;
	width: 210px;
	height: 50px;
}

#navi .navi01 li a {
  display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999px;
	outline: none;
} 


#navi .navi01 li.nv1 { padding-top: 10px;}

#navi .navi01 li.nv1 a { background: url(../images/navi01.gif) 0 -10px no-repeat;}	
#navi .navi01 li.nv2 a { background: url(../images/navi01.gif) 0 -60px no-repeat;}	
#navi .navi01 li.nv3 a { background: url(../images/navi01.gif) 0 -110px no-repeat;}	
#navi .navi01 li.nv4 a { background: url(../images/navi01.gif) 0 -160px no-repeat;}	
#navi .navi01 li.nv5 a { background: url(../images/navi01.gif) 0 -210px no-repeat;}	
#navi .navi01 li.nv6 a { background: url(../images/navi01.gif) 0 -260px no-repeat;}	
#navi .navi01 li.nv7 a { background: url(../images/navi01.gif) 0 -310px no-repeat;}	


#navi .navi01 li.nv1 a:hover { background: url(../images/navi01.gif) -210px -10px no-repeat;}	
#navi .navi01 li.nv2 a:hover { background: url(../images/navi01.gif) -210px -60px no-repeat;}	
#navi .navi01 li.nv3 a:hover { background: url(../images/navi01.gif) -210px -110px no-repeat;}		
#navi .navi01 li.nv4 a:hover { background: url(../images/navi01.gif) -210px -160px no-repeat;}		
#navi .navi01 li.nv5 a:hover { background: url(../images/navi01.gif) -210px -210px no-repeat;}		
#navi .navi01 li.nv6 a:hover { background: url(../images/navi01.gif) -210px -260px no-repeat;}		
#navi .navi01 li.nv7 a:hover { background: url(../images/navi01.gif) -210px -310px no-repeat;}		


#navi .navi03 { 
  width:210px;
	height:210px;
	margin-top:20px;
	margin-bottom:40px;
	background:url(../images/navi03.gif) 0 0 no-repeat;
	}
	
#navi .navi03 li { 
  list-style:none;
	width: 210px;
	height: 50px;
}

#navi .navi03 li a {
  display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999px;
	outline: none;
} 


#navi .navi03 li.nv13 { padding-top: 10px;}

#navi .navi03 li.nv13 a { background: url(../images/navi03.gif) 0 -10px no-repeat;}	
#navi .navi03 li.nv14 a { background: url(../images/navi03.gif) 0 -60px no-repeat;}	
#navi .navi03 li.nv15 a { background: url(../images/navi03.gif) 0 -110px no-repeat;}	
#navi .navi03 li.nv16 a { background: url(../images/navi03.gif) 0 -160px no-repeat;}	

#navi .navi03 li.nv13 a:hover { background: url(../images/navi03.gif) -210px -10px no-repeat;}	
#navi .navi03 li.nv14 a:hover { background: url(../images/navi03.gif) -210px -60px no-repeat;}	
#navi .navi03 li.nv15 a:hover { background: url(../images/navi03.gif) -210px -110px no-repeat;}	
#navi .navi03 li.nv16 a:hover { background: url(../images/navi03.gif) -210px -160px no-repeat;}	


#navi .area { margin-top:5px; margin-bottom:30px; width:210px; height:auto; padding-left:1px; }
#navi .area li { list-style:none; font-size:10px; display:inline; }

/*------ バナー ここから-----*/	

#navi .dogly-bnr a { 
  display:block;
	width:210px;
	height:80px;
	margin-bottom:15px;
	background:url(../images/dogly-bnr.gif) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	}

#navi .dogly-bnr a:hover { background-position:bottom; }


#navi .blog-bnr a { 
  display:block;
	width:210px;
	height:75px;
	margin-bottom:15px;	
	background:url(../images/blog-bnr.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	}

#navi .blog-bnr a:hover { background-position:bottom; }


#navi .kenken-bnr a { 
  display:block;
	width:210px;
	height:75px;
	margin-bottom:15px;	
	background:url(../images/kenken-bnr.gif) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	}

#navi .kenken-bnr a:hover { background-position:bottom; }


#navi .school-bnr a { 
  display:block;
	width:210px;
	height:70px;
	margin-bottom:15px;	
	background:url(../images/school-bnr.gif) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	}

#navi .school-bnr a:hover { background-position:bottom; }


#navi .goods-bnr a { 
  display:block;
	width:210px;
	height:75px;
	margin-bottom:25px;	
	background:url(../images/goods-bnr.gif) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
	}

#navi .goods-bnr a:hover { background-position:bottom; }

/*------ バナー ここまで-----*/	

/*------ ナビ ここまで-----*/	


/*------ フッター ここから-----*/	

#footer {
  width:960px;
	height:75px;
	background:url(../images/footer-bg.gif) 0 0 no-repeat;
  }	

/*------ フッター ここまで-----*/	


/*------ その他 ここから-----*/

.marTB { margin-top:10px; margin-bottom:5px; }
.marTB2 { margin-top:25px; margin-bottom:20px; }
.marTL { margin-top:10px; margin-left:10px; }
.marTL2 { margin-top:5px; margin-left:5px; }

.marL3 { margin-left:3px; }
.marL5 { margin-left:5px; }
.marL15 { margin-left:15px; }

.marR8 { margin-right:8px; }
.marR10 { margin-right:10px; }
.marR15 { margin-right:15px; }
.marR20 { margin-right:20px; }

.marT5 { margin-top:5px; }
.marT10 { margin-top:10px; }
.marT15 { margin-top:15px; }
.marT20 { margin-top:20px; }

.marB10 { margin-bottom:10px; }
.marB20 { margin-bottom:20px; }
.marB30 { margin-bottom:30px; }

.pddR10 { padding-right:10px; }
.pd10 { padding:10px 60px 10px 15px; line-height:200%; }

.red { color:#ff2020; }
.red-b { color:#ff2020; font-weight:bold; font-size:110%; }
.big { font-weight:bold; }
.small { font-size:90%; }
.fr { float:right; }
.fl { float:left; }
.t-deko { margin-left:4px; margin-top:5px; margin-bottom:25px; }
.t-deko2 { padding:1px 7px 10px 15px; font-weight:bold; line-height:170%; font-size:110%; }
.lh { line-height:150%; }
.blue { color:#0000CC; }
.blue-b { font-weight:bold; color:#0000CC; }
.img-l { float:left; margin-right:10px; }
.small2 { font-size:95%; }

.bg-gray { background:#ececec; width:650px; }

/*------ その他 ここまで-----*/