/*
Theme Name: TOKYOHIYOKONEWS
*/


@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p{
	margin: 0;
	padding: 0;
	}

ol,ul,li{
	list-style: none;
	}

img {
	vertical-align:top;
	border:0;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	}

.clearfix {
	zoom:1;/* exlude MacIE5 \*/
	position:relative;
	}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
	}

* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
	}


.fl {
	float: left;
	}

.fr {
	float: right;
	}


.mt5 {
	margin-top:5px;
	}
.mt10 {
	margin-top:10px;
	}
.mt15 {
	margin-top:15px;
	}
.mt20 {
	margin-top:20px;
	}


.mr5 {
	margin-right:3px;
	}
.mr5 {
	margin-right:5px;
	}
.mr10 {
	margin-right:10px;
	}
.mr15 {
	margin-right:15px;
	}
	
	
.ml3 {
	margin-left:3px;
	}
.ml5 {
	margin-left:5px;
	}
.ml10 {
	margin-left:10px;
	}
.ml15 {
	margin-left:15px;
	}


.mb5 {
	margin-bottom:5px;
	}
.mb10 {
	margin-bottom:10px;
	}
.mb15 {
	margin-bottom:15px;
	}
.mb20 {
	margin-bottom:20px;
	}


.mtb5 {
	margin-top:5px;
	margin-bottom:5px;
	}
.mtb10 {
	margin-top:10px;
	margin-bottom:10px;
	}
.mtb15 {
	margin-top:15px;
	margin-bottom:15px;
	}
.mtb20 {
	margin-top:20px;
	margin-bottom:20px;
	}

	
.pt5 {
	padding-top:5px;
	}
.pt10 {
	padding-top:10px;
	}
.pt15 {
	padding-top:15px;
	}
.pt20 {
	padding-top:20px;
	}


.pb5 {
	padding-bottom:5px;
	}
.pb10 {
	padding-bottom:10px;
	}
.pb15 {
	padding-bottom:15px;
	}
.pb20 {
	padding-bottom:20px;
	}


.ptb5 {
	padding-top:5px;
	padding-bottom:5px;
	}
.ptb10 {
	padding-top:10px;
	padding-bottom:10px;
	}
.ptb15 {
	padding-top:15px;
	padding-bottom:15px;
	}
.ptb20 {
	padding-top:20px;
	padding-bottom:20px;
	}

.p5 {
	padding:5px;
	}
.p10 {
	padding:10px;
	}
.p15 {
	padding:15px;
	}
.p20 {
	padding:20px;
	}
.pr3 {
	padding-right:3px;
	}
.pr5 {
	padding-right:5px;
	}
.pr8 {
	padding-right:8px;
	}
.pr10 {
	padding-right:10px;
	}
.pr15 {
	padding-right:15px;
	}
.pr20 {
	padding-right:20px;
	}

.pl3 {
	padding-left:3px;
	}
.pl5 {
	padding-left:5px;
	}
.pl8 {
	padding-left:8px;
	}
.pl10 {
	padding-left:10px;
	}
.pl15 {
	padding-left:15px;
	}
.pl20 {
	padding-left:20px;
	}
.tc {
	text-align:center;
	}
.tr {
	text-align:right;
	}
/*base 14px*/
.f20 {font-size:143%;}
.f19 {font-size:136%;}
.f18 {font-size:129%;}
.f17 {font-size:122%;}
.f16 {font-size:115%;}
.f15 {font-size:108%;}
.f14 {font-size:100%;}
.f13 {font-size:93%;}
.f12 {font-size:86%;}
.f11 {font-size:79%;}
.f10 {font-size:72%;}

/* base.css */
html {font-size:100%;}

a {
	text-decoration: none;
	border: 0;
	outline:none;
	}
a:link, a:visited {
	color:#013E7A;
	text-decoration:none;
	}
a:hover {
	color:#f60;
	text-decoration:underline;
	}

body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
	color: #333333;
	line-height: 1.6;
	margin:0;
	padding:0;
	}
*html body {
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	}



/**************************************************
 * header 
***************************************************/
#header_wrap {
	width: 100%;
	margin: 0 0 8px;
	padding:15px 0 5px;
	background:url(cmn/img/header_bg.png) center bottom no-repeat;
	border-top:4px solid #014F9D;
	}
	
#header {
	width: 980px;
	margin: 0 auto;
	padding:0 0 6px;
	position:relative;
	}
#header h1 {
	margin:0 0 10px 15px;
	padding:3px 0 0;
	}
