﻿h1 {
	padding: 8px;
	font-size: 100%;
	margin-top:10px;
	margin-bottom: 0;
	border:1px black solid;
	font-family: Arial, Helvetica, sans-serif;
}

.topbana   { margin-top: 5; margin-bottom: 12;
    font-size:80%; font-family:"ＭＳ Ｐゴシック", Arial, sans-serif;
    line-height:1.1; 
}

.topbana2   { margin-top: 5; margin-bottom: 10;
	margin-left: 13px;
	line-height:1.1
}

.pZero   { margin-top: 0; margin-bottom: 0 }

.body        { width: 600 }


a:hover {
	text-decoration:none;
}

a img {
	border:none;
}

a:hover.pic img {
	filter:alpha(opacity=75); 
}

a.pic2 img {
	filter:alpha(opacity=70);
}

a:hover.pic2 img {
	filter:alpha(opacity=100);
}


a.pic3 img {
	filter:alpha(opacity=60);
}

a:hover.pic3 img {
	filter:alpha(opacity=100);
}

a:hover.pic4 img {
	position:relative;top:1px;left:1px; 
	filter:alpha(opacity=75); 
}


.rankingLeft {
	width:178px;
    margin-bottom:15px;
    border:1px #999 solid;
}

.rankingLeft h3 {
	margin:0 0 10px 0;
    padding:6px;
	background-color:#999;
	color:#FFFFFF;
	font-size:80%;
}

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

.rankingLeft p {
	clear:left;
	height:100%;
	border-bottom:1px #CCCCCC dashed;
	margin:0 10px 10px;
	font-size:70%;
	text-align:left;
}

.rankingLeft p img {
	width:60px;
	float:left;
	margin-right:6px;
	vertical-align:middle;
}

.boxLeft {
    width:178px;
    margin-bottom:15px;
    border:1px #999 solid;
}

.boxLeft h3 {
	margin:0;
    padding:6px;
	background-color:#999;
	color:#FFFFFF;
	font-size:80%;
}

.boxLeft p {
	font-size:80%;
	font-family:Verdana,Arial;
	line-height:1.3;
	margin-top:0;
	margin-bottom:8px;
	padding:6px;
}

.boxLeft form {
	text-align:center;
	margin:0;
	padding:5px;
}

.calender table {
	border-collapse: collapse;
	width:100%;
}
.calender div {
	width:155px;
	margin:auto;
}

.calender p {
	margin:10px 0 3px;
	padding:0;
}

.calender td {
	padding:3px;
	border: 1px solid #999999;
	font-size:80%;
	text-align:center;
}
.calweek {
	background:#f6f6f6;
}

.menu {
border-collapse: collapse;
}
.menu td {
	padding:6px;
	border: 1px solid #999999;
	font-size:80%;  line-height: 120%
}

.chart {
border-collapse: collapse;
}
.chart td {
	padding:3px;
	border: 1px solid #EAEDEB;
	font-size:80%;  line-height: 120%
}

.banner {
border-collapse: collapse;
}
.banner td {
	padding:10px;
	font-size:70%;  line-height: 130%
}

.footer {
border-collapse: separate;
}



.icon {
border-collapse: collapse;
}
.icon td {
	padding:5px;
	font-size:70%;
}

