@charset "UTF-8";
/*==================================================================
	 common setting
===================================================================*/
body{
	background:url(/img/rfc/bg_body.jpg) repeat-x 0 0;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:140%;
	}
.section{
	margin:0 0 25px 0;
}
.inner{
	padding:0 20px;
}
/*==================================================================
	 header
===================================================================*/
#header{
	position:relative;
	width:980px;
	height:436px;
	margin:0 auto;
	background:url(/img/rfc/bg_header.gif) no-repeat 0 0;
}
#header #logo,
#header #statement,
#header p,
#header ul,
#header #charrangerBtn,
#header #supporterBtn,
#aboutcsupporterBtn,
#aboutcharrangerBtn{
	position:absolute;
}
#logo{	
	top:54px;
	left:144px;
}
#statement{
	background:url(/img/rfc/t_header.gif) no-repeat 0 0;
	top:209px;
	left:34px;
	width:406px;
	height:135px;
	text-indent:-5000px;	
}
#sanka{
	font-family:"メイリオ", Meiryo, Osaka,;
	text-align:center;
	width:400px;
	top:360px;
	left:30px;
	font-size:10px;
	font-weight:bold;
	
}
#kifuMoney{
	top:100px;
	left:415px;
}
#sankaNinzu{
	top:100px;
	left:580px;
}
#kifuNinzu{
	top:100px;
	left:740px;
}
#kifuNinzu span.count,
#kifuMoney span.count,
#sankaNinzu span.count{
	font-weight:bold;
	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	color:#C00;
	font-size:30px;
	display:block;
	text-align:center;
	white-space: nowrap;
	_padding:2px 0 4px;;
}
#kifuNinzu span.mini,
#kifuMoney span.mini,
#sankaNinzu span.mini{
	font-size:12px;
	color:#333;
	padding:0 0 0 5px ;
}
	
#powered{
	top:158px;
	left:688px;
}
#header ul{
	top:208px;
	left:490px;
}
#header ul li{
	float:left;
}
#header ul li a{
	display:block;
	background:url(/img/rfc/btn_header.gif) no-repeat;
	text-indent:-5000px;
}
#header ul li#aboutRfc{
	width:175px;
	margin:0 5px 0 0;
}	
#header ul li#aboutRfc a{
	display:block;
	width:175px;
	height:46px;
	background-position:0 0;
}
#header ul li#aboutRfc a:hover{
	background-position:0 -46px;
}
#header ul li#aboutYobikake{
	width:145px;
	margin:0 5px 0 0;
}
#header ul li#aboutYobikake a{
	display:block;
	width:145px;
	height:46px;
	background-position:-180px 0;
}
#header ul li#aboutYobikake a:hover{
	background-position:-180px -46px;
}
#header ul li#aboutCharranger{
	width:160px;
}
#header ul li#aboutCharranger a{
	display:block;
	width:160px;
	height:46px;
	background-position:-330px 0;
}
#header ul li#aboutCharranger a:hover{
	background-position:-330px -46px;
}
#header #charrangerBtn{
	top:273px;
	left:490px;
}
#header #supporterBtn{
	top:337px;
	left:490px;
}	
#header #charrangerBtn:hover,
#header #supporterBtn:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#aboutcharrangerBtn{
	text-indent:-5000px;
	height:54px;
	width:215px;
	top:273px;
	left:765px;
	background:url(/img/rfc/t_charrange.gif) no-repeat 0 0;
}
#aboutsupporterBtn{
	text-indent:-5000px;
	height:54px;
	width:215px;
	top:337px;
	left:765px;
	background:url(/img/rfc/t_supporter.gif) no-repeat 0 0;
}
/*line*/
#line{
	background:url(/img/rfc/bg_line.gif) repeat-x 0 0;
	height:50px;
	margin:0 0 25px 0;
}

/*==================================================================
	 contents 
===================================================================*/
#contents{
	width:980px;
	margin:0 auto;
}


/*sumList*/
#sumList h1{
	background:url(/img/rfc/t_sanka.gif) no-repeat 0 0;
	height:26px;
	width:398px;
	margin:0 auto 10px auto;
	text-indent:-5000px;
}
#sumList ul{
	background:url(/img/rfc/bg_sum.gif) no-repeat 0 0;
	height:80px;
	width:947px;
	margin:0 auto ;
	padding:15px 0 0 18px;
	text-align:center;
}