#navi {
	position:absolute;
	right:0;
	top:8px;
	width:748px;
	/*recruitadd前624*/
	}
#navi li{
	float:left;
	}

/**************************************************
 * main
***************************************************/
#container {
	width: 980px;
	margin:0 auto;
	}
#contents {
	width: 730px;
	margin: 0 0 20px;
	padding:0 0 0 22px;
	float: left;
	}
#contents a:link, #contents a:visited {
	color:#013E7A;
	text-decoration:underline;
}
#contents a:hover {
	color:#F60;
	text-decoration:underline;
}
#pagetop {
	text-align:right;
	margin:20px 0 0 0;
}
/**************************************************
 * side
***************************************************/
#side_wrap {
	width: 228px;
	margin: 0 0 20px;
	float: left;
	font-size:12px;
	}
#side {
	width: 228px;
	background:url(cmn/img/side_bg.jpg) repeat;
	padding: 28px 0 20px;
	font-size:12px;
	}
#side li a:link, #side li a:visited {
	padding:10px 0;

	}
#side h2 {
	margin:0 0 28px;
	text-align:center;
}
#side .menuwrap {
	width:210px;
	margin:0 auto;
	padding:23px 0 0 0;
	background:url(cmn/img/sidemenu_up.png) left top no-repeat;
}
#side .menu_in {
	padding:0 0 25px;
	background:url(cmn/img/sidemenu_btm.png) left bottom no-repeat;
}
#side .menu {
	width:170px;
	margin:0 auto;
	padding:0 15px;
	background:url(cmn/img/sidemenu_bg.png) left top repeat-y;
}

#side .menu dl dd a {
	padding:5px 7px 5px 16px;
	display:block;
	border-bottom:1px solid #436587;
	border-top:1px solid #5C82BA;
}
#side .menu ul.cms_cate a:link, #side ul.cms_cate a:visited {
	color:#fff;
}
#side .menu ul.cms_cate a:hover {
	color:#FBCD3F;
	text-decoration:none;
}
#side .menu ul.cms_cate li {
	margin:10px 0 0;
}
#side .menu ul.cms_cate li.first {
	margin-top:0;
}

#side .menu ul.cms_cate a:link, #side ul.cms_cate a:visited {
	color:#fff;
}
#side .menu ul.cms_cate a:hover {
	color:#FBCD3F;
	text-decoration:none;
}
#side .menu ul.cms_cate li {
	margin:10px 0 0;
}
#side .menu ul.cms_cate li.first {
	margin-top:0;
}
#side .menu ul li a {
	_zoom:1;
	_margin:0;
	_padding:0;
}
#side .menu dl dt {
	padding:10px 0 0 0;
}
#side_wrap ul.side_bn li{
	margin:15px 0 0 0;
}
/**************************************************
 * footer
***************************************************/
#footer {
	width:980px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	color:#fff;
}
.ft {
	padding:20px 0 10px;
	background:url(cmn/img/ft_bg.png) left bottom no-repeat;
	font-size:86%;
}
.ft p.link {
	margin:0 0 20px;
}
.ft p.link a:link, .ft p.link a:visited {
	color:#fff;
	text-decoration:underline;
}
.ft p.link a:hover {
	color:#FBCD3F;
	text-decoration:underline;
}
.copy{
	width:980px;
	padding:5px 0;
	font-size:72%;
	color:#666;
}


#gotop {
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 77%;
}
#gotop a {
	background: #507AA4;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#gotop a:hover {
	text-decoration: none;
	background: #97B0C8;
	color:#014F9D;
}

.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:20;
	background:#fafafa;
	}
.fixed #navi {
	border:none;
	}
.fixed ul {
	margin:0 auto;
	}
.bread {
	font-size:86%;
	color:#013E7A;
	margin:0 0 8px;
}
.bread a:link, .bread a:visited {
	color:#013E7A;
	text-decoration:underline;
}
.bread a:hover {
	color:#F60;
	text-decoration:underline;
}







.category h3, .home h3 {
	margin:5px 0 15px;
	padding:7px 6px 6px 14px;
	background:#013E7A url(cmn/img/side_bg.jpg);
	color:#fff;
	font-weight:bold;
	font-size:115%;
}
.single h3 {
	margin:10px 0 10px;
	padding:7px 5px 6px 10px;
	background:url(cmn/img/catelist_titbg.jpg) left bottom no-repeat;
	border-left:4px solid #013E7A;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	font-size:115%;
	color:#003F79;
}	

