@charset "utf-8";
/* CSS Document */
@import "reset.css";
@import "menu.css";
@import "tag.css";

/* 共通ページレイアウト
---------------------------------*/
body{
	background: #F0E6D9;
	font-family:"ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace
}

#header{
	width:	800px;
	height:	80px;
	margin: 0px auto;
	background:url(../images/header_back.jpg);
}

#page_top a{
	width:250px;
	height:80px;
	float: left;
}

#gnavi{
	width:	800px;
	height:	50px;
	margin: 0 auto;
	background:url(../images/gnavi.jpg);
}

#middle{
	width:	800px;
	height:	auto;
	margin: 0 auto;
	background:url(../images/middle_back.jpg) repeat-y;
}

#contents{
	width:	600px;
	height:	auto;
	min-height: 300px;
	float:	left;
}

div.content{
	width:	565px;
	margin: 15px auto;
}

#side_contents{
	width:	200px;
	height:	auto;
	float:	right;
}

#footer{
	width:	800px;
	height:	35px;
	margin: 0 auto;
	clear:	both;
	line-height:35px;
	background:url(../images/footer_back.jpg) repeat-x;
	font-size:12px;
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#footer a{
	color:#000;
	text-decoration:none;
}

#footer a:hover{
	color:#000;
	text-decoration:underline;
}

#footer .left{
	float:left;
	margin: 0 15px;
	font-weight:bold;
}

#footer .right{
	float:right;
	margin: 0 15px;
	font-weight:bold;
}

div.spacer{	
	width:100%;
	clear:both;
}

/*fontsize*/
#fontsize {
	width:240px;
	height:50px;
	float: right;
	margin: 0 15px;
	background:url("../images/fontsize.jpg");
}

*html div#fontsize {
	width:240px;
	height:50px;
	float: right;
	margin: 0 7.5px;
	background:url("../images/fontsize.jpg");
}

#fontsize ul{
	margin: 0 0 0 138px;
	padding: 0px;
}

#fontsize li{
	display:inline;
	margin: 0px;
	padding: 0px;	
}

#fontsize li a{
	display:block;
	float:left;
	height:30px;
	width:	27px;
	margin-top:0px;
	text-indent:-9999px;
	text-decoration:none;
}

#font-1 a:hover{width:27px;background:url("../images/fontsize.jpg") -138px -50px no-repeat;}
#font-2 a:hover{width:27px;background:url("../images/fontsize.jpg") -165px -50px no-repeat;}
#font-3 a:hover{width:27px;background:url("../images/fontsize.jpg") -192px -50px no-repeat;}

/* トップページレイアウト
---------------------------------*/
#top_flash{
	width:	800px;
	height:	300px;
	line-height:300px;
	font-size:50px;
	text-align:center;
	background:#FFF;
}

#side_contents a{
	color:#000;
	text-decoration:none;
}

#side_contents a:hover{
	text-decoration: underline;
}

/* 内部ページ共通レイアウト
---------------------------------*/
#contents_header{
	width:	800px;
	height:	200px;
	background:#FFF;
	background:url(../images/inner_back_01.jpg);
}

span.category{
	line-height:30px;
	font-size:25px;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	float: right;
	margin-top:	50px;
	margin-right: 25px;
	margin-left: 25px;
}

/* 特殊ページレイアウト
---------------------------------*/
#account_traders{
	width:	800px;
	height:	200px;
	background:#FFF;
	background:url(../images/account_traders.jpg);
}

#contact_header{
	width:	800px;
	height:	200px;
	background:#FFF;
	background:url(../images/contact_back.jpg);
}

#side_contents ul.account_side{
	list-style-position:outside;
	list-style-type:square;
	margin:0 0 0 1em;
}

#side_contents ul.account_side li{
	list-style-position:outside;
	list-style-type:square;
	margin:0.5em 1em ;
	width:auto;
	display:list-item;
}

#side_contents ul.account_side li a{
	width:auto;
	height:auto;
	display:inherit;
	background-image:none;
	line-height:1.5em;
	color:#000;
}

#side_contents ul.account_side li a:hover{
	text-decoration:underline;
}