/*
Theme Name: Sansaibooks
Theme URI: http://www.sansaibooks.co.jp/
Description: WordPress 3.3 用の三才ブックスオリジナルテーマです。
Version: 0.0.1
Author: SANSAI BOOKS Co.,Ltd.
Author URI: http://www.sansaibooks.co.jp/
Tags: オリジナルテーマ
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Basic Tag Elements */

a {
	text-decoration: none;
	outline: none;
	color: #222;
	}
	
	a:hover {
		text-decoration: underline;
		}
	
img { 
	border: 0;
	
	}


body {
	color: #333;
 	margin: 0 auto; 
	font-size: 12px; 
	padding: 0; 
	position: relative;
	/* ren background: #eee url(images/background-shadow.png) repeat-y 50% 0%;*/
	background: #eee;
	}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #222;
	/*font-family: Georgia, Times, serif;*/
        font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	/*font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif!important;*/
	font-weight: normal;	
	}

textarea {
	width: 97%;
	}

.fl {
	float: left;
	}
	
.fr {
	float: right;
	}
	
.clear {
	clear: both;
	}

blockquote {
	margin: 1em 2em;
	border-left: 1px dashed #999;
	padding-left: 1em;
	line-height: normal; 
	font-style: italic;
	}

.entry table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0;
}

.entry th {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #eee;
	border: 1px solid #ccc;
	text-transform: uppercase;
	padding: 6px;
}

.entry td {
	/*border: 1px solid #ccc;*/
	padding: 6px;
}

/* Header Elements */

#header{
	background: #fff;
	/*float: left;*/
	/*width: 100%;*/
	width: 1024px;
	margin: 0 auto;
	}

#headerad {
	margin: 24px 20px 16px;
	text-align: center;
	}

#login {
	height: 16px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	padding: 10px 20px 15px;
	background: url(images/login.png) repeat-x;
	}
	
	#login a {
		color: #fff;
		}
	
	#login ul {
		padding: 0;
		margin: 0;
		}
	
	#login ul li {
		display: inline;
		}
	
.dot:before {
	content: url(images/whitedot.png) " ";
	}

#title {
	margin: 20px 16px 0;
	padding: 0;
	}
	
	#title h1,
	#title h2 {
		margin: 0;
		}
	
	#title a {
		font-size: 48px;
		color: #222;
		line-height: 50px;
		}	

	#title.aligncenter {
		margin: 20px auto 0;
		text-align: center;
		}
		
	#title.fr,
	#description.fr {
		text-align: right;
		clear: right;
		}			
	
	#title a:hover {
		color: #d11;
		text-decoration: none;
		}
	
	.headerimage img {
		margin: 20px 16px 0;
		}
		
	.headerimage .aligncenter {
		margin: 20px auto 0 !important;
		}
		
#description {
	font-size: 14px;
	margin: 0 16px 20px;
	padding: 0;
	clear: left;
	}
	
	#description.aligncenter {
		margin: 0 auto 20px;
		text-align: center;
		clear: both;
		}
	
.main-navigation {
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
	width: 1024px;
	position: relative;
	z-index: 150;
	font-weight: bold;
	background: url(images/nav3.png) 0% 0%;
	}
	.main-navigation a {
		color: #fff;
		}
	.main-navi ul {
		margin-left: 20px;
	}
	.main-navigation ul ul li {
		background: url(images/sub-menu.png);
		border: none;
	}
	.official-nav ul ul li {
		background: url(images/sub-menu2.png);
		border: none;
	}
.main-navigation ul li {
	background: url(images/nav3.png) 0% 0%;
	display: block;
	height: 26px;
}

.main-navigation ul {
	/*background-color: #333;*/
}

.official-nav {
	border-bottom: 1px solid #ccc;
	float: left;
	z-index: 100;
}

.main-navigation {
	border-bottom: 1px solid #ccc;
}

.official-nav ul li a {
	color: #222;
}

.official-nav, .official-nav ul li {
	background: #fff url(images/bg-hatch.gif) 0% 0%;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			27px; /* match top ul list item height */
	z-index:		99;
}

	.sub-navigation .sf-menu li:hover ul,
	.sub-navigation .sf-menu li.sfHover ul {
		top:			2.1em; /* match top ul list item height */
		left:			0;
	}
	
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
/* renewal */
	/*padding: 6px 12px 3px 12px;*/
	padding: 6px 0.94em 3px 0.94em;
	line-height: 15px;
	text-decoration:none;
	white-space: nowrap;
}

.official-nav .sf-menu a {
	text-align: center;
	text-decoration:none;
}

.main-navigation ul li {
	border-right: 1px solid #222;
}

.official-nav ul li {
	border-right: 1px solid #ccc;
	width: 126px;/*145px;169px;*/
}

.sf-menu li li a {
	border: 0;
	}

.main-navigation .sf-menu li:hover, .main-navigation .sf-menu li.sfHover,
.main-navigation .sf-menu a:focus, .main-navigation .sf-menu a:hover, .main-navigation .sf-menu a:active {
	background: url(images/black-back.jpg) top left;
}

