@charset "utf-8";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}

body {
	font-size: 75%; /* IE */
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,"MS PGothic",Sans-Serif;
	line-height: 1.4;
	/*\*/
	letter-spacing: 0.05em;
	/**/
	color: #333333;
	background: #FFFFFF url(/images/body_bg.gif) left top repeat-y;
}

html>/**/body {
font-size: 12px; /* Except IE */
}

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}

a:hover{text-decoration: none;}

img {
	border: none;
	vertical-align: top;
}

/* 固定幅の2段組レイアウト
---------------------------------------------*/
#tabBox1 {
	position:absolute;
	left: 177px;
	top: 1px;
	width: 780px;
	height: 28px;
	z-index:1;
}

#content {
	width: 780px;
	margin-left: 180px;
	padding-top: 10px;
	border-top: 10px solid #DABF9A;
	border-bottom: 10px solid #DABF9A;
}

#content2 {
	width: 780px;
	margin-left: 180px;
	padding-top: 10px;
	border-top: 10px solid #DABF9A;
	border-bottom: 10px solid #DABF9A;
}

#headArea {
padding: 6px;
width: 760px;
}

#headArea #headContents {
	width: 760 px;
	margin-left: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear:both
}

#headArea #headContents #headBox {
	width: 755 px;
	height: 360px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#headArea #headContents #productBlock { margin-bottom: 5px; }
.productBox {
width: 755px;
}

#contentsArea {
padding: 20px;
width: 740px;
}

#contentsArea #mainContents {
float: left;
width: 520px;
}
#contentsArea #mainContents h2 {
margin-bottom: 5px;
padding-bottom: 2px;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-color: #0A3359;
}
#contentsArea #mainContents li {
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left 3px;
}
#contentsArea #mainContents #recommendBlock { margin-bottom: 15px; }
.recommendMenuBox {
width: 227px;
background-color: #EDEDE9;
}
.grayBottomBox {
width: 227px;
padding-bottom: 6px;
background-image: url(images/gray_box_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.grayTopBox {
width: 213px;
padding-top: 6px;
padding-right: 7px;
padding-left: 7px;
background-image: url(images/gray_box_top.gif);
background-repeat: no-repeat;
background-position: center top;
}
.recommendMenuBox h3 { margin-bottom: 3px; }
.recommendMenuBox p {
margin-bottom: 2px;
margin-left: 157px;
}
.recommendMenuBox ul { margin-bottom: 5px; }
.recommendMenuBox li span { font-size: 83.3%; }

#contentsArea #sideContents {
float: right;
width: 170px;
}
#sideContents ul#bannerBox { margin-bottom: 7px; }
#sideContents ul#bannerBox li { margin-bottom: 5px; }
#sideContents ul#bannerBox img {
padding: 2px;
border: 1px solid #8499AC;
}
#sideContents #mailmagazineBox {
width: 170px;
background-color: #EDEDE9;
}
#sideContents #grayBottomBox170 {
width: 170px;
padding-bottom: 6px;
background-image: url(images/gray_box170_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
#sideContents #grayTopBox170 {
width: 157px;
padding-top: 6px;
padding-right: 6px;
padding-left: 7px;
background-image: url(images/gray_box170_top.gif);
background-repeat: no-repeat;
background-position: center top;
}
#mailmagazineBox h3 { margin-bottom: 3px; }
#mailmagazineBox p {
margin-bottom: 7px;
font-size: 83.3%;
}
form#mailMagagine input#youraName,
form#mailMagagine input#mail {
width: 150px;
}
form#mailMagagine input#button { margin-right: 5px; }

#footArea {
padding: 6px;
width: 760px;
}

#footArea #footContents {
	width: 760 px;
	margin-left: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear:both
}

#footArea #footContents #footBox {
	width: 760 px;
	height: 360px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footArea #footContents #productBlock { margin-bottom: 5px; }
.productBox {
width: 760px;
}
#contentsArea #Leftcontent {
    float:left
	width: 340px;
	margin-left: 20px;
	padding-top: 6px;
	border: thick none #999999;
}
#headcontentLeft2 {
	width: 340px;
	margin-left: 20px;
	padding-top: 6px;
	border: thick none #999999;
}

#headcontentLeft3 {
	position: absolute;
	width: 340px;
	margin-left: 20px;
	padding-top: 6px;
	border: thick none #999999;
	left: 540px;
	top: 140px;
}

#contentsArea #Rightcontent {
	float:right
	width: 340px;
	margin-left: 20px;
	padding-top: 6px;
	border: thick none #999999;
}

#headcontentRight2 {
	position: absolute;
	width: 340px;
	margin-left: 20px;
	padding-top: 6px;
	border: thick none #999999;
	left: 523px;
	top: 473px;
}

#logo {
	position: absolute;
	left: 1px;
	top: 0px;
	width: 139px;
}
#globalNav {
	position: absolute;
	left: 0;
	top: 113px;
	width: 175px;
	padding-bottom: 327px;
	border-top: 1px solid #5F5F5F;
	background: url(/images/leftside_bg.gif) left bottom no-repeat;
}
#globalNav li {
	border-bottom: 1px solid #5F5F5F;
}
#viewCart {
	position: absolute;
	left: 863px;
	top: 50px;
	width: 102px;
}

/* 大見出し
---------------------------------------------*/
h1 {
	margin-bottom: 20px;
}

#footer {
width: 760px;
padding-top: 5px;
padding-bottom: 15px;
text-align: right;
font-size: 100%;
color: #A3A3A3;
clear: both;
}

#footer ul#textNav { margin-bottom: 4px; }
#footer ul#textNav li { display: inline; }
#footer ul#textNav li a {
color: #A3A3A3;
text-decoration: none;
}
#footer ul#textNav li a:hover {
color: #0A3359;
text-decoration: underline;
}

/*List
---------------------------------------------*/
ul.spe {
	list-style-image: url(../images/arw_gray.gif);
/*	width: 260px; */
	font-size:1.0;
	line-height: 160%;
	list-style-position: none;
	padding: 0;
	margin: 0 0 0 2em;
	}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 5px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 5px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
	text-decoration: none;
}

.floatL {float:left;}
.floatC {float:center;}
.floatR {float:right;}