/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

thead th,
tbody th{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

.menu{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

blockquote{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0;
color:#000;
background:#f5f3f2 url(/img/bg.png) repeat center top;
font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

#wrap{
width:960px;/*960*/
/*background:#fff;*/
background:#f5f3f2;
margin:30px auto 30px auto;
padding:0;
border:1px solid #ccc;
}

.menu{
margin:-1px -1px 0 -1px;
}


#footer{
text-align:center;
padding:20px;
margin:0;
background:#efefef;
border-top:1px solid #ccc;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
}

	#link-top{
	position: absolute;
	top:10px;
	right:10px;
	*right:25px;/*IE 7 ONLY*/
	left:auto;
	color:#666;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	
	
	
#header{
	left: 0;
    margin: 0 auto;
    padding: 10px 0 20px;
	padding-top:0px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 1px #FFFFFF;
    top: 0;
    width: 960px;
	}
	
.kadomaru{
	
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
		
}


.buill_menu{
cursor:pointer;
margin-bottom:15px;	
}

.spec{
 background:#FFF;	
}

.kadomaru{

background:url(img/kadomarucheck.png) left top no-repeat #fff;
padding-top:20px;	
}

.toplist{
border:1px solid #CCC;
margin-bottom:16px;
	
}

.toplist_date{

}
.toplist_title{
font-size:125%;
font-weight:bold;	

}

.toplist_left
{
	color:#FFFFFF;
float:left;
height:40px;
line-height:40px;
font-weight:bold;
width:40px;
text-align:center;
background:#F33;
border:#CC3366;
margin-top:3px;
margin-bottom:13px;
margin-right:16px;
font-size:24px;

}

.toplist_right{
float:left;
}

p{
color:#333;	
}


/*
#layout
*/
#layout{
width: 730px; margin: 0px auto;
}
#layout .remarks{
font-size: 83.3%;
}
#layout h3.top_menu .remarks{
font-size: 75%;
}
#layout p.info{
font-family: Helvetica , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; 
}

#layout p:after,
#layout div.layoutbox:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}
#layout p,
#layout div.layoutbox{
zoom: 1; margin: 0px 0px 2.4em; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝","Times New Roman",serif; color: #222; text-align: justify; text-justify: inter-ideograph; line-height: 2em;
}
#layout dl{
padding: 1.6em 0px;
}
#layout dt{
margin: 0px 0px 0.5em;
}
#layout dd:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}
#layout dd{
zoom: 1; margin: 0px 0px 2.4em 1em; font-size: 91.6%; color: #555; text-align: justify; text-justify: inter-ideograph; line-height: 1.8em; letter-spacing: 2px;
}
#layout img.photo.left{
float: left; padding: 0px 40px 1em 0px;
}
#layout img.photo.right{
float: right; padding: 0px 0px 1em 40px;
}
#layout img.photo.center{
display: block; margin: 1em auto;
}
#layout td{
font-size: 100%;
}


#layout h3.top_menu{
margin: 0px 0px 3em; font-size: 175%;
}

#layout .profile{
background: #fcf9f9; margin: 5em 0px 0px; padding: 30px 50px; border: 1px solid #e3e3e3;
}
#layout .profile dt{
margin: 0px 0px 0.7em; font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝","Times New Roman",serif; fcolor: #222; line-height: 1.6em;
}
#layout .profile dd{
margin: 0px; font-size: 83.3%; color: #888; line-height: 1.6em;
}


.ruby{
	display: inline-block; position: relative;
}
.ruby .rt{
	display: inline-block; position: absolute;  font-size: 50%;  line-height: 1; white-space: nowrap; 
}