.official-nav .sf-menu li:hover, .official-nav .sf-menu a:focus, .official-nav .sf-menu a:active,
.official-nav .sf-menu li.sfHover, .official-nav .sf-menu a:hover {
	background: url(images/white-back.jpg) top left;
}

#sf-menu-position {
	margin-left: 20px;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	margin-top: 0px;
	padding-top: 6px;
	line-height: 15px;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			.90em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

	.sub-navigation .sf-sub-indicator {
		background:	url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
		}

.official-nav .sf-sub-indicator {
	padding-right: 	0em;
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			.90em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat 10px -100px;
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.65em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

	.sub-navigation a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top: .4em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px -100px; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

	.sub-navigation .sf-menu ul .sf-sub-indicator { background-position:  -10px -100px; top: .65em; }
	.sub-navigation .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; top: .65em; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
				
.sub-navigation {
	clear: both;
	float: left;
	width: 100%;
	/*padding: 5px 0 0;*/
	padding: 0 0 0;
 	z-index: 50;
 	position: relative;
	background: #fff url(images/background-sub-navi2.png) repeat-x 0% 0%;
	}
	
	.sub-navigation ul {
		margin: 0 0 0 5px;
		}
	
	.sub-navigation li {
		list-style-type: none;
		float: left;
		height: 26px;
		font-size: 12px;
		padding: 0 10px 0 0;
		/* text-transform: uppercase; */
		margin: 0;
		line-height: 1;
		background: url(images/arrow.png) no-repeat 100% 0%;
		position: relative;
		}
	
	.sub-navigation li:last-child {
		background-image: none;
		}
	
	.sub-navigation a {
		color: #222;
		padding: 5px 6px;
		border-left: 0 none;
		border-right: 0 none;
		}
		
		.sub-navigation a:hover {
			text-decoration: underline;
			}
			
		.sub-navigation ul ul a:hover {
			text-decoration: none;
			}

.sub-navigation ul ul { margin: 0; }
.sub-navigation ul ul li { background:#eee; margin:0; padding: 0; line-height: 14px;}
.sub-navigation ul ul li a {  padding: 8px; font-size: 12px; }
.sub-navigation ul ul li a:hover { background-color:#ddd; }
.sub-navigation ul ul ul { top: 0 !important; }


.sub-navigation li.nodot {
	background: none;
	z-index: -50;
	}
	
.sub-navigation li.right-d {
	float: right;
	}

/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 1004px;
	padding: 15px 10px;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background: #fff;
	}

#sidebar {
	float: left;
	margin: 0 12px 0 13px;
	/*margin: 0 5px;*/
	padding: 5px 0 0;
	}

#secondsidebar {
	float: right;
	margin: 0 13px 0 0;
	/*margin: 0 5px;*/
	padding: 5px 0 0;
	}
#secondsidebar .textwidget {
	padding: 10px;
}
#secondsidebar .textwidget p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.side {
	/*line-height: 20px;*/
	line-height: 14px;
	/*font-size: 18px;*/
	font-size: 12px;
	margin: 0;
	width: 180px;
	padding: 10px;
	}	
#sidebar .meta {
	margin: 0;
}
.side-widget-img {
	margin-bottom: 14px;
	text-align: center;
}
.side-widget {
	float: left;
	margin: 0 0 14px;
	padding: 0;
	background: url(images/wj-bg.gif);
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ddd;
	}
	
	.side-widget ul {
		padding: 10px;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.side-widget ul li {
		padding-left: 10px;
		margin: 0;
		}
	
	.side-widget h2 {
		font-size: 14px;
		line-height: 1.2;
		padding: 7px 0 6px 0;
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;
		color: #fff;
		width: 200px;
		/*text-transform: uppercase;*/
		background: #333 url(images/nav4.jpg) 0% 100%;
		}

	.side-widget .storycontent {
		margin: 0;
		padding: 0 10px 10px;
		width: 180px;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}		

.side-widget #s {
	margin-top: 15px;
	padding: 2px;
	width: 94%;
	}

.storycontent {
	/*line-height: 18px;*/
	line-height: 14px;
	/*font-size: 14px;*/
	font-size: 11px;
	word-wrap: break-word;
	
	}
		
.readmore {
	color: #d11;
	}
#sidebar .storycontent p {
	margin-top: 0;
}

/* 左サイドバーの続きを読むボタン
---------------------------------------------- */
#featured_post .pmore-link {
	padding-top: 0px;
	padding-bottom: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*
---------------------------------------------- */
	
#switch {
	padding-top: 20px;
	text-align: center;
}
#switch p a {
	margin-top: 30px;
	font-size: 50px;
	font-weight: bold;
}
#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 70px;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid #fff;
	background: #fff url(images/background-footer.png) repeat-x 0% 100%;
	}

/* Left Content Elements */

