/*////////// ALL //////////*/
* {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #666666;
	padding:0;
	margin:0;
	text-align:left;
	line-height:20px;
}

body {
	text-align: center;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
}
/*CLEAR*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }
/*IMAGE*/
img{
	margin:0 0 20px 0;
	border:0;
}
.issue img , .serial img{
	margin:0;
}
/*LINK*/
a > img { width:100%; }

a:link img,a:visited img{
	border: 0;
}
a:hover img{
	border: 0;

	filter: alpha(style=0, opacity=75)
	-moz-opacity:0.75;
	opacity:0.75;
}

ul{
	list-style-type:none;
	vertical-align: top;
}

/*//////////LAYOUT//////////*/
#container{
	width:100%;
	text-align: left;
	margin:0 auto 20px;
	height:auto;
	}
/*header*/
#header{
	width:940px;
	height:60px;
	text-align: left;
	margin:0 auto 20px;
	}
#header h1{
	width:240px;
	height:60px;

	background: url(/img/logo_10plus1-h1.gif) no-repeat; /* for IE */
	background: rgba(0,0,0,0) url(/img/logo_10plus1-h1.svg) no-repeat;
	background-size: 240px auto;
	background-position:center center;
	text-align: left;
	text-indent: -6000px;
	margin:0;
	padding:0;
	float:left;
	}
#head-right{
	width:180px;
	height:60px;

	background: url(/img/logo_sepa.gif) no-repeat;
	text-align: right;
	margin:0;
	float:right;
	}
#lixil_pub{
	background: url(/img/logo_lixilpub.gif) no-repeat;
	background: rgba(0,0,0,0) url(/img/logo_lixilpub.svg) no-repeat;
	text-align: left;
	text-indent: -6000px;
	width:80px;
	height:60px;
	display:block;

	float:left;
	}
#lixil{
	background: url(/img/logo_lixil.png) no-repeat;
	background: rgba(0,0,0,0) url(/img/logo_lixil.svg) no-repeat;
	text-align: left;
	text-indent: -6000px;
	width:70px;
	height:60px;
	display:block;
	margin-left:30px;

	float:right;
	}
#backnumber{
	clear:both;
	background: url(/img/btn_backnumber.gif) no-repeat;
	text-align: left;
	text-indent: -6000px;
	width:220px;
	height:20px;
	display:block;
	margin:0;
	padding:0;
	}


/*//////////CONTENT//////////*/
#content,#content2,.content{
	width:940px;
	text-align: left;
	margin:0 auto 20px;
	clear:both;
	position:relative;
	*zoom: 1;
	}
	#content-innr { width:700px; float:left; margin-right:20px; }

#clm-main {
	width:460px;
	float:right;
}
#clm-sub {
	width:220px;
	margin-right:20px;
	float:left;
}
	#clm-subindex{
		width:220px;
	}
	#clm-subindex .head-bk{
		background-color:#000;
		color:#FFF;
		margin-bottom:0;
		width:auto;
	}
	#clm-subindex h4{
		padding:30px 0;
		background-color:#FFF;
	}
#clm-subindex br { display:none; width:0; height:0;}
#clm-subindex a { border-bottom:1px #FFF dotted; }
#clm-subindex a:last-child { border-bottom:1px #FFF solid; }
#clm-subindex .sns-set { margin-top:30px; }



#clm00-w220{
	width:220px;
	text-align: left;
	margin-right:20px;
	float:left;
	display:block;
	}
#clm10-w460{
	width:480px;
	text-align: left;
	float:left;
	display:block;
	}
#clm30-w220{
	width:220px;
	text-align: left;
	float:left;
	display:block;
	}
#clm30-w220-index{
	width:220px;
	text-align: left;
	float:right;
	display:block;
	position:relative;
	}

#clm00-w460{/*トップカバー*/
	width:460px;
	text-align: left;
	margin-right:20px;
	float:left;
	display:block;
	}
#clm10-w220{/*トップ連載*/
	width:220px;
	text-align: left;
	float:left;
	display:block;
	}

/*////////////// footer //////////////*/
/*FOOTER*/
#footer{
	width:940px;
	height:20px;
	display: block;
	margin:0 auto;

	background: url(/img/bg_footer.gif);

	text-align: left;
	clear:both;
	}
#foot-right{
	width:20px;
	text-align: right;
	margin:0;
	float:right;
	}

#footer-box{
	text-align:center;
	background-color:#BDBDBD;
	overflow: hidden;
	padding-bottom:40px;
	position: relative;
	z-index:2;
}

#footer-box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer-box {
    height: 1em;
    overflow: visible;
}
/**/

#footer-box .content{
	padding:40px 0;
	background:url(/img/footer_head.gif)no-repeat;
	min-height:20px;
}

