@import url(common.css);

body {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	background-position: center;
	background-color: #e6e0d9;
	background-image: url(img/outline/top.gif);
}

/*OUTLINE //////////////////////////////////////////////////////////////////////////////////////////*/
#container {
	width: 865px;
	margin-right: auto;
	margin-left: auto;
}

#sidebar {
	float: left;
	width: 100px;
	padding: 0px 10px 0px;
}

#content {
	float: left;
	width: 725px;
	margin-left: 10px;
}

#foot {
	width: 100%;
	float: left;
	background-image: url(img/outline/domain.png);
	background-repeat: no-repeat;
	margin: 14px 0px;
	height: 30px;
}

/*SIDEBAR //////////////////////////////////////////////////////////////////////////////////////////*/
#sidebar ul{
	background-image: url(img/txt/shop_info.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 25px;
}

#sidebar li{
	margin-bottom: 10px;
}

#sidebar .ssl{
	width: 100px;
	margin-top: 10px;
	overflow: hidden;
}

/*CONTENT //////////////////////////////////////////////////////////////////////////////////////////*/
#head{
	width: 100%;
	height: 20px;
	padding-top: 30px;
	background-image: url(img/txt/matsuoka.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#head .search{
	float: right;
	height: 20px;
	width: 475px;
}

#head select{
	width: 130px;
	height: 20px;
	background-color: #d4d4d4;
	border: 1px solid #989898;
}

#head input{
	width: 220px;
	height: 18px;
	background-color: #d4d4d4;
	border: 1px solid #989898;
	margin-left: 5px;
}

/*--------------------------------------------------------------------------------------------------*/

#cbar{
	float: left;
	width: 100%;
	background-color: #60696a;
	height: 20px;
	margin-top: 7px;
}

#cbar p{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 5px;
}

#cbar a {
	text-decoration : none;
	color : #FFFFFF;
}

#cbar a:active {
	color : #FFFFFF;
}

#cbar a:visited {
	color : #FFFFFF;
}

#cbar a:hover {
	color : #FF9900;
	text-decoration : underline;
}

/*--------------------------------------------------------------------------------------------------*/

#news{
	float: left;
	width: 548px;
	padding: 5px;
	border: 1px solid #60696a;
	background-image: url(img/bg/news.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-top: 7px;
}

#news a {
	text-decoration : none;
	color : #FF9900;
}

#news a:active {
	color : #FF9900;
}

#news a:visited {
	color : #FF9900;
}

#news a:hover {
	color : #FF4500 ;
	text-decoration : underline;
}

#news ul{
	width: 380px;
	height: 185px;
	overflow: auto;
	padding: 8px 8px 7px 160px;
}

#news li{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 3px;
	padding-bottom: 4px;
	color: #FFFFFF;
	background-image: url(img/line/2tone0102a.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

/*--------------------------------------------------------------------------------------------------*/

#member{
	width: 160px;
	float: left;
	margin-top: 7px;
	margin-left: 5px;
}

#member a {
	text-decoration : none;
	color : #FFFFFF;
}

#member a:active {
	color : #FFFFFF;
}

#member a:visited {
	color : #FFFFFF;
}

#member a:hover {
	color : #FF9900;
	text-decoration : underline;
}

#member .signin{
	background-image: url(img/board/member_top_signin.png);
	height: 65px;
	width: 130px;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding: 50px 15px 0px;
}

#member .regist{
	background-image: url(img/board/member_top_regist.png);
	height: 115px;
	width: 160px;
}

#member .banner{
	margin-top: 7px;
}

/*--------------------------------------------------------------------------------------------------*/

#menu{
	width: 100%;
	float: left;
	background-color: #333333;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	margin-top: 7px;
	background-image: url(img/txt/menu.gif);
	background-repeat: no-repeat;
}

#menu ul {
	padding-left: 50px;
}

#menu li {
	display: inline;
	border-right: 1px solid #666666;
	padding: 0px 5px;
}

#menu a{
	color: #FFFFFF;
}

#menu a:hover{
	color: #FFCC00;
}

/*--------------------------------------------------------------------------------------------------*/

#banner{
	width: 100%;
	float: left;
	margin-top: 7px;
}

/*--------------------------------------------------------------------------------------------------*/

#shop{
	width: 100%;
	float: left;
	margin-top: 7px;
	background-image: url(img/line/black0101.gif);
	background-repeat: repeat-y;
	background-position: 558px;
}

#info{
	width: 550px;
	float: left;
}

#info div{
	height: 70px;
	width: 258px;
	padding: 5px;
	margin-top: 7px;
	background-color: #e6e0d9;
}

#info h3{
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3c8bc;
	padding-bottom: 2px;
	margin-bottom: 2px;
	float: right;
	width: 180px;
}

#info p{
	font-size: 12px;
	line-height: 15px;
	float: right;
	width: 180px;
}

#info img{
	float: left;
}

/*--------------------------------------------------------------------------------------------------*/

#topics{
	width: 160px;
	float: right;
}

#topics div{
	float: left;
	height: 86px;
	width: 149px;
	margin-top: 7px;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #666666;
	background-color: #FFFFFF;
}

#topics h3{
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 2px;
	margin-bottom: 2px;
	float: right;
	width: 90px;
}

#topics p{
	font-size: 10px;
	line-height: 13px;
	float: right;
	width: 90px;
}

#topics img{
	float: left;
}