@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	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	|

---------------------------------------------------------------------------------------- */

body {
	background: url(../images/head_bg_line.gif) repeat-x left top;
	text-align: center;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #666666;
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
  
/* Firefox 3用 */

body,x:-moz-broken {
	margin-left:-1px;
}
  
#wrapper {
	margin: 0 auto;
	text-align: left;
	width:950px;
}

a { color: #000;}
a:hover { color: #b01c0f;}

/* head
---------------------------------------------------------------------------------------- */
#head{
	position:relative;
	margin:10px 0;
}

#logo{
	margin:15px 0;
}

#head_Logo{
	float:left;
}

#headerContact {
	float:right;
}

#headerContact {
	margin:15px 0;
	text-align:right
}


#headerContact div {
	font-family: Arial, Helvetica, sans-serif;
	font-size:189%;
	font-weight:bold;
	color:#b01c0f;
}

#headerContact div span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	vertical-align: middle;
}

#headerContact p {
	font-size:10px;
	color:#666;
}
/* #globalNavi
----------------------------------------------------- */
#globalNavi {
	position: absolute;
	right:0;
	top: 64px;
}

#globalNavi ul {
	padding-top: 2px;
}

#globalNavi ul li {
	display: inline;
	margin: 0;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}

/* float
----------------------------------------------------- */
.left { float: left;}
.right { float: right;}


/* #container
---------------------------------------------------------------------------------------- */
#container{
	width:950px;
}

/* #contents
---------------------------------------------------------------------------------------- */
#contents{
	float:left;
	width:530px;
}


/* information
----------------------------------------------------- */

.newsDl dt,
.newsDl dd {
	line-height: 1.5;
}

.newsDl dt{
	background: url(../images/news_icon.gif) no-repeat 5px 9px;
	padding:3px 10px 0 15px;
	font-weight:bold;
}

.newsDl dd {
	margin: -1.6em 0 8px 0;
	padding: 0 0 3px 7em;
}

.newsDl dd span {
	display: block;
	padding: 0 0 0 20px;
}

.newsDl dd span a { text-decoration: none;}

/* #left
----------------------------------------------------- */
#left{
	float:left;
	width:200px;
	margin-right:10px;
}

.subBox {
	margin-bottom: 5px;
}

.subContactBox {
	background: url(../images/left_box_middle.gif) repeat-y 0 0;
	height: 100%;
}

.subContactBox dl dt {
	background:url(../images/arrow_icon01.gif) no-repeat 0 9px;
	padding-left:8px;
	color:#666666;
	line-height:1.8;
}

.subContactBox ul li{
	background:url(../images/arrow_icon02.gif) no-repeat 0 13px;
	padding:5px 8px;
	color:#666666;
	line-height:1.8;
	font-weight:bold;
}

.subContactBox ul li a {
	color:#666666;
	text-decoration:none;
}

.subContactBox ul li a:hover{
	color:#ccc;
	text-decoration:none;
}

.subContactBox ul li ul li{
	background:url(../images/arrow_icon02_01.gif) no-repeat 0 13px;
	font-weight:normal;
}

.subContactBox div.cartItem {
	background:url(../images/arrow_icon01.jpg) no-repeat 0 9px;
	padding-left:8px;
	color:#666666;
	line-height:1.8;
	border-bottom:1px dotted #000;
}

.subContactBox div.ItemPrice {
	text-align:right;
	font-size:122%;
	font-weight:bold;
	padding-top:3px;
}

/* #right
----------------------------------------------------- */
#right{
	float:right;
	width:200px;
}



/* h[x]
----------------------------------------------------- */
h1{
	font-size:77%;
}

h2{
	border-top:3px #b01c0f solid;
	margin-bottom:10px;
	padding: 8px 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color:#000;
	line-height: 1.5;
}

h3.ItemTitle{
	background:url(../images/h4_bg.gif) no-repeat left top;
	padding: 8px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 122%;
	font-weight: bold;
	color:#000;
	line-height: 1.5;
	border-bottom:1px solid #d9d9d9;
	margin-bottom:8px;
}

h3.Searchbox{
	background:url(../images/h3_search.gif) no-repeat left top;
	padding:7px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;	
}

h3.Itembox{
	background: url(../images/h3_itemcategory.gif)  no-repeat left top;
	padding:7px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;	
}

h3.Cartbox{
	background: url(../images/h3_cart.gif)  no-repeat left top;
	padding:7px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;	
}

h3.Loginbox{
	background: url(../images/h3_login.gif)  no-repeat left top;
	padding:7px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;	
}

h3.Rankingbox{
	background: url(../images/h3_ranking.gif)  no-repeat left top;
	padding:7px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;	
}

h4{
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color:#000;
	line-height: 1.5;
}

/* table
----------------------------------------------------- */

.table01 {
	width: 100%;
	margin-bottom:15px;
}

.table01 th, .table01 td {
	border-bottom: 1px dotted #000;
	padding: 10px 9px;
	vertical-align: top;
	line-height: 1.5;
}

.table01 th {
	background:url(../images/black_icon.gif) no-repeat 0 15px;
	width: 100px;
	font-weight: bold;
}


/* box
----------------------------------------------------- */

.box { margin: 0 0 10px;}

.box_Line {
	background:url(../images/line.gif) repeat-x left bottom;
	margin: 0 0 10px;
}

.box67{ width:67px;}

.box106{ width:106px;}

.box141{ width:141px; margin:10px;}

.box160Border{
	width:160px;
	border:1px #d4d4d4 solid;
	margin-right:21px;
}


.box160Border_Last{
	width:160px;
	border:1px #d4d4d4 solid;
}
.box178{ width:178px; padding:11px;}

.box191{ width:191px;}

.box322{ width:322px;}

.box530{ width:530px;}

/* section
----------------------------------------------------- */

.section { margin: 0 0 15px;}

/* item
----------------------------------------------------- */

p.itemName{
	font-size:100%;
	font-weight:bold;
	color:#000;
	margin:5px 3px; 
}

p.itemExplanation{
	font-size:77%;
	color:#666;
	margin-bottom:3px;
}

p.itemPrice{
	font-size:100%;
	font-weight:bold;
	color:#9f9f9f;
}

/* font
----------------------------------------------------- */
.fontS{
	font-size:77%;
	color:#666;
}

p{
	line-height:1.5;
	margin-bottom:13px;
}

em{
	font-size:122%;
	font-weight:bold;
}

.textR{	text-align:right;}
.textC{	text-align:center;}

/* #Form
----------------------------------------------------- */
.textLine{
	border:1px solid #d4d4d4;
	width:168px !important;
	width/**/:178px;
	padding:5px;
}

/* headimg
----------------------------------------------------- */
.hImg {
	border:8px #b01c0f solid;
	 margin-bottom:15px;
}


/* bu_Img
----------------------------------------------------- */
.bu_Img{
	margin:8px 0 0 0 ; 
}

/* subNavi
----------------------------------------------------- */


/* #footer
---------------------------------------------------------------------------------------- */

#footer{
	background:#b01c0f;
	margin: 0 auto;
}

address{
	padding:8px;
	text-align:center;
	color:#FFF;
	font-size:77%;
}

address a {
	color:#fff;
	text-decoration:none;
}

address a:hover {
	color:#fff;
	text-decoration:none;
}

/* .clearfix
---------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/