#leftcontent {
	float: left;
	margin: 0 10px;
	padding: 0;
	}

	#leftcontent img {
		height: auto;
		}
	#leftcontent .sam-thumb img {
		max-width: 330px !important;
		}

	#leftcontent h5.latest {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #d11;
		margin-bottom: 5px;
		font-size: 14px;
		font-weight: bold;
		}

	#leftcontent h1,
	#leftcontent h2,
	#leftcontent h3 {
		margin: 5px 0 0;
		padding: 0;
		font-size: 20px;
		line-height: 22px;
		}

	#leftcontent .entry h1 { font-size: 28px; line-height: 30px; }
	#leftcontent .entry h2 { font-size: 22px; line-height: 24px; }
	#leftcontent .entry h3 { font-size: 18px; line-height: 1.5; }
	#leftcontent .entry h4 { font-size: 16px; line-height: 1.5; }
	#leftcontent .entry h5 { font-size: 14px; line-height: 1.5; }
	#leftcontent .entry h6 { font-size: 12px; line-height: 1.5; }

	#leftcontent h1.catheader {
/*
		color: #d11;
		margin-bottom: 15px;
		//font-size: 24px;
		//line-height: 28px;
		font-size: 14px;
		line-height: 16px;
*/
		/*margin: 0;*/
		padding: 0;
		color: #d11;
		margin-bottom: 5px;
		font-size: 14px;
		font-weight: bold;

		}
		
	#leftcontent .twopost h2 {
		font-size: 26px;
		line-height: 28px;
		}
	
	#leftcontent .threepost h2 {
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
		}
		
	#leftcontent .hentry .entry {
		font-size: 14px;
		line-height: 22px;
		}
	
	#leftcontent .hentry h1 {
		background: #333 url(images/nav4.jpg) repeat-x bottom left;
		color: #fff;
		padding: 10px 12px;
		margin-bottom: 2px;
		border-top: 1px solid #ddd;
	}
	
	#leftcontent .date {
		margin-bottom: 5px;
		font-style: italic;
		color: #888;
		}
		
	#leftcontent .meta {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333;
		}	
		
	#leftcontent .catdesc {
		background: #f7f7f7;
		border: 3px double #ddd;
		padding: 0 10px;
		color: #666;
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 10px;
		}
		
/* This is your subtitle style */

#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
	}

/* This is your blockquote style */
	
#leftcontent .entry .pullquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0;
	font-style: italic;
	}
	
	#leftcontent .entry .pullquote p {
		padding: 0;
		margin: 0;
		}

#leftcontent a.more-link {
	clear: both;
	width: 60px;
	text-align: center;
	display: block;
	color: #fff;
	margin: 0;
	/*background: #aaa;*/
	padding: 0px 8px;
	font-size: 11px;
	line-height: 20px;
	}
	
	.more-link {
		float: right;
	}
	
	#leftcontent a:hover.more-link {
		text-decoration: none;
		/*background: #666;*/
		}

.tags a {
	color: #d11;
	}
	
.ind-post, .hentry {
	float: left;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 536px;
	word-wrap: break-word;
}

	.ind-post img {
		margin: 0px 10px 5px 0;
		}

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	background: url(images/line.gif) repeat-y 50% 0;
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #eee;
		}
	
.mainhr {
	float: left;
	background: #eee;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 10px 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	word-wrap: break-word;
	border: 0;
	}	

	.twopost img,
	.threepost img,
	.twopost embed,
	.threepost embed {
		max-width: 100% !important;
		height: auto !important;
		}

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #eee;
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}	
		
	#leftcontent .twopost .wp-caption,
	#leftcontent .threepost .wp-caption {
		max-width: 100%;
	}
	
		#leftcontent .twopost .wp-caption img,
		#leftcontent .threepost .wp-caption img {
			max-width: 94% !important;
			margin: 0;
			}	
		
#threecol {
	float: left;
	background: url(images/line.gif) repeat-y 31.5% 0;
	margin-top: 3px;
	width: 100%;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.gif) repeat-y 67% 0;
	width: 100%;
}

	#threecol img {
		margin: 0px 5px 5px 0;
		}

.threepost {
	width: 29%;
	float: left;
	border: 0;
	border-top: 1px solid #eee;
	padding-top: 10px;
	word-wrap: break-word;
	}

	.threepost2, .threepost5 {
		padding: 10px 0 0;
		margin: 0 6%;
		}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 0;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}

/* Pagination */	
	
#page-numbers {
	margin: 20px 0;
	width: 100%;
	padding: 8px;
	font-size: 1em;
	line-height: normal;
   	clear: both;
    float: left;
    border: 0;
    background: #eee;
    }	
    
#page-numbers a,
#page-numbers span,
#page-numbers .total-pages {
   	float: left;
    background: #fff;
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #666;
}

#page-numbers a:hover,
#page-numbers span.current {	
	border: 1px solid #999;
	color: #333;
}
			
/* Other Elements */

.red, .entry a {
	color: #d11;
	}
	
#tagcloud {
	width: 80%;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color: #d11;
	}

/* Comment Elements */
.comment-notes { clear: both; }