#foot-bn { width:460px;float:left;margin-right:20px; }
	.bnr img { width:220px; }
.foot-bn-side { width:220px;float:left;margin-right:20px; }

.foot-pu li{
	margin: 0 0 0 1em;
	padding: 0;
	font-size:12px;
	list-style-type:disc;
	vertical-align: top;
}

#footer-foot{
	width:940px;
	height:20px;
	display: block;
	margin:0 auto;

	background: none;

	text-align: left;
	clear:both;
	}

#caution span{
	color:#333333;
}

/*//////////STYLE//////////*/

/*BOX WIDTH*/
.w460{
	width:460px;
	margin:0 0 20px 0;

	font-size: 12px;
	line-height: 20px;
}
.w220{
	width:220px;
	margin:0 0 20px 0;

	font-size: 12px;
	line-height: 20px;
}
.w220float, .heightLine {
	width:220px;
	float:left;
	display: inline;
	margin:0 20px 20px 0;

	font-size: 12px;
	line-height: 20px;
}
	.heightLine{
		height:200px;
		overflow:hidden;
	}
	.date-tab{
		display:block;
		width:35px;
		height:20px;
		margin: 0;
		padding:0 5px;
		text-align:center;

		font-family:"Arial", "Helvetica", "sans-serif";
		line-height:18px;
		font-size: 10px;
		color: #FFFFFF;
		background-color:#000000;
		font-weight: normal;
	}
.w100float{
	width:100px;
	float:left;
	display: block;
	margin:0 0 20px 0;

	font-size: 12px;
	line-height: 20px;
}

/* /////TOP COVER///// */
#cover{
	display:block;
	width:460px;
	height:220px;
	cursor:pointer;
	background-size:cover;
	background-position:center center;
}
	#cover .date-tab{
		display:block;
		width:40px;
		height:20px;
		margin: 0 auto 0 0;
		padding:0 7px 0 7px;

		font-family:"Arial", "Helvetica", "sans-serif";
		line-height:18px;
		font-size: 10px;
		color: #FFFFFF;
		background-color:#000000;
		font-weight: normal;
	}
	#cover h2.issue{
		display:inline-block;
		width:auto;
		height:auto;
		padding: 5px 10px 5px 10px;
		font-size: 20px;
		line-height:30px;

		color: #FFFFFF;
		font-weight: bold;
		background: none;
		background-color:#000000;
		text-align: left;
	}
	.issue-box{
		/*width:430px;*/
		background:  url(/img/btn-togo_mini_red.gif) no-repeat;
		background-position:0 5px;
		padding:0 10px 20px 20px;
		cursor:pointer;
	}
#cover-next{
	margin-bottom:20px;
}
#cover-next #date-next{
		display:block;
		width:100px;
		height:20px;
		text-indent:5px;

		font-family:"Arial", "Helvetica", "sans-serif";
		line-height:20px;
		font-size: 10px;
		color: #FFFFFF;
		background-color:#000000;
		font-weight: normal;
}
#next-innr{
	width:440px;
	font-size:10px;
	color:#000;
	margin-left:20px;
}

/* cover pick up */
#extra-layer {
	width: 220px;
	height: 180px;
	border: 0;
	cursor: pointer;
	overflow:hidden;
	}
.heightLine div { height:100px; background-size:cover; background-position:center center; }
/*/////HEADER/////*/
h2{
	width:100%;
	height:20px;
	display:block;
	overflow:hidden;
	margin:0 0 20px 0;

	background-color:#000000;

	font-family:"Arial", "Helvetica", "sans-serif";
	color: #FFFFFF;
	font-weight: normal;
}

h2.index, h2.index-name{
	width:700px;
}
h3.issue,h4.issue{
	display:block;
	width:auto;
	height:auto;
	margin: 10px 10px 10px 0;
	font-size: 15px;
	line-height:20px;

	color: #000000;
	font-weight: bold;
	text-align: left;
}


h3{
	margin:20px 0 20px 0;

	font-family:"Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	line-height:20px;
	color: #000000;
	font-weight: bold;
	
	background-repeat:no-repeat;
	background-size:220px 20px;
}

