@charset "utf-8";

@import url("base.css");

/*  DEFAULT
-------------------------------------------------------------------- */

body {
    font-family:"メイリオ","ＭＳ Ｐゴシック","Meiryo","ヒラギノ角ゴ Pro W3 / W6","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
    font-size: 12px;
    line-height: 1.6;
	background:url(../../img/patt.gif) repeat center top;
}
img{
	-webkit-backface-visibility: hidden;
}
a,a:link, a:visited{
	color:#12b0ae;
	text-decoration:underline;
}
a:hover{
	color:#12b0ae;
}
.clr00{ clear:both;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#layout{
	overflow:hidden;	
}

/*  HEADER
-------------------------------------------------------------------- */
#header {
	height:301px;
	position:relative;
	background:url(../../img/bg_head.gif) repeat-x center top;
	padding:0 0 70px 0;
}	
#header_Inner{
	margin:0 auto 0 auto;
	width:1000px;
	height:350px;
	position:relative;
	background:url(../../img/head_visual.png) no-repeat center top;
}
#header_Inner h1{
	position: absolute;  
	top: 85px;  
	left: 260px;
	width:350px;
	height:68px;
	background:url(../../img/site_nam.png) no-repeat center top;
	text-indent:-9999px;
}
#header_Inner h1 a{
	width:350px;
	height:68px;
	display:block;
	overflow:hidden;
}
#header_Inner h2{
	position: absolute;  
	top: 160px;  
	left: 260px;
	width:272px;
	height:18px;
	background:url(../../img/time.png) no-repeat center top;
	text-indent:-9999px;
}
.pers{
	top: 235px;
	right:160px;
	width:187px;
	height:50px;
	background:url(../../img/pers.png) no-repeat center top;
	position: absolute;
	text-indent:-9999px;
}
.lead{
	top: 195px;  
	left: 248px;
	width:363px;
	height:78px;
	background:url(../../img/lead.png) no-repeat center top;
	position: absolute;
	text-indent:-9999px;
}
.tfm{
	top: 10px;  
	right:101px;
	width:90px;
	height:27px;
	background:url(https://www.tfm.co.jp/shared/img/logo_tfm.svg) no-repeat center top;
	position: absolute;
	text-indent:-9999px;
}
.tfm a{
	width:115px;
	height:23px;
	display:block;
	overflow:hidden;
}
.osaka{
	top: 8px;  
	right:14px;
	width:71px;
	height:30px;
	background:url(../../img/osaka.png) no-repeat center top;
	position: absolute;
	text-indent:-9999px;
}
.osaka a{
	width:110px;
	height:16px;
	display:block;
	overflow:hidden;
}
.spn{
	width:145px;
	height:28px;
	top: 40px; 
	left: 260px;
	position: absolute;
	background:url(../../img/spn.png) no-repeat left bottom;
	text-indent:-9999px;
}
.spn a{
	width:145px;
	height:28px;
	display:block;
	overflow:hidden;
}

/*  LAYOUT
-------------------------------------------------------------------- */

#wrapper{
	margin:0 auto 0 auto;
	width:1000px;
	background:url(../../img/letter.png) no-repeat right bottom;
	padding:0 0 110px 0;
}

#wrapper:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#wrapper {display:inline-block;}
#wrapper {display:block;}

/* content
-------------------------------------------------------------------- */
.content {
	width:700px;
	float:left;
}
.content-up{
    width:700px;
    height:83px;
    background:url(../../img/c_up.png) no-repeat;
    overflow:hidden;
}
.content-up:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.content-up {display:inline-block;}
.content-up {display:block;}

.content-mid {
	width:700px;
	background:url(../../img/c_mid.png) repeat-y;
}
.content-mid:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.content-mid {display:inline-block;}
.content-mid {display:block;}

.content-bot{
    width:700px;
    height:5px;
    background:url(../../img/c_bot.png) no-repeat;
    overflow:hidden;
}
.content-bot:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.content-bot {display:inline-block;}
.content-bot {display:block;}

.itembody{
	padding:0 0 0 30px;
	height:100px;
}