/*一覧*/
.listtb {
	width:100%;
	border-top:1px solid #efefef;
}
.listtb td, .listtb th {
	padding:11px 5px 13px 5px!important;
}
.listtb tr.bl-hot {
	background:url(cmn/img/line_ef.gif) left bottom repeat-x;
}
.listtb tr.bl-hover {
	background:#E7EBF0 url(cmn/img/line_ef.gif) left bottom repeat-x;
	
}
.toplist {
	padding-bottom:40px;
	background:url(cmn/img/bgline.jpg) center bottom no-repeat;
}
/*wp-pagenavi*/

div.wp-pagenavi {
	text-align:center;
	margin:15px 0;
}
div.wp-pagenavi span.current {
	margin:2px;
	padding:5px 5px 4px;
	background:#013F79;
	color:#FABD00;
	font-weight:bold;
	font-size:86%;
}
div.wp-pagenavi a {
	margin:2px;
	padding:4px 4px 3px;
	border:1px solid #013f79;
	color:#013f79;
	text-decoration:none!important;
}
div.wp-pagenavi a:hover {
	margin:2px;
	padding:4px 4px 3px;
	border:1px solid #013f79;
	font-weight:bold;
	font-size:86%;
}
	
	

/*カテゴリ一覧*/
.catelist {
	padding-bottom:40px;
	background:url(cmn/img/bgline.jpg) center bottom no-repeat;
}
.catelist .articlebox h4 {
	margin:10px 0 18px;
	padding:7px 5px 6px 10px;
	background:url(cmn/img/catelist_titbg.jpg) left bottom no-repeat;
	border-left:4px solid #013E7A;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	font-size:115%;
	color:#003F79;
}
.catelist .articlebox .section {
	width:698px;
	margin:0 auto;
}
.catelist .articlebox .eyecatch {
	width:200px;
	float:left;
}
.catelist .articlebox .section .article {
	width:480px;
	float:left;
	margin:0 0 28px;
	padding-left:18px;
}
.catelist .articlebox .section .article .readmore {
	margin:10px 0 0 0;
	text-align:right;
}
.category .catelist .articlebox .section .article .datecate {
	margin:0 0 8px;
	font-size:86%;
}
.category .catelist .articlebox .section .article .datecate img {
	padding:3px 0 0 0;
}


/*記事詳細*/
.single .detailbox .datecate {
	margin:0 16px 8px 0;
	font-size:86%;
	text-align:right;
}
.single .detailbox .datecate img {
	padding:3px 0 0 0;
	text-align:right;
}
.detailbox .articlebox {
	padding:0 0 45px;
	background:url(cmn/img/bgline.jpg) center bottom no-repeat;
}
.detailbox .articlebox .article {
	width:698px;
	margin:0 auto;
}
.detailbox .detail_ftlink {
	position:relative;
	margin:5px 0 15px;
}
.detailbox .detail_ftlink p {
	font-size:86%;
}
.detailbox .detail_ftlink .wp_social_bookmarking_light {
	position:absolute;
	right:10px;
	top:0px;
	min-width:250px;
}


/*記事詳細_レイアウト1*/
.leftImageLayout .left372 {
	width:372px;
	padding-right:20px;
	float:left;
}
.leftImageLayout .right286 {
	width:286px;
	float:left;
}

.alignleft {
	display:block;
	float:left;
	padding:0px 10px 5px 0;
}
.alignright{
	display:block;
	float:right;
	padding:0px 0 5px 10px;
}

/*トップニュース*/
#topnews td {
	padding:4px 4px 8px 4px;
	font-size:86%;
	vertical-align:top;
	line-height:1.3;
}
#topnews td.date { 
	padding-top:6px;
	font-size:10px;
	white-space:nowrap;
}
#topnews td img {
	padding:1px 0 0 0;
}
#topnews td a {
	text-decoration:underline;
}

/*採用情報*/
.page h3 {
	margin:10px 0 10px;
	padding:7px 5px 6px 10px;
	background:url(cmn/img/catelist_titbg.jpg) left bottom no-repeat;
	border-left:4px solid #013E7A;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	font-size:115%;
	color:#003F79;
}
table.recr_tb {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:30px;
	}
h4.rectt {
	display:block;
	margin:20px 0 10px!important;
	padding:5px 0 5px 15px;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	border-left:2px solid #013E7A;
	white-space:nowrap;
	}
