﻿body{
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#header_bk{
	overflow:hidden;
	width:100%;
	border-bottom:solid 4px #CA0000;
	}
.header{
	overflow:hidden;
	width:960px;
	margin:auto;
	padding:24px 0;
	}
.header .left{
	float:left;
	width:450px;
	}
.header .logo{
	float:left;
	margin-right:32px;
	}
.header .sent{
	color:#CA0000;
	font-weight:bold;
	font-size:16px;
	line-height:36px;
	}
.header .right{
	float:right;
	width:320px;
	font-size:12px;
	}
.header .hnavi{
	float:left;
	}
.header .hnavi a{
	display:block;
	color:#CA0000;
	background:url(../images/blog/icon_arrow.png) no-repeat 6px 50%;
	border:solid 1px #CA0000;
	font-weight:bold;
	padding:4px 8px 4px 16px;
	}
.header .hnavi a:hover{
	color:#FFF;
	background:url(../images/blog/icon_arrow2.png) no-repeat 4px 50% #CA0000;
}
	
.header .lang{
	float:right;
	width:190px;
	font-weight:bold;
	margin-top:5px;
	}
.header .lang li{
	display:block;
	float:left;
	}
.header .lang a{
	color:#CA0000;
	background:url(../images/blog/icon_arrow.png) no-repeat 6px 50%;
	border:solid 1px #CA0000;
	font-weight:bold;
	padding:4px 8px 4px 16px;
	}
.header .lang a:hover,
.header .lang  .on a{
	color:#FFF;
	background:url(../images/blog/icon_arrow2.png) no-repeat 4px 50% #CA0000;
	padding:4px 8px 4px 16px;
}
.header .lang li:first-child a{
	border-right:none;
	}
/* メインブロック --------------------------------- */
.wrap{
	overflow:hidden;
	background:url(../images/blog/bg.png) repeat left top;
	}
.content{
	overflow:hidden;
	width:960px;
	margin:auto;
	padding:20px 0 40px 0;
	}
.mainimg{
	overflow:hidden;
	margin-bottom:16px;
}
.mainimg a:hover{
	opacity:.8;
}
.sidebar{
	float:left;
	width:220px;
	}
.main{
	float:right;
	width:720px;
	}
/* パンくず --------------- */
.pankuzu{
	text-align:right;
	margin-bottom:16px;
}
.pankuzu li{
	display:inline-block;
}
.pankuzu li a{
	text-decoration:underline;
}

/* ブログ一覧 ------------- */
.midashi{
	color:#FFF;
	background:#CA0000;
	font-size:22px;
	font-weight:bold;
	margin-bottom:40px;
	padding:12px 16px;
}
.list_post_bk{
	background:#FFF;
	border:solid 1px #CCC;
	margin-bottom:40px;
	padding:40px 32px;
	}
.info{
	overflow:hidden;
	margin-bottom:16px;
	}
.info img{
	float:left;
	margin-right:16px;
	}
.info .day{
	font-weight:bold;
	margin-bottom:8px;
	}
.info .title a{
	color:#CA0000;
	font-size:28px;
	font-weight:bold;
	line-height:120%;
}
.info .title a:hover{
	color:#AAA;
}
.list_post_bk .notes a{
	text-decoration:under-line;
}
.list_post_bk .notes img{
	max-width:100%!important;
	height:auto;
}

.list_post_bk .notes{
	clear:both;
	overflow:hidden;
	margin-bottom:24px;
	}
.list_post_bk .notes a:hover img{
	opacity:.8;
}
.list_post_bk .notes a{
	text-decoration:underline;
}
.list_post_bk .notes a:hover{
	text-decoration:none;
}
.list_post_bk .link{
	clear:both;
	overflow:hidden;
	}
.list_post_bk .link a{
	display:inline-block;
	color:#CA0000;
	border:solid 1px #CA0000;
	font-weight:bold;
	padding:8px 16px;
}
.list_post_bk .link a:hover{
	color:#FFF;
	background:#AAA;
	border:solid 1px #AAA;
}

/* SNS */
.sns_bk{
	overflow:hidden;
}
.sns_bk ul{
	overflow:hidden;
	float:right;
	width:370px;
}
.sns_bk li{
	display:inline-block;
	height:25px;
	vertical-align:bottom;
}
.sns_bk .share{
	background:url(../images/blog/share.png) no-repeat left 4px;
	padding-left:70px;
}
.sns_bk li a{
	display:block;
}
.sns_bk li a:hover{
	opacity:.8;
}
.sns_bk .fb{
	margin-right:16px;
}
/* ページナビ -------------------------- */
.pagelist{
	overflow:hidden;
	width:720px;
	text-align:center;
	margin:32px 0px;
}
.pagelist .current,
.pagelist a:hover{
	background:#CCC;
}
.wp-pagenavi{
	overflow:hidden;
	text-align:center;
}
.wp-pagenavi span,
.wp-pagenavi a{
	display:inline-block;
	color:#333;
	background:#FFF;
	border:solid 1px #CCC;
	line-height:100%;
	text-decoration:none;
	margin:2px;
	padding:8px;
}
.result_pagelist{
	overflow:hidden;
	}
.result_pagelist li{
	display:inline-block;
	color:#333;
	background:#FFF;
	border:solid 1px #CCC;
	line-height:100%;
	text-decoration:none;
	margin:2px;
	padding:12px 8px;
	cursor:pointer;
}
.result_pagelist li.prev{
	float:left;
	}
.result_pagelist li.next{
	float:right;
	}
.result_pagelist li:hover{
	opacity:.8;
}
.result_pagelist_top{
	overflow:hidden;
	margin-bottom:16px;
}
	


/* スタッフ ------------- */
.staff_bk{
	overflow:hidden;
	background:#FFF;
	border:solid 1px #DBDBDB;
	margin-bottom:40px;
	padding:24px;
}
.staff_bk .left{
	float:left;
	width:230px;
}
.staff_bk .left img{
	width:230px;
}
.staff_bk .right{
	float:right;
	width:400px;
}
.staff_bk .right p{
	margin-bottom:8px;
}

.staff_bk .right .area{
	color:#666;
	font-weight:bold;
}
.staff_bk .right .name{
	color:#CA0000;
	font-size:28px;
	font-weight:bold;
	line-height:120%;
}
.staff_bk .right .notes{
	font-size:15px;
}
/* 記事一覧*/
.list_bk  ul{
	overflow:hidden;
	}
.list_bk li a{
	display:block;
	color:#777;
	background:url(../images/blog/icon_arrow.png) no-repeat 12px 55%;
	border-bottom:solid 1px #CCC;
	font-size:16px;
	padding:20px 16px 12px 24px;
	}
.list_bk li a:hover{
	background-color:#FFF;
}
/* サイドバー --------------------------------- */
.ban{
	overflow:hidden;
	}
.ban li{
	margin-bottom:16px;
	}
.ban a:hover{
	opacity:.8;
	}
.ban .quick{
	background:#E7E0C4;
	}
.ban .quick a{
	display:block;
	padding:10px;
	padding-bottom:0;
	}
.base{
	overflow:hidden;
	margin-bottom:16px;
	}
.base li{
	overflow:hidden;
	display:block;
	border-bottom:solid 1px #CCC;
	padding:16px 0;
	}
.base img{
	width:65px;
	}
.base img,
.leader img{
	float:left;
	display:block;
	}
.base p{
	float:right;
	width:140px;
	}
.base span,
.leader span{
	display:block;
	font-size:12px;
	}
.base .name{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	}
.base .mail a{
	text-decoration:underline;
	}
.base .link {
	margin-top:8px;
	}
.base .link a,
.leader .link a{
	color:#FFF;
	background:#CA0000;
	font-size:10px;
	padding:2px 8px;
	}
/* 社長ブログ ------------ */
.leader{
	overflow:hidden;
	margin:40px 0;
	}
.leader ul{
	clear:both;
	}
.leader li{
	overflow:hidden;
	background:#FFF;
	border:solid 1px #CCC;
	padding:8px;
	}
.leader li img{
	margin-right:8px;
	}
.leader .name{
	color:#777;
	font-weight:bold;
	font-size:14px;
	margin:8px 0;
	}
/* 社長プロフィール ------------ */
.leader_profile{
	overflow:hidden;
	background:#FFF;
	border:solid 1px #CCC;
	margin-bottom:8px;
	padding:8px;
}
.leader_profile img{
	width:100%;
}
.leader_profile .name{
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:8px;
}
.leader_profile .notes{
	font-size:13px;
}
/* カテゴリ ------------ */
.cate{
	overflow:hidden;
	margin-bottom:16px;
	}
.cate .title{
	color:#888;
	font-weight:bold;
	font-size:24px;
}
.cate .title2{
	font-size:14px;
	}
.cate  ul{
	overflow:hidden;
	border-top:solid 1px #CCC;
	}
.cate li a{
	display:block;
	color:#777;
	background:url(../images/blog/icon_arrow.png) no-repeat 4px 50%;
	border-bottom:solid 1px #CCC;
	padding:12px 16px;
	}
.cate li a:hover{
	background-color:#FFF;
}
/* カレンダー ---------- */
#calendar_wrap{
	overflow:hidden;
	background:#FFF;
	border:solid 1px #CCC;
	padding:8px;
	}
#wp-calendar{
	width:100%;
	overflow:hidden;
}
#wp-calendar caption{
	text-align:center;
	padding:5px 0px;
}
#wp-calendar th{
	text-align:center;
	border-bottom:2px solid #CCC;
	padding:5px 0px;
}
#wp-calendar thead{
	text-align:center;
	padding:3px 0px;
}
#wp-calendar td{
	text-align:center;
	padding:2px 0px;
}
#wp-calendar td a{
	display:inline;
	color:#CA0000;
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
	padding:0;
}
#wp-calendar td a:hover{
	color:#666;
}
/* アーカイブ */
.cate select{
	width:220px;
	}
/* 検索 */
.searchform label{
	display:none;
	}
.searchform #s{
	float:left;
	width:175px;
	}
.searchform #searchsubmit{
	float:right;
	}


/* フッター -------------------------- */
#footer_bk{
	color:#FFF;
	background:#CA0000;
	}
.footer{
	overflow:hidden;
	width:960px;
	font-size:12px;
	margin:auto;
	padding:24px 0 60px 0;
	}
.footer .cp_no{
	float:left;
	}
.footer .copyright{
	float:right;
	}
.sp_navi{
	display:none;
}

