/*   全体の設定   */

body{
	color:#333333;
	background-color:#ffffff;
	line-height:1.5em;
}

#wrapper{
	width:900px;
	margin:0 auto 0 auto;
}

/*   コンテンツの設定   */
#maincontents,#subcontents{
	padding-bottom:32768px;
	margin-bottom:-32768px;
}

#contents{
	width:840px;
	height: auto;
	overflow: hidden;
	padding:0 0 30px 60px;
	margin:0;
	background:#ffffff url(../images/back01.jpg) repeat-y;


}

/*   メインコンテンツの設定   */

#contents #maincontents{
	width:580px;
	padding-top:30px;
	padding-left:20px;
	float:left;
}

/*   メニューの設定   */

#contents #subcontents{
	width:220px;
	background:#CECFCE url(../images/menu_back.jpg) repeat-y;
	vertical-align:top;
	float:right;
}

#contents #subcontents ul{
	text-align:center;
	font:bold 17px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contents #subcontents ul li{
	color:#E99ED1;
	width:220px;
	height:40px;

}

#contents #subcontents ul li a{
	color:#E99ED1;
	width:220px;
	height:20px;
	padding:10px 0 10px 0;
	text-decoration:none;
	display:block;
}

#contents #subcontents ul li a:hover{
	color:#ffffff;
	text-decoration:none;
}

#subcontents ul li.top a{
	background:#999999 url(../images/button01_c.jpg) no-repeat;
}

#subcontents ul li.top a:hover{
	background:#666666 url(../images/button01_o.jpg) no-repeat;
}

#subcontents ul li.cont a{
	background:#999999 url(../images/button02_c.jpg) no-repeat;
}

#subcontents ul li.cont a:hover{
	background:#666666 url(../images/button02_o.jpg) no-repeat;
}

#subcontents ul li.prod a{
	background:#999999 url(../images/button03_c.jpg) no-repeat;
}

#subcontents ul li.prod a:hover{
	background:#666666 url(../images/button03_o.jpg) no-repeat;
}

#subcontents ul li.menu a{
	background:#999999 url(../images/button03_c.jpg) no-repeat;
}

#subcontents ul li.menu a:hover{
	background:#666666 url(../images/button03_o.jpg) no-repeat;
}

#subcontents ul li.shop a{
	background:#999999 url(../images/button04_c.jpg) no-repeat;
}

#subcontents ul li.shop a:hover{
	background:#666666 url(../images/button04_o.jpg) no-repeat;
}

#subcontents ul li.kawaguchi a{
	background:#999999 url(../images/button05_c.jpg) no-repeat;
}

#subcontents ul li.kawaguchi a:hover{
	background:#666666 url(../images/button05_o.jpg) no-repeat;
}

/*   フッターの設定   */

#footer{
	width:900px;
	background:#ffffff url(../images/footer_bar.jpg) no-repeat;
	text-align:right;
	padding:10px 0 20px 0;
}

#footer li{
	display:inline;
}

#footer a{
	color:#333333;
	text-decoration:none;
}

#footer a:hover{
	color:#333333;
	text-decoration:underline;
}