@charset "euc-jp";


/*
========== TABLE of CONTENTS ==========

1:info
2:info-nav
3:mailinfo

clearfix rules

========== TABLE of CONTENTS ==========
*/

.nav{
	margin-bottom: 25px;
	font-size: 110%;
	text-align: center;
	}

/* ---------- 1:info ---------- */

#info{
	margin-bottom: 30px;
	}
#i-title{/* use clearfix hack */
	margin-bottom: 10px;
	padding: 3px 8px 5px 8px;
	background: url(../images/h2_bk_w634.gif) no-repeat bottom right;
	}
#i-title h1,
#i-title h2{/*add 140130 for h1*/
	float: left;
	font-size: 120%;
	font-weight: bold;
	line-height: 24px;
	}
#i-title p{
	float: right;
	}
#i-title img{
	vertical-align: bottom;
	}
div#title-topbg{
	background: url(../images/h2_top.gif) no-repeat top right;
	min-height: 2px;
	}
*html div#title-topbg{
	height: 2px;
	}
div#title-topbg hr{
	display: none;
	}

#info dl{
	margin: 0 0 8px 8px;
	font-size: 110%;
	}
#info dt{
	margin-bottom: 6px;
	font-weight: bold;
	}
#info dl dd span.date{
	font-size: 90%;
	}
#info ul{
	margin-left: 8px;
	}
#info ul li{
	text-align: center;
	}
#info ul dl dt{
	margin-bottom: 0;
	}
#info ul dl dd{
	font-size: 90%;
	}


/* ---------- /1:info ---------- */

/* ---------- 3:mailinfo ---------- */
.mailinfo strong {
	font-weight: bold;
}
#info .mailinfo dl {/* reset */
	margin: 0 auto;
	padding: 0 0 3px;
	width: 395px;
	background: url(../images/info01_bg_bt.png) repeat-x 0 100%;
	font-size: inherit;
}
#info .mailinfo dt {/* reset */
	width: 395px;
	height: 14px;
	margin-bottom: 0;
	background: url(../images/info01_bg_tp.png) repeat-x 0 0;
	font-weight: normal;
	text-indent: -4649px;
	overflow: hidden;
}
.mailinfo dd {
	padding: 6px 9px;
	background: #b8d3e9 url(../images/info01_bg_md.png) repeat-x 0 0;
	border-left: 1px solid #b8d3e9;
	border-right: 1px solid #b8d3e9;
}
/*add 131206*/
.mailinfo {
	text-align:center;
}
.mailinfo p{
	margin:0 10px;
}
/* ---------- /3:mailinfo ---------- */



/* ---------- ope ------------ */
/*110318*/
.linkCat {
	margin: 20px;
}
.linkCat ul {
	text-align: center;
}
.linkCat li {
	display: inline;
	margin: 0 10px 0 0;
	padding: .3em 0 .3em 22px;
	font-weight: bold;
	font-size: 120%;
	background: url(http://i.yimg.jp/images/sicons/catsearch16.gif) no-repeat 0 50%;
}

/*110322*/
#info .twtr ul li {/* user clearfix */
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
#info .twtr ul {
	margin-right: 8px;
}
.twtr {
	position: relative;
	margin-top: 25px;
	border: 2px solid #8084d2;
}
.twtr h3 {
	position: relative;
	*margin-top: -2px;
	_margin-top: -2px;
	background: #8084d2;
	padding: 0.4em 0.4em 0.6em;
	color: #fff;
	font-size: 110%;
}
.twtr.tw0 h3{
	position: static;
}
.twtr h3 .ttl{
	display: inline-block;
	max-width: 545px;
}
.twtr h3 a {
	color: #fff;
}
.twtr h3 strong {
	font-weight: bold;
}
.twtr h3 .tweet_btn{
	position: absolute;
	top: 6px;
	right: 6px;
}
.twtr h3 .tweet_btn a{
    background: url("../images/btn_tweet.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 65px;
}
	
.twtr .switchNav {/* use clearfix */
	background: #d3e5e8;
}
#info .twtr ul.switchNav {
	margin: 0;
}
#info .twtr ul.switchNav li {
	float: left;
	width: 304px;
	border-bottom: 2px solid #bcced1;
	font-weight: bold;
	font-size: 110%;
}
.twtr ul.switchNav li img {
	margin-top: .1em;
	float: left;
	display: block;
	margin-right: 3px;
	vertical-align: bottom;
}
.twtr ul.switchNav li a {
	display: block;
	width: 283px;
}
.twtr ul.switchNav li.current a {
	display: inline;
	font-weight: normal;
	font-size: 85%;
	vertical-align: middle;
}
#info .twtr .switchNav li.current {
	background: #fff;
	border-left: 1px solid #bcced1;
	border-top: 2px solid #d3e5e8;
	border-right: 1px solid #bcced1;
	border-bottom: none;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.twtr .twLogo {
	position: absolute;
	top: .4em;
	right: .4em;
}
.twtrTl {
	height: 220px;
	width: 630px;
	overflow: auto;
}
.tw0  .twtrTl {
	height: 3em;
	text-align: center;
	margin-top: .5em;
	overflow: hidden;
}
.twtrUser, .twtrAtReply {
	font-size: 110%;
}
.twtrIcon {
	float: left;
	width: 30px;
	margin: 0 10px 0 0;
	text-align: center;
}
.twtrIcon a {
	display: block;
	width: 30px;
}
.twtrText {
	float: right;
	width: 544px;
}
.notes {
	margin-top: .3em;
	color: #666;
}

