@charset "utf-8";
/*********************************************
**    Copyright (c) 2008.
**                  All Rights Reserved.
**********************************************/
/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/
/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
p,blockquote {
	margin			: 0;
	padding			: 0;
}
body {
	font-size		: small;
}
table {
	border-collapse	: collapse;
	border-spacing	: 0;
}
fieldset,img {
	border			: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style		: normal;
	font-weight		: normal;
}
ol,ul { 
	list-style		: none;
}
caption,th {
	text-align		: left;
}
input, textarea, select {
	font-family		: inherit;
	font-weight		: inherit;
	font-size		: 100%;
}
h1,h2,h3,h4,h5,h6 { 
	font-size		: 100%;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */

/* LINK
-------------------------------------------------------------------------------------------------*/
a:link {
	color			: #283c64;
	text-decoration	: none;
}
a:active {
	text-decoration	: none;
}
a:visited {
	color			: #646e8c;
	text-decoration	: none;
}
a:hover {
	text-decoration	: underline;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	background		: url(../images/body_bg.gif) repeat 0 0;
	margin			: 0 0 30px 0;
	line-height		: 1.3;
}
#Container {
	width			: 970px;
	margin			: 0 auto;
	background		: #ffffff;
}

/* HEADER
-------------------------------------------------------------------------------------------------*/
#Header h1 {
	font-weight		: normal;
	border-bottom	: 1px solid #cccccc;
	margin			: 0 5px 6px;
	padding			: 5px 0; 
}
#Header dl {
	
}
	#Header dl dt {
		float			: left;
		width			: 212px;
		padding			: 0 0 0 9px;
	}
	#Header dl dd {
		float			: right;
		width			: 728px;
		padding			: 5px 11px 0 0;
	}
		#Header dl img {
			vertical-align	: bottom;
		}

#HeaderMenu li {
	float			: left;
}
	#HeaderMenu li img {
		vertical-align	: bottom;
	}

#Search {
	background		: #ffffff url(../images/search_bg.jpg) repeat-x 0 bottom;
	border			: 1px solid #D4D0CF;
	padding			: 4px 0 4px 16px;
	margin			: 0 0 10px 0;
}
	#Search form {
		float			: left;
		width			: 300px;
	}
		#Search form input.Text {
			padding			: 2px 0 2px 25px;
			vertical-align	: middle;
			width			: 175px;
			border			: 1px solid #676767;
			background		: url(../images/search_icon.gif) no-repeat 0 0;
			color			: #666666;
		}
	#Search ul {
		float			: right;
		padding			: 5px 0 0 0;
		width			: 650px;
	}
		#Search ul li {
			float			: left;
			margin			: 0 15px 0 0;
		}
		

/*gnaviのスタイル*/

ul#gnavi {
	width: 970px;
	height: 30px;
	margin: 0 auto;
	background: url(../images/gbtn.jpg) left top no-repeat;
	overflow: hidden;
}

ul#gnavi li {
	float: left;
	list-style: none;
	display: block;
	height: 30px;
}
		
ul#gnavi li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 30px;
}

li#nav01,li#nav01 a { width: 103px; }
li#nav02,li#nav02 a { width: 103px; }
li#nav03,li#nav03 a { width: 103px; }
li#nav04,li#nav04 a { width: 88px; }
li#nav05,li#nav05 a { width: 109px; }
li#nav06,li#nav06 a { width: 127px; }
li#nav07,li#nav07 a { width: 98px; }
li#nav08,li#nav08 a { width: 142px; }
li#nav09,li#nav09 a { width: 97px; }

li#nav01 a:hover { background:url(../images/gbtn.jpg) 0px -30px no-repeat; }
li#nav02 a:hover { background:url(../images/gbtn.jpg) -103px -30px no-repeat; }
li#nav03 a:hover { background:url(../images/gbtn.jpg) -206px -30px no-repeat; }
li#nav04 a:hover { background:url(../images/gbtn.jpg) -309px -30px no-repeat; }
li#nav05 a:hover { background:url(../images/gbtn.jpg) -397px -30px no-repeat; }
li#nav06 a:hover { background:url(../images/gbtn.jpg) -506px -30px no-repeat; }
li#nav07 a:hover { background:url(../images/gbtn.jpg) -633px -30px no-repeat; }
li#nav08 a:hover { background:url(../images/gbtn.jpg) -731px -30px no-repeat; }
li#nav09 a:hover { background:url(../images/gbtn.jpg) -873px -30px no-repeat; }


/* MAIN CONTENTS
-------------------------------------------------------------------------------------------------*/
#Main {
	width			: 936px;
	margin			: 0 auto 13px;
}
#Navi {
	margin			: 0 0 8px 0;
}
	#Navi strong {
		font-weight		: normal;
	}

/* CONTENTS
-------------------------------------------------------------------------------------------------*/
#Contents {
	width			: 620px;
	float			: left;
}

/* RIGHT
-------------------------------------------------------------------------------------------------*/
#RightArea {
	width			: 300px;
	float			: right;
}
	#RightArea .LinkImg {
		margin			: 0 0 14px;
		text-align		: center;
	}
		#RightArea div.LinkImg div.Left160 {
			width			: 160px;
			float			: left;
		}
		#RightArea div.LinkImg div.Right120 {
			width			: 120px;
			float			: right;
		}
	#RightArea div.Pickup {
		background		: #FAFAFA;
		margin			: 0 0 9px;
	}
		#RightArea div.Pickup ul li {
			border-bottom	: 1px dotted #000000;
			padding			: 3px 5px 3px 10px;
		}
	#RightArea div.AmazonArea {
		margin			: 0 0 10px;
	}

/* FOOTER
-------------------------------------------------------------------------------------------------*/
#Footer dl {
	border-top	: 1px solid #cccccc;
	margin			: 0 5px 0;
	padding			: 5px 0;
}
	#Footer dl dd {
		float			: left;
		width			: 300px;
	}
	#Footer dl dt {
		float			: right;
		width			: 500px;
		text-align		: right;
	}