@charset "UTF-8";
/*==================================================================
	 common setting
===================================================================*/
body{
	background:#FFF url(/img/gfc/bg_body.jpg) repeat-x 50% 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:998px;
	height:382px;
	margin:0 auto;
	background:url(/img/gfc/bg_header.jpg) no-repeat 0 0;
}
#header #logo,
#header #statement,
#header p,
#header ul,
#header #charrangerBtn,
#header #supporterBtn,
#aboutcsupporterBtn,
#aboutcharrangerBtn{
	position:absolute;
}
#logo{	
	top:54px;
	left:130px;
}
#statement{
	background:url(/img/gfc/t_header.gif) no-repeat 0 0;
	top:227px;
	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{
	left:470px;
	top:125px;
	}
#sankaNinzu{
	left:665px;
	top:125px;
}
#kifuNinzu{
	left:820px;
	top:125px;
}
#kifuMoney span.count,
#sankaNinzu span.count,
#kifuNinzu 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;;
}
#kifuMoney span.mini,
#sankaNinzu span.mini,
#kifuNinzu span.mini{
	font-size:12px;
	color:#333;
	padding:0 0 0 5px ;
}
	
#powered{
	top:175px;
	left:705px;
}
#header ul{
	top:208px;
	left:460px;
}
#header ul li{
	float:left;
}
#header ul li a{
	display:block;
	background:url(/img/gfc/btn_header.gif) no-repeat;
	text-indent:-5000px;
}
#header ul li#aboutgfc{
	width:175px;
	margin:0 5px 0 0;
}	
#header ul li#aboutgfc a{
	display:block;
	width:175px;
	height:46px;
	background-position:0 0;
}
#header ul li#aboutgfc 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:-179px 0;
}
#header ul li#aboutYobikake a:hover{
	background-position:-179px -46px;
}
#header ul li#aboutCharranger{
	width:160px;
}
#header ul li#aboutCharranger a{
	background-position:-328px 0;
	display:block;
	height:46px;
	width:162px;
}
#header ul li#aboutCharranger a:hover{
	background-position:-328px -46px;
}
#header #charrangerBtn{
	top:264px;
	left:460px;
}
#header #supporterBtn{
	top:328px;
	left:460px;
}	
#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:226px;
	top:264px;
	left:725px;
	background:url(/img/gfc/t_charrange.gif) no-repeat 0 0;
}
#aboutsupporterBtn{
	text-indent:-5000px;
	height:54px;
	width:226px;
	top:328px;
	left:725px;
	background:url(/img/gfc/t_supporter.gif) no-repeat 0 0;
}

/*line*/
#line{
	background:url(/img/gfc/bg_line.gif) repeat-x 0 0;
	height:67px;
	margin:0 0 25px 0;
}

/*==================================================================
	 contents 
===================================================================*/
#contents{
	width:910px;
	margin:0 auto;
	/*background:url(/img/tokushima/bg_contents.jpg) repeat-y 0 0;*/
	position:relative;
}
#sanka{
	font-family:"メイリオ", Meiryo, Osaka,;
	text-align:center;
	width:400px;
	top:360px;
	left:30px;
	font-size:10px;
	font-weight:bold;
}
#mokuhyoTitle{
	top:291px;
	left:119px;
	position:absolute;
}
#mokuhyoTitle 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;;
}
#mokuhyoTitle span.mini,
#kifuMoney span.mini,
#sankaNinzu span.mini{
	font-size:12px;
	color:#333;
	padding:0 0 0 5px ;
}
/*aboutgfcSection*/

#contents h2{
	background:url(/img/gfc/h_contents.gif) no-repeat 0 0;
	text-indent:-5000px;
	height:41px;
	margin:0 0 20px 0;
}
#aboutgfcSection h2{
	background-position: 0 0;
}
#aboutgfcSection .leftBox{
	padding:0 20px 0 0;
}
#aboutgfcSection p{
	margin: 0 0 10px 0;
}
/*reccomendSection*/
#reccomendSection h2{
	background-position:0 -41px;
}
#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/gfc/icon_arrow.gif) no-repeat 0 50%;
	padding:0 0 0 15px;
}

/*aboutCharrangerSection*/
#aboutCharrangerSection h2{
	background-position:0 -82px;
}
#aboutCharrangerSection .charrangerBox{
	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:#84A01F;
	font-weight:bold;
	font-size:14px;
}

.challengeInner{
	padding:0 31px;
}
.charrangerBox th {
padding:0 10px 0 0;
text-align:center;
}
#aboutCharrangerSection .charrangerBox {
	background:none repeat scroll 0 0 #ECEDCD;
	float:left;
	height:100px;
	margin:0 7px 15px 0;
	padding:10px;
	width:276px;
}

#contents ul{
	text-align:center;
	width:910px;
	margin:15px auto 30px;
	}
#contents ul li{
	display:inline;
	padding:0 8px 0 0;
	vertical-align:middle;
}
#contents ul li img{
	padding:1px;
	background:#fff;
	border:1px #AAA solid;
}	

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

#btnSectionT #aboutsupporterBtn2T {
background:url("/img/tokushima/t_supporter2.gif") no-repeat scroll 0 0 transparent;
height:54px;
left:278px;
position:absolute;
text-indent:-5000px;
top:60px;
width:270px;
}

#btnSectionT #aboutcharrangerBtn2T {
background:url("/img/tokushima/t_charrange2.gif") no-repeat scroll 0 0 transparent;
height:54px;
left:0;
position:absolute;
text-indent:-5000px;
top:60px;
width:270px;
}


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

#btnSection #aboutsupporterBtn2 {
background:url("/img/gfc/t_supporter2.gif") no-repeat scroll 0 0 transparent;
height:54px;
left:278px;
position:absolute;
text-indent:-5000px;
top:60px;
width:270px;
}

#btnSection #aboutcharrangerBtn2 {
background:url("/img/gfc/t_charrange2.gif") no-repeat scroll 0 0 transparent;
height:54px;
left:0;
position:absolute;
text-indent:-5000px;
top:60px;
width:270px;
}

/*==================================================================
	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;
}