/*
 cursor resets
========================================*/
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	}


/*
 display
========================================*/
hr {
	display: none;
	}

/*
 various blank resets
========================================*/
body,
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,fieldset,input,textarea,select,
p,blockquote,
table,thead,tbody,tfoot,caption,th,td {
	margin: 0;
	padding: 0;
	}

/*
 list-style resets
========================================*/
ol,ul {
	list-style: none;
	}

/*
 border resets
========================================*/
table{
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,
img{
	border: 0 none;
	}
abbr,acronym {
	border-bottom: 1px dashed;
	}




/*  base
==============================================*/
body {
	color: #666666;
	text-align: center;
    font: 12px/18px verdana, Helvetica, arial, HiraKakuPro-W3, "MS PƒSƒVƒbƒN", Osaka, sans-serif;
	background-color: #ffffff;
	}


a:link, a:visited { color: #3399cc; text-decoration: underline; }
a:active, a:hover { color: #3399cc; text-decoration: none; }


.frame {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	}


/*  float
==============================================*/
.float-l {float: left;}
.float-r {float: right;}
	
.img-right {
	padding:0;
	float: right;
	margin: 0px 0px 10px 10px;
	}

.img-left {
	padding:0;
	float: left;
	margin: 0px 10px 10px 0px;
	}


/*  txt
==============================================*/
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}


.txt10 {font-size: 10px;line-height: 14px;}
.txt10b {font-size: 10px;line-height: 14px;font-weight: bold;}

.txt11 {font-size: 11px;line-height: 14px;}
.txt11b {font-size: 11px;line-height: 14px;font-weight: bold;}

.txt12 { font-size: 12px; font-weight: normal;}

.txt14 { font-size: 14px; font-weight: normal;}

.txt-red {color: #aa0000;}
.txtb-red {color: #aa0000;font-weight: bold;}

.txt-red2 {color: #cf0000;}

.txt-skyblue {color: #0db6dd;}

.txt-blue {color: #0033cc;}


/*  margin
==============================================*/
.tmg05 {margin: 5px 0px 0px 0px;}
.tmg10 {margin: 10px 0px 0px 0px;}
.tmg15 {margin: 15px 0px 0px 0px;}
.tmg20 {margin: 20px 0px 0px 0px;}
.tmg25 {margin: 25px 0px 0px 0px;}
.tmg30 {margin: 30px 0px 0px 0px;}

.rmg05 {margin: 0px 5px 0px 0px;}
.rmg10 {margin: 0px 10px 0px 0px;}
.rmg15 {margin: 0px 15px 0px 0px;}
.rmg20 {margin: 0px 20px 0px 0px;}
.rmg25 {margin: 0px 25px 0px 0px;}
.rmg30 {margin: 0px 30px 0px 0px;}

.bmg05 {margin: 0px 0px 5px 0px;}
.bmg10 {margin: 0px 0px 10px 0px;}
.bmg15 {margin: 0px 0px 15px 0px;}
.bmg20 {margin: 0px 0px 20px 0px;}
.bmg25 {margin: 0px 0px 25px 0px;}
.bmg30 {margin: 0px 0px 30px 0px;}
.bmg40 {margin: 0px 0px 40px 0px;}
.bmg50 {margin: 0px 0px 50px 0px;}

.lmg05 {margin: 0px 0px 0px 5px;}
.lmg10 {margin: 0px 0px 0px 10px;}
.lmg15 {margin: 0px 0px 0px 15px;}
.lmg20 {margin: 0px 0px 0px 20px;}
.lmg25 {margin: 0px 0px 0px 25px;}
.lmg30 {margin: 0px 0px 0px 30px;}


/*  padding
==============================================*/
.tpd05 {padding: 5px 0px 0px 0px;}
.tpd10 {padding: 10px 0px 0px 0px;}
.tpd15 {padding: 15px 0px 0px 0px;}
.tpd20 {padding: 20px 0px 0px 0px;}
.tpd25 {padding: 25px 0px 0px 0px;}
.tpd30 {padding: 30px 0px 0px 0px;}
.tpd50 {padding: 50px 0px 0px 0px;}

.rpd05 {padding: 0px 5px 0px 0px;}
.rpd10 {padding: 0px 10px 0px 0px;}
.rpd15 {padding: 0px 15px 0px 0px;}
.rpd20 {padding: 0px 20px 0px 0px;}
.rpd25 {padding: 0px 25px 0px 0px;}
.rpd30 {padding: 0px 30px 0px 0px;}

.bpd05 {padding: 0px 0px 5px 0px;}
.bpd10 {padding: 0px 0px 10px 0px;}
.bpd15 {padding: 0px 0px 15px 0px;}
.bpd20 {padding: 0px 0px 20px 0px;}
.bpd25 {padding: 0px 0px 25px 0px;}
.bpd30 {padding: 0px 0px 30px 0px;}

.lpd05 {padding: 0px 0px 0px 5px;}
.lpd10 {padding: 0px 0px 0px 10px;}
.lpd15 {padding: 0px 0px 0px 15px;}
.lpd20 {padding: 0px 0px 0px 20px;}
.lpd25 {padding: 0px 0px 0px 25px;}
.lpd30 {padding: 0px 0px 0px 30px;}


/*  common
==============================================*/
img {border: 0;}

.clear {
	clear: both;
	line-height: 0px;
	}

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

.clearfix{
	display:inline-block;
}



/*  header
==============================================*/
.header {
	width: 800px;
	height: 433px;
	background-image: url(../images/head_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

.header h1 {
	color: #3399cc;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	padding: 1px 0px 18px 0px;
	}

.header .linkarea {
	width: 585px;
	height: 127px;
	}

.header .linkarea .logo {
	width: 135px;
	height: 127px;
	float: left;
	}

.header .linkarea .right {
	width: 450px;
	height: 127px;
	float: left;
	}


/*  navi
==============================================*/
.navi {
	width: 450px;
	height: 28px;
	margin-top: 5px;
	}

	.navi li {
	float: left;
	list-style: none;
	}

	.navi01 a {
	width: 85px;
	height: 28px;
	background-image: url(../images/navi01.gif);
	background-repeat: no-repeat;
	display: block;
	}

	.navi01 a:hover {
	background-image: url(../images/navi01on.gif);
	}

	.navi02 a {
	width: 109px;
	height: 28px;
	background-image: url(../images/navi02.gif);
	background-repeat: no-repeat;
	display: block;
	}

	.navi02 a:hover {
	background-image: url(../images/navi02on.gif);
	}

	.navi03 a {
	width: 74px;
	height: 28px;
	background-image: url(../images/navi03.gif);
	background-repeat: no-repeat;
	display: block;
	}

	.navi03 a:hover {
	background-image: url(../images/navi03on.gif);
	}

	.navi04 a {
	width: 85px;
	height: 28px;
	background-image: url(../images/navi04.gif);
	background-repeat: no-repeat;
	display: block;
	}

	.navi04 a:hover {
	background-image: url(../images/navi04on.gif);
	}

	.navi05 a {
	width: 97px;
	height: 28px;
	background-image: url(../images/navi05.gif);
	background-repeat: no-repeat;
	display: block;
	}

	.navi05 a:hover {
	background-image: url(../images/navi05on.gif);
	}


/*  ranking
==============================================*/
.ranking {
	width: 800px;
	height: 247px;
	}

.ranking ul li {
	float: left;
	text-align: center;
	line-height: 14px;
	}

.ranking ul li.rank01 {
	width: 260px;
	height: 247px;
	background-image: url(../images/rank01_bg.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	}

.ranking ul li.rank02 {
	width: 260px;
	height: 247px;
	background-image: url(../images/rank02_bg.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	}

.ranking ul li.rank03 {
	width: 260px;
	height: 247px;
	background-image: url(../images/rank03_bg.jpg);
	background-repeat: no-repeat;
	}



/*  contents
==============================================*/
.contents {
	width: 800px;
	margin-left: 2px;
	background-image: url(../images/contents_bg.gif);
	background-position: right;
	background-repeat: repeat-y;
	}



/*  main area
==============================================*/
.mainarea {
	width: 600px;
	float: right;
	}

.mainarea h2 {
	margin-bottom: 8px;
	}

.mainarea ul.banner li {
	margin-bottom: 10px;
	}

.catch {
	}
	
.catch h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	color: #f48f16;
	margin-bottom: 10px;
	}

.main {
	margin-bottom: 50px;
	}

.main-right {
	width: 280px;
	}

.main-right h4 em {
	display: none;
	}

.main-right .point {
	width: 278px;
	background-image: url(../images/detail_info_bg.gif);
	background-repeat: repeat;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	}

.main-right .point .point-inner {
	width: 268px;
	margin: 4px 5px;
	padding-top: 8px;
	background-color: #ffffff;
	}

.main-right .point .point-inner p {
	padding-left: 3px;
	padding-bottom: 8px;
	padding-right: 3px;
	}
	
.main-right .point .point-inner p strong {
	color: #f48f16;
	}

.spec {
	margin-bottom: 30px;
	}

.spec h4 {
	color: #f48f16;
	}
		
.spec p {
	margin-bottom: 5px;
	}

.spec table {
	border-top: 1px solid #77c9e5;
	border-left: 1px solid #77c9e5;
	}

.spec table th {
	color: #509bb5;
	background-image: url(../images/detail_spec_bg.gif);
	background-repeat: repeat;
	border-right: 1px solid #77c9e5;
	border-bottom: 1px solid #77c9e5;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 12px;
	}

.spec table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #77c9e5;
	border-bottom: 1px solid #77c9e5;
	}


.care {
	width: 600px;
	}

.care .title {
	}

.care ul.first {
	margin-left: 40px;
	}

.care ul.first li {
	list-style-type: decimal;
	margin-bottom: 10px;
	}

.care .yellowbox {
	background-color: #fdfedf;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	}

.care .yellowbox ul.dot {
	margin-left: 20px;
	}

.care .yellowbox ul.dot li {
	list-style-type: disc;
	margin-bottom: 5px;
	}

.userinfo {
	}

.userinfo h2 {
	color: #ffffff;
	background-color: #333333;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 10px;
	}

.userinfo h3 {
	font-size: 14px;
	margin-bottom: 5px;
	}

.userinfo table {
	margin-top: 5px;
	margin-bottom: 20px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}

.userinfo table th {
	font-size: 12px;
	background-color: #dddddd;
	padding: 3px 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}

.userinfo table td {
	font-size: 12px;
	padding: 3px 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}

.pack {
	}

.pack h2 {
	margin-bottom: 25px;
	}

.pack h3 {
	color: #009900;
	font-size: 12px;
	padding: 5px 7px 3px 7px;
	background-color: #ecf5c2;
	margin-right: 25px; 
	margin-bottom: 9px;
	margin-left: 18px; 
	}

.pack p.txt {
	margin-left: 26px;
	margin-right: 30px;
	}

.pack p.txt2 {
	margin-left: 26px;
	margin-right: 30px;
	margin-bottom: 10px;
	}

.pack ul.decimal {
	margin-left: 50px;
	margin-bottom: 10px;
	}

.pack ul.decimal li {
	list-style-type: decimal;
	}

.pack ul.dot {
	margin-left: 45px;
	margin-bottom: 10px;
	}

.pack ul.dot li {
	list-style-type: disc;
	}


	

/*  leftarea
==============================================*/
.sidearea {
	width: 180px;
	float: left;
	}

.sidearea h2 {
	}


.sidearea ul.banner li {
	margin-bottom: 10px;
	}

.sidearea .search {
	width: 178px;
	height: 30px;
	border: 1px solid #cccccc;
	background-image: url(../images/rainbow_bg.jpg);
	background-repeat: repeat;
	margin-bottom: 10px;
	}

.sidearea .search .box {
	margin: 5px 3px;
	}


.sidearea ul.category {
	width: 178px;
	border: 1px solid #cccccc;
	background-image: url(../images/rainbow_bg.jpg);
	background-repeat: repeat;
	padding-top: 5px;
	margin-bottom: 10px;
	}

.sidearea ul.category li  p.txt {
	padding-top: 10px;
	padding-left: 3px;
	line-height: 14px;
	}

.sidearea ul.category li.category01 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category01_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category02 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category02_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category03 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category03_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category04 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category04_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}
	
.sidearea ul.category li.category05 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category05_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category06 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category06_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category07 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category07_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category21 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category21_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category22 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category22_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category23 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category23_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category24 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category24_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category25 {
	width: 170px;
	height: 38px;
	background-image: url(../images/category25_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}
	
.sidearea ul.category li.category26 {
	width: 170px;
	height: 45px;
	background-image: url(../images/category26_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category27 {
	width: 170px;
	height: 45px;
	background-image: url(../images/category27_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.category li.category28 {
	width: 170px;
	height: 45px;
	background-image: url(../images/category28_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}


.sidearea ul.price {
	width: 178px;
	border: 1px solid #cccccc;
	background-image: url(../images/rainbow_bg.jpg);
	background-repeat: repeat;
	padding-top: 5px;
	margin-bottom: 10px;
	}

.sidearea ul.price li  p.txt {
	padding-top: 4px;
	padding-left: 20px;
	}

.sidearea ul.price li {
	width: 170px;
	height: 28px;
	background-image: url(../images/category_price_bg.gif);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	}

.sidearea ul.guide {
	width: 178px;
	border: 1px solid #cccccc;
	background-image: url(../images/rainbow_bg.jpg);
	background-repeat: repeat;
	padding-top: 5px;
	margin-bottom: 10px;
	}

.sidearea ul.guide li a {
	width: 170px;
	background-image: url(../images/category_guide.gif);
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	display: block;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	}

.sidearea ul.guide li a:hover {
	color: #ffffff;
	background-image: url(../images/category_guide_on.gif);
	}


.sidearea .calendar {
	width: 178px;
	border: 1px solid #cccccc;
	background-image: url(../images/rainbow_bg.jpg);
	background-repeat: repeat;
	margin-bottom: 10px;
	}

.sidearea .calendar .box {
	width: 168px;
	margin: 5px 4px;
	}


/*  bottom area
==============================================*/
.bottomarea {
	width: 798px;
	border: 1px solid #cccccc;
	background-image: url(../images/rainbow_bg.jpg);
	background-repeat: repeat;
	}

.bottomarea h2 {
	margin-bottom: 5px;
	}
	
.bottomarea table {
	width: 790px;
	margin-top: 5px;
	margin-left: 4px;
	margin-bottom: 5px;
	}
	
.bottomarea table td.data {
	width: 250px;
	padding: 5px;
	background-color: #ffffff;
	vertical-align: top;
	}

.bottomarea table td.space {
	width: 5px;
	}
	
.bottomarea table td dl dt {
	color: #cf0000;
	}

.bottomarea table td dl dd {
	padding-left: 10px;
	padding-bottom: 8px;
	}



/*  footer
==============================================*/
.footer {
	width: 800px;
	text-align: center;
	padding: 11px 0px;
	}


/*  pan
==============================================*/
.pan {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 3px;
	}


/*  inside
==============================================*/





/*  hidden
==============================================*/
.navi {
	text-indent: -9999px ;
	
/*  MacIE 5 \*/
overflow: hidden;
/*  MacIE 5 end */

	}