@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

html {
	background: #E2EFF5 url(../img/bg_page.jpg) left top repeat-x;
}

body {
	color: #626262;
	font-size: small;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}

textarea { font-size: 100%; }

hr { display: none; }

em { 
    margin: 0 0.1em;
    padding: 0 0.2em;
    font-style: normal;
}

a {
	color: #3399CC;
	text-decoration: underline;
}

a:hover {
	color: #32B0A6;
	text-decoration: none;
}

a.orderLink,
.orderLink a {
	color: #E04848;
}

#layoutWrapper {
	background: url(../img/bg_body.gif) center top repeat-y;
	width: 930px;
	margin: 0 auto;
}

#layoutContainer {
	background: url(../img/bg_container.jpg) left top no-repeat;
	width: 920px;
	padding: 0 5px;
}

#layoutHeader {
	background: url(../img/bg_header.jpg) left top repeat-x;
	width: 920px;
	height: 74px;
}

#layoutHeader #sitelogo {
	float: left;
	margin-right: 50px;
}

#layoutHeader p {
	float: left;
}

#layoutHeader ul {
	float: left;
	width: 192px;
	height: 74px;
/*	margin-right: 18px;*/
}

#layoutHeader li {
	float: left;
}

#layoutHeader li.mail {
	line-height: 20px;
	width: 192px;
	height: 20px;
	margin: 20px 0 5px 1px;
}

#layoutHeader li.mail img {
	vertical-align: middle;
	margin-right: 3px;
}

#layoutHeader li.access {
	width: 192px;
}

#layoutHeader p.time {
	float: right;
	width: 203px;
}

#layoutGlobalNavi {
	background: url(../img/bg_gnavi.jpg) left top repeat-x;
	width: 920px;
	height: 70px;
	clear: both;
}

#error #layoutGlobalNavi {
	height: 79px;
}

#layoutGlobalNavi ul {
	float: left;
}

#layoutGlobalNavi li {
	float: left;
}

#layoutGlobalNavi ul#menuM {
	width: 460px;
	margin-right: 10px;
}

#layoutGlobalNavi ul#menuM img {
	display: block;
}

#layoutGlobalNavi ul#menuS {
	width: 190px;
}

#layoutGlobalNavi ul#menuS li {
	font-size: small;
	line-height: 34px;
	background: url(../img/arw_gnavi.gif) left center no-repeat;
	height: 34px;
	padding-left: 8px;
	margin-right: 20px;
}

#layoutGlobalNavi div#menuF {
	float: left;
	line-height: 34px;
	text-align: right;
	width: 180px;
	height: 34px;
}

#layoutGlobalNavi #lang {
	float: right;
	width: 68px;
	height: 20px;
	padding: 7px 0 7px 0;
}

#layoutGlobalNavi #lang img {
	display: block;
}

#layoutGlobalNavi ul#menuP {
	background:  url(../img/bg_menup.jpg) left top no-repeat;
	width: 905px;
	height: 29px;
	padding: 7px 0 0 15px;
	clear: both;
}

#layoutGlobalNavi noscript p {
	font-size: medium;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	width: 920px;
	height: 25px;
	clear: both;
}

#headline .sideL {
	float: left;
	width: 520px;
	clear: both;
}

#headline .sideL img {
	display: block;
}

#headline #stareyeAd{
	float: right;
	background: url(../img/bg_stareye_ad.jpg) left top no-repeat;
	width: 198px;
	height: 72px;
	padding: 17px 0 0 202px;
}

#headline a {
	display: block;
	line-height: 1.2;
	background: url(../img/arw_blanklink.gif) left 1px no-repeat;
	width: 125px;
	padding-left: 19px;
}

#headline a:hover {
	background: url(../img/arw_blanklink_on.gif) left 1px no-repeat;
}

#breadCrumb {
	float: left;
	line-height: 40px;
	width: 890px;
	height: 40px;
}

#breadCrumb li {
	float: left;
}

#layoutMain {
	background: url(../img/bg_main.gif) left top repeat-x;
	width: 890px;
	padding: 0 15px 15px;
	clear: both;
}

#sideMenu {
	float: left;
	width: 211px;
	clear: both;
}

#sideMenu img {
	display: block;
}

#menuC .innerSecond li {
	padding: 3px 5px 3px 15px;
}

#menuC .innerSecond li.current {
	background: #4CBD9A;
}

#menuC .innerSecond li.current a,
#menuC .innerSecond li.current a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background: url(../img/arw_menuc_04.gif) left 3px no-repeat;
}

#ie6 #menuC .innerSecond li.current a,
#ie6 #menuC .innerSecond li.current a:hover,
#ie7 #menuC .innerSecond li.current a,
#ie7 #menuC .innerSecond li.current a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background: url(../img/arw_menuc_04.gif) left 6px no-repeat;
}

#menuB li {
	margin-bottom: 10px;
}

#menuB img {
	display: inline;
}

