@charset "utf-8";

/*
	header.css
	3col Layout CSS
	Copyright 2012 CREATIVE OFFICE COTOxCOTO All rights reserved.
	Code design : Minoru Sadaoka (Osaka Studio)
	http://www.cotoxcoto.jp/
*/

/* ******************************************************
	header
****************************************************** */

/* headerTop */
#headerTop {
	float: left;
	width: 100%;
	background : url(../img/headerTopBg.gif) repeat-x;
}

#headerTopContents {
	margin: 0px auto;
	padding: 3px 0px 7px 10px;
	width: 990px;
	height: 13px;
	letter-spacing: 1px;
	color: #fff;
}


/* headerBottom */
#headerBottom {
	float: left;
	width: 100%;
	background : url(../img/headerBottomBg.png) repeat-x;
	margin-bottom: 10px;
}

#headerBottomContents {
	margin: 0px auto;
	padding: 5px 10px;
	width: 990px;
	height: 90px;
	color: #fff;
}

#headerLogo a {
	display: block;
	float: left;
	margin: 20px 0px 0px 0px;
	width: 210px;
	height: 45px;
	background : url(../img/headerBottomLogo.png) no-repeat;
	text-indent: -9999px;
}

#headerMessage {
	float: left;
	margin: 30px 0px 0px 5px;
	width: 245px;
	height: 15px;
	background : url(../img/headerBottomMessage.png) no-repeat;
	text-indent: -9999px;
}

#headerLink {
	float: right;
	margin-top: 5px;
	width: 315px;
	height: 65px;
	overflow: hidden;
}

#headerLink li, #headerLink a {
	display: block;
	width: 100px;
	height: 65px;
	background : url(../img/headerBottomLink.png) no-repeat;

}

#headerLinkRegist, #headerLinkMyPage, #headerLinkGuide, #headerLinkContact {
	float: left;
	text-indent: -9999px;
}

#headerLinkCart {
	float: left;
	margin-left: 15px;
	text-indent: -9999px;
}

#headerLinkGuide a      { background-position:   0px  0px; }
#headerLinkMyPage a      { background-position: -100px 0px; }
#headerLinkRegist a       { background-position: -200px 0px; }
#headerLinkContact a     { background-position: -300px 0px; }
#headerLinkCart a        { background-position: -415px 0px; }

#headerLinkGuide a:hover  { background-position:    0px -65px; }
#headerLinkMyPage a:hover  { background-position: -100px -65px; }
#headerLinkRegist a:hover   { background-position: -200px -65px; }
#headerLinkContact a:hover { background-position: -300px -65px; }
#headerLinkCart a:hover    { background-position: -415px -65px; }