#postcomments {
	padding-top: 20px;
	}
			
	 h3#comments, #respond h3, h3#comments-title { color:#333; font:normal 24px/26px georgia,times,serif; margin: 10px 0 15px; clear: both; float: left; width: 100%; }

	 #respond p { font-size:11px; margin:0 0 1em; }	

	 ol.commentlist { list-style:none; margin:0; padding:0; float: left; }

	 ol.commentlist li { margin:0 0 10px; padding:20px 0 20px 20px;  }

	.commentlist .even {
		background: #eee;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		}

	.commentlist .avatar {
		float: right;
		padding: 5px;
		border: 1px solid #ddd;
		margin: 0 20px 10px 10px;
		background: #fff;
		}
	
	.commentlist .comment-author {
		font-size: 12px;
		}
	
	.commentlist .comment-text {
		padding: 0 20px 0 0;
		}
	
	.commentlist .url {
		font-size: 16px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		}

	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

	 ol.commentlist li div.reply:hover { background:#d11; border:1px solid #d11; }

	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

	 ol.commentlist li ul.children { margin:16px 20px 0 0; padding: 0 0 0 20px; list-style-image: url(images/commentarrow.png); }

	 ol.commentlist ul.children li.odd { background:#fff; }

	 ol.commentlist ul.children li.even { background:#eee; }

/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto;
}

.alignleft, div.alignleft {
   float: left;
   margin: 5px 15px 5px 0;
}

.content .storycontent .alignleft,
.search .storycontent .alignleft,
.archive .storycontent .alignleft { 
	margin-top: 0; 
	}

.alignright, div.alignright {
   float: right;
   margin: 5px 0 5px 15px;
}

.alignnone {
	margin: 5px 0;
	}

.wp-caption {
   border: 1px solid #bbb;
   text-align: center;
   background-color: #ddd;
   padding-top: 5px;
   margin: 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text,
.gallery-caption {
   font-size: 11px;
   line-height: 14px;
   padding: 5px;
   margin: 0;
}

#today {
	color: #d11;
	}

#wp-calendar {
	margin: auto;
	}
	
.bypostauthor {}
.sticky {}

		
/* NEW POST FORMATS */

.gallery-thumb img {
	margin: 10px 0 0;
	padding: 5px;
	border: 1px solid #bbb;
	background: #ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	width: auto¥9; /* IE 8 Hack */
	}
	
	.twopost .gallery-thumb img,
	.threepost .gallery-thumb img {
		margin: 10px 0 0 !important;
		max-width: 90% !important;
		}
	
.format-aside .entry p.excerpt { 
	padding-left: 30px;
	background: url(images/quotes.png) no-repeat top left;
	min-height: 30px;
	}

.format-audio .entry .pformat {
	padding-left: 38px;
	background: url(images/audio.png) no-repeat top left;
	min-height: 30px;
	display: block;
	}
	
.format-link .entry a { 
	padding-left: 38px;
	min-height: 30px;
	display: block;
	background: url(images/link.png) no-repeat top left;
	font-size: 18px;
	line-height: 22px;
	}
	
.format-image .entry {
	margin: 10px 0 0;
	}

/* tsuru */
/*{thumb*/
.thumb {
	clear: both;
	width: 1013px;
	padding-top: 11px;
	padding-left: 11px;
	padding-bottom: 14px;
	background: url(images/background-gray.jpg) top left;
}
.ib0 {
	width: 120px;
	float: left;
	z-index: 60;
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: 5px;
	padding: 6px;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	background-color: #fff;
}
.ib0rg {
	width: 120px;
	float: left;
	z-index: 61;
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: 5px;
	padding: 6px;
	border: 1px solid #ff6d0a;
	background-color: #ff0;
}

.showttl:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.showttl .shinkan-mark {
	/*float: left;*/
	/*position: relative;*/
	height: 50px;
	width: 120px;
	margin-top: -50px;
	border-width: 0;
}

.imagebox {
	width: 120px;
	/*float: left;*/
	/*padding-top: 5px;*/
	padding-left: auto;
	padding-right: auto;
	padding-bottom: 0px;
	/*margin-right: 8px;*/
	/*margin-left: 8px;*/
	/*margin-bottom: 5px;*/
	min-height:242px;
	height:auto !important;
	height:246px;
	/*border: 1px solid #888;*/
	position: relative;
}

.image {
	height: 170px;
	/*text-align: left;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 0px;
	/*background: url(wp-content/themes/sansaibooks/images/h2line.gif) repeat-x bottom;*/
}

.imagebox a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding-bottom: 0;
}
.thumbnail2 {
  object-fit: contain;
  width: 120px;
  height: 170px;
  background-color: #fff;
}
.caption {
	width: 100%;
	background-color: #fff;
	position: absolute;
	text-align: center;
	padding-top: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 1.4;
	/*font-weight: bold;*/
	z-index: 0;
}
.ext{
	/*border: 1px solid #888;*/
	/*background-color: #fff;*/
	padding: 1px 0 0;
	position: absolute;
	width: 100%;
	bottom: 0px;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	z-index: 1;
}
.ext p {
	margin: 0;
	vertical-align: bottom;
}
.ext p a img {
	vertical-align: bottom;
	padding: 0 1px;
}
.ext p a:hover img {
	padding: 0 1px;
}
.logo {
	/*
	width: 274px;
	height: 217px;
	*/
	width: 276px;
	height: 256px;
	background-color: #fff;
	float: left;
	z-index: 62;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 8px;
	/*padding-top: 5px;*/
	/*border: 1px solid #888;*/
}

/* 行間リセット
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, p, span {
	line-height: 1.5;
}

/* トップの赤帯
----------------------------------------------------------- */
#over_head {
	clear: both;
	width: 100%;
	height: 30px;
	padding: 0;
	margin: 0;
	background-color: #d11;
}
#over_head2 {
	clear: both;
	width: 100%;
	height: 56px;
	padding: 0;
	margin: 0;
	background-color: #d11;
}
.logo_white {

}