#menuB li.order a {
	display: block;
	font-size: 12px;
	line-height: 1.3;
	background: url(../img/bnr_order.jpg) left top no-repeat;
	width: 181px;
	height: 40px;
	padding: 58px 15px 0;
}

#menuB li.order a:hover {
	background: url(../img/bnr_order_on.jpg) left top no-repeat;
}

#menuB li.end {
	margin-bottom: 0;
}

#content {
	float:right;
	width: 664px;
}

#h_content {
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	line-height: 33px;
	background: url(../img/bg_h_content.jpg) left top no-repeat;
	width: 650px;
	height: 33px;
	padding-left: 14px;
}

#boxA p.link a:hover {
	background: url(../img/arw_blanklink_on.gif) left top no-repeat;
}

#layoutFooter {
	border-top: 1px solid #5E9BCF;
	clear: both;
}

#categoryLink {
	padding: 20px 25px 10px;
}

#categoryLink h3 {
	display: block;
	color: #4C80B6;
	font-weight: bold;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #72ACD8;
}

#categoryLink li {
	display: inline;
	font-size: small;
	margin-left: 15px;
}

#categoryLink li a {
	line-height: 1.8;
	background: url(../img/arw_footerlink.gif) left center no-repeat;
	padding-left: 10px;
}

#naviLink {
	text-align: center;
}

#naviLink .pageNum {
	padding: 0 1em;
}

#naviLink .prev {
	background: url(../img/arw_prev.gif) left center no-repeat;
	padding-left: 10px;
}

#naviLink .next {
	background: url(../img/arw_next.gif) right center no-repeat;
	padding-right: 10px;
}

#pageLink {
/*	font-size: 90%;*/
	background-color: #E3F2FC;
	margin: 0 25px;
	padding: 10px 0px;
}

#pageLink table {
	background-color: #E3F2FC;
	width: 870px;
}

#pageLink table a {
	font-size: small;
	line-height: 1.6;
	background: url(../img/arw_footerlink.gif) left center no-repeat;
	padding-left: 10px;
}

#pageLink th {
	line-height: 1.6;
	vertical-align: top;
	padding-left: 15px;
	border-right: 1px dashed #72ACD8;
}

#pageLink th.ttl {
	vertical-align: middle;
}

#pageLink th strong {
	margin-right: 10px
}

#pageLink td {
	line-height: 1.6;
	padding: 0 20px 0 10px;
	vertical-align: top;
}

#pageLink td.item {
/*	background: url(../img/bg_item.gif) right center repeat-x;*/
	padding: 0;
}

#pageLink td.break {
/*	padding-bottom: 10px;*/
}

#pageLink td.item p {
	display: inline;
	color: #4C80B6;
	font-size: small;
	line-height: 1.6;
	background: #E3F2FC;
	padding: 0 10px;
}

#information {
	font-size: small;
	line-height: 40px;
	text-align: center;
	width: 870px;
	height: 40px;
	margin: 0 auto;
}

.pageTop {
	text-align: right;
	padding-top: 15px;
	clear: both;
}

.pageTop a {
	line-height: 19px;
	background: url(../img/arw_pagetop.gif) left center no-repeat;
	padding: 5px 0 5px 20px;
}

.pageTop a:hover {
	background: url(../img/arw_pagetop_on.gif) left center no-repeat;
}
/*
address {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 42px;
	background: url(../img/bg_address.jpg) left top no-repeat;
	text-align: center;
	width: 920px;
	height: 42px;
}
*/
address {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 42px;
	background: url(../img/bg_address.jpg) left top no-repeat;
	width: 720px;
	padding-left: 200px;
	height: 42px;
	overflow: hidden;
}

address p.copy {
	float: left;
	width: 500px;
	text-align: center;
}

address p.vs {
	float: right;
	background: url(../img/arw_address.gif) left center no-repeat;
	width: 205px;
	padding-left: 15px;
}

address p.vs a,
address p.vs a:hover {
	color: #FFFFFF;
}

.mbNo {
	margin-bottom: 0;
}

.pt5  {	padding-top: 5px;}
.pt10 {	padding-top: 10px;}
.pt15 {	padding-top: 15px;}
.pt20 {	padding-top: 20px;}
.pt25 {	padding-top: 25px;}
.pt30 {	padding-top: 30px;}

.mt5  {	margin-top : 5px;}
.mt10 {	margin-top : 10px;}
.mt15 {	margin-top : 15px;}
.mt20 {	margin-top : 20px;}
.mt25 {	margin-top : 25px;}
.mt30 {	margin-top : 30px;}

.mb5  { margin-bottom: 5px;}
.mb10 {	margin-bottom: 10px;}
.mb20 {	margin-bottom: 20px;}
.mb40 {	margin-bottom: 40px;}

.sideR {
	float: right;
}

.sideL {
	float: left;
}

.clr {
	display: none;
/*	line-height: 0px;
	clear: both;*/
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */