/* ==========================================================

title : ホームメイトブログテンプレート
scope : blogページフレームレイアウト
 
last modify : 2016/9/26 183_aoyama ページナビ下部 バナー追加

memo  : 

2015/12/02 264_tanabe 柔道ブログのため、編集
2016/06/20 222_souda SNSバナー追加 
2015/11/26 222_souda IE8除外により擬似クラス対応
2015/07/13 新規制作

========================================================== */


/*--基本設定--*/

/*ブラウザスタイルの初期化
* {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
}*/
body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend,img {
	margin:0;
	padding:0;
	font-style:normal;
	}

body {
	min-width:1035px;
	margin:0;
	padding:0;
	color:#333;
	font-size:17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul,li,dl,dt,dd{
	list-style:none;
}

img,object{
    border:none;
	}

img{
	border:0px;
	}
ul{
    list-style-type:none;
	}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
	}
	
a{
	text-decoration:none;
	}
a:visited{
	color:#00f;
}

/*--container--*/


/*--#header--*/
.header_box,.header_box02{
	margin:0 auto;
	width:1000px;
}
/*--#content--*/
.contents_box{
	/*--clear:both;
	overflow:hidden;--*/
	width:981px;
	margin:0 auto 75px;
}

#contents_top{
	width:1130px;
	margin:5px auto 0;
	font-size:90%;
	text-align:left;
	}
	
/*--#main--*/

.main_box{
	display:inline-block;
	vertical-align:top;
	width:650px;
	margin: 0 5px 0 0;
	min-height: 400px;
	}

/*--#nav--*/
.nav_box{
	margin-top:15px;
	font-size:90%;
}
.nav_box li{
	display:inline-block;
	vertical-align:middle;
	padding:0 5px 0 10px;/*--:0 15px 0 10px;--*/
	background:url("../image_cmn/img_nav_li.png") no-repeat 0 5px;
}
.facility_read{
	margin:15px auto 15px 20px;
}
/*--#facility_ttl--*/
.facility_ttl_box{
	position:relative;
	width:659px;
	min-height:125px;
	height:auto;
	margin-top:10px;
}
.facility_ttl_name{
	position:relative;
	top:15px;
	left:20px;
	width:610px;
	font-weight:800;
}
.facility_ttl_area{
	margin:20px 0 10px 20px;
	font-weight:800;
}
.facility_detail_link{
	position:absolute;
	bottom: 10px;
  right: 20px;
}
.facility_ttl_box a img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
}

@media screen and (max-device-width: 1024px) {

.facility_ttl_box a img:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
}

}



/*--#article--*/
.article_ttl{
	margin-bottom:5px;
}
.article_ttl li{
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 0;
}
.article_ttl li:last-child{
	margin:0;
	float:right;
}

.article_ttl02_first, .article_ttl02 {
	position:relative;
	/*display:inline-block;*/
	display:table;
	width:655px;
	height:50px;
	padding:0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.article_ttl02_first{
	margin:0 0 5px 0;
}
.article_ttl02{
	margin:40px 0 5px 0;
}
.article_ttl_h {
	/*float:left;*/
	display:table-cell;
	vertical-align:middle;
	width:420px;
	color:#fff;
}
.article_ttl_h a{
	color:#fff;
}
.article_ttl02 p,.article_ttl02_first p {
	/*float:right;*/
	display:table-cell;
	vertical-align:top;
	width:200px;
	padding-top:2px;
	text-align:right;
}
.whatsnewbox{
	margin:0px;
	padding:10px 10px 10px 0;
}
.whatsnewbox dd,dt{
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}
.article_entry{
	padding:20px 40px;
	line-height:2em;
	word-wrap:break-word;
}
.article_entry li{
	list-style: disc inside;
}
.blogdate{
	width:108px;
	letter-spacing:-0.05em;
	text-align:center;
}
.blogdate02{
	width:135px;
	font-weight:800;
	text-align:center;
}
.blogarea{
	width:95px;
	padding-left:8px;
}
.blogtitle{
	width:205px;
}
.blogtitle02{
	width:475px;
	padding-left:15px;
}

.blogoffice{
	width:200px;
	padding-left:5px;
	float:right;
}
.blogtitle ,.blogoffice,.blogtitle02{
	color:#00f;
}
.blogtitle a{
	display:block;
	width:205px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	-ms-text-overflow : ellipsis;
}
.blogoffice a{
	display:block;
	width:200px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	-ms-text-overflow : ellipsis;
}
.blogtitle02 a{
	display:block;
	width:475px;
	overflow:hidden;
	font-weight:800;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	-ms-text-overflow : ellipsis;
}
.blogtitle a:hover ,.blogoffice a:hover,.blogtitle02 a:hover{
	color:#f00;
}
/*--#page--*/
.page_box{
	width:630px;
	margin:30px auto 0;
}
.page_box li{
	margin:0 0 0 8px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}
.page_box a img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
}
/*--#side--*/

.side_box{
	display:inline-block;
	vertical-align:top;
	/*margin-top:25px;*/
	width:300px;
	min-height: 400px;
	}

.side_box.lower_side_box {
	margin-top:38px;
}

/*--#size--*/
.size_font_ttl {
    position: absolute;
    top: 12px;
    left: 0px;
}

.size_font{
	position:relative;
	/*margin-top:10px;*/
	padding:0 10px;
	height:50px;
}
.size_font ul{
	position:absolute;
	top:11px;
	left:143px;
}
.fsize{
	display: inline-block;
	width: 35px;
	height:35px;
	margin-right:12px;
	cursor:pointer;
}
.btn_small{
	margin-right:10px;
}
.btn_middle{
	margin-right:14px;
}

/*--#side_calendar --*/
.side_calendar_box{
	margin:20px 0 10px;
	padding-bottom:10px;
	text-align:center;
	font-size:16px;
}
.side_calendar_lastmanth, .side_calendar_nextmanth {
	position: relative;
	display:inline-block;
	width:30px;
	height:30px;
	color:#bbb;
	font-weight:bold;
}
.side_calendar_lastmanth{
	right: 56px;
}
.side_calendar_nextmanth{
	left: 56px;
}
.side_calendar_data{
	padding:10px;
	font-weight:800;
}
.side_calendar_data a .side_calendar_lastmanth,
.side_calendar_data a .side_calendar_nextmanth {
	color:#000;
}
.side_calendar_data a:hover .side_calendar_lastmanth,
.side_calendar_data a:hover .side_calendar_nextmanth {
	color:#f00;
}

#side_calendar table{
	width:275px;
	border-collapse:separate;
	border-spacing:4px;
	margin:0 auto;
	background:#fff;
	border:1px solid #ccc;
}
#side_calendar th,td{
	width:34px;
	height:34px;
}
#side_calendar td a{
	display:block;
	font-weight:800;
}
.calendar_article_on{
	font-weight:800;
	cursor:pointer;
}

/*--#side_archive--*/
.side_archive_box{
	margin:20px 0 10px;
	padding-bottom:15px;
}
.side_archive_box dl{
	width:277px;
	margin:15px auto 0;
}
.side_archive_box dt{
	width:277px;
	height:33px;
	font-weight:800;
	cursor:pointer;
}
.side_archive_box dt:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
}
.side_archive_box dd{
	display:none;
}
.side_archive_box ul{
	width:277px;
	margin:0 auto 0 5px;
}
.side_archive_box li{
	display:inline-block;
	vertical-align:middle;
	margin:5px 2px;
	font-weight:800;
}

/*--#side_article--*/
.side_article_box{
	margin:20px 0 10px;
	padding-bottom:10px;
}
.side_article_box ul{
	margin:10px 15px 0 15px;
}
.side_article_box li{
	padding:8px 0 8px 32px;
	font-size:14px;
}

/*--#side_link--*/

.side_link_box{
	margin:20px 0 10px;
	padding-bottom:5px;
}
.side_link_banner{
	margin:10px auto 20px;
	width:256px;
}
.side_link_banner img{
	border: 1px solid #ccc;
	text-align:center;
}
.side_link_banner img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
}
.side_link_banner p{
	margin-top:5px;
	letter-spacing:-1px;
	font-size:14px;
}


/*--font--*/
/*--赤--*/
.font01{
	color:#bc0000;
	}
.font02{
	color:#f00;
	}
.font03{
	color:#ff5b40;
	}
/*--蒼--*/
.font04{
	color:#003fbe;
	}
.font05{
	color:#00f;
	}
.font06{
	color:#5474ff;
	}
/*--ピンク--*/
.font07{
	color:#ff0054;
	}
.font08{
	color:#f09;
	}
.font09{
	color:#ff49ce;
	}
/*--碧--*/
.font10{
	color:#0d561b;
	}
.font11{
	color:#093;
	}
.font12{
	color:#528e0c;
	}
/*--水色--*/
.font13{
	color:#06f;
	}
.font14{
	color:#009dca;
	}
.font15{
	color:#28acff;
	}
.font16{
	color:#009;
	}
.font17{
	color:#37008a;
	}
.font18{
	color:#00447d;
	}
.font19{
	color:#501700;
	}
.font20{
	color:#900;
	}
.font21{
	color:#77430c;
	}
/*--紫--*/
.font22{
	color:#51007f;
	}
.font23{
	color:#9600ff;
	}
.font24{
	color:#909;
	}
/*--大きさ--*/
.b{
	font-size:150%;
}
.m{
	font-size:120%;
}
.s{
	font-size:90%;
}

/*--写真--*/
.p_box{
	margin:25px 0;
}
/*--------------------------------
	ページ送り＆ページジャンプ
--------------------------------*/
#content.flclear{
	overflow:visible;
}
.page_skip{
	position:relative;
	margin:10px auto 15px auto;
	padding-bottom:8px;
	text-align:center;
	letter-spacing:0px;
	text-align:center;
}

.page_skip_ul{
  position: relative;
	right:75px;
}
.page_skip_ul li{
  position: relative;
  display: inline-block;
	vertical-align:top;
}

.page_nav_ul{
    position: relative;
    right:75px;
}
.page_nav_ul li{
    position: relative;
    display: inline-block;
	vertical-align:top;
}

.page_nav_ul02 li{
    position: relative;
    display: inline-block;
	vertical-align:top;
}

.page_count_box{
		width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0px 3px;
		padding:0;
    border: 1px solid #1d558d;
    font-size: 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    behavior: url(/css/PIE.php);
    letter-spacing: 0.01em;
    background: #4250dc;
    color: #fff;
}

.page_count_box a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
		font-size:15px;
		letter-spacing:0.01em;
    background: #fff;
    color: #4250dc;
}
.page_count_box a:hover {
	background:#4250dc;
	color:#fff;
	font-weight:bold;
	}
.p_toback,.p_tonext {
	width:95px;
	border: 1px solid #1d558d;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    behavior: url(/css/PIE.php);
	color:#1d558d;
	font-size:15px;
	line-height:34px;
	}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.p_toback,.p_tonext {
		width:95px;
		border: 1px solid #1d558d;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		behavior: url("/css/PIE.php");
		color:#1d558d;
		font-size:15px;
		line-height:34px;
			color: #fff;
		}
}	
	
.p_toback{
	padding-right:10px;
	background:url(/image_cmn/bg_back.png) no-repeat 92px 12px #fff;
	}
.p_tonext{
	padding-left:10px;
	background:url(/image_cmn/bg_next.png) no-repeat 9px 12px #fff;
}
.p_toback a:hover,.p_next a:hover{
	
}
.p_toback a:hover{
	display: block;
	width:95px;
	color:#fff;
	font-weight:bold;
	line-height:34px;
	margin-right:-10px;
	padding-right:10px;
	background:url(/image_cmn/bg_back_ov.png) no-repeat 92px 12px #4250dc;
	}
.p_tonext a:hover{
	display: block;
	width:95px;
	color:#fff;
	font-weight:bold;
	line-height:34px;
	margin-left:-10px;
	padding-left:10px;
	background:url(/image_cmn/bg_next_ov.png) no-repeat 9px 12px #4250dc;
}
.p_toback_gr {
	padding-right:10px;
	width:95px;
	border-radius: 2px;
  behavior: url(/css/PIE.php);
	background:url(/image_cmn/bg_back_gr.png) no-repeat 92px 12px #ccc;
	color:#8E8E8E;
	font-size:15px;
	line-height:36px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	}
.p_tonext_gr{
	padding-left:10px;
	width:95px;
	border-radius: 2px;
  behavior: url(/css/PIE.php);
	background:url(/image_cmn/bg_next_gr.png) no-repeat 9px 12px #ccc;
	color:#8E8E8E;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	line-height:36px;
	font-size:15px;
	}
	
.page_select{
	position:absolute;
	margin-left:3px;
}
.page_select_ttl{
	position:relative;
	padding-left:2px;
	display:block;
	width:146px;
	background:url("/image_cmn/bg_select_bottom.png") #fff no-repeat right center;
	color:#1d558d;
	font-size:15px;
	text-align:left;
	line-height:34px;
	cursor:pointer;
}
.page_select_ttl span{
	display:block;
	position:relative;
	width:140px;
	padding-left:5px;
	border: 1px solid #1d558d;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    behavior: url(/css/PIE.php);
	color:#1d558d;
	font-size:15px;
	text-align:left;
	line-height:34px;
	cursor:pointer;
}
.page_select_ttl_hover{
	background:url("/image_cmn/bg_select_bottom_on.png")#fff no-repeat right center;
	color:#1d558d;
}
.page_select_ttl_hover span{
	border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	behavior: url(/css/PIE.php);
	border-bottom: 1px dotted #1d558d;
}
.page_select_menu{
	position:relative;
	left:2px;
	width:145px;
	max-height:195px;
	overflow-y: scroll;
    overflow-x: hidden;
	line-height:34px;
	border-left: 1px solid #1d558d;
	border-right: 1px solid #1d558d;
	border-bottom: 1px solid #1d558d;
	color:#1d558d;
	font-size:15px;
	text-align:left;
	z-index:1000;
}
.page_select_menu ul{
	width:145px;
	text-indent:10px;
}
.page_select_menu li{
	background:#fff;
	border-bottom:1px dotted #1d558d;
	line-height:34px;
}
.page_select_menu li.first_list{
	margin-left:-10px;
}
.page_select_menu .li_last{
	border-bottom:none;
	margin-left:-9px;
	padding-left:9px;
}
.page_select_menu a{
	display:block;
	width:140px;
}
.page_select_menu a:hover{
	background:#FFE6EB;
}
.page_select_menu::-webkit-scrollbar {
    width: 12px;
}
 
.page_select_menu::-webkit-scrollbar-track {
   background:  rgba(200,200,200,1); 
}
 
.page_select_menu::-webkit-scrollbar-thumb {
    background: rgba(200,230,255,1); 
}
.page_select_menu::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(200,230,255,1);  
}

/*-- 記事調整用css --*/
.article_box br {
	clear:both;
}
.article_box img {
    vertical-align: middle;
    margin: 2px;
    padding: 0;
		max-width: 570px;
}

/*-- SNSバナー追加 --*/

/* --------------------------------------
 SNSコンテンツ紹介バナー
-------------------------------------- */
p.mk_mail {
    margin: 5px 0 7px;
    text-align: center;
}
p.mk_mail a {
    background: rgba(0, 0, 0, 0) url("http://www.token.co.jp/image_cmn/mark_mail_blue_speedup.png") no-repeat scroll 0 0;
    display: inline-block;
    font-size: 17px;
    padding: 4px 0 3px 40px;
    vertical-align: middle;
}
p.mk_mail a[href*="javascript:void(0)"] {
    background: rgba(0, 0, 0, 0) url("http://www.token.co.jp/image_cmn/mark_mail_blue_speedup.png") no-repeat scroll 0 0;
    font-size: 17px;
    padding: 10px 0 10px 40px;
    vertical-align: middle;
}