.sansai-head {
	margin: 9px 15px 0px;
	padding: 0;
	float:left;
}
#over_head .sansai-head h3 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 13px;
	color: #111;
	text-decoration: none;
}
#over_head .sansai-head h3 a {
	margin: 1px 0 0;
	padding: 0;
	line-height: 1;
	font-size: 14px;
	color: #111;
	text-decoration: none;
}
.mini-head {
	margin: 23px 5px 0px; /*renewal*/
	padding: 0;
	float: right;
}
.mini-head h3 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 12px; /*renewal*/
	/*color: #111;*/
	color: #fff; /*renewal*/
}
#top-search {
	float: right;
	margin: 17px 15px 0px 5px; /*renewal*/
}
#top-search input[type=text] {
	background-color: #fff;
	border: 1px solid #666;
	height: 14px;
	font-size: 12px;
	/*display: block;*/
	display: inline;
	margin: 0;
	padding: 3px 6px;
	vertical-align: bottom;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
#top-search .search-input {
	
}
#searchsubmit {
	/*display: block;*/
	display: inline;
	vertical-align: top;
	background: #d11 url(images/search-button.png) 0% 0%;
	border: 0;
	margin: 0;
	padding: 0;
	width:22px;
	height:21px;
	cursor: pointer;
}
#searchsubmit:hover {
	background: #d11 url(images/search-button.png) 0% 100%;
} 
/* 
----------------------------------------------------------- */

/* トップのビッグバナー置き場
----------------------------------------------------------- */
#bb_head {
	clear: both;
	width: 100%;
	height: 300px; /* 100 */
	margin: 0;
	background-color: #fff;
}
#bb_head_script {
  text-align: center;
  margin: 6px 0 6px 0;
}

/* 
----------------------------------------------------------- */

/*thumb}*/

.rssid {
	margin: 5px 0 15px 0;
}
.rssii {
	padding: 0;
	background: url(images/bg-hatch.gif);
}
	/*.rssii p a { */

	.rssii p {
		margin: 0;
	}
	.rssi p {
		margin-top: 12px;
		margin-bottom: 0px;
	}

	.rsstitle {
		font-size: 16px;
		font-weight: bold;
		line-height: 2.4;
		margin: 0;
		padding: 0;
		background: #333 url(images/nav4.jpg) 0% 100%;
		width: 100%;
	}
	.rsstitle a {
		font-size: 16px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 18px;
		color: #fff;
	}
	.rsstitle span {
		font-size: 16px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 12px;
		color: #fff;
	}
	.rssi {
		padding: 0 10px 15px 10px;
		margin: 0;
		list-style-type: none;
		border: 1px solid #ccc;
		border-left: 1px solid #ddd;
		border-top: 0 none;
	}
	.rssi li {
		clear: both;
		padding: 15px 5px 0px 5px;
		margin: 0;
		font-size: 12px;
	}
	.rssi li a {
		padding: 0 0 5px;
		/*line-height: 14px;*/
		font-size: 15px;
		font-weight: bold;
	}
	.desc {
		margin: 5px 5px 0;
		font-size: 12px;/* !important;*/
		line-height: 18px;
	}
	.desc a {
		font-size: 12px !important;
	}
	.rssi li img {
		margin-right: 10px;
	}
	/* new for gamelabo.jp */
	.nrss p {
		margin-bottom: 15px;
	}
	.nrss p:nth-of-type(2) {
	/* .nrss p:last-of-type { */
		/* clear: both; */
		/* padding: 15px 5px 0px 5px; */
		padding: 0 5px 0px 5px;
		margin: 0;
		font-size: 12px;
	}
	.nrss a {
		font-size: 15px;
		font-weight: bold;
	}
	.nrss img {
		float: left;
		padding: 15px 0 0 0;
		margin-right: 10px;
	}
	.nrsshidden {
		display: none;
	}

	/* 右サイドバーのリンク */
	.side-widget .xoxo {
		padding: 10px;
		margin: 0 0 0 25px;
		/*list-style-type: square;*/
		list-style-image: url('images/blog-point.png');
	}
	
	.xoxo ul{
		list-style-type: none;
	}
	
	.side-widget .xoxo li {
		padding-left: 0;
		margin: 4px 0;
		font-size: 12px;
	}
	
	.side-widget .tagcloud {
		padding: 6px 10px 10px 12px;
		line-height: 1.4;
	}

	/*
	.twtr-hd h4 {
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", Verdana, Helvetica, sans-serif !important;
		font-size: 50% !important;
		line-height: 1.7 !important;
	}
	*/