.serviceInfo { /*style for oldVersion limited 2014/01*/
	margin:0 2px 35px !important;
	font-size:120% !important;
}
/*add 131206 status*/
.serviceInfo .status {
	margin:0 10px -20px!important;
	padding:10px;
	font-size:100%!important;
}
.serviceInfo .status dt {
	margin-bottom:20px!important;
	color:#333;
	font-size:138.5%;
	line-height:25px;
	text-align:center;
}
.serviceInfo .status dt img{
	margin-right:3px;
	vertical-align: bottom;
}
.serviceInfo .status dd {
	font-size:100%!important;
}
.serviceInfo .status dd .info li {
	font-size:93%;
	text-align:left!important;
}
.serviceInfo .status dd ul.resume li {
	color:#288041;
}
.serviceInfo .status dd ul.important li {
	color:#ff0000;
}

.bnr_app_timer{
	margin: 20px 0;
	text-align: center;
}
.bnr_app_timer a{
	background: url(../images/bnr_timer_th600.png) no-repeat 0 0;
	margin: 0 auto;
	width: 600px;
	height: 80px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}

/* ---------- social-btns ---------- */
#contents .serv-ttl{
	margin-bottom: 5px;
}
#contents #social-btns{
	margin: 0 0 10px 5px;
}
#contents #social-btns li{
	padding-right: 18px;
	float: left;
	text-align: left;
}
#contents #social-btns .fb-btn{
	padding-right: 78px;
	text-align: left;
}
#contents #social-btns .tw-share{
	min-width: 120px;
	text-align: left;
}
#contents #social-btns .hatebu{
	min-width: 120px;
	text-align: left;
}
/* ---------- /social-btns ---------- */

/* ---------- clearfix rules(float clear hack) ---------- */

#i-title:after,#info-nav dd:after,
#info .twtr ul li:after,
.twtr .switchNav:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#i-title,#info-nav dd,
#info .twtr ul li,
.twtr .switchNav{
	display: inline-block;
	}
/* Hides from IE5-mac \*/
*html #i-title,*html #info-nav dd,
*html #info .twtr ul li,
*html .twtr .switchNav{
	height: 1%;
	}
#i-title,#info-nav dd,
#info .twtr ul li,
.twtr .switchNav{
	display: block;
	}
/* End hide from IE5-mac */


