@charset "euc-jp";

@import url("reset.css");
@import url("common.css");
/*@import url("slide.css");*/
/* import

/* ---------------------------------------------------------------

content

 ---------------------------------------------------------------*/
#content {
	background: url(https://www.tfm.co.jp/sky/img2014/body_bg.gif) repeat center top;
	/*background-color:#CCC;*/
}
#container {
	width:785px;
	background-color: #f4ce37;
	margin-left: auto;
	margin-right: auto;


}
/*--------------------------------------------------------------
box
 ---------------------------------------------------------------*/
#box01 {
	width:785px;
	text-align:center;
	font-size:10px;
	margin-left: auto;
	margin-right: auto;
}
.box01 p{
	color: #FFFFFF;
	text-align:left;
}
/*
a:hover img{
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}*/

/*いつもNAVIって？画像回り込み*/
.hiro-left,
.hiro-right {
   overflow: hidden;
   height: auto;
   margin:20px auto 20px;
}
.hiro-left img {
   float: left;
   margin: 0 50px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
.hiro-right img {
   float: right;
   margin: 0 2px 0 10px !important;
   padding: 0 !important;
   border: 0 !important;
}
.hiro-left p,
.hiro-right p {
   overflow: hidden;
   height: auto;
   font-size:16px;
   color:#3d1f0d;
}

/* ---------------------------------------------------------------

main

 ---------------------------------------------------------------*/
#main {
	width:785px;
	margin:0 auto;
	padding-top:20px;
	background: url(https://www.tfm.co.jp/sky/img2014/body_bg.gif) repeat center top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* =========================================================
top_header
========================================================= */
#top_header {
	margin-bottom:20px;
}

/* top_header_main */
#top_header_main {
	float:left;
	width:599px;
	margin:0 20px 0 0;
}

/* top_theme */
#top_theme {
	width:571px;
	min-height:208px;
	background:#FFF;
	padding:2px 14px 0;
	/*overflow:hidden;*/
}
#top_theme h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:4px;
	color:#52c6db;
	line-height:1.2;
}
#top_theme p {
	font-size:12px;
	color:#666;
	padding-bottom:15px;
	line-height:1.5;
}
#top_theme img {
	float:left;
	margin-right:14px;
	margin-top:2px;
}

/* =========================================================
top_header_sub
========================================================= */
#top_header_sub {
	float:left;
	width:340px;
}

/* =========================================================
top_nav
========================================================= */
#top_nav {
	width:340px;
	margin:0 0 12px 0;
}
#top_header_sub #top_nav ul li {
	float:left;
	display:block;
	text-indent: -9999px;
}
#top_header_sub ul li#top_nav_register a {
	display:block;
	width:225px;
	height:111px;
	background: url(https://www.tfm.co.jp/sky/img2014/top_nav_register.gif) no-repeat;
	margin:0 8px 9px 0;
}
#top_header_sub ul li#top_nav_radiko a {
	display:block;
	width:107px;
	height:111px;
	background: url(https://www.tfm.co.jp/sky/img2014/top_nav_radiko.gif) no-repeat;
	margin:0 0 9px 0;
}
#top_header_sub ul li#top_nav_bbs a {
	display:block;
	width:107px;
	height:111px;
	background: url(https://www.tfm.co.jp/sky/img2014/top_nav_bbs.gif) no-repeat;
	margin:0 11px 0 0;
}
#top_header_sub ul li#top_nav_friday a {
	display:block;
	width:107px;
	height:111px;
	background: url(https://www.tfm.co.jp/sky/img2014/header_nav_friday_parco.png) no-repeat;
	margin:0 8px 0 0;
}
#top_header_sub ul li#top_nav_ust a {
	display:block;
	width:107px;
	height:111px;
	background: url(https://www.tfm.co.jp/sky/img2014/top_nav_ust.gif) no-repeat;
}


/* =========================================================
　メインビジュアル
========================================================= */
#club_info {
}

/* =========================================================
　結果発表エリア
========================================================= */
#result_area {
	padding:40px 60px 30px;
	background:#cef751;
}
#result_area h2 {
	margin:10px 0;
	text-align:center;
}
#result_area h3 {
	margin:10px 0;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#48798d;
}
#result_area .club_item {
	margin-bottom:50px;
	padding:30px 30px 20px;
	border-radius:20px;
	background:#f0fdcb;
	text-align:center;
}
#result_area .club_item li {
	display:inline-block;
	margin:0 1em 10px 0;
	font-size:24px;
	font-weight:bold;
	color:#626c53;
}

#result_area .club_item.now {
	margin-bottom:20px;
}
#result_area .club_item.now li {
	width:auto;
}