.official_tools_box {
	display:inline-block;
	width:300px;
	vertical-align:bottom;
	margin: 17px 0 15px;
}

.official_tools_box dt {
	width:300px;
	margin:0px auto 12px;
	padding-bottom:6px;
	border-bottom:#959595 solid 1px;
	font-size:17px;
	font-weight:bold;
	color:#da1a5a;
	text-align:center;
	line-height:1.2;
}

.official_tools_box li {
	margin-bottom:15px;
	text-align:center;
}
.official_tools_box li figure {
	margin:0;
}
.official_tools_box li figure a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* ページナビ下部 バナー追加 */
.bnr_box,
.bnr_box_seifukusi {
	width:635px;
	margin:30px auto 0px;
	padding:20px 10px;
	background:#f2f6e2;
}

.bnr_box:after,
.bnr_box_seifukusi:after {
	content:"";
	clear:both;
	display:block;
}
.bnr_box > div,
.bnr_box_seifukusi > div {
	width:260px;
	height: 65px;
	float:left;
	margin:0 28px 15px;
	background:#f2f6e2;
}

.bnr_box > div a,
.bnr_box_seifukusi > div a{
	width:260px;
	height:65px;
	display:inline-block;
	background:#fff;	
}

.bnr_box > div:nth-of-type(n+13),
.bnr_box_seifukusi > div:nth-of-type(n+13) {
	margin-bottom:0;
}
.bnr_box img.bd,
.bnr_box_seifukusi img.bd {
  border: 1px solid #aaa;
}
.bnr_box a:hover img,
.bnr_box_seifukusi a:hover img {
	opacity:.7;
}

@media screen and (max-device-width: 1024px) {
	a:hover img {
		opacity: 1!important;
	}
}

/*--googlead for seifukusi--*/
.ad_box_sei{
	margin:15px auto;
}
.ad_box_sei:first-child{
	margin:0 auto 15px;
}
.ad_box_sei:last-child{
	padding:0 0 10px;
	overflow: hidden;
  border-bottom: 4px solid #0f2e94;
  vertical-align: top;
	margin:0 0 25px;	
}
#ad_banner_sei{
    margin: 45px auto 15px;
    padding: 45px 0 0;
    width: 646px;
    text-align: center;
    clear: both;
    vertical-align: top;
    overflow: hidden;
    border-top: 4px solid #0f2e94;
}

#side .line3 {
	overflow:hidden;
	width:300px;
	margin:0px 0px 18px;
	padding:0px 0px 20px;
	border-bottom: 4px solid #2d6f34;
}

.side_bnr2 li:not(:first-child) {
  margin-top: 1em;
}

.side_bnr2 li a {
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  width: 100%;
}

.side_bnr2 li a:hover {
  opacity: .8;
  transition: .5s all;
}

.side_bnr2 .side_lead {
  font-size: 15px;
  line-height: 1.3em;
  margin-bottom: 0.3em;
}



/*--googlead for sekkotu--*/
.ad_box_sek{
	margin:15px auto;
}
.ad_box_sek:first-child{
	margin:0 auto 15px;
}
.ad_box_sek:last-child{
	padding:0 0 10px;
	overflow: hidden;
  border-bottom: 4px solid #2d6f34;
  vertical-align: top;
	margin:0 0 25px;	
}
#ad_banner_sek{
    margin: 45px auto 15px;
    padding: 45px 0 0;
    width: 648px;
    text-align: center;
    clear: both;
    vertical-align: top;
    overflow: hidden;
    border-top: 4px solid #2d6f34;
}

/* ---------------------------------------------------
　更新終了
---------------------------------------------------- */

.response_area {
	width:625px;
	margin:1em auto 1.5em;
	padding: 0 0 10px 0;
	border:2px solid #fbb5cb;
	background: #FFF2F7;
	position:relative;
}

.response_area p.title {
	font-size: 17px;
	color:#000;
	padding:8px 0 5px 0;
	margin:0 0 10px 0;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px solid #fbb5cb;
}

.response_area p {
	padding:0px 25px;
	font-size: 16px;
	line-height:1.4;
}