/* CSS Document */

html{
	font-family:"メイリオ", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	margin: 0;
	padding:0;
	}
body{
	margin: 0;
	padding:0;
	background: url(../image/bgTop.jpg) top repeat-x;}
	

a {color: #666666;}
a:hover {color: #cccccc;}

a{ color:#4c73d3; text-decoration:none; }
a:hover{ color:#009cff; text-decoration:underline; }


#container{
	width: 800px;
	margin:0 auto;}
#siteId{
	width: 800px;
	height: 108px;
	margin:0 auto;
	padding:0;
	position:relative;}	
#cart{
	width: 250px;
	height:30px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../image/bgCart.gif) no-repeat;
	line-height:30px;
}
#cart li
{
	display: inline;
	margin-left:14px;
}
#cart li img
{
	vertical-align:middle;
	margin-right:4px;
}
#cart li a
{
	color:#000066;
}
#cart li iframe
{
	vertical-align:middle;
}


#main{
	margin:0 auto;
	padding: 30px 0 0 0;}	
	
#sideArea{
	margin: 0 0 0 10px;
	padding: 0; 
	float:left; 
	display:inline; 
	clear:left;
	width: 195px;
	text-indent:0;}
#sideArea div.top{ height:10px; margin:0; padding:0; background: url(../image/naviTop.gif) top center no-repeat; font-size:1%; line-height:0.5;}
#sideArea div.main{ margin:0; padding:0; background: url(../image/naviMain.gif) center repeat-y;}
#sideArea div.bottom{ height:10px; margin:0; padding:0; background: url(../image/naviBottom.gif) bottom center no-repeat; font-size:1%; line-height:0.5;}
	
#sideArea dl{ margin:0 auto; padding:0; width: 170px;}
#sideArea dt{ margin:0; padding: 10px 0 5px 0; font-size: 75%; font-weight: bold; color:#00369D;}
#sideArea dd{ margin:0; padding: 5px 0 10px 0; font-size: 65%; background: url(../image/bar.gif) bottom repeat-x;}
#sideArea dd.end{ background:none;}
	
#content{ 
	margin: 0 10px 0 0;
	padding:0; 
	float: right;
	display: inline;
	clear:right;
	width: 550px;}	

.contents{ margin: 0 0 30px 0;}
	
	
h1{
	position: absolute;
	top: 20px;
	left: 0;
}
	
h2{
	width: 490px;
	padding: 18px 30px 0 30px;
	font-weight:bold;
	background: url(../image/titleLong.jpg) no-repeat;
	margin-bottom:24px;
	}
h3
{
	font-weight:bold;
}
h4{}
p{ 
	margin: 20px ;
	font-size: 75%;
	line-height:1.5;
	text-align:justify;}

/* global navigation */
#gNavi { 
	width: 800px;
	height: 40px;}
#gNavi ul{
	margin:0;
	padding:0;}
#gNavi ul li{
	margin:0;
	display: inline;
	list-style:none;}


/* footer */

#footer{ 
	clear: both;
	min-height: 40px;
	padding: 15px 0 5px 0;
	margin: 30px 0 0 0;
	background: url(../image/bgFooter.jpg) top repeat-x;}
#footer .copyright 
{
	text-align:center;
	font-size:x-small; font-family:"メイリオ", Arial, Helvetica, sans-serif;
}


/* clearfix */

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

.clearfix { 
zoom: 1;}



table.cart {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.cart th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    font-size:small;
}
table.cart td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    font-size:small;
}
table.cart td.color {
    text-align: left;
    font-size:medium;
}
table.cart td.name {
    text-align: left;
}