.detailTbl { width:100%; border-collapse:collapse; }
.detailTbl th, .detailTbl td { padding:6px; border:1px solid #c0c0c0; text-align:center; }
.detailTbl th { background-color:#f4f4f4; }
.detailTbl .cartTd { text-align:right; }
.detailTbl .cartTd table { width:50%; }
.detailTbl .cartTd td { padding:0; border:none; font-size:100%; }
.detailTbl .priceTd { font-size:100%; }

.new {border-collapse: collapse;}
.new td {
	padding:5px;
	border: 1px solid #C0C0C0;
	font-size:80%;
	background:#f6f6f6;
}

.new2 {border-collapse: collapse;}
.new2 td {
	padding:5px;
	border: 1px solid #C0C0C0;
	font-size:80%;
}

.dashed {
border-bottom: 1px dashed #ff0000;
　}

.recommend {
border-collapse: separate;
}
.recommend td {
	padding:5px;
	border: 1px solid #D4D4D4;
	font-size:70%;  line-height: 120%;

}
.topH1 {
	font-size: 12px;
	font-weight: normal;
	background-color: #ffffff;
	background-image: none;
	color:#000000;
}

.topH2 {
	font-size: 12px;
	font-weight: normal;
	background-color: #000000;
	background-image: none;
	color:#ffffff;
	width: 800;
	margin-top: 0px;
}

.recommend2 {
border-collapse: separate;
}

.recommend2 td {
	padding:5px;
	border: 1px solid #D4D4D4;
	font-size:70%;  line-height: 120%;
}

.recommend3 {
border-collapse: separate;
}

.recommend3 td {
	padding:5px;
	border: 1px solid #999999;
	font-size:80%;  line-height: 120%;
}

.naviBar {
	font-size:14px;
}

.boxMain {
	
}

.newRecTbl td {
	vertical-align:top;
	height:110px;
	font-size:70%;
	line-height:120%;
}

.newRecTbl img {
	display:block;
	margin-bottom:2px;
}

.indexTitle {
	margin:8px 0;
	padding-top:12px;
	border-top:2px #999999 dotted;
	font-size:80%;
	color:#666666;
}

.seriesPoint td {
	vertical-align:top;
	font-size:80%;
	line-height:120%;
}

.seriesPoint img {
	display:block;
	margin-bottom:2px;
}

.seriesPoint p {
	margin-right:7px;
}



#header, #content, #footer { width:950px; margin:0 auto 12px; }

#header table { width:100%; border-collapse:collapse; }
#header h1    { margin:0; border:none; color:#666; font-size:75%; font-weight:normal; }
#header p     { margin:0; }

#tagline { margin-bottom:0px; }

#naviHeader    { background-color:#333; font-size:75% ;}
#naviHeader td { padding:6px 6px 6px 9px; color:#FFFFFF; }
#naviHeader a  { color:#fff; text-decoration:none; }
#naviHeader a:hover {text-decoration:underline; }

#naviItem     { width:740px; }
#naviSearch   { padding-left:9px; background-color:#666; font-size:75%; }
#naviSearch a { color:#fff; }

#contentBox { width:950px; border-collapse:collapse; }

#contentLeft, #contentMain { vertical-align:top; }
#contentLeft { width:180px; padding-right:20px; }

#naviBrand   { margin-bottom:20px; }
#naviBrand p { margin:0 0 9px; font-size:80%; }

#content h2   { padding:6px; background-color:#666; color:#fff; font-size:80%; }
#content h2 a { color:#fff; font-weight:normal; font-size:80%;}

#contenItem h1 { margin-top:0;}

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


.lineDot{
border-bottom: 2px dotted #000000;
padding-bottom: 20px;
}

.lineDot2{
border-top: 2px dotted #000000;
padding-bottom: 20px;
}

.lineDot3{
border-right: 2px dotted #808080; border-left: 2px dotted #666666;
padding-bottom: 20px;
}

.lineDot4{
border-top:4px double #fff;
border-bottom:4px double #fff;
background-color:#000000;
padding-left:15px;
line-height:130%;
font-size:80%; 
color:#FFFFFF; 
font-weight:bold;
}

.first-letter {
font-size: 200%;
float:left;}


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

.size-m  {
	font-size: 80%;
	line-height: 120%;
}
.size-l      { line-height: 150% }
.size-m150 { font-size: 80%; line-height: 150% }
.size-ss { font-size: 65% }
.size-s  { font-size: 70%; line-height: 110% }
.size-m150 { font-size: 80%; line-height: 150% }
.size-ss { font-size: 65% }
.size-s  { font-size: 70%; line-height: 110% }
.size-mb { font-size: 80%; font-weight: bold; line-height: 120% }

.material    { font-size: 80%; line-height: 150%; border-left-width: 1px; 
               border-right-width: 1px; border-bottom: 1px dotted #D4D4D4; 
               margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; margin-top:0 }
               
.hanbaiText {
	width: 810px;
}

.hanbaiText td {
	padding: 5px;	
	font-size:80%;
}

.hanbaiTextTitle {
	font-weight:bold;
	font-family:"Century Gothic", Arial;
	border-left: 5px solid #666;
	padding: 0px 5px;
	letter-spacing:2px;
}

.hanbaiTextIndex {
	font-weight:bold;
	font-family:"Century Gothic", Arial;
	border-top: 1px dashed #666;
	border-bottom: 1px dashed #666;
	padding: 5px;
	letter-spacing:2px;
}

.shouhinText {
	width: 510px;
}

.leftText {
	width:180px;
}

.leftTextP {
	margin-bottom:10px; margin-top:0px;
	font-size:80%;
	line-height:120%;
}

.leftTextIndex{
	font-weight:bold;
	font-family:"Century Gothic";
	border-top: 1px dashed #666;
	border-bottom: 1px dashed #666;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:10px;
	font-size:80%;
}

.leftTextP2 {
	margin-bottom:10px; margin-top:0px;
	font-size:80%;
	line-height:120%;
	border-bottom: 1px dotted #D4D4D4;
	padding-bottom:5px;
}

.footer h3 {
	margin:0;
    padding:6px;
	background-color:#999;
	color:#FFFFFF;
	font-size:80%;
}

.footer td {
	padding:10px;
	border: 1px solid #808080;
	border-collapse: separate;
}

.footerP {	
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top:0;
	margin-bottom:5px; 
	font-size:80%;
	line-height: 130%;
}
               
.footerTitle    { text-indent:3px; font-weight:bold; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; margin-top:5px; background-color:#CCCCCC; }

.sizeBox {
	width:950px;
	margin:0 auto 15px;
	padding:10px;
	border:1px dotted #ccc;
}

.sizeBox p {
	margin-bottom:5px;
	font-size:80%;
	line-height:1.5;
	text-align:left;
}

.sizeBox table {
	width:100%;
	border-collapse: collapse;
}

.sizeBox td {
	padding:7px;
	border: 1px solid #808080;
	font-size:80%;
	text-align:center;
}

.sizeBox th {
	padding:7px;
	border: 1px solid #808080;
	font-size:80%;
	text-align:center;
	background-color:#E6E6E6;
}