.head-bk, #rank h3, h3.block, h3.backnumber{
	width:100%;
	height:20px;
	display:block;
	overflow:hidden;
	margin:0 0 20px 0;

	background-color:#000;

	/*font-family:'liberation_sansregular', "Arial", "Helvetica", "sans-serif";*/
	font-size: 20px;
	line-height:25px;
	vertical-align:bottom;
	text-indent:2px;
	text-align:left !important;
	font-weight:normal;
	color: #FFF;

	clear : both;

}
h3.rss{
	width:220px;
	height:20px;
	display:block;
	margin:0 0 20px 0;

	background-color:#000000;
	text-indent:-6000px;

	font-family:"Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
	a.rss{
	width:20px;
	height:20px;
	display:block;
	overflow:hidden;
	
	position:absolute;
	top:0px;
	right:0px;

	background-color:#000000;

	text-align: right;
	vertical-align:-8px;

	font-family:"Arial", "Helvetica", "sans-serif";
	line-height:10px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
}
h3.backnumber{
	width:460px;
}
h3 span{
	color:#000000;
}
h4{
	font-family: inherit;
	font-size: 12px;
	line-height: 20px;
	color: #000000;

	font-weight: bold;
}
h4 i{
	font-size: 12px;
	line-height: 20px;
	color: #000000;

	font-weight: bold;
}
.photo h4{
	font-size: 14px;
	margin-bottom:20px;
}
#radio h4{
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	margin-bottom:20px;
}
#radio .l{
	padding:0 5px 20px 0;
	float:left;
}
/*////////// STYLE //////////*/
#issue-body, .serial, .news, .photo, p{
	font-size: 14px;
	line-height: 25px;

	color: #000000;
	
	margin-bottom:20px;
}

	#project li, #project a { height:60px; margin-bottom:20px; }
	ul#project { height:auto; display:block; }
	#project img { margin-bottom:0; }
.serial div{
	/*width:460px;*/
	background: url(/img/btn-togo_mini_red.gif) no-repeat;
	background-position:0 5px;
}
.serial div:hover{
	/*width:460px;*/
	background: url(/img/btn-togo_mini_red.gif) no-repeat;
	background-position:0 5px;
	cursor: pointer;
	background-color:#d5d5d5;
}
.serial div.top{
	width:100%;
	background: none;
}
.serial div.top:hover{
	background: none;
	cursor: pointer;
	background-color:#d5d5d5;
}
.serial .trim220s a img{
	margin-bottom:0;
}
.serial div h3{
	margin:0 0 20px 24px;

	font-family:inherit;
	font-size: 18px;
	line-height:20px;
	color: #000000;
	font-weight: bold;
}
.serial_bnr_big img{
	margin-bottom:20px;
	}
.caption{
	margin-top:20px;

	font-family:inherit;
	font-size: 10px;
	line-height: 20px;

	color: #000000;
}
.author{/*著者 一般*/
	width:460px;
	text-align:right;
	color: #000000;
	font-size: 80%;
	margin-bottom:20px;
}
.author2{/*著者 cover*/
	width:100%;
	text-align:left;
	color: #000000;
	font-size:12px;
	line-height:20px;
	margin-bottom:0px;
}
.author3{/*著者 serial*/
	width:100%;
	text-align:left;
	color: #000000;
}
ul.backnumber li{
	list-style-type:none;
	cursor:pointer;
}

strong{
	font-family:inherit;
	color: #000000;
	font-size: inherit;
	line-height: inherit;

	font-weight: bold;
}
b{
	color: #000000;
}
.big{
	font-family:inherit;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	margin-bottom:20px;
}
.small{
	font-family:inherit;
	color: #666666;
	font-size: x-small;
	line-height: 20px;
	margin-bottom:20px;
}
.r{
	padding:0 0 20px 20px;
	float:right;
}
.l{
	padding:0 20px 20px 0;
	float:left;
}
.odd { float:left; }
.even { float:right; }
hr {
	border-width: 1px 0 0 0; /* 太さ */
	border-style: dotted; /* 線種 */
	border-color: #999999; /* 線色 */
	height: 1px; /* 高さ */
	margin:0 0 19px 0;
	clear : both;

	width:460px;
}
hr.nomargin { margin:2px 0 2px 0; }

hr.clear { clear:both;  display:none;}
.clear { clear:both; width:100%;}
dd{
	font-family:inherit;
	color: #000000;
	font-size: 10px;
	line-height: 20px;
	margin:0;
}

/*////////// LINK //////////*/
a:link,a:visited{
	text-decoration:none;
	font-family:inherit;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
a:hover{
	text-decoration:underline;
	backgroud-color: #666666;
	font-family:inherit;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}
#issue-body a:link,#issue-body a:visited,#issue-body a:hover { font-size:inherit; line-height:inherit; }
/*toGoBtn*/
a:link.togo,a:visited.togo{
	height:20px;
	padding-right:30px;
	display:block;

	text-decoration:none;
	background: url(/img/btn-togo.gif) no-repeat;
	background-position: right;

	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
a:link.togo-issue,a:visited.togo-issue,a:hover.togo-issue{
	height:40px;
	padding-right:30px;
	display:block;
	overflow:hidden;

	text-decoration:none;
	background: url(/img/btn-togo.gif) no-repeat;
	background-position: right top;

	text-align: right;
	color: #000000;
}
a:hover.togo-issue{
	height:40px;
	padding-right:30px;
	display:block;
	overflow:hidden;

	text-decoration:none;
	background: url(/img/btn-togo.gif) no-repeat;
	background-position: right top;

	text-align: right;
	color: #666;
}
/* 記事 左コラム*/
#clm-subindex a {
	height:auto;
	display:block;
	overflow:visible;
	padding-left:15px;
	padding-right:10px;
	text-decoration:none;
	text-align: left;
	background-position:0 5px;
}
#clm-subindex a:link.togo-issue,#clm-subindex a:visited.togo-issue{
	background: url(/img/btn-togo_mini_gray.gif) no-repeat;
	background-color:#BDBDBD;
	color: #FFF;
}
#clm-subindex a:hover.togo-issue{
	background: url(/img/btn-togo_mini_red.gif) no-repeat;
	color: #666;
}


