@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;
 	position:relative;


}
/*--------------------------------------------------------------
box
 ---------------------------------------------------------------*/
#box01 {
	width:785px;
	text-align:center;
	font-size:10px;
	margin-left: auto;
	margin-right: auto;
	border:1px solid #fff;
}
.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;
	
}

/* =========================================================
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/top_nav_friday.gif) 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;
}

/* =========================================================
top_pr
========================================================= */
#top_pr {
	width:322px;
	min-height:243px;
	background-color:#FFF;
	/*overflow:hidden;*/
	padding:9px;
}
#top_pr h2 {
	background: url(https://www.tfm.co.jp/sky/img2014/top_pr_ti.gif) no-repeat;
	text-indent: -9999px;
	width:25px;
	height:14px;
}
#top_pr ul {
	margin-top:13px;

}
#top_pr ul li a {
	text-align:center;
	display:block;
	margin-bottom:9px;
}

/* top_contents */
#top_contents {
}

/* top_contents_main */
#top_contents_main {
	float:left;
	width:715px;
	margin-right:19px;
}

/* =========================================================
top_guest
========================================================= */
#top_guest {
	width:715px;
	height:200px;
	margin-bottom:17px;
}
.top_guest_box {
	float:left;
	position:relative;
}
/* after */
#top_guest01 a,
#top_guest02 a,
#top_guest03 a,
#top_guest04 a {
	width:166px;
	height:200px;
	display:block;
	text-decoration:none;
	margin-right:17px;
	background: url(https://www.tfm.co.jp/sky/img2014/top_guest_arrow.gif) no-repeat 147px 178px #fff;
}
#top_guest04 a {
	margin-right:0;
}
/* ie6 */
* html #top_guest01 a,
* html #top_guest02 a,
* html #top_guest03 a,
* html #top_guest04 a {
	width:149px;
	margin-right:0px;
	padding-right:17px;
}
/* before */
#top_guest01,
#top_guest02,
#top_guest03,
#top_guest04 {
	width:166px;
	height:200px;
	display:block;
	text-decoration:none;
	margin-right:17px;
	background-color:#FFF;
}
#top_guest04 {
	margin-right:0;
}

/* before */
#top_guest .top_guest_icon {
	position:absolute;
	width:154px;
	height:13px;
	top:4px;
	left:6px;
	background: url(https://www.tfm.co.jp/sky/img2014/top_guest_before.gif) no-repeat;
}
/* after */
#top_guest .after .top_guest_icon{
	background: url(https://www.tfm.co.jp/sky/img2014/top_guest_after.gif) no-repeat;
}

#top_guest .top_guest_img {
	font-size:11px;
	color: #666;
	line-height:1.3;
	margin:131px 0 0 4px;
	display:block;
}
#top_guest .top_guest_img img {
	position:absolute;
	top:15px;
	left:2px;
	width:149px;
	height:112px;
}
#top_guest p.top_guest_name {
	position:absolute;
	color: #666;
	line-height:1.3;
	padding-right:20px;
	top:151px;
	left:10px;
	font-size:13px;
	overflow:hidden;
	/*height:49px;*/
	height:3.9em;
}
	
/* =========================================================
top_about
========================================================= */
#top_about {
	margin-bottom:17px;
}
#top_company {
	background: url(https://www.tfm.co.jp/sky/img2014/top_company_bg.gif) no-repeat;
	float:left;
	margin-right: 20px;
	position:relative;
	width:470px;
	height:225px;
	text-indent: -9999px;
}
#top_company h2 {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_company_ti.gif) no-repeat;
	display:block;
	width:393px;
	height:55px;
	top:9px;
	left:12px;
}
#top_company_detail {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_company_detail.gif) no-repeat;
	display:block;
	width:196px;
	height:117px;
	top:71px;
	left:12px;
}
#top_company_cta a {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_company_cta.gif) no-repeat;
	display:block;
	width:112px;
	height:13px;
	top:193px;
	left:13px;
}
#top_company_per1 a {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_company_per1.jpg) no-repeat;
	display:block;
	width:117px;
	height:132px;
	top:74px;
	left:217px;
}
#top_company_per2 a {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_company_per2.jpg) no-repeat;
	display:block;
	width:117px;
	height:132px;
	top:74px;
	left:336px;
}
#top_spain {
	background: url(https://www.tfm.co.jp/sky/img2014/top_spain_bg.jpg) no-repeat;
	float:left;
	position:relative;
	width:225px;
	height:225px;
	text-indent: -9999px;
}
#top_spain h2 {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_spain_ti.gif) no-repeat;
	display:block;
	width:206px;
	height:65px;
	top:10px;
	left:10px;
}
#top_spain_detail {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_spain_detail.gif) no-repeat;
	display:block;
	width:206px;
	height:26px;
	top:75px;
	left:10px;
}
#top_spain_cta a {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_spain_cta.gif) no-repeat;
	display:block;
	width:206px;
	height:25px;
	top:101px;
	left:10px;
}

/* =========================================================
top_app
========================================================= */
#top_app {
	background: url(https://www.tfm.co.jp/sky/img2014/top_app_bg.gif) no-repeat;
	width:715px;
	height:430px;
	position:relative;
	text-indent: -9999px;
}
#top_app h2 {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_app_ti.gif) no-repeat;
	width:439px;
	height:101px;
	top:19px;
	left:259px;
}
#top_app p#top_app_detail {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_app_detail.gif) no-repeat;
	width:439px;
	height:80px;
	top:134px;
	left:259px;
}
#top_app p#top_app_cta a {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_app_cta.gif) no-repeat;
	width:137px;
	height:16px;
	top:230px;
	left:259px;
}
#top_app h3 {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_app_download.gif) no-repeat;
	width:177px;
	height:15px;
	top:282px;
	left:387px;
}
#top_app ul li#top_app_android a {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_app_android.gif) no-repeat;
	width:202px;
	height:71px;
	top:313px;
	left:259px;
}
#top_app ul li#top_app_iphone a {
	position:absolute;
	background: url(https://www.tfm.co.jp/sky/img2014/top_app_iphone.gif) no-repeat;
	width:202px;
	height:71px;
	top:313px;
	left:490px;
}

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


.btn_01{
	position:absolute;
    top: 1200px;
    left: 135px;
}

.btn_01 :hover img {
    position:relative;
    top:1px;
    left:1px;
}

.btn_02{
	position:absolute;
    bottom: 960px;
	left:145px;
}

.btn_02 :hover img {
    position:relative;
    top:1px;
    left:1px;
}

.theme{
	position:absolute;
	bottom:1185px;
	left:0;
}

.bnr_01{
	position:absolute;
    bottom: 230px;
    left: 70px;
}

.bnr_01 a:hover{
	opacity:0.8;
}

.logo_01 {
    position:absolute;
    bottom: 50px;
    left: 175px;
}

.logo_02 {
    position:absolute;
    bottom: 50px;
    right: 175px;
}

.logo_01 a:hover{
	opacity:0.7;
}

.logo_02 a:hover{
	opacity:0.7;
}