/*{ss*/
.ss_img {
	padding: 0;
	margin-bottom: 10px;
	float: left;
}

.ss_img {
	box-shadow: 2px 2px 6px #666; /* CSS3 */
	-moz-box-shadow: 2px 2px 8px #777; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 8px #888; /* Google Chrome, Safari用*/
	background:#ccc;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.3');
	}
.ss_img img {
	background-color:#fff;
	position: relative; /* filterを使うと、中の要素まで効果がかかってしまう為、これで回避*/
	}

.ss_item {
	margin-left: 295px;
	margin-bottom: 5px;
	padding: 0 0px 5px 0;
	/*background: url(images/h2line.gif) repeat-x bottom;*/
	border-bottom: 1px dotted #ccc;
}
.ss_label {
	width: 60px;
	float: left;
	font-size: 12px;
	color: #ffa500;
}
.ss_label2 {
	float: left;
	padding: 3px 6px 0px 0px;
}
.ss_label3 {
	float: left;
	display: inline-block !important;
	color: white;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	font-size: 0.9em;
	background-color: coral;
	border-radius: 4px;
	width: 59px;
	height: 1.2em;
	margin-top: 2px;
	margin-right: 6px;
	padding-bottom: 4px;
	/*padding: 3px 6px 0px 0px;*/
}
.ss_value {
	
}
.kounyu {
	width: auto;
}
.kounyu img {
	margin-right: 0;
	padding: 0;
}
.ss_naiyou {
	clear: both;
	padding-top: 10px;
	margin-bottom: 20px;
}
.thum-button-box {
	width: 135px;
	float: left;
	margin-bottom: 5px;
}
.thum-button-box img {
	margin-bottom: 0px;
}
.thum-button-box-bsr {
	width: 165px;
	float: left;
	margin-bottom: 5px;
}
.thum-button-box-b_kampf {
	width: 105px;
	float: left;
	margin-bottom: 5px;
}
.thum-button-box-bsr img {
	margin-bottom: 0px;
}
.ss_yyk {
	/*margin-left: 123px;*/
	margin-left: 135px;
	margin-bottom: 20px;
}
.ss_item_buy {
	border-bottom: 0px;
	padding-bottom: 0px;
}

/*ss}*/

/* 固定ページ
----------------------------------------------------------- */
.com-info-top {
	
	height: 15px;
	margin-top: 5px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	background: #fff url('images/bg-hatch.gif');
}
.com-info-main {
	
	padding: 5px 0;
	margin: 0 0 15px 0;
	border-top: 0px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
}
.com-info-main p {
	margin-top: 8px;
}
.inq {
	
	padding: 10px 20px;
}
.dot-bottom {
	
	padding: 6px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #ccc;
}
.dot-bottom2 {
	
	padding: 6px;
	margin: 12px 0;
	border-bottom: 1px dotted #ccc;
}
.img-txt img {
	padding: 0px 5px 0px 20px;
	vertical-align:text-top;
}
#mail-list p {
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.8;
}
#mail-list .inq-mail {
	color: #d11;
}

/* クリアフィックス
----------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden;
}

/* 新刊近刊の画像ボタン
----------------------------------------------------------- */
.gazo-button {
	width: 135px;
	float: left;
	clear: left;
	margin-bottom: 10px;
}
.gazo-button img {
	margin: 5px 0 0;
}
.thum-button-box .shinkan-mark {
	float: left;
	margin-top: -50px;
	margin-right: 0px;
}

#leftcontent iframe {
	padding-bottom: 12px;
}
#leftcontent .sinkan-read-more {
	padding-left: 330px;
	padding-top: 12px;
}

/* ページナンバー
----------------------------------------------------------- */
#pagination {
	width: 576px;
}
.total-pages {
	font-size: 14px;
	line-height: 1;
}
.page-numbers {
	font-size: 14px;
	line-height: 1;
	vertical-align: top;
}
#pagination .current {
	line-height: 1;
	font-weight: bold;
	vertical-align: top;
}
#pagination .fl {
	margin-right: 12px;
}

/* サイドウィジェット
----------------------------------------------------------- */
.amazon-wj {
	margin-top: 8px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#mainwrapper #sidebar .side-widget {
	width: 200px;
}
#mainwrapper #secondsidebar .side-widget {
	width: 200px;
}
#sidebar .twtr-widget {
	width: 200px;
	padding: 0;
}

#featured_post .twtr-widget {
	width: 180px;
	padding: 10px;
}

#sidebar .twt-2 {
	background: none !important;
	border: none !important;
}

#twtr-widget-1 {
	padding: 0 !important;
	width: 200px !important;
}

/* 電子コンテンツ
----------------------------------------------------------- */
.e_con_block {
	/*height: 150px;*/
	/*margin-bottom: 10px;*/
	clear: both;
}
.e_con_icon {
	width: 102px;
	text-align: center;
	font-size: 12px;
	float: left;
}
.e_con_qr2 {
	width: 204px;
	text-align: center;
	float: left;
}
.e_con_qr {
	width: 102px;
	/*text-align: center;*/
	font-size: 11px;
	float: left;
}
.e_con_ex {
	/*text-align: center;*/
	padding-bottom: 12px;
	margin-bottom: 12px;
	line-height: 14px;
	font-size: 12px;
	/*float: left;*/
	clear: both;
	border-bottom: 1px solid #EEEEEE;
}

