@charset "utf-8";
/* CSS Document */

/* ------------------------------
ページ全般
-------------------------------- */
/*
IE7はsmall,IE6はX-small
希望のフォントサイズ(px)：指定する値(%)
10px : 77%
11px : 85%
12px : 92%
13px : 100%
14px : 107%
15px : 114%
16px : 122%
17px : 129%
18px : 136%
19px : 144%
20px : 152%
21px : 159%
22px : 167%
23px : 174%
24px : 182%
25px : 189%
26px : 197%
*/

* {
	margin: 0px;
	padding: 0px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body {
	text-align: center;
	*font: x-small;
	background:url(../img/backgraund.jpg) repeat-x;
	background-attachment:fixed;
	color:#996600;
	font-size:80%;
}

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

h1 {

}

h2{
 
}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

ul,ol,li {
	list-style-type: none;
}

a {
	color:#996600;
}

a:hover {
	text-decoration: underline;
}

img {
	vertical-align: bottom;
	border: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ------------------------------
#container
-------------------------------- */

#container {
	text-align: left;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
}

#header {
	background-color:#FFCCCC;
	padding-top:5px;
}

#menu{
	clear: both;
}

#menu li{
	float:left;
	text-indent:-9999px;
	
}

#menu li a{
	display: block;
	overflow: hidden;
}

#menu .home p{
	background: url(../img/menu/home.jpg) no-repeat left bottom;
	width: 115px;
	height:65px;
}

#menu .news a {
	background: url(../img/menu/news.jpg) no-repeat left top;
	width: 170px;
	height:65px;
}

#menu .news a:hover {
	background: url(../img/menu/news.jpg) no-repeat left bottom;
}

#menu .profile a {
	background: url(../img/menu/profile.jpg) no-repeat left top;
	width: 115px;
	height:65px;
}

#menu .profile a:hover {
	background: url(../img/menu/profile.jpg) no-repeat left bottom;
}

#menu .biography a {
	background: url(../img/menu/biography.jpg) no-repeat left top;
	width: 160px;
	height:65px;
}

#menu .biography a:hover {
	background: url(../img/menu/biography.jpg) no-repeat left bottom;
}

#menu .blog a {
	background: url(../img/menu/blog.jpg) no-repeat left top;
	width: 90px;
	height:65px;
}

#menu .blog a:hover {
	background: url(../img/menu/blog.jpg) no-repeat left bottom;
}

#menu .funclub a {
	background: url(../img/menu/funclub.jpg) no-repeat left top;
	width: 150px;
	height:65px;
}

#menu .funclub a:hover {
	background: url(../img/menu/funclub.jpg) no-repeat left bottom;
}



/* body */

.body_left {
	background:#F6F5F3 url(../img/topic_bottom.jpg) no-repeat scroll left bottom;
	float:left;
	width:470px;
}

.body_left dl{
	display:block;
	padding-left:10px;
	padding-top:10px;
}

.body_left dt{
	background:transparent url(../img/star_bullet.jpg) no-repeat scroll 0 0;
	font-weight:bold;
	height:22px;
	padding:4px 30px 5px 30px;
}
.body_left dd{
	padding:0 30px 20px 30px;
}

.body_left dd li{
padding-left:1em;
text-indent:-1em;
width:315px;
}

.body_left .content{
	background:url("../img/topic_top.jpg") no-repeat scroll left top transparent;
	padding:70px 0 30px 10px;
}


.body_right{
	float:right;
	margin-top:10px;
	margin-left:10px;
	background:url(../img/mobile_banner.jpg) left top no-repeat;
	width:320px;
	height:200px;
}

.body_right p{
	padding-top:150px;
	padding-left:15px;
}





#footer{
	margin-top:20px;
	background:url(../img/footer.gif) left top no-repeat;
}

#footer address {
	font-size: 80%;
	font-style: normal;
	color: #999999;
	text-align: center;
	padding-top:50px;
}