/* page navi
-------------------------------------------------------------------- */
.pageNavi{
	width:694px;
	padding:5px 0 15px 5px;
	_padding:5px 0 20px 5px;
}
.top {
	width:101px;
	height:34px;
	float:left;
}
.top a{
	display:block;
	width:101px;
	height:34px;
	background:url(../../img/btn_s_top.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.pageTop{
	width:101px;
	height:34px;
	float:right;
}
.pageTop a{
	display:block;
	width:101px;
	height:34px;
    background:url(../../img/btn_top.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.content .pageswitch{
	margin:-10px auto 0 auto;
	_margin:-30px auto 0 auto;
	color:#646464;
	text-align:center;
	padding:0 0 15px 0;
}
*:first-child+html .content .pageswitch{
	margin:-20px auto 0 auto;
	color:#646464;
	text-align:center;
	padding:0 0 15px 0;
}
.content .pageswitch a{
	text-decoration:underline;
	color:#646464;
}
.content .pageswitch:nth-child(1){
	display: none;
}
.prevlink{
	float:left;
	width:101px;
	height:34px;
    background:url(../../img/btn_prev.png) no-repeat;
	text-indent:-9999px;
	margin:5px 0 0 5px;
	_margin:5px 0 0 3px;
}
.prevlink a{
	width:101px;
	height:34px;
	display:block;
	overflow:hidden;
}
.nextlink{
	float:right;
	width:101px;
	height:34px;
    background:url(../../img/btn_next.png) no-repeat;
	text-indent:-9999px;
	margin:5px 0 0 5px;
	_margin:5px 0 0 3px;
}
.nextlink a{
	width:101px;
	height:34px;
	display:block;
	overflow:hidden;
}

/* report
-------------------------------------------------------------------- */
.report {
	width:665px;
	margin:0 auto 25px auto;
	_margin:-5px auto 35px auto;
	padding:0 0 0 5px;
}
*:first-child+html .report{
	width:665px;
	margin:-20px auto 35px auto;
	padding:0 0 0 5px;
}
.report-up{
    width:665px;
    height:95px;
	background:url(../../img/r_up.gif) repeat-y;
    overflow:hidden;
}
.report-up:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.report-up {display:inline-block;}
.report-up {display:block;}

.report-up h3{
	padding:45px 0 0 80px;
	color:#09adab;
	font-size:14px;
	width:520px;
	line-height:1.2em;
}
.report-mid {
		width:665px;
		background:url(../../img/r_mid.gif) repeat-y;
}
.report-mid:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.report-mid {display:inline-block;}
.report-mid {display:block;}

.report-Inner{
		width:610px;
		padding:10px 30px;
		color:#3c3c3c;
		line-height:2.0em;
}
.report-bot{
    width:665px;
    height:90px;
    background:url(../../img/r_bot.gif) no-repeat;
    overflow:hidden;
	padding:0;
	position:relative;
}
.report-bot:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.report-bot {display:inline-block;}
.report-bot {display:block;}

.report-Inner p{
	float:left;
	color:#000;
	font-size:75%;
	padding:0 25px 10px 0;
	font-weight:normal;
}
.report-Inner img{
	max-width:200px;
	float:left;
}

/*  social bookmark
-------------------------------------------------------------------- */

/* CAT */
.cat{
	position:absolute;
	right:35px;
	bottom:30px;
	font-size:12px;
	color:#3c3c3c;
}
/* SB */ 
.sb_post{
	position:absolute;
	right:30px;
	bottom:60px;
	text-align:right;
	display:flex;
}
.sb_post li{
	margin-left: 5px;
}

/* FORM
-------------------------------------------------------------------- */
.message-up{
    width:700px;
    height:92px;
    background:url(../../img/ttl_mess.png) no-repeat;
    overflow:hidden;
	text-indent:-9999px;
}
.form_trial{
	padding:20px 0 0 30px;
	background:url(../../img/c_mid.png) repeat-y;
}
.form_trial:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.form_trial {display:inline-block;}
.form_trial {display:block;}

.form_trial h3{
	font-size:14px;
	padding:0 0 10px 10px;
}
.form_trial_Inner{
    width:600px;
    font-size:13px;
    padding:0 15px 10px 10px;
}
.form_trial_Inner img{
	width:200px;
	height:auto;
    float:left;
    padding:0 15px 10px 0;
}
.trial h3{
    text-align:left;
}
.side_trial p{
    width:210px;
	text-align:left;
	padding:0 25px 15px 25px;
}
.side_trial_Inner{
    text-align:center;
}
.side_trial p img{
	display:none;       
}
iframe{
	margin:0 0 0 15px;
	clear:both;
}

/* side
-------------------------------------------------------------------- */
#side{
    float:right;
    width:260px;
    margin:0 10px 0 0;
}

/* MESSSAGE */

#side_form{
    float:right;
    width:260px;
    margin:0 10px 0 0;
}
#mess{
	margin:-20px 0 20px 0;
}
#mess h3{
	padding:5px 25px 10px 25px;
	text-align:center;
}
#mess ul{
	padding:0 0 7px 0;
}
#mess ul li{
	text-align:center;
}
#mess-up{
    width:260px;
	height:210px;
	display:block;
	background:url(../../img/m_up.png) no-repeat center top;
	text-indent:-9999px;
}
#mess-up:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#mess-up {display:inline-block;}
#mess-up {display:block;}

#mess_Inner{
    width:260px;
    background:url(../../img/m_mid.png) repeat-y;
    overflow:hidden;
	text-align:center;
}

#mess_Inner:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#mess_Inner {display:inline-block;}
#mess_Inner {display:block;}

#mess-bot{
    width:260px;
    height:17px;
    background:url(../../img/m_bot.png) no-repeat center top;
    overflow:hidden;
	text-indent:-9999px;
}
#mess-bot:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#mess-bot {display:inline-block;}
#mess-bot {display:block;}

/* BANNER
-------------------------------------------------------------------- */