/* スマホ ------------------------------------------------------ */
@media screen and (max-width: 959px) {
	.header {
		width: 100%;
		padding:16px 0;
	}
	.header .left{
		width:100%;
		}
	.header .logo{
		clear:none;
		margin-left:8px;
		}
	.header .logo img{
		width:100px;
	}
	.header .sent{
		font-size:12px;
		line-height:150%;
	}
	.header .right{
		display:none;
		}
	/* パンくず */
	.pankuzu{
		text-align:left;
		margin:8px;
		}
	/* コンテンツ */
	.content{
		width:100%;
		padding:8px 0;
	}
	.mainimg img{
		max-width:100%;		
	}
	.main{
		float:none;
		width:95%;
		margin:auto;
	}
	/* 記事 */
	.midashi{
		font-size:14px;
		margin-bottom:8px;
		padding:4px 8px;
	}
	.list_post_bk{
		margin-bottom:10px;
		padding:8px;
		}
	.info{
		margin-bottom:8px;
		}
	.info img{
		width:60px;
		margin:0 8px 8px 0;
		}
	.info .day{
		font-size:12px;
	}
	.info .title a{
		font-size:16px;
	}
	.list_post_bk .notes{
		line-height:150%;
		margin-bottom:8px;
	}
	.list_post_bk .link{
		text-align:right;
		margin-bottom:4px;
	}
	.list_post_bk .link a{
		font-size:12px;
		padding:4px 8px;
	}
	/* sns */
	.sns_bk ul{
		width:auto;
	}
	.sns_bk .fb{
		display:block;
		text-align:right;
		margin:0;
	}
	
	/* スタッフ ------------- */
	.staff_bk{
		margin-bottom:8px;
		padding:16px 8px 8px 8px;
	}
	.staff_bk .left{
		float:none;
		width:100%;
		text-align:center;
	}
	.staff_bk .left img{
		width:150px;
	}
	.staff_bk .right{
		float:none;
		width:100%;
	}
	.staff_bk .right .name{
		font-size:20px;
	}
	.list_bk li a{
		font-size:12px;
	}
	/* ページナビ */
	.pagelist{
		width:95%;
		text-align:center;
		margin:8px auto;
	}
	
	/* サイドバー */
	.sidebar{
		float:none;
		width:95%;
		margin:auto;
		}
	.sidebar .ban{
		text-align:center;
	}
		
	.sidebar .qr,
	.sidebar .base{
		display:none;
	}
	/*
	.sidebar .base li{
		position:relative;
		min-height:80px;
		padding-top:8px;
	}
	.sidebar .base li img{
		position:absolute;
		top:8px;
		left:0;
	}
	.sidebar .base li p{
		float:none;
		padding-left:80px;
	}
	*/
	.sidebar .leader_profile{
		overflow:hidden;
		float:none;
		clear:both;
	}
	.sidebar .leader_profile img{
		display:block;
		max-width:200px;
		margin:8px auto;
	}
	.sidebar .leader{
		margin:0;
	}
	.sidebar .cate{
		border:solid 4px #DBDBDB;
		border-radius:4px;
		margin:8px 0;
	}
	.sidebar .cate .title{
		background:#DBDBDB;
		font-size:16px;
		line-height:30px;
		text-indent:10px;
	}
	.sidebar .cate a{
		background-position:16px 50%;
		font-size:12px;
		padding-left:28px;
	}
	/* カレンダー */
   	/* アーカイブ */
	.cate select{
		width:90%;
		margin:8px;
		}
	/* 検索 */
	.searchform label{
		display:none;
		}
	.searchform #s{
		float:left;
		width:70%;
		margin:8px;
		}
	.searchform #searchsubmit{
		float:left;
		margin-top:8px;
		}
	
	/* フッター */
	.footer{
		width:95%;
		margin:auto;
		padding:8px 0;
		}
	.footer .cp_no{
		float:none;
		}
	.footer .copyright{
		float:none;
		font-size:10px;
		}
	/* 切り替え */
	.sp_navi{
		overflow:hidden;
		display:block;
	}
	.sp_navi .hnavi a{
		display:block;
		width:80%;
		color:#CA0000;
		border:solid 1px #CA0000;
		border-radius:5px;
		text-align:center;
		margin:auto;
		padding:8px 0;
		}
	.sp_navi .hnavi a:hover{
		color:#FFF;
		background:#CA0000;
	}
		
	.sp_navi .lang{
		overflow:hidden;
		width:80%;
		border:solid 1px #CA0000;
		border-radius:5px;
		margin:8px auto;
		}
	.sp_navi .lang li{
		float:left;
		display:block;
		width:50%;
		text-align:center;
		}
	.sp_navi .lang  a{
		display:block;
		color:#CA0000;
		padding:8px 0;
		}
	.sp_navi .lang  .on a{
		color:#FFF;
		background:#CA0000;
	}
	.sp_navi .lang a:hover{
		color:#FFF;
		background:#CA0000;
	}
 
}
