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

a 			{ color:#0092FF;}
a.arwRight 	{ background:url(elements/icon_arw_right.gif) no-repeat left center; padding:0 0 0 16px; text-decoration:none; font-size:12px;}
a.arwLeft 	{ background:url(elements/icon_arw_left.gif) no-repeat left center; padding:0 0 0 16px; text-decoration:none; font-size:12px;}
img 		{ border:none;}
html,body 	{ margin:0; padding:0; }
body  		{ background:#FFFFFF url(elements/bg_body.gif) repeat-y center top;}
div#container 			{ width:800px; margin:0 auto;}
	div#header 			{ width:100%; overflow:hidden;}
	div#contentBody 	{ width:780px; padding:10px 10px 0 10px ;}

		div#footer 				{ width:100%; height:40px; overflow:hidden; clear:both;  background:url(elements/bg_footer.gif) no-repeat left top; margin:20px 0 0 0;}
			ul#footerMenu 		{ list-style:none; margin:0; padding:0; height:40px; font-size:11px;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" }
			ul#footerMenu li	{ display:inline; padding:0; margin:0 20px 0 4px; line-height:40px; }
			ul#footerMenu li a	{ text-decoration:none;}

/*=========================
Common
=========================*/
h3					{ height:0; padding:42px 0 0 0; margin:0; overflow:hidden;}
h3#titleAbout 		{ background:url(elements/title_about.gif) no-repeat left top;}
h3#titleActivity 	{ background:url(elements/title_activity.gif) no-repeat left top;}
h3#titleMembers 	{ background:url(elements/title_members.gif) no-repeat left top;}
h3#titleCsr 		{ background:url(elements/title_csr.gif) no-repeat left top;}

h3#title_fan{
	position:relative;
	color: #000;
    background-image: linear-gradient(180deg, rgba(245, 245, 245, 1), rgba(237, 237, 237, 1) 46%, rgba(233, 233, 233, 1) 49%, rgb(226 218 218));
    padding: 5px 20px;
    border: 1px solid #cecece;
	height: 100%;
    border-radius: 5px;}
h3#title_fan::before{
	content: "";
    width: 4px;
    height: 20px;
    position: absolute;
    background: #c10000;
    bottom: 8px;
    left: 10px;
}
.kokuchi p
{text-align:center;}
.kokuchi p img{
	width:390px;
	max-width:100%;
	display:block;
	margin:0 auto 15px;
}
h4 { height:0; padding:14px 0 0 0; margin:0; overflow:hidden;}

h4#titleOverview 	{ background:url(elements/title_overview.gif) no-repeat left top;}

h4#titleKaetsu 		{ padding-top:18px; margin:10px; background:url(elements/title_members_kaetsu.gif) no-repeat left top; float:left; width:400px;}
h4#titleChuetsu 	{ padding-top:18px; margin:10px; background:url(elements/title_members_chuetsu.gif) no-repeat left top; float:left; width:400px;}
h4#titleJoetsu 		{ padding-top:18px; margin:10px; background:url(elements/title_members_joetsu.gif) no-repeat left top; float:left; width:400px;}
h4#titleSado 		{ padding-top:18px; margin:10px; background:url(elements/title_members_sado.gif) no-repeat left top; float:left; width:400px;}
h4#titleCsrActivity	{ padding-top:16px; background:url(elements/title_csr_activity.gif) no-repeat left top}
p { font-size:12px; line-height:1.8em; color:#333333; margin:12px 0 18px 0;}

h5 { color:#305E70; border-left:#1772A9 solid 5px; padding:4px 0 4px 7px; font-size:14px; margin:10px 0; }


/*=========================
Top
=========================*/
div#aboutWrapper {  overflow:hidden; margin:0 0px 10px 0px; padding:0 10px}

	table#overviewTable 	{ border-collapse:collapse; width:550px; margin:10px 5px;}
	table#overviewTable th,
	table#overviewTable td	{ font-size:12px; text-align:left; font-weight:normal; padding:6px 2px; background:url(elements/border_dot_999.gif) repeat-x left top;}
	table#overviewTable th	{ width:70px; color:#305E70;}
	table#overviewTable td	{ color:#333333;}

div#bannerBlock { margin:10px 0;}

.top-banner-nomerikomi { margin-bottom: 24px; }
.top-banner-nomerikomi img { max-width: 100%; height: auto; }


/*=========================
Members
=========================*/

ul.otherArea 		{ margin:0; padding:0; list-style:none; float:right; height:40px;}
ul.otherArea li		{ display:inline; line-height:40px; padding-left:20px;}
ul.otherArea li a	{}
table#membersTable { width:100%; border-collapse:collapse; clear:both}
table#membersTable th,
table#membersTable td 		{ text-align:left; font-weight:normal; font-size:12px;}
table#membersTable thead th { height:38px; padding:4px 10px; background:url(elements/bg_members_table_thead.gif) repeat-x left center; }
table#membersTable tbody th ,
table#membersTable tbody td { padding:6px; }
table#membersTable tbody th { background:#1772A9; color:#FFFFFF;}
table#membersTable tbody td {}
table#membersTable tbody tr.alt td { background:#EBEDFF;}

/*=========================
CSR
=========================*/

div.oneBlock { margin:0 0 10px 0; padding:10px 0; width:780px; clear:both; overflow:hidden; background:#FFFFFF url(elements/border_dot_999.gif) repeat-x left top;}

div.image {}
div.image p { font-size:10px; line-height:1.2em; margin:3px 0;}

/*=========================

=========================*/

.sp-only{
	display: none;
}

.pc-only{
	display: block;
}

@media screen and (max-width: 480px) {

	.sp-only{
		display: block;
	}
	.pc-only{
		display: none;
	}
	
} 

h3#titleAboutFan 		{ background:url(/fan2024/images/about-title-34.png) no-repeat left top;}
.center{ text-align: center;}
.fan img.s-img{
	display: block;
    margin: auto;
    width: 250px;
}
.fan img.l-img{
	display: block;
    margin: 40px auto 0;
    width: 50%;
}

span.red{
	color: #ff0011;
}
.fan p{font-size:18px;}