body {
background-color:#FFFFFF;
text-align:left;
margin:0;
padding:0;
}

div.body {
	width:740px;
	background-image:url("../img/common/body_bg.jpg");
	background-repeat:repeat-y;
	margin:0 auto;
	background-position: top;

}

/*
initialize
*/

h1,h2,h3,h4,h5,h6,
p,ul,ol,li
{
margin:0;
padding:0;
}

*.invisible {
display:none;
}


img {
display:block;
margin:0;
padding:0;
}

img.left {
float:left;
margin:0 10px 0 0;
}
img.center {
margin:0 auto;
}
img.right {
float:right;
margin:0 0 0 10px;
}

/*
layout	div.top
*/


div.top {
	height:35px;
	width:740px;
	background-repeat:no-repeat;
	margin-left: 0px;
	background-image: url(../img/common/top_bg.jpg);
	padding-bottom: 20px;
	clear: both;
	background-position: bottom;
	background-color: #FFFFFF;
	margin-top: 0px;
}

div.logo {
	height:50px;
	width:750px;
	background-repeat:no-repeat;
	background-image: url(../img/title/nanatone_font.gif);
	clear: both;
	background-position: 10px top;
	background-color: #FFFFFF;
	margin: 5px 0px 0px;
}


div.top ul li {
	display:compact;
	list-style-type:none;
	width:185px;
	height:35px;
	margin:0;
	padding:0;
	float:left;
	background-repeat: no-repeat;
	background-position: bottom;
}
div.top ul li a {
	display:block;
	width:185px;
	height:35px;
	line-height:60px;
	float: none;
	background-repeat: no-repeat;
	background-position: bottom;
	clear: left;
}
div.top ul li a.info {
background-image:  url(../img/title/infomation_font.gif)}
div.top ul li a.info:hover {
background-image:  url(../img/title/infomation_font.gif)}
div.top ul li a.shop {
background-image:  url(../img/title/shop_font.gif)}
div.top ul li a.shop:hover {
background-image:  url(../img/title/shop_font.gif)}
div.top ul li a.diary {
background-image:  url(../img/title/diaryfont.gif)}
div.top ul li a.diary:hover {
background-image:  url(../img/title/diaryfont.gif)}
div.top ul li a.map {
background-image:  url(../img/title/sitemap_font.gif)}
div.top ul li a.map:hover {
background-image:  url(../img/title/sitemap_font.gif)}


/*
layout	div.cont
*/

div.cont {
margin:0 10px;
padding:10px;
text-align:left;
background-position:center top;
background-repeat:repeat-y;
}


/*
layout	div.cont	div.left
*/

div.cont div.left {
	width:200px;
	font-size:10px;
	float:left;
}
div.cont div.left div {
width:200px;
height:40px;
}
div.cont div.left img.title {
margin:0 0 20px 0;
}

div.cont div.left strong {
display:block;
margin:1em 0 0.5em;
}
div.cont div.left ul {
margin:0 0 0 0;
}
div.cont div.left ul li {
background-repeat:no-repeat;
background-position:2px 0.25em;
list-style-type:none;
padding:0 0 0 16px;
margin:0 0 0.5em 0;
}
div.cont div.left ul li ul {
margin:0.5em 0 0 0;
}
/*
div.cont div.left ul li ul li {
background-image:url(../img/link_cursor.gif);
background-repeat:no-repeat;
background-position:2px 0.25em;
list-style-type:none;
padding:0 0 0 16px;
margin:0 0 0.5em 0;
}
*/

/*
layout	div.cont	div.right
*/

div.cont div.right {
	color:#404040;
	float:right;
	width: 480px;
}
div.cont h1 {
color:#333333;
font-size:18px;
font-weight:bold;
margin:10px 0 10px 0;
}

div.cont h2 {
color:#404040;
font-size:12px;
font-weight:bold;
margin:2em 0 10px 0;
}

div.cont p {
font-size:12px;
line-height:150%;
margin:0.5em 0 0 0;
}
div.cont p.caption {
display:block;
font-size:10px;
color:#808080;
text-align:right;
margin:0;
padding:0;
}
div.cont * li {
color:#404040;
font-size:12px;
line-height:150%;
margin:0.5em 0 0 4em;
}
div.cont p.link {
background-repeat:no-repeat;
background-position:left center;
padding:0 0 0 16px;
}

div.cont a {
color:#404040;
text-decoration:none;
}

div.cont a:link {
border-bottom:1px solid #404040;
}
div.cont a:visited {
border-bottom:1px dotted #404040;
}
div.cont a:hover {
color:#FF8040;
border-bottom:1px solid #FF8040;
}

div.paragraph {
	margin:0 0 40px 0;
}
div.paragraph table {
margin:1em 0 0;
}
div.paragraph table th ,
div.paragraph table td {
vertical-align:top;
padding:0 1em 1em 0;
}
div.paragraph table td h2 {
margin-top:0;
}


/*
layout	div.cont	div.scroll
*/

div.cont div.scroll {
padding:5px 0;
clear:both;
}
div.cont a.scroll  {
display:block;
font-size:10px;
float:right;
clear:both;
}
div.cont a.scroll span.reverse {
display:block;
height:1.5em;
width:1.5em;
color:#FFFFFF;
margin:0 0.5em 0 0;
background-color:#404040;
text-align:right;
float:left;
}
div.cont a.scroll:hover span.reverse {
background-color:#FF8040;
}
/*
layout	div.foot
*/

div.foot {
	padding:10px 0 0;
	background-color:#FFFFFF;
	background-image:     url("../img/common/foot_bg.jpg");
	background-position:top;
	clear:both;
	text-align: center;
}

div.foot ul {
}

div.foot ul li {
	display:block;
	height:5em;
	line-height:5em;
	font-size:x-small;
	list-style-type:none;
	background-color:#FFFFFF;
	border-right:1px none #C0C0C0;
	float:left;
	background-position: center;
}
div.foot ul li.right {
border-right:0px solid #C0C0C0;
}

div.foot a {
	display:block;
	background-position: center;
}
div.foot a:link {
background-color:#FFFFFF;
}
div.foot a:hover {
background-color:#FFFBE6;
}


/*
table
*/

table.general {
color:#404040;
font-size:12px;
}

table.general th {
text-align:left;
}
table.general th , 
table.general td {
padding:0 0.5em;
}

/*
colors
*/

.cl-red {
color:#C00000;
}
.cl-orange {
color:#FF8000;
}
.cl-brown {
color:#804000;
}
.cl-green {
color:#408000;
}
.cl-blue {
color:#0000C0;
}
.cl-purple {
color:#800080;
}
.cl-pink {
color:#FF4080;
}
.cl-midium-glay {
color:#808080;
}
.cl-light-glay {
color:#C0C0C0;
}

p.next {
border-bottom:1px solid #C0C0C0;
background-color:F8F8F8;
}
p.next a:link {
border-bottom:0px;
}.small {
	font-size: 9px;
	color: #404040;
}
.cl-darkgreen {
	color: #006600;
}
.menber {
	font-size: 10px;
}
.copyright {
	font-size: 12px;
	color: #333333;
}