@charset "euc-jp";

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

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

content

 ---------------------------------------------------------------*/
#content {
	background: url(http://www.tfm.co.jp/sky/img2014/body_bg.gif) repeat center top;
	/*background-color:#CCC;*/
}
#container0327 {
width:956px;
height:986px;
background-image: url(../img/150327_01.png);
background-repeat: no-repeat;
/*background-color: #91d8fa;*/
margin-left: auto;
margin-right: auto;
margin-bottom: -2px;
}
#container0327_2 {
width:956px;
height:802px;
background-image: url(../img/150327_02.png);
background-repeat: no-repeat;
/*background-color: #91d8fa;*/
margin-left: auto;
margin-right: auto;
margin-bottom: -20px;
margin-bottom: 20px;
}
#container {
width:956px;
height:1247px;
background-image: url(../img/top0220_01.png);
background-repeat: no-repeat;
/*background-color: #91d8fa;*/
margin-left: auto;
margin-right: auto;
margin-bottom: -7px;
}

#container2 {
width:956px;
height:1389px;
background-image: url(../img/top0220_012.png);
background-repeat: no-repeat;
/*background-color: #91d8fa;*/
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

#containerk {
width:956px;
height:1628px;
background-image: url(../img/150206_pctop.png);
background-repeat: no-repeat;
/*background-color: #91d8fa;*/
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

#containerthank {
width:956px;
height:972px;
background-image: url(../img/mainbg_thanks.png);
background-repeat: no-repeat;
background-color: #91d8fa;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------------------------------
box
 ---------------------------------------------------------------*/
.box01 {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	background-color:#FFFFFF;
	margin:20px 10px 10px 404px;
	padding:27px 13px 27px 13px;
	width:509px;
	height:527px;
	text-align:left;
	color:#a18977;
	font-size:10px;
	position:absolute;
}
.box01 p{
	color: #FFFFFF;
	text-align:left;
	padding:3px 4px 5px;
}
.box01 img{
	text-align:center;
}
.box02 {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	background-color:#FFFFFF;
	margin:565px 10px 10px 60px;
	padding:46px 0 40px;
	width:836px;
	text-align:left;
	font-size:13px;
	position:absolute;
	color:#836f57;
}
.box02 p{
	color: #FFFFFF;
	text-align:left;
	padding:10px 0 5px;
	font-weight:bold;
}
.box02 span{
	text-align:right;
	color:#593D00;
}

.box02thank {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */  
	background-color:#FFFFFF;
	margin:380px 10px 10px 60px;
	padding:70px 0 40px;
	width:836px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	color:#DB0000;
}
.box02thank p{
	color: #FFFFFF;
	text-align:left;
	padding:10px 0 5px;
	font-weight:bold;
}
.box02thank span{
	text-align:right;
	color:#593D00;
}
.box02thank img{
	text-align:center;
	width:98%;
}
.att {
    padding:30px 55px 30px;
    font-size: 11px;
	text-align:left;
    line-height: 1.6;
	color:#836f57;
	font-weight:normal;
}
.archive {
	margin:-176px 220px 56px;
}

.thankb{
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border:1px solid #84bbf3;
	padding:10px 15px 10px;
	margin:5px 0 10px 325px;
	width:150px;
	text-align:center;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #136fba 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #136fba 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#136fba', endColorstr='#378de5');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #136fba), color-stop(100%, #378de5) );
	background-color:#136fba;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
}
.thankb :hover {
	background:-moz-linear-gradient( center top, #378de5 5%, #136fba 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #136fba 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#136fba');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #136fba) );
	background-color:#378de5;
	text-decoration: none;
}
.thankb :active {
	position:relative;
	top:1px;
	text-decoration: none;
}
/* This css button was generated by css-button-generator.com */



.banner {
	padding:10px 15px 10px;
	margin:-320px auto 175px ;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
/*	display:inline-block;*/
}
.modorub {
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border:1px solid #84bbf3;
	padding:10px 15px 10px;
	margin:-155px auto 150px ;
	width:150px;
	text-align:center;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #136fba 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #136fba 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#136fba', endColorstr='#378de5');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #136fba), color-stop(100%, #378de5) );
	background-color:#136fba;
	color:#ffffff;
/*	display:inline-block;*/
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
}
.modorub :a {
 	color:#ffffff;
}
.modorub :hover {
	background:-moz-linear-gradient( center top, #378de5 5%, #136fba 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #136fba 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#136fba');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #136fba) );
	background-color:#378de5;
	text-decoration: none;
	color:#ffffff;
}
.modorub :active {
	position:relative;
	top:1px;
	text-decoration: none;
	color:#ffffff;
}
/* This css button was generated by css-button-generator.com */

.appimg {
	text-align:center;
	margin:1558px 0 10px 17px;
	position:absolute;
}
.box03 {
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	background-color:#ffea00;
	margin:1718px 10px 10px 18px;
	padding:27px 13px 27px 10px;
	width:898px;
	text-align:left;
	color:#a18977;
	font-size:10px;
	position:absolute;
}
.box03 p{
	color: #FFFFFF;
	text-align:left;
	padding:3px 5px 5px;
	font-weight:bold;
}
.box03 img{
	text-align:center;
	width:98%;
}
.iconnav {
	margin:190px 0 10px -28px;
	position:absolute;
}

/*世代会議画像回り込み*/
.sedai-left,
.sedai-right {
   overflow: hidden;
   height: auto;
   margin:20px auto 20px;
   font-weight:normal;
   font-stretch:narrower;
}
 .sedai-left img {
   float: left;
   margin: 0 0 0 14px !important;
   padding: 0 !important;
   border: 0 !important;
}
 .sedai-right img {
   float: right;
   margin: 0 1px 0 1px !important;
   padding: 0 !important;
   border: 0 !important;
}
.sedai-left p,
.sedai-right p {
   overflow: hidden;
   height: auto;
   font-size:15px;
   color:#666666;
   padding-left:-10px;
}
/*おでかけ会議回り込み*/
.odekake-left,
.odekake-right {
   overflow: hidden;
   height: auto;
   margin:0px auto 20px;
   font-weight:normal;
   font-stretch:narrower;
}
 .odekake-left img {
   float: left;
   margin: 0 0 0 14px !important;
   padding: 0 !important;
   border: 0 !important;
}
 .odekake-right img {
   float: right;
   margin: 0 1px 0 1px !important;
   padding: 0 !important;
   border: 0 !important;
}
.odekake-left p,
.odekake-right p {
   line-height:1.4
   height: auto;
   font-size:14px;
   color:#7B5C00;
   padding-left:-10px;
   font-weight:normal;
}
/*いつも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:959px;
	margin:0 auto;
	padding-top:20px;
	background: url(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://www.tfm.co.jp/sky/img2014/top_guest_before.gif) no-repeat;
}
/* after */
#top_guest .after .top_guest_icon{
	background: url(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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(http://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;
}