a:link.togo_blk,a:visited.togo_blk{
	height:20px;
	padding-right:30px;
	display:block;

	text-decoration:none;
	background: url(/img/btn_togo_blk.gif) no-repeat;
	background-position: right;

	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
a:hover.togo, a:hover.togo_blk{
	height:20px;
	padding-right:30px;
	display:block;

	text-decoration:none;
	background: url(/img/btn-togo.gif) no-repeat;
	background-position: right;

	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}


/*toGoBtnLeft*/
a:link.togo_left,a:visited.togo_left{
	height:20px;
	padding-left:30px;
	display:block;

	text-decoration:none;
	background: url(/img/btn-togo.gif) no-repeat;
	background-position: left;

	text-align: left;
	font-size: 12px;
	line-height: 20px;
	color: #000000;

	cursor:pointer;
}
a:hover.togo_left{
	height:20px;
	padding-left:30px;
	display:block;

	text-decoration:none;
	background: url(/img/btn-togo.gif) no-repeat;
	background-position: left;

	text-align: left;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

/*toUpBtn*/
a:link.toup{
	width:20px;
	height:20px;
	display:block;

	text-decoration:none;
	background: url(/img/btn-toup.gif) no-repeat;

	text-align: left;
	text-indent:-6000px;
}
a:hover.toup{
	height:20px;
	display:block;

	text-decoration:none;
	background: url(/img/btn-toup.gif) no-repeat;
	backgroud-color: #666666;

	text-align: left;
	text-indent:-6000px;
}
a:visited.toup{
	height:20px;
	display:block;

	text-decoration:none;
	background: url(/img/btn-toup.gif) no-repeat;

	text-align: left;
	text-indent:-6000px;
}
.togo_left{
		background:  url(/img/btn-togo_mini_red.gif) no-repeat;
		background-position:0 5px;
		/*padding:0 10px 10px 20px;*/
		cursor:pointer;
		}
/*area link*/
.area { position:relative; }
		.area a {
			display:block;
			width:100%;
			height:100% !important;
			position:absolute;
			top:0;
			height:0;
			}
		.area:hover { background-color:#d5d5d5; }
		/*fixed to up btn*/
		#information div:hover , div:hover.heightLine {
			background: url(/img/bg_togo.gif) no-repeat;
			background-position:100% 100%;
		}
		.issue-box:hover{
			/*width:460px;*/
			/*background: url(/img/btn-togo_mini_red.gif) no-repeat;*/
			/*background-position:0 5px;*/
			
		}
#totop {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    text-align: right;
    z-index: 999;
}

/*rssBtn*/
a:link.btn-rss,a:hover.btn-rss,a:visited.btn-rss{
	width:20px;
	height:20px;
	display:block;
	margin:0 0 20px 0;

	background-image:url(/img/btn-rss.gif);
	background-color:#000000;
	text-align:left;
	text-indent:-6000px;

	font-family:"Arial", "Helvetica", "sans-serif";
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	float:right;
}

/* bnr */
.bnr { width:220px; }


/*////////// ISSUE //////////*/
#issue-cover {
	height:220px;
	text-align:left;
	margin:0;
	position:relative;
	background-size:cover;
	background-position:center center;
}

#issue-cover-none {
	min-height:60px;
	text-align:left;
	margin:0;
	position:relative;
	background-color:#FFF;
}

#issue-cover #issue-head { top:20px; left:0px; position:absolute; }
#issue-cover-none #issue-head { top:0px; left:0px; position:relative; }

#issue-head span {
	font-size: 20px;
	line-height:30px;
	color: #FFF;
	background-color:#000;

	padding:5px;

	box-shadow: 4px 0 0 #000, -4px 0 0 #000;
	box-decoration-break: clone;

	bottom:20px;
}
#issue-author { height:auto; }
#issue-author span {
	font-size:12px;
	line-height:20px;
	color:#FFF;
	background-color:#000;

	width:auto;

	margin:0;
	padding:5px;

	box-decoration-break: clone;
}
#issue-body { margin-top:20px; }