/* INFORMATION専用サイドバー
----------------------------------------------------------- */
.storycontenti {
	line-height: 14px;
	font-size: 11px;
	word-wrap: break-word;
	padding: 5px 10px;
	margin-bottom: 20px;
	/*border-bottom: 1px solid #EEEEEE;*/
}
.sidei {
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	width: 180px;
	padding: 8px 10px 0 10px;
	clear: both;
}
.sidei-thumb-img {
	float: left;
	margin: 0 4px 2px 0;
}

/* オリジナルグッズ */

#goods-button a, #goods-button a:hover {
	color: #d11;
}

/* 関連書籍
---------------------------------------------------------- */

.kanren-top {
	height: 15px;
	margin-top: 5px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	background: #fff url('images/bg-hatch.gif');
	clear: both;
}

.kanren-main {
	margin: 0 0 15px 0;
	padding-top: 6px;
	border-top: 0px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
}

table.kanren-position {
	margin: 3px auto 0 auto;
}

.kanren-main p {
	margin: 8px 0 0;
	line-height: 1.2;
	font-size: 12px;
}

.ss_img {
	margin-bottom: 15px;
}

/* Lightbox me
---------------------------------------------------------- */

#showme {
	background-color: #FFF;
	padding: 12px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	width: auto¥9; /* IE 8 Hack */
	/* text-align: center; */
}

#showme2 {
	background-color: #FFF;
	padding: 12px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	width: auto¥9; /* IE 8 Hack */
	/* text-align: center; */
}

#showme3 {
	background-color: #FFF;
	padding: 12px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	width: auto¥9; /* IE 8 Hack */
	/* text-align: center; */
}

.scroll-pane {

}

.innerbox {
	width: 800px;
	height: 800px;
	overflow: auto;
}

#showme .closebutton {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -25px;
	margin-top: -25px;
}

#showme2 .closebutton {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -25px;
	margin-top: -25px;
}

#showme3 .closebutton {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -25px;
	margin-top: -25px;
}

#closeme {
	cursor: pointer;
}

#closeme2 {
	cursor: pointer;
}

#closeme3 {
	cursor: pointer;
}


/* 電子コンテンツ2
---------------------------------------------------------- */

.denshi2 {
	margin-bottom: 10px;
}


.e_con_block2 {
	padding: 0;
	margin: 5px 10px 10px 0;
	width: 60px;
	text-align: center;
	float: left;
}

.e_con_icon2 {
	padding: 0;
	margin: 0;
}

#leftcontent .e_con_icon2 img {
	padding: 0;
	margin: 0;
	width: auto;
	height: 60px;
	cursor: pointer;
}

#lbx_close0 {
	cursor: pointer;
}

.lbx_container {
	background: url('images/bg-hatch.gif');
	width: 660px;
	height: auto;
	padding: 25px 30px 22px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	width: auto¥9; /* IE 8 Hack */
	/* text-align: center; */
	border: solid 1px #aaa;
}

.lbx_container h3 {
	font-size: 18px;
	padding: 2px 0;
	margin: 0 0 15px 0;
	text-align: center;
	background: url('images/bg-lbx.png') 50% 50%;
}

.lbx_img {
	float:left;
	 margin-right: 10px;
}

.lbx_ctx {
	clear: both;
	width: 660px; /* for IE8 */
	/* margin-top: 20px; */
}

.lbx_ctx p {
	font-size: 14px;
	line-height: 1.6;
	padding: 0;
	margin: 0;
}

.lbx_close {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -25px;
	margin-top: -25px;
}

.lbx_p {
	padding: 40px 15px 60px 0;
	margin: 0;
	float: left;
}

/* h4 カスタム
---------------------------------------------------------- */

.h4-custom {
	padding: 0 10px;
}

#leftcontent .hentry h1 {
	line-height: 1.3;
	padding: 10px 12px 9px 12px;
}

/* kampf用 */
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}

/* single最下部バナー
---------------------------------------------------------- */
.ad-pos-left {
	float: left;
	margin: 0;
	padding: 0;
}