/* =========================================================
　投票エリア
========================================================= */
#vote_area {
	padding:20px 60px 40px;
	background:#cef751;
}

#vote_area h2 {
	text-align:center;
	margin-bottom:36px;
}


#enq_01_area, #enq_02_area, #enq_03_area, #enq_04_area {
	position:relative;
	padding:40px 28px 22px;
}
#enq_01_area {
	border-radius:20px 20px 0 0;
	background:#e2fa97;
}
#enq_02_area {
	background:#f0fdcb;
}
#enq_03_area {
	background:#e2fa97;
}
#enq_04_area {
	border-radius:0 0 20px 20px;
	background:#f0fdcb;
}

[id^="enq_"] h3 {
	position:absolute;
	background:url(../img/category_bg.png) no-repeat;
	width:160px;
	height:52px;
	padding-top:5px;
	color:#fff;
	top:-20px;
	left:0;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

#vote_area .item li {
	display:inline-block;
	margin:0 20px 10px 0;
	font-size:20px;
	font-weight:bold;
	color:#626c53;
}

#vote_area input[type="radio"],
#vote_area input[type="checkbox"] {
   -webkit-transform:scale(1.4);
   transform:scale(1.4);
   margin-right:8px;
}


#vote_area .vote_info {
	display:table;
	margin:20px auto;
	padding-left:1em;
	text-indent:-1em;
	font-size:16px;
	font-weight:bold;
	color:#626c53;
}

#vote_area .submit_btn {
	margin:30px 0 10px;
}
#vote_area .submit_btn a {
	display:block;
	margin:0 auto;
	background-image:url(../img/submit_btn.png), url(../img/submit_btn_on.png);
	background-size:cover, 0 0;
	background-repeat:no-repeat;
	width:290px;
	height:66px;
	text-indent:-1000px;
}
#vote_area .submit_btn a:hover {
	background:url(../img/submit_btn_on.png) no-repeat;
}
#vote_area .submit_btn a.off {
	background:url(../img/submit_btn_off.png) no-repeat;
}

/* =========================================================
　投票終了
========================================================= */
#vote_area.close input[type="radio"] {
   visibility:hidden;
}
#vote_area .vote_end {
	margin:30px auto 10px;
	text-align:center;
}


/* =========================================================
top_contents_sub
========================================================= */
#top_contents_sub {
	float:left;
	width:225px;
}

/* =========================================================
top_twitter
========================================================= */
#top_twitter {
	background-color:#DD5442;
	position:relative;
	width:225px;
	height:512px;
	margin-bottom:13px;
}
#top_twitter h2 {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_twitter_ti.gif) no-repeat;
	width:204px;
	height:62px;
	top:11px;
	left:10px;
	text-indent: -9999px;
	margin-bottom:19px;
}
div.kadomaru {
    border: 0px solid #008000;
    margin: 6px auto 6px;
    padding:0;
    background-color: #DD5442;
    font-size: 11px;
    line-height: 1.5;
    color: #000;
    font-family:"Osaka", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;
    width:210px;
	top:80px;
	left:10px;
	position:absolute;
}

/* =========================================================
top_library
========================================================= */
#top_library {
	width:225px;
}
#top_library h2 {
	background: url(https://www.tfm.co.jp/sky/img2014/top_library_ti.png) no-repeat;
	width:71px;
	height:24px;
	top:11px;
	left:10px;
	text-indent: -9999px;
}
#top_library ul li a {
	display:block;
	padding-top:5px;
}

/* =========================================================
top_pagetop
========================================================= */
#top_pagetop a {
	background-image: url(https://www.tfm.co.jp/sky/img2014/pagetop.png);
	width:64px;
	height:46px;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
	margin-top:45px;
}
#top_pagetop a:hover {
	background-position:-64px;
}

/* =========================================================
prText
========================================================= */
#prText a {
	width: 935px;
	margin: 0 auto;
	padding:5px 12px;
	background-color:#FFF;
	font-size:13px;
	display:block;
}



/*Hack for Safari 7.1-8.0*/
_::-webkit-full-page-media, _:future, :root #vote_area input[type="radio"] {
   -webkit-transform:scale(1.0);
   transform:scale(1.0);
   font-size:20px;
   vertical-align:middle;
}

_::-webkit-full-page-media, _:future, :root #vote_area label {
   vertical-align:middle;
}

/*Hack for Safari 6.1-7.0*/
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	#vote_area input[type="radio"] {
		(; -webkit-transform:scale(1.0) ;)
		(; transform:scale(1.0) ;)
		(; font-size:20px ;)
		(; vertical-align:middle ;)
	}
	#vote_area label {
		(; vertical-align:middle ;)
	}
}