.issue h3 {
	margin:20px 0 20px 0;

	font-size: 120%;
	line-height:150%;
	color: #000000;
	font-weight: bold;
}


/*a in caption*/
.caption a:link,.caption a:visited,dd a:link,dd a:visited{
	text-decoration:none;
}
.caption a:hover,dd a:hover{
	text-decoration:underline;
	color: #666666;
}
/*a in enquete*/
ul.enq_name li{
	display:block;
	float:left;

	text-decoration:none;
	width:110px;
}
ul.enq_name{
	display:block;
	margin:0 0 20px 0;
	}



/*////////// SNS //////////*/
div#sns:hover{
	width:460px;
	background: none;
	cursor: pointer;
	background-color:#FFFFFF;
}

.fb_iframe_widget span, .sns-set-line { vertical-align: baseline !important; }
.sns-set-fb { display:block; width:100%; }
.sns-set-line { display:inline-block; width:20px; height:20px; display:none; }
.sns-set-line img { display:inline-block; width:20px; height:20px; margin-bottom:0px; }

/*////////// search //////////*/
.search-box{
	width:220px;
	height:20px;
	background-color: #CCCCCC;
}
.search{
	border:0;
	width:195px;
	height:20px;
	padding: 0;
	background-color: #CCCCCC;

	float:left;
}
.btn-search{
	border:none;
	width:20px;
	height:20px;

	float:right;
}

#search{
	background-color:#FFFFFF;
	position:relative;
	z-index:2;
	}
.search-results-container .top {visibility:hidden; height:0; margin-bottom:-20px;}

/*////////// side INDEX //////////*/
#sidebar{
	position:fixed;
	right:-800px;
	top:0;
	width:800px;
	height:100%;
	z-index:1000;
	overflow:hidden;
	background-color:#333333;
	color:#FFFFFF;
	filter: alpha(style=0, opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
	#index-head{
		width:800px;
		height:40px;
		background-color:#000000;
	}
		#sidebar h4{
			height:15px;
			font-size:15px;
			line-height:1em;
			margin:12px 20px 13px;
			float:left;
			color:#FFFFFF;
			font-weight:normal;
			}
		#sidebar .close{
			height:40px;
			float:right;
			margin: 10px;
			cursor:pointer;
		}
#sidebar #index-innr a{
	color:#FFFFFF;
}

#sidebar #index-innr a:hover{
	background-color:#000000;
	text-decoration:none;
	}
#sidebar #index-innr{
	overflow-y:auto;
	overflow-x:hidden;
	margin:20px 10px 20px 20px;
}
	.index-month{
		margin-bottom:20px;
	}

#sidebar #index-innr .index-pu li{
	background-image: url(/img/btn-togo_mini_blk.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding: 0;
	font-size:12px;
}
#sidebar #index-innr .index-pu li.index-nodot{
	padding-left: 0;
	background-image: none;
	padding: 0;
	font-size:12px;
}
#sidebar #index-innr li a{
	padding:3px;
	display:block;
	}
#sidebar #index-innr li a:link,#sidebar #index-innr li a:visited{
	margin-left:15px;
}
#topMenuImage {
	position:fixed;
	right:0;
	top:120px;
	z-index:900;

	display:block;
	width:39px;
	height:180px;

	background-image:url(/img/btn_index_tab.png);
	background-position: 0px -120px;
	text-indent:9999px;

	cursor: pointer;
	}

.sidebtn{
	right:0;
	position:fixed;
	z-index:900;
	display:block;
	text-indent:9999px;
	cursor: pointer;
	overflow:hidden;
}

#sidebtn-tw {
	top:0;
	width:39px;
	height:40px;
	background-image:url(/img/btn_index_tab.png);
	background-position: 0px 0px;
	}
	
#sidebtn-feed {
	top:60px;
	width:39px;
	height:40px;
	background-image:url(/img/btn_index_tab.png);
	background-position: 0px -59px;
	}

/*////////// page INDEX //////////*/
#clm00-w680{
	width:700px;
	min-height: 700px;
	margin-bottom: 300px;
	text-align: left;
	float:left;
	}

#clm00-w680 #index-innr a{
	color:#000000;
}

#clm00-w680 #index-innr a:hover{
	background-color:#cccccc;
	text-decoration:none;
	color:#666666;
	}
#clm00-w680 #index-innr{
	overflow-y:hidden;
	overflow-x:hidden;
	margin:0;
}
	#clm00-w680 #index-innr h3{
		font-size:60px;
		color:#ccc;
		line-height:100px;
		font-family:"Arial", "Helvetica", "sans-serif";
		font-weight:normal;
	}
	#clm00-w680 #index-innr .index-month{
		margin-bottom:20px;
		padding-left:10px;
		border-left:5px solid #CCC;
	}
