body {
background-color:#FFFFFF;
text-align:center;
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:65px;
	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;
}

div.top img.logo {
display:block;
margin:0 0 0 6px;
float:left;
}

div.top ul li {
display:compact;
list-style-type:none;
width:185px;
height:60px;
margin:0;
padding:0;
float:left;
}
div.top ul li a {
display:block;
width:185px;
height:60px;
line-height:60px;
float: none;
}
div.top ul li a.information {
background-image:  url("../img/title/information.gif")}
div.top ul li a.information:hover {
background-image:  url("../img/title/information.gif")}
div.top ul li a.shop {
background-image:  url("../img/title/shop.gif")}
div.top ul li a.shop:hover {
background-image:  url("../img/title/shop.gif")}
div.top ul li a.about {
background-image:  url("../img/title/about.gif")}
div.top ul li a.about:hover {
background-image:  url("../img/title/about.gif")}
div.top ul li a.diary {
background-image:  url("../img/title/diary.gif")}
div.top ul li a.diary:hover {
background-image:  url("../img/title/diary.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-image:  url("../img/common/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;
}
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:#808080;
font-size:24px;
font-weight:bold;
border-bottom:1px solid #C0C0C0;
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-image:  url("../img/common/link_cursor.gif");
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;
	background-image: url(../img/common/cont_bg.jpg);
}
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:20px 0 10px;
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:center;
float:left;
}
div.cont a.scroll:hover span.reverse {
background-color:#FF8040;
}
/*
layout	div.foot
*/

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

div.foot ul {
}

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

div.foot a {
display:block;
}
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;
}