/**************************************************************** Common */

/*************************************************** Common */
*{
	margin:0;
	padding:0;
}
body{
	background-image: url(./images/common_back_repeat.jpg);
	color: #666666;
	background-color:#fff;
	font-size:12px;
}
img{
	border:none;
}
.hr{
	clear:both;
	margin:0px 0px 5px 0px;
	padding:10px 0px 5px 0px;
	background-image: url(./images/bar.gif);
	background-repeat: no-repeat;
	background-position:0px 6px;
	width:800px;
	height:3px;
}
.clear{
	clear:both;
}
#common-header{
	width:780px;
	height:55px;
	padding:5px 10px 0px 10px;
}
#common-header #logo-left{
	float:left;	
}
#common-header #logo-right{
	float:right;
	padding-top:10px;
}
#common-footer{
	background-repeat: repeat-y;
	width:760px;
	padding:10px 20px 40px 20px;
}
#common-footer-left{
	float:left;
}
#common-footer-right{
	float:right;
}

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

.ulink a:link { color:#666;text-decoration:none; } 
.ulink a:visited { color: #666;text-decoration:none; } 
.ulink a:hover { color: #783c1d;text-decoration:underline; } 
.ulink a:active { color: 666;text-decoration:none; }

.links a:link {color: blue;text-decoration:none; } 
.links a:visited {color: blue;text-decoration:none; } 
.links a:hover {color: blue;text-decoration:underline; underline} 
.links a:active {color: blue;text-decoration:none; }

/**************************************************************** Top */

#top{
	color: #666666;
	width:800px;
	height:710px;
	margin:0 auto;
}

#top-frame{
	background-image: url(./images/top_back2.jpg);
	background-repeat: no-repeat;
	width:756px;
	padding:20px 22px 0px 22px;
}

#top-frame-header{
	height:60px;
	padding:0px 10px 0px 10px;
}
#top-title{
	height:56px;
	padding:4px 0px 0px 0px;
}
#top-read{
	background-repeat: no-repeat;
	text-indent:-9999px;
	height:360px;
}
#top-images{
	padding:0px 0px 0px 30px;
}
#top-images img{
	margin:4px 4px 0px 0px;
}
#top-frame-left{
	float:left;
	width:324px;
	height:474px;
}
#top-frame-right{
	text-align:left;
	float:right;
	width:409px;
	height:514px;
}
#top-frame-footer{
	height:20px;
	padding:5px 0px 5px 0px;
}
#top-frame-footer-left{
	float:left;
}
#top-frame-footer-right{
	float:right;
}
.links ul{
	margin:0;
	padding: 0px 0px 0px 0px;
}
.links li{
	font-size:10px;
	line-height:170%;
	margin: 5px 0px 5px 0px;
	text-indent:18px;
	color:#783c1d;
	list-style-type: none;
	background-image: url(./images/li.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

h1{
	color:#783c1d;
	font-size:14px;
	font-weight:bold;
	padding:3px 10px 0px 0px;
}
h2{
	font-size:10px;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	line-height:160%;
}

.whatsnew ul{
	margin:0;
	padding: 0px 0px 4px 20px;
}
.whatsnew li{
	font-size:10px;
	margin: 0px 0px 5px 15px;
	text-indent:18px;
	color:#783c1d;
	list-style-type: none;
	background-image: url(./images/li.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
}
#whatsnew{
	margin:0;
	padding: 15px 0px 0px 10px;
}



/**************************************************************** Contents */

/*************************************************** Contents Frames */
#contents{
	background-repeat: repeat-y;
	width:800px;
	margin:0 auto;
}
#contents-frame{
	padding:0px 15px 0px 15px;
}

#contents-frame-left{
	float:left;
	width:457px;
}
#contents-frame-right{
	float:right;
	width:300px;
}

/*************************************************** Contents Title */
#contents-title{
	border:1px solid #783c1d;
	padding:10px;
	height:154px;
	background-color:#fff;
	color:#666;
	margin-bottom:20px;
}
#contents-title h3{
	font-size:14px;
	margin-bottom:20px;
}
#contents-title p{
	font-size:12px;
}

/*************************************************** Contents Images */
#contents-header-images img{
	width:450px;
	margin: 0px 6px 6px 0px;
	vertical-align: top;
}
#contents-images img{
	width:222px;
	margin: 0px 6px 6px 0px;
	vertical-align: top;
}

/*************************************************** Contents Document */
#contents-document-body{
	font-size:12px;
	line-height:200%;
	padding:0px 10px 10px 10px;
	color:#666666;
}

#contents-document-body p{
	padding:0px 0px 10px 0px;
}

/*************************************************** Contents Navi */
#contents-header-navi{
	margin:0px;
	padding:0px 15px 0px 15px;
	width:770px;
}
#contents-navi{
	margin:30px 0px 10px 0px;
	padding:15px 15px 10px 15px;
	width:770px;
	text-align:center;
}
#contents-navi-left-side{
	width:694px;
	float:left;
}
#contents-navi-left{
	width:71px;
	height:30px;
	float:left;
}
#contents-navi-center{
	width:618px;
	height:30px;
	float:right;
}
#contents-navi-right{
	width:71px;
	height:30px;
	float:right;
}

/**************************************************************** Collection */

/*************************************************** Collection Frames */

#collection-frame{
}
#collection-frame-header{
	background-image: url(./images/collection_header.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:20px;
}
#collection-frame-body{
	background-image: url(./images/collection_body.jpg);
	background-repeat:repeat-y;
	padding:15px 0px 0px 30px;
	width:770px;
}

#collection-frame-footer{
	background-image: url(./images/collection_footer.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:20px;
}
.col-img{
	float:left;
	width:230px;
	height:210px;
	padding:0px 20px 14px 0px;
	color:#666666;
}
.col-img img{
	width:230px;
	margin-bottom:4px;
}
.col-img2{
	width:694px;
	padding:0px 0px 10px 0px;
	color:#666666;
}
.col-img2 img{
	width:694px;
	margin-bottom:4px;
}