/*******************************************************************/
/* UNIVERSAL STYLE                                                 */
/*******************************************************************/
* { margin:0; padding:0; }

body {
	text-align:left;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	font-size:12px;
	background-color:#330066;
	}

img { border:none; }
li { list-style-position: outside;}

.float_left { float:left; }
.float_right { float:right; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
strong {
	font-weight:bold;
	color:#ff0000;
	text-decoration:underline; }
.notice { color:#ff0000; font-size:12px;}
.clear { clear:both; }
.nodisp_h { text-indent:-50000px; width:800px;}
.nodisp_p { margin:-50000px; width:800px;}

/*******************************************************************/
/* HEADER                                                          */
/*******************************************************************/
#header {
	width:800px;
	height:50px;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../img/header-bg.jpg);
	}

/*******************************************************************/
/* NAVI                                                            */
/*******************************************************************/
.navi {
	width:800px;
	padding:5px 0px;
	text-align:right;
	font-size:12px;
	letter-spacing:1px;
	color:#ffffff;
	}
.navi a { color:#ffffff; }

/*******************************************************************/
/* BODY                                                            */
/*******************************************************************/
#body {
	width:800px;
	padding:15px 0px 10px;
	background-color:#ffffff;
	text-align:left;
	font-size:12px;
	letter-spacing:2px;
	color:#333333;
	}

#home #body a {color:#000000;}
.lv1 a {color:#cc0099;}

/* --------------------------------------------------------------- */
/* LEFT                                                            */
/* --------------------------------------------------------------- */
#left {
	width:245px;
	float:left;
	margin-left:2px;
	padding:0px;
	}
#left a {color:#000000;}
#left h2 {margin: 3px 0px 0px 0px; padding:0px 0px 0px 0px;}
#left h2 img {width:245px; height:26px;}
#left h3 {padding:5px 0px 5px 8px; font-size:12px; text-decoration:underline;}
#left h3.gazou {padding:5px 0px 0px 5px;}
#left h3.tail {padding-bottom:5px;}
#left h3 img {width:240px; height:90px;}
#left p {padding:0px 0px 0px 10px;}
#left ul {padding:0px 10px 0px 28px;}
#left li {padding:1px 0px 2px; font-size:12px; color:#333333; line-height:1.5em;}

/* --------------------------------------------------------------- */
/* RIGHT                                                           */
/* --------------------------------------------------------------- */
#right {
	width:540px;
	float:right;
	margin-right:3px;
	}
#right .box {
	width:540px;
	margin:5px 0px 5px 0px;
	line-height: 1.5em;
	font-size:12px;}
#right .box .center {
	width:540px; text-align:center;}

#right .box h3.special{
	font-size:14px; text-decoration:underline;}
#right .box .catch {
	width:520px;
	margin:5px 0px 5px 5px;
	padding: 5px;
	text-align:center;}
#right .box .catch img {
	width:300px; height:200px;}
#right .box p.caption {
	margin:5px 5px 0px 5px;
	padding:5px;
	font-size:14px;
	font-style:bold;
	color:#cc3399;}
#right .box p.quote {
	text-align:right;
	font-style:italic;}
#right .box .guide {
	width:520px;
	text-align:center;}
#right .box .icon {
	width:40px; height:15px;
	margin:0px 1px;}
#right .box img.h2 {width:540px; height:28px; margin-top:10px;}
#right .box h2.title {
	margin-top:10px;
	font-weight:bold;
	font-size:14px;
	line-height:1.5em;
	letter-spacing:3px;
	color:#fffafa;
	width:540px;
	height:28px;
	text-indent:35px;
	padding-top:3px;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../img/h2-blank.jpg);}
#right .box h3.index {font-size:14px;}
#right .box h4.feature {padding-left:10px;}
#right .box p.feature {padding-left:20px; margin-top:5px;}

#right .box h2.content_title {
	margin-top:20px;
	font-weight:bold;
	font-size:14px;
	line-height:1.5em;
	letter-spacing:3px;
	color:#330066;
	width:535px;
	height:23px;
	text-indent:15px;
	padding-top:3px;
	border-top:solid 1px #330066;
	border-right:solid 2px #330066;
	border-bottom:solid 2px #330066;
	border-left:solid 1px #330066;
	background-color:#ccccff;}