#sumList ul li{
	display:inline;
	padding:0 8px 0 0;
	
}
#sumList ul li img{
	padding:1px;
	border:1px solid #ccc;
}

/*aboutRfcSection*/

#contents h2{
	background:url(/img/rfc/h_contents.gif) no-repeat 0 0;
	text-indent:-5000px;
	height:33px;
	margin:0 0 20px 0;
}
#aboutRfcSection h2{
	background-position: 0 0;
}
#aboutRfcSection .leftBox{
	padding:0 20px 0 0;
}
#aboutRfcSection p{
	margin: 0 0 10px 0;
}
/*reccomendSection*/
#reccomendSection h2{
	background-position:0 -33px;
}
#reccomendSection .leftBox,
#reccomendSection .rightBox{
	width:450px;
}
#reccomendSection　table{
	width:100%;
}
#reccomendSection th,
#reccomendSection td{
	vertical-align:top;
	padding:10px 10px 5px 0;
	height:200px;
	background:url(/img/common/line.gif) repeat-x 0 100%;
}
#reccomendSection td h3{
	font-weight:bold;
	font-size:16px;
}
.arrow{
	text-align:right;
	
}
.arrow a{
	background:url(/img/rfc/icon_arrow.gif) no-repeat 0 50%;
	padding:0 0 0 15px;
}

/*aboutCharrangerSection*/
#aboutCharrangerSection h2{
	background-position:0 -66px;
}
#aboutCharrangerSection .charrangerBox{
	background:#FBECF0;
	padding:10px;
	width:285px;
	height:100px;
	float:left;
	margin:0 7px 15px 0;
}
#aboutCharrangerSection .rightcharranger{
	margin:0 0 15px 0;
}
.charrangerBox th{
	text-align:center;
	padding:0 10px 0 0;
	
}
.charrangerBox th,
.charrangerBox td{
	vertical-align:top;
}
.charrangerBox td h3 a{
	color:#C7425B;
	font-weight:bold;
	font-size:14px;
}


/*btnSection*/
#btnSection{
	width:550px;
	height:120px;
	position:relative;
	margin:0 auto 25px auto;
}

#btnSection #charrangerBtn2{
	position:absolute;
	top:0;
	left:0;
}
#btnSection #supporterBtn2{
	position:absolute;
	top:0;
	left:275px;
}	
#btnSection #charrangerBtn2:hover,
#btnSection #supporterBtn2:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#btnSection #aboutcharrangerBtn2{
	position:absolute;
	text-indent:-5000px;
	height:54px;
	width:270px;
	top:60px;
	left:0px;
	background:url(/img/rfc/t_charrange2.gif) no-repeat 0 0;
}
#btnSection #aboutsupporterBtn2{
	position:absolute;
	text-indent:-5000px;
	height:54px;
	width:270px;
	top:60px;
	left:275px;
	background:url(/img/rfc/t_supporter2.gif) no-repeat 0 0;
}


/*==================================================================
	5: footer
===================================================================*/

#footer {
	background:url(/img/common/bg_footer.jpg) repeat-x 0 22px;
	
}
#footerIn{
	width:980px;
	height:100px;
	position:relative;
	text-align:center;
	padding:40px 0 0 0;
	margin:0 auto;
}
	
#footer #totop{
	position:absolute;
	top:0;
	right:0;
}
#reccomendSection th a:hover img,
#footer #totop a:hover img,
#sumList ul li a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#footer table{
	width:740px;
	margin:0 auto;
}
#footer table th{
	text-align:right;
	vertical-align:top;
	padding:15px 10px 0  0;
}
#footer table td{
	text-align:left;
	vertical-align:top;
	padding:15px 0 0 ;
	font-size:10px;
}
/*==================================================================
	7: hacks setting
===================================================================*/
#contents:after, 
#header ul:after, 
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents, #header ul, #main {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #contents, * html #header ul, * html #main {
	height: 1%;
}
#contents, #header ul, #main {
	display: block;
}