/*-- RealTimeSearch module --*/
.ynRTSearch{margin-bottom:10px;border-top:3px solid #8084d2;border-bottom:3px solid #8084d2;}
#rtSearchBox{border:2px solid #8084d2;color:#333333;line-height:1.3;}
#rtSearchBox .wrap{margin:1px;}
#rtSearchBox .itemHd{padding:5px 8px;/padding-bottom:3px;/zoom:1;}
#rtSearchBox .itemHd .btnTw{float:left;}
#rtSearchBox .itemHd .logoTw{float:right;}
#rtSearchBox .itemCts li{position:relative;margin:0 4px;padding:8px 0 6px;border-top:1px solid #ffffff;border-bottom:1px solid #dddddd;/display:inline;overflow:hidden;/zoom:1;}
#rtSearchBox .itemCts .metadata{float:left;padding:8px 0 0 56px;}
#rtSearchBox .itemCts .pict{position:absolute;top:8px;left:0;}
#rtSearchBox .itemCts .account{display:inline;}
#rtSearchBox .itemCts .account .user{display:inline-block\9;/display:inline-block;/zoom:1;padding-left:20px;word-break:break-all;word-wrap:break-word;}
#rtSearchBox .itemCts .account .full{color:#666666;word-break:break-all;word-wrap:break-word;}
#rtSearchBox .itemCts .tweet{min-height:27px;_height:27px;padding:0 0 0 56px;word-wrap:break-word;}
#rtSearchBox .itemCts .msg{padding:60px 8px 50px;border-bottom:2px solid #ffffff;font-size:120%;text-align:center;}
#rtSearchBox .itemCts .action{float:right;margin:8px 0 0;color:#666666;white-space:nowrap;}
#rtSearchBox .itemFt .btn{width:70%;margin:8px auto;border:1px solid #dddddd;text-align:center;}
#rtSearchBox .itemFt .btn a{display:block;padding:7px 8px;border:1px solid #ffffff;color:#333333;line-height:1;}
#rtSearchBox .itemFt .btn a:visited{color:#333333;}
#rtSearchBox .itemFt .note{margin:0 8px 8px;padding-top:8px;background:transparent url(http://i.yimg.jp/images/media/ymui/img/lineWide_4x1.gif) repeat-x 0 0;color:#666666;}
#rtSearchBox .itemFt .note li{border:none; padding:0;}
#rtSearchBox .itemHd:after,#rtSearchBox .itemCts li:after{content:"";display:table;clear:both;}
#rtSearchBox .itemCts .tweet a,#rtSearchBox .itemCts .action a,#rtSearchBox .itemCts .time{margin:0 .3em;}
#rtSearchBox .itemCts .metadata a,#rtSearchBox .itemCts .tweet a.tag,#rtSearchBox .itemCts .tweet a.atUser,#rtSearchBox .itemCts .action a,#rtSearchBox .itemFt .btn a{text-decoration:none;}
#rtSearchBox .itemCts .metadata a,#rtSearchBox .itemCts .tweet a.tag,#rtSearchBox .itemCts .tweet a.atUser,#rtSearchBox .itemCts .action a{color:#666ccc;}
#rtSearchBox .logoTw a,#rtSearchBox .itemCts .account .user{background-image:url(http://i.yimg.jp/images/transit/icon/twitter-bird-16x16.png);background-repeat:no-repeat;}
#rtSearchBox .logoTw a{display:inline-block;width:73px;height:0;padding-top:20px;line-height:20px;overflow:hidden;background-position:0 2px;}
#rtSearchBox .itemCts .account .user{background-position:0px -1px;}
#rtSearchBox .itemHd,#rtSearchBox .itemCts,#rtSearchBox .itemFt .btn a{background-image:url(http://i.yimg.jp/images/news/v1/sprite_bgRTSearchBox.png);background-repeat:repeat-x;}
#rtSearchBox .itemHd{background-color:#f9f9f9;background-position:0 0;}
#rtSearchBox .itemCts{background-color:#ffffff;background-position:0 -200px;}
#rtSearchBox .itemFt .btn a{background-color:#f3f3f3;background-position:0 -100px;}
#sub #rtSearchBox .itemCts .metadata{float:none;}
#sub #rtSearchBox .itemCts .msg{font-size:93%;}

/*-- bnrPromoApp --*/
.bnrPromoApp{margin:20px 0;text-align:center;}
.bnrPromoApp a{display:block;width:600px;height:100px;margin:0 auto;background:url(http://i.yimg.jp/images/transit/promo/banner/bnr_promoAppV3_600x100.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;}


/* ---------- /clearfix rules(float clear hack) ---------- */