#right .box img.writer {margin: 10px 20px 10px 5px;}
#right .box ul {padding:0px 30px 0px 30px; list-style-type:dotted;}
#right .box li {padding:3px 0px 2px 0px;}
#right .box h3 {margin: 5px 5px 0px 10px; font-size:13px;}
#right .box h3.writer {font-size:16px;}
#right .box h4 {margin: 5px 5px 0px 10px; font-size:13px;}
#right .box p {margin: 10px 20px 10px 10px;}
#right .box table {
	width:500px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	table-layout:fixed;
	border:solid 1px #99cc99;}
#right .box th {
	margin:0px;
	padding: 2px 3px;
	background-color: #ccffcc;
	border:solid 1px #99cc99;
	font-weight:normal;}
#right .box td {
	margin:0px;
	padding: 2px 3px;
	background-color:#ffffff;
	border:solid 1px #99cc99;}
.align_right {text-align:right;}
.align_center {	text-align:center;}
#right .box .date {
	text-align:right;
	padding: 0px 20px 5px 0px;
	color:#666666;}
#right .box .totop {
	text-align:right;
	padding: 0px 25px 5px 0px;}

#right .box .lv1 {
	border-color:#ff6600;}
#right .box .lv1 th {
	border-color:#ff6600;
	background-color:#ffcc66;}
#right .box .lv1 td {
	border-color:#ff6600;}

#right .box .goods {
	margin:10px 10px 5px 0px;
	width:520px;
	text-align:center;}
#right .box .last {
	border-bottom:1px dotted #99cc99;}
#right .box .goods h3 {
	margin:5px 10px 5px;
	padding:2px 5px 2px 10px;
	border-top: 1px solid #99cc99;
	border-bottom: 3px double #99cc99;
	background-color:#ccffcc;
	text-align:left;}
#right .box .goods img{
	float:left;
	margin:10px 20px 10px 20px;}
#right .box .goods dl {text-align:left; margin-left:10px;}
#right .box .goods li {margin:0px;}
#right .box .goods form {text-align:right; margin: 5px 20px 10px;}
#right .box .goods .num {margin:0px;}
#right .box .goods .num_box {font-size:13px; text-align:right;}
#right .box .goods .cart_btn {padding:1px 2px 1px; font-size:12px; text-align:center;}

#right .box .catalog {margin:10px 0px 5px 0px;}
#right .box .catalog h3 {
	margin:5px 10px 5px;
	padding:2px 10px 2px;
	border-top: 1px solid #330066;
	border-bottom: 1px solid #330066;
	background-color:#ccccff;
	color:#330066;
	text-align:left;}
#right .box .catalog p {
	padding-right:10px;}
#right .box .catalog .note {
	margin:0px 0px 10px 0px;
	width: 390px; float:right;}
#right .box .catalog h4 {margin-bottom: 0px;}
#right .box .catalog p {margin: 5px 0px 10px 20px;}
#right .box .catalog img {margin:0px 0px 10px 20px; width:100px; float:left;}
#right .box .catalog ul li {
	margin: 0px 0px 0px 10px;}
#right .box .catalog ol li {
	margin: 0px 10px 0px 50px;}
#right h3.content {font-size:13px;}
#right .profile {
	margin:5px 20px 5px 10px;
	line-height:1.5em;
	font-size:13px;
	border:1px solid 1px;
	background-color:#ffcc66;
	padding:5px 3px;}
#right .item_list {
	text-align:center; width:500px;
	font-size:12px;
	}

/*******************************************************************/
/* FOOTER                                                          */
/*******************************************************************/
#footer{
  width:800px; margin-top:10px; margin-bottom:30px; text-align:center;
  color:#cccccc;
}
#footer #contact {text-align:right; font-size:12px;}
#footer #copyright {margin-top:10px; margin-bottom:30px; font-weight:bold;}