table.recr_tb, .recr_tb th, .recr_tb td, .recr_tb tr  {
	border-collapse:collapse;	
	}
.recr_tb th {
	width:150px;
	padding:15px 0;
	background:#f3f3f3;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	
	}
.recr_tb td {
	padding:15px 0 15px 10px;
	font-size:14px;
	border-top:1px solid #e5e5e5;
	/*border-bottom:1px solid #fff;*/
	}

/****************************************************
	50thLP
*****************************************************/

body#th50cms {
	background:#FFF url(cmn/img/50th/50th_bg.jpg) center top no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#th50cms #wrapper50 {
	width:800px;
	margin:0 auto;
	position:relative;
}
#th50cms #wrapper50 #header50 {
	min-height:372px;
	height:auto!important;
	height:372px;
}
#th50cms #wrapper50 .thiyokohome {
	position: absolute;
	left: 0px;
	top: 5px;
}
#th50cms #wrapper50 .th50home {
	position: absolute;
	right: 40px;
	top: 5px;
}	
#th50cms #wrapper50 .logo50 {
	position:absolute;
	left:0;
	top:60px;
}

#th50cms #wrapper50 .ttarea {
	position: absolute;
	top: 51px;
	left: 226px;
}

#th50cms #wrapper50 img.piyo {
	position:absolute;
	right:50px;
	top:190px;
}
#th50cms #wrapper50 .article_wrap {
	width:800px;
	margin:0 auto;
	padding:0 0 50px;
}
#th50cms #wrapper50 .article_in {
	padding:44px 0 0;
}
#th50cms #wrapper50 .article50 {
	width:800px;
	margin:0 auto;
	background:#fff;
}
#th50cms #wrapper50 .article50 .project {
	width:834px;
	margin:10px 0 30px -34px;
}
#th50cms #wrapper50 .article50 h2{
	text-align:center;
}
#th50cms #wrapper50 .article50 .project dl{
	position:relative;
	width:244px;
	float:left;
	margin:30px 0 0;
	padding:0 0 0 34px;
}
/*#th50cms #wrapper50 .article50 .project dl dt {
	margin:0 0 3px 2px;
}*/

#th50cms #wrapper50 .article50 .project dl dd.thumb {
/*	position:absolute;
	right:0;
	top:44px;
	z-index:1;*/
	margin-left:0px;
	height:168px;
}
#th50cms #wrapper50 .article50 .project dl dd.exp {
	margin:174px 0 0 2px;
	font-size:92%;
	line-height:1.3;
}
#th50cms #wrapper50 .article50 .project dl dd.new {
	position: absolute;
	right: -23px;
	top: 0px;
	width: 69px;
	height: 43px;
	background: url(../img/new.png) no-repeat;
	text-indent: -9999px;
	z-index:0;
}
#th50cms .footer50_wrap {
	width:100%;
	margin:30px 0 0;
	background:#004da0;
	
}
#th50cms .footer50_in {
	background:url(../img/ft_bg.jpg) center top no-repeat;
}
#th50cms .footer50 {
	width:800px;
	margin:0 auto;
	padding:50px 0 50px;
	text-align:center;
	color:#fff;
	line-height:2;
	position:relative;
	font-size:12px;
}
#th50cms .footer50 p.corp {
	font-size:16px;
}
#th50cms .footer50 a:link, #th50cms .footer50 a:visited {
	color:#fff;
	text-decoration:underline;
	text-indent: -9999px;
}
#th50cms .footer50 a:hover {
	color:#FFE50;
	text-indent: -9999px;
}
#th50cms .footer50 #pagetop a {
	position: absolute;
	right: -65px;
	top: -52px;
	width: 116px;
	height: 101px;
	text-indent: -9999px!important;
	display: block;
	background: url(cmn/img/50th/btn_pagetop.png) left top no-repeat;
}
#pagetop a{
	text-indent:-9999px;
	}
#pagetop {
	text-indent:-9999px!important;
	}
#th50cms .article_title {
	margin:12px 0 0;
	background:#fff;
	border:7px solid #004da0;
	font-size:26px;
	font-weight:bold;
	}
#th50cms .article_title p {
	margin:15px 0 10px 15px;
	}
#th50cms .article_title h2 {
	margin:0 0 15px 15px;
	width:380px;
	}
#th50cms p.pipi {
	position: absolute;
	top: 44px;
	right: -160px;
	}
#th50cms .detailbox .articlebox {
	padding:45px 0 45px;
	background:none;
}