#clm00-w680 #index-innr .index-pu{

}
#clm00-w680 #index-innr .index-pu li{
	padding-left: 10px;
	background: url(/img/btn-togo_mini_gray.gif);
	background: rgba(0,0,0,0) url(/img/btn-togo_mini_gray.svg);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding: 0;
	font-size:12px;
}
#clm00-w680 #index-innr .index-pu li.index-nodot{
	padding-left: 0;
	background-image: none;
	padding: 0;
	font-size:12px;
	color:#FF0000;
}
#clm00-w680 #index-innr li a{
	display:block;
	}
#clm00-w680 #index-innr li a:link,#sidebar #index-innr li a:visited{
	margin-left:15px;
}
#menu-index{
	width:220px;
	height:10000px;
	float:right;
	position:relative;
}
#menu-index-right{
	width:220px;
	position:relative;
	float:right;
	top:0;
}
#menu-index-innr{
	z-index:1;
	position:fixed;
	margin-top:-85px;
	width:220px;
}
	#menu-index-innr .togo_left, #menu-index-innr-50 .togo_left { padding-left:15px; font-size:12px; line-height:20px; }
.menu{ padding-bottom:20px;}

.menuFixed{
	position:fixed;
	}
	#bn-box{
		cursor:pointer;
		width:220px;
	}
	#bn-box a{
		display:block;
	}
		#bncover{
			width:50px;
			height:65px;
			float:left;
		}
		#bntx{
			float:right;
			width:170px;
		}
			#bnno{
				width:165px;
				font-size:0.6em;
				line-height:1em;
				margin-left:4px;
			}
			#bnis{
				width:160px;
				font-size:0.5em;
				line-height:1.5em;
				margin-left:10px;
			}

#menu-index-innr a{
	font-size:20px;
	display:block;
	width:220px;
	height:20px;
	color:#000000;
}
#menu-index-innr a:hover, #menu-index-innr li:hover{
	text-decoration:none;
	color:#FF0000;
}

/* work with jquery */
.index-menu-hov{ color:#FF0000;}

/*////////// page INDEX AUTHOR //////////*/
#menu-index-innr-50{
	z-index:1;
	position:fixed;
	margin-top:0;
	width:220px;
}
	#menu-index-innr-50 a{
		font-size:20px;
		line-height:40px;
		display:inline;
		color:#000000;
	}
	#menu-index-innr-50 .ia-change{
		display:block;
		width:220px;
		letter-spacing: 10px;
	}
	#nav-a, #nav-i ,#nav-u ,#nav-e ,#nav-o{
		display:block;
		margin-right: 10px;
	}
	#menu-index-innr-50 a:hover, #menu-index-innr-50 li:hover{
		text-decoration:none;
		color:#FF0000;
	}
	#clm00-w680 #index-innr .auth_result{
		height:auto;
		min-height: 80px;/*for FireFox bug*/
		display:none;
		font-size:12px;
		padding:15px 0 0 15px;
	}
	#clm00-w680 #index-innr .auth_result h3{
		line-height:20px;
		font-size:12px;
		margin: 0;
	}
	#clm00-w680 #index-innr .auth_result ul{
		padding-bottom: 20px;
	}
	#clm00-w680 #index-innr .auth_result a{
		line-height:20px;
		font-size:12px;
		display:inline;
	}

/*////////// related links /////////*/
.related div{
	margin-bottom:20px;
	}
.related .cell-wrap{
	height:auto;
	overflow:hidden;
}
.related .name-ref{
	visibility:hidden;
	height:0;
}
.related h3.title{
	cursor:pointer;
	padding-left:15px;
	background-size:10px 10px;
}
.related ul{
	padding-left:10px;
	border-left:5px solid #CCC;
	}
.related ul li, .related h3{
	padding-left: 10px;
	background: url(/img/btn-togo_mini_gray.gif);
	background: rgba(0,0,0,0) url(/img/btn-togo_mini_gray.svg);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding: 0;
	font-size:12px;
}
.related ul li a{
	margin-left:15px;
	display:block;
}


/*////////// rank /////////*/
#rank{
	margin:0 0 20px;
	}
#rank ul li{
	background: url(/img/btn-togo_mini_gray.gif) no-repeat;
	background-position:0px 5px;
	
	font-size:12px;
	line-height:20px;
	padding:0 4px 0 14px;
	
	overflow:hidden;
	max-height:80px;
	
	cursor:pointer;
}
#rank ul li:hover{
	background: url(/img/btn-togo_mini_red.gif) no-repeat;
	background-position:0 5px;
	background-color:#d5d5d5;
}
#rank ul li a, #rank ul li a:hover{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	}
	