/* 2016/08/30
---------------------------------------------------------- */
#fr-maincol {
  /*dislay: block;*/
  float: left;
  width: 648px;
  /*background-color: yellow;*/
}
/* 1004(-20 mainwrapper:padding)-336-(カラムの間とりあえず10)*/
#fr-leftcontent {
  width: 100%;
}
#right-widget-container {
  margin-left: 10px;
  width: 336px;
  float: right;
}
#article-content336-container {
  width: 648px;
  margin-bottom: 20px;
}
#book-data:after {
  content: '';
  display: block;
  clear: both;
}
#article-bottom336-container {
  width: 648px;
  margin: 20px 0;
}
#fr-title {
  margin: 0;
  font-weight: 700;
  font-size: 2.4em;
}
.fr-content {
  font-size: 16px;
  font-family: 'メイリオ',Meiryo, "Arial", "Helvetica", sans-serif;
  line-height: 1.6;
}
#fr-leftcontent p {
  margin: 0.4em;
  font-size: 1.2em;
}
#fr-leftcontent h2 {
  margin: 0 0.2em;
  font-weight: 680;
  font-size: 1.8em;
}
#fr-leftcontent:after {
  content: '';
  display: block;
  clear: both;
}
#fr-more {
  width: 100%;
  margin: 20px auto;
  font-weight: 700;
  font-size: 1.4em;
  text-align: center;
}
#fr-related {
  margin-top: 20px;
}
/*
#fr-more p {
  display: inline-block;
  margin-left: 240px;
}
*/

#arcat-label {
  width: 100%;
  padding-bottom: 10px;
}
.ar-article {
  float: left;
  width: 206px;
  height: 206px;
  margin: 0 5px 10px;
  background-color: turquoise;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.ar-title h3 {
  display: inline-block;
  margin: 0;
  padding: 4px;
  font-size: 1.5em;
  word-break: break-all;
/*
  word-wrap:break-word;
  overflow-wrap:break-word;
*/
}
.ar-title {
  background-color: rgba(255, 255, 255, 0.8);
  /*bottom: 0;*/
  top: 144px;
  height: 62px;
  line-height: 1.2;
  /*padding: 6px;*/
  padding: 0;
  /*position: absolute;*/
  position: relative;
  width: 206px;
}
#artax {
  margin: 2em 0.5em 3em;
}

.bd-title {
  font-size: 1.4em !important;
  line-height: 1.3;
  /*padding: 10px 12px 9px;*/
  padding: 8px 10px 7px !important;
  background: #333 url("images/nav4.jpg") repeat-x scroll left bottom;
  border-top: 1px solid #ddd;
  color: #fff;
  margin-bottom: 2px !important;
  /*padding: 10px 12px;*/
}
.bd-date {
  color: #888;
  font-style: italic;
  margin-left: 0.4em;
  margin-bottom: 5px;
}
.bd-img {
  float: left;
  margin-top: 8px;
  margin-left: 4px;
  margin-right: 8px;
}
.bd-img img {
  width: 200px;
  height: auto;
}
#bd-list-wrapper {
  margin-top: 8px;
  width: 428px;
  float: left;
}
.bd-list {
  /*font-size: 1.2em;*/
  /*float: left;*/
  border-bottom: 1px dotted #ccc;
  padding: 3px 0;
}
/*.bd-list img {*/
.bd-label {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 6px;
}
.bd-list p {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.1em !important;
}

.info-item {
  display: inline-block;
  width: 316px;
  padding: 2px;
}
.info-thumbnail {
  float: left;
  width: 70px;
}
.info-item-img {
  width: 60px;
  height: auto;
}
.info-title {
  /*display: inline;*/
  font-weight: 700;
}
.info-detail {
  /*display: inline;*/
}

#information-label {
  clear: both;
  width: 100%;
  height: auto;
  text-align: center;
}
#information-label h3 {
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 1.5em;
  font-weight: 700;
}
#information {
  box-sizing: border-box;
  padding: 0;
  width: 648px;
  clear: both;
  list-style: none outside;
}
.info-item-li {
  box-sizing: border-box;
  float: left;
  width: 316px;
  min-height: 100px;
  padding: 2px 20px 2px 2px;
}

/*cat-info*/
#info-head {
  font-size: 18px;
  font-weight: 600;
  margin-left: 5px;
  margin-bottom: 30px;
}
#info-box:after {
  content: '';
  display: block;
  clear: both;
}
#info-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.info-article {
  /*display: inline-block;*/
  display: inline;/*new*/
  box-sizing: border-box;
  width: 314px;
  min-height: 120px;
  float: left;
  /*border: 1px solid #555;*/
border-bottom: 1px dotted #ccc;
  margin: 0 5px 10px 5px;
  overflow: hidden;/*new*/
}
.info-item-img {
  display: inline;
  float: left;
  width: 60px;
  height: auto;
}
.info-title-c {
  display: inline;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}
.info-date {
  margin-top: 6px;
  font-size: 14px;
  color: #888;
}


.side-widget-336 {
  font-family: 'メイリオ',Meiryo, "Arial", "Helvetica", sans-serif;
  margin-bottom: 10px;
}
.side-widget-336 h2 {
  font-size: 18px;
  line-height: 1.2;
  padding: 7px 0 6px 8px;
  margin-top: 0;
  margin-bottom: 0;
  /*text-align: center;*/
  color: #fff;
  /*width: 200px;*/
  background: #333 url(images/nav4.jpg) 0% 100%;
}
.side-widget-336 ul {
  padding-left: 10px;
  list-style: none;
}
.side-widget-336 li {
  margin-bottom: 8px;
  font-size: 18px;
}

.reli-item {
  margin: 6px 3px 0;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #333;
  float: left;
}
.reli-container:after {
  content: '';
  display: block;
  clear: both;
}