#bnr{
	width:265px;
}
#bnr ul li{
	padding:0 0 15px 0;
}
#bnr ul li img{
	width:260px;
	height:100%;
}
#bnr ul li span{
	text-align: center;
	display: block;
	padding-top: 5px;
	font-size: 11px;
	color: #333;
}
.noe{
	text-align:center;
	margin:0 auto;
	width:230px!important;	
}
.noe a img{
	margin:0 auto;
	width:230px!important;
	height:66px!important;
}

/* PRESENT
-------------------------------------------------------------------- */

#present{
    width:260px;
		padding:0 0 15px 0;
		display:block;
}
#present-up{
    width:260px;
    height:8px;
    background:url(../../img/s_up.png) no-repeat center top;
    overflow:hidden;
}
#present-up:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#present-up {display:inline-block;}
#present-up {display:block;}

#present_Inner{
    width:260px;
    background:url(../../img/s_mid.png) repeat-y;
    overflow:hidden;
}
#present_Inner:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#present_Inner {display:inline-block;}
#present_Inner {display:block;}

#present_Inner .trial{
		text-align:center;
		padding:0 0 10px 0;
}
#present_Inner h3{
		margin:0 auto;
    width:240px;
		font-size:13px;
		padding:10px 5px 10px 15px;
}
#present_Inner p{
		margin:0 auto;
    width:230px;
		padding:10px 10px 0 10px;
		text-align:left;
}
#present-bot{
    width:260px;
    height:8px;
    background:url(../../img/s_bot.png) no-repeat center top;
    overflow:hidden;
}
#present-bot:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#present-bot {display:inline-block;}
#present-bot {display:block;}


/* CALENDAR
-------------------------------------------------------------------- */

#calendar{
	padding:0 0 15px 0;
	display:block;
}
#calendar-up{
    width:260px;
    height:8px;
    background:url(../../img/s_up.png) no-repeat center top;
    overflow:hidden;
}
#calendar-up:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#calendar-up {display:inline-block;}
#calendar-up {display:block;}

#calendar h3{
	height:30px;
	background:url(../../img/ttl_calendar.png) no-repeat center bottom;
	text-indent:-9999px;
}
#calendar_Inner{
    width:260px;
    background:url(../../img/s_mid.png) repeat-y;
    overflow:hidden;
}
#calendar_Inner:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#calendar_Inner {display:inline-block;}
#calendar_Inner {display:block;}

#calendar-bot{
    width:260px;
    height:8px;
    background:url(../../img/s_bot.png) no-repeat center top;
    overflow:hidden;
}
#calendar-bot:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#calendar-bot {display:inline-block;}
#calendar-bot {display:block;}

#calendar_Inner table{
	width:230px;
	margin:0  auto;
	text-align:center;
	}
#calendar_Inner table th{
	padding:2px 0 0 5px;
	font-weight:normal;
	}
#calendar_Inner table td{
	padding:5px;
	}
.calendarhead {
	padding:15px 0 10px 0;
	width:230px;
	text-align:center;
	color:#12b0ae;
	}
.calendarhead a{
	color:#12b0ae;
	}
	
.calendardateheaders {
	text-align:center;
	background-color:#12b0ae;
	color:#FFF;
}
.days{
	text-align:center;
	color:#999999;
}
.days a{
	color:#12b0ae;
}
.today {
	text-align:center;
	color:#999999;
	font-weight:bold;
}
.today a{
	color:#999999;
	font-weight:bold;
}

/* ARCHIVE
-------------------------------------------------------------------- */

#archive ul{
	padding:20px 0 5px 80px;
}
#archive ul li{
	background:url(../../img/mrk_arrow.gif) no-repeat left 5px;
	padding:0 0 5px 15px;
	line-height:1.5em;
}
#archive-up{
    width:260px;
    height:55px;
    background:url(../../img/b_up.png) no-repeat center bottom;
    overflow:hidden;
}
#archive-up:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#archive-up {display:inline-block;}
#archive-up {display:block;}

#archive h3{
	padding:40px 0 0 0;
	_padding:32px 0 0 0;
	height:16px;
	background:url(../../img/ttl_bn.gif) no-repeat center bottom;
	text-indent:-9999px;
}
#archive-mid{
    width:260px;
    background:url(../../img/s_mid.png) repeat-y;
    overflow:hidden;
}

#archive-mid:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#archive-mid {display:inline-block;}
#archive-mid {display:block;}

#archive-bot{
    width:260px;
    height:55px;
    background:url(../../img/b_bot.png) no-repeat center bottom;
    overflow:hidden;
}

#archive-bot:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#archive-bot {display:inline-block;}
#archive-bot {display:block;}

/*  FOOTER
-------------------------------------------------------------------- */

#footer{
	clear:both;
	height:107px;
	background:url(../../img/bg_footer.gif) repeat-x left bottom;
}
#footer_Inner{
	width:960px;
	padding:15px 0 0 0;
	margin:0 auto;
	position:relative;
}
#footer_Inner ul{
	position:absolute;
	top:15px;
	display: flex;
}
#footer_Inner ul li{
	margin-right:15px ;
}

address{
	float:right;
	width:462px;
	height:14px;
	background:url(../../img/copy.gif) no-repeat right top;
	text-indent:-9999px;
	margin-top:27px;
}