/*////////// PageSplit //////////*/
#pagesplit div{
	width:100%;
	padding:40px 0 20px;
	}
#pagesplit div a{
	width:40%;
	height:20px;

	display:block;
	margin:0 auto;

	font-size: 12px;
	font-weight:bold;
	line-height: 18px;
	text-decoration:none;
	}
	#ps_bef{
		background: url(/img/btn-tore-half.png) no-repeat;
		background-position: left;
		padding-left:30px;
		float:left;
	}
	#ps_nxt{
		background: url(/img/btn-togo.gif) no-repeat;
		background-position: right;
		padding-right:30px;
		float:right;
		text-align:right;
	}

ol {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */
    margin-top:10px;
}
ol li {
    position:relative; /* Create a positioning context */
    margin:0 0 10px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:2px 10px;
}
ol li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:0;
    left:-2em;
    width:18px;
    height:18px;
    padding:2px 2px;
    color:#fff;
    background:#000;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
    line-height:18px;
}
.page { font-size:12px; }
ol li a{
	border-bottom: 1px dotted #000;
	}
ol li a:hover{
	text-decoration:none;
	border-bottom: 1px solid #000;
	}

/*////////// INFORMATION Page //////////*/
#information { position:relative; }
#information .head-bk { width:200px; }
#information div { margin-bottom:20px; }

span.current_page { 
	display : inline-block;
	width:20px;
	font-size:12px;
	text-align:center;
	background-color:#333;
	color:#FFF;
	}
a.link_page , a.link_before , a.link_next{
	display : inline-block;
	text-align:center;
	background-color:#666;
	color:#FFF;
	}
a.link_page { width:20px; }
a.link_before , a.link_next { width:60px; }
div.info-cover { width:100%; text-align:center; }
	div.info-cover img { height:240px; }
.info-cover-ls img { width:100%; margin-bottom:20px; }
.info-cover-pr img { height:220px; float:right; margin:0 0 20px 20px; }
/*////////// OLD //////////*/

p.bookreview	{
	clear:left;
	margin-top:0;
	margin-bottom:10px;
	text-align:left;
	font-size:12px;
	line-height:20px;
	color:black;
	}

p.bookreview-right	{
	clear:left;
	margin-top:-10px;
	margin-bottom:20px;
	font-size:12px;
	line-height:20px;
	color:black;
	text-align:right;
	}

p.bookreview-en	{
	margin-top:-2px;
	margin-bottom:16px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	color:black;
	}

p.writer	{
	margin-top:0;
	margin-bottom:0;
	font-size:12px;
	text-align:right;
	}

p.note	{
	clear:left;
	margin-top:0;
	margin-bottom:20px;
	text-align:left;
	font-size:10px;
	line-height:16px;
	}

p.note-head	{
	clear:left;
	margin-top:0;
	margin-bottom:6px;
	text-align:left;
	font-size:10px;
	line-height:12px;
	}

p.note-1word	{
	clear:left;
	margin-top:0;
	margin-bottom:2px;
	text-align:left;
	font-size:10px;
	line-height:12px;
	text-indent:1em;
	}
p.note-1word a{
	font-size:1em;
	}

p.cap	{
	clear:left;
	margin-top:2px;
	margin-bottom:10px;
	text-align:left;
	font-size:10px;
	line-height:14px;
	}

p.space	{
	clear:left;
	margin-top:0;
	margin-bottom:0;
	font-size:10px;
	line-height:10px;
	}

.field-box	{
	margin-top:0;
	margin-bottom:20px;
	/* padding:8px; */
	}

.field-box h3	{
	margin-top:0;
	margin-bottom:16px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	}

.field-box h4	{
	margin-top:0;
	margin-bottom:10px;
	text-align:left;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	color:black;
	}

.field-box a	{
	text-decoration:none;
	}

.field-box a:hover	{
	color:#99cc33;
	}

.review-box	{
	margin-top:0;
	margin-bottom:20px;
	}

.review-box h3	{
	margin-top:0;
	margin-bottom:16px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	}

.review-box a	{
	text-decoration:none;
	}

.review-box a:hover	{
	color:#3366cc;
	}

.project-box	{
	margin-top:0;
	margin-bottom:20px;
	}

.project-box h3	{
	margin-top:0;
	margin-bottom:16px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	}

.project-box a	{
	text-decoration:none;
	}

.project-box a:hover	{
	color:#cc3366;
	}

.bookinfo-box	{
	margin-top:0;
	margin-bottom:20px;
	padding:8px;
	}

.bookinfo-box h3	{
	margin-top:0;
	margin-bottom:16px;
	text-align:left;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	}

.bookinfo-box a	{
	text-decoration:none;
	}

.bookinfo-box a:hover	{
	color:#cc3366;
	}

.fixed-box	{
	height:450px;
	margin-top:0;
	margin-bottom:20px;
	padding:8px;
	}

.book-cover	{
	margin-top:0;
	}

.book-cover img	{
	float:left;
	margin-right:6px;
	margin-bottom:12px;
	}

.book-data	{
	margin-top:0;
	font-size:10px;
	line-height:16px;
	}

.book-cap	{
	clear:left;
	margin-top:2px;
	text-align:left;
	font-size:10px;
	line-height:14px;
	}

.image-box	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-right:15px;
	width:120px;
	}

.text-box	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	}

.image-box2	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-right:15px;
	width:160px;
	}

.text-box2	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	}

.movie-box	{
	margin-top:0;
	margin-bottom:40px;
	}

.data-box	{
	margin-top:0;
	margin-bottom:0;
	}

.data-box div	{
	font-size:10px;
	}

.data-box p	{
	margin-top:0em;
	text-align:left;
	text-valign:left;
	line-height:140%;
	color:black;
	}

.photo-box-h	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	width:160px;
	}

.photo-box-v	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	width:120px;
	}

.space-box1	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	width:22px;
	}

.space-box2	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	width:62px;
	}

.space-box3	{
	float:left;
	margin-top:0;
	margin-bottom:0;
	width:36px;
	}

/*////////// Photo Archives //////////*/
div.trim460{
	width:460px;
	height:200px;
    overflow:hidden;
	margin-bottom:20px;
}
div.tirm460 p{
    display:block;
    width:460px;
    height:200px;
    position:relative;
    top:-72px;
}
div.trim220{
	width:220px;
	height:100px;
    overflow:hidden;
}
div.trim220x120{
	width:220px;
	height:120px;
    overflow:hidden;
}
div.tirm220 p, div.tirm220 a{
    display:block;
    width:220px;
    height:100px;
    position:relative;
    top:-32px;
}
div.trim220s{
	width:220px;
	height:60px;
    overflow:hidden;
	margin-bottom:0;
}

p.note-1word	{
	clear:left;
	
	margin-top:0;
	margin-bottom:2px;
	text-align:left;
	font-size:10px;
	line-height:20px;
	color:#363636;
	}

.photor_caption {/* フォトレポート 写真上キャプション*/
	line-height:1.4em;
	font-size: 12px;
}
.photor_credit {/* フォトレポート 写真下クレジット*/
	font-size: 12px;
	color: #666;
}

.photor_thumb_wrap {/* フォトレポート サムネイル ラッパー*/
	margin: 30px 0 10px;
}

.photor_thumb_wrap table {
	margin: 0 0 10px0px;
	border: none;
	float: left;
}
.photor_thumb_wrap td {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
.photor_thumb_wrap table td img {
	border: 1px solid black;
	padding: 0;
	margin: 0;
}

.photor_thumb_wrap table td.thumba{/* 通常のサムネイル表示 */
	background-color: none;
}

.photor_thumb_wrap table td.thumbb { background-image: url(http://tenplusone.inax.co.jp/images/bg-field.gif) }

.photor_thumb_wrap table td.thumbhovera{/* 通常のサムネイル マウスホバー時 */
	background-color: #dddddd;
}

.photor_thumb_wrap table td.thumbhoverb { background-color: #9fe300 }

.thumba img , .thumbhovera img{ width:auto; max-width:60px; max-height:60px; }


/*----- FEED -----*/
.feed h2 { text-align:left; }
.feed h3 { 
		background: url(/img/btn-togo.gif) no-repeat;
		background-position: left;
		padding-left:30px;
		margin: 20px 0 20px;
		font-weight:normal;
}
.feed h2+h3 { 
		background-image: none;
		padding-left:0px;
		margin: 20px 0 20px;
		font-weight:normal;
}
.feed h4 { 
		background:  url(/img/btn-togo_mini_red.gif) no-repeat;
		background-position: 10px 8px;
		padding:5px 10px 20px 30px;
		display:inline;
		font-size:14px;
}
.feed p {
	margin-bottom:20px;
	margin-left:20px;
}
.feed_btn {
	margin:10px 31px;
}
.feed_btn a { 
	height:20px;
	width:auto;
	color:#FFF;
	line-height:20px;
	padding: 4px 5px 2px;
	margin-right:12px;
	
	border-radius: 3px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	filter: alpha(style=0, opacity=50)
	-moz-opacity:0.50;
	opacity:0.50;
	}
.feed_btn a:hover { 
	text-decoration:none;
	
	filter: alpha(style=0, opacity=100)
	-moz-opacity:1.00;
	opacity:1.00;
}
.feed .rss { background-color:#FF6600; }
.feed .rss_fdly { background-color:#7CCC67; }
.feed .rss_ldrd { background-color:#0076FF; }