/*
Theme Name: ateitexe
Theme URI: https://ateitexe.com/
Description: 勉強のため作ってみてます。
Version: 2.0
Author: *you
Author URI: https://ateitexe.com/
*/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

html{background: url(../javafx-scene-builder-containers_files/images/bg.jpg);}

body,input{
  	font: 14px/22px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color: #333;
	/*word-break: break-all;*/
	} 

a{ color: #09c; text-decoration: underline;}
a:hover{ color: #8bc; }

.clear{clear:both; line-height:0;}
#br_more{clear:both; line-height:0; margin-top:10px;}
	
/*********** Basic Layout ************/
#wrapper{width: 1096px; margin: 0 auto;}
#header{
	height: 150px;
	background: url(../javafx-scene-builder-containers_files/images/header_bg.png) no-repeat top left;
	background-size: 377px 150px;
	}
#contents{clear:both;}
#contents img{vertical-align:bottom;}
#contents-wide{width:940px; clear:both; margin:20px;}
#contents-wide img{vertical-align:bottom;}
#main-wide{
	width:810px;
	padding:40px 65px; 
	min-height: 663px;
	background: #fff;
	}

#main_w{width:768px; float:left;}
#main{
	/*border: 1px #ddd solid;*/
	width:668px;
	padding:10px 50px 20px 50px; 
	background: url(../javafx-scene-builder-containers_files/images/contents_bg.png);
	background-size: 40px 40px;
	zoom: 1; /* IE */
	}
#side{
	width: 310px;
	padding-left:18px;
	float: left;
	}
#footer{
	margin-top:50px;
	}
#footer_nav{
	clear:both;
	/*height:50px;*/
	height:70px;
	}

/*** Form ***/
input[type="text"],
input[type="email"],
textarea{
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px;
	color: #666;
	}
input[type="submit"]{
	padding: 6px 10px;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	cursor: pointer;
	}
input[type="submit"]:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}

/* contactform7 */
.wpcf7-form input[type="text"],input[type="email"]{width: 270px !important;} /*名前、メール、題名*/
.wpcf7-form textarea{width: 98% !important;} /*本文*/
.wpcf7-list-item{display:block;} /* ラジオボタン改行 */


/************* Header *************/
#header .title-area{
	position: absolute;
	margin:48px 0 0 65px;
	float: left;
	}

#header .navi-area{
	margin-top:65px;
	float: right;
	}
#navTitle a{
	display: block;
	width:133px;
	height:32px;
	background: url(../javafx-scene-builder-containers_files/images/title.png);
	background-size: 133px 63px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#navTitle a:hover{
	background-position:0 -31px;
}

#new-release{
	position: absolute;
	margin:20px 0 0 350px;
	width:180px;
	height:120px;
	}
#new-release a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

ul.menu li{
	float:left;
	margin-left:10px;
}
ul.menu li a{
	display:block;
	overflow:hidden;
	text-indent: 100%;
	background:url(../javafx-scene-builder-containers_files/images/navi.png) no-repeat;
	height:25px;
	color: #eae9e7;
}

ul.menu li.navHome a{background-position:0 0; width:26px;}
ul.menu li.navAbout a{background-position:-26px 0; width:27px;}
ul.menu li.navContact a{background-position:-53px 0; width:29px;}
ul.menu li.navBook a{background-position:-82px 0; width:28px;}
ul.menu li.navGallery a{background-position:-110px 0; width:24px;}
ul.menu li.navTwitter a{background-position:-134px 0; width:29px;}
ul.menu li.navFb a{background-position:-162px 0; width:24px;}
ul.menu li.navRss a{background-position:-186px 0; width:24px;}

ul.menu li.navHome a:hover{background-position:0 -24px;}
ul.menu li.navAbout a:hover{background-position:-26px -24px;}
ul.menu li.navContact a:hover{background-position:-53px -24px;}
ul.menu li.navBook a:hover{background-position:-82px -24px;}
ul.menu li.navGallery a:hover{background-position:-110px -24px;}
ul.menu li.navTwitter a:hover{background-position:-134px -24px;}
ul.menu li.navFb a:hover{background-position:-162px -24px;}
ul.menu li.navRss a:hover{background-position:-186px -24px;}

/* 検索フォーム */
.searchform label{display: none;}
.searchform input[type="text"]{
	float:left;
	width: 100px;
	height: 26px;
	padding:0 30px 0 10px;
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -1314px;
	border:none; /* デフォルトCSSリセット */
	}
.searchform input[type="submit"]{
	float:left;
	width: 19px;
	height: 22px;
	margin: 1px 0 0 -28px;
	padding: 0;
	background: url(../javafx-scene-builder-containers_files/images/icon_search.png) no-repeat;
	border: none; /* デフォルトCSSリセット */
	box-shadow: none; /* デフォルトCSSリセット */
	}

#navi-cat{
	/*margin-bottom:-20px;*/
}
#navi-cat ul{
	overflow:hidden;
	zoom:1;
	width:668px;
	height:20px;
}
#navi-cat ul li{
	display:inline;
	zoom:1;
}
#navi-cat ul li a{
	display: block;
	text-indent: 100%;
	overflow: hidden;
	height:0;
	padding:20px 0 0 0;
	float:left;
	background:url(../javafx-scene-builder-containers_files/images/navi-cat.png) no-repeat;
	background-size: 668px 60px;
	zoom:1;
}
#navi-cat ul li.ms-office a{background-position:0 0; width:95px;}
#navi-cat ul li.wordpress a{background-position:-95px 0; width:97px;}
#navi-cat ul li.web a{background-position:-192px 0; width:80px;}
#navi-cat ul li.programming a{background-position:-272px 0; width:120px;}
#navi-cat ul li.creative a{background-position:-392px 0; width:54px;}
#navi-cat ul li.read a{background-position:-446px 0; width:71px;}
#navi-cat ul li.child a{background-position:-517px 0; width:94px;}
#navi-cat ul li.notes a{background-position:-611px 0; width:57px;}

#navi-cat ul li.ms-office a:hover{background-position:0 -20px;}
#navi-cat ul li.wordpress a:hover{background-position:-95px -20px;}
#navi-cat ul li.web a:hover{background-position:-192px -20px;}
#navi-cat ul li.programming a:hover{background-position:-272px -20px;}
#navi-cat ul li.creative a:hover{background-position:-392px -20px;}
#navi-cat ul li.read a:hover{background-position:-446px -20px;}
#navi-cat ul li.child a:hover{background-position:-517px -20px;}
#navi-cat ul li.notes a:hover{background-position:-611px -20px;}

#navi-cat ul.ms-office li.ms-office a{background-position:0 -40px;}
#navi-cat ul.wordpress li.wordpress a{background-position:-95px -40px;}
#navi-cat ul.web li.web a{background-position:-192px -40px;}
#navi-cat ul.programming li.programming a{background-position:-272px -40px;}
#navi-cat ul.creative li.creative a{background-position:-392px -40px;}
#navi-cat ul.read li.read a{background-position:-446px -40px;}
#navi-cat ul.child li.child a{background-position:-517px -40px;}
#navi-cat ul.notes li.notes a{background-position:-611px -40px;}

.s-rsl{
	display: block;
	width:270px;
	background-color: #f5f2ec;
	-moz-border-radius: 5px; /*角丸*/
	-webkit-border-radius: 5px; /*角丸*/
	border-radius: 5px; /*角丸*/
	-webkit-box-shadow: 1px 1px 1px #ddd inset;  
	-moz-box-shadow: 1px 1px 1px #ddd inset;
	box-shadow: 1px 1px 1px #ddd inset;
	background-image: url(../javafx-scene-builder-containers_files/images/sprt.png);
	background-repeat:no-repeat;
	background-position:5px -674px;
	line-height:17px;
	padding:8px 5px 8px 25px;
	font-size:80%;
	color:#aa9a85;
	margin-bottom:20px;
	}
.s-rsl form{display: inline!important;}
.s-rsl input[type="submit"]{
	width: 35px!important;
	height: 18px!important;
	padding: 0!important;
	margin: 0!important;
	box-shadow: none!important;
	background: none!important;
	border: none!important;
	font-size: 95%;
	color: #aa9a85;
	text-decoration: underline;
	cursor: pointer;
}
.sort_current{
	font-weight: bold!important;
	text-decoration: none!important;
}

/************** Main **************/
/* Blog info */
.datebox{
	float: left;
	width: 60px;
	height: 60px;
	background: url(../javafx-scene-builder-containers_files/images/date_back.jpg) no-repeat;
	padding: 5px;
	margin-top:20px;
	font-family: 'Federo', sans-serif !important;
	color: #b2a18a;
	text-shadow: 0 1px 1px #fff;
	}
.year{
	font-size: 80%;
	clear: both;	
	margin:17px 0 0 15px;
	color:#d8b17d;
	line-height: 6px;
}
.month{
	font-size: 90%;
	float: left;
	margin: 0 0 0 5px;
	width:10px;
}
.slash{
	font-size: 150%;
	float: left;
	margin: 7px 0 0 -7px;
}
.day{
	font-size: 150%; 
	float: left;
	margin: 12px 0 0 -5px;
}

.titlebox{
	width:598px;
	float: right;
	}

.blog_info, #breadcrumb{
	zoom: 1; /* IE */
	color: #666;
	font-size:75%;
	clear: both;
	margin: 10px 0;
	/*float: left;*/
	}
	.blog_info ul{margin:0;}
		.blog_info li{
			float: left;
			padding: 2px 0 0 17px !important;
			margin:0 12px 0 0 !important;
			list-style: none !important
			}
			.blog_info li a{color: #666;}
			.blog_info li a:hover{color: #333;}
	.blog_info li.cal{background: url(../javafx-scene-builder-containers_files/images/icon_cal.png) no-repeat;}
	.blog_info li.rfs{background: url(../javafx-scene-builder-containers_files/images/icon_rfs.png) no-repeat;}
	.blog_info li.cat{
		/*background: url(images/icon_cat.png) no-repeat 0 4px;*/
		background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -367px;
		}
	.blog_info li.tag{
		/*background: url(images/icon_tag.png) no-repeat 0 2px;*/
		background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -751px;
		width: 250px;
		}
#breadcrumb{
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -365px;
	float: left;
	color: #aaa;
	padding-left:20px;
	margin:0 !important;
	}
#breadcrumb a{color: #666;}
#breadcrumb a:hover{color: #333;}
	
/*** Contents ***/
img.attachment-post-thumbnail,
img.attachment-full,
img.attachment-220x220{
	float: left;
	overflow:hidden;
	zoom:1;
 	margin:0 15px 0 0 !important;}
a.more-link{
	/*background:url("images/icon_more.gif") no-repeat right 8px;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat right -548px;
	color:#333;
	font-size:85%;
	padding:2px 16px 0px 10px;
	text-align:right;
	text-decoration:none;
	/*margin-left:480px;*/
	display:block;
	}
	a.more-link:hover{color: #ff6666;}
	
/*** Bottom Navigation, Comment Navigation ***/
.nav-below{
	margin: 5px 0 60px 0;
	padding-top:15px;
	line-height:15px;
	background: url("../javafx-scene-builder-containers_files/images/line.png") no-repeat;
	}
.navigation{/*overflow:auto;*/ }
	.navigation a{margin-bottom:10px; }
	.nav-previous a, .nav-next a,
	.navigation .alignleft a, .navigation .alignright a{
		color:#333;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		.navigation .alignleft a:hover, .navigation .alignright a:hover{
			color: #999
			}
			
	.nav-previous a, .navigation .alignleft a{
		float:left;
		padding:2px 10px 2px 20px;
		width:200px;
		/*background:url("images/icon_l.gif") no-repeat left 50%;*/
		background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -491px;
		}
	.nav-next a, .navigation .alignright a{
		float:right;
		text-align:right;
		padding:2px 20px 2px 10px;
		width:200px;
		/*background:url("images/icon_r.gif") no-repeat right 50%;*/
		background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat right -613px;
		}

/*** update ***/
#publishing{
	clear:both;
	margin-top:10px;
	}
#publishing, #update{
	text-align: right;
	font-size: 80%;
	color: #aaa;
	line-height: 15px;
	}

/*** sns ***/
.sns_list{
	float: left;
	margin: 10px 0 0 30px;
	padding-top: 57px;
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat -273px -1475px;
	}
.sns_list ul{
	margin: 0!important;
	padding: 0!important;
	}
.sns_list ul li{
	margin: 0 0 5px 0 !important;
	padding: 0!important;
	background:none!important;
	}
.sns_list ul li.trim{margin-top:13px!important;}
.sns_list ul li#rss_share a{
	display: block;
	width:100px;
	height:20px;
	background: url(../javafx-scene-builder-containers_files/images/rss_share.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.sns_list ul li#rss_share a:hover{
	background-position:0 -20px;
}

/*** feedly ***/
/* 購読者数つきFeedlyボタン */
.feedly-btn-horizontal{margin-bottom:10px;}
.feedly-btn-horizontal img#feedlyFollow{
  width:61px;
  height:20px;
  border:0;
  margin-right:2px;
}
 
.feedly-btn-horizontal .arrow_box {
  position: relative;
  display:inline-block;
  top:1px;
  height:18px;
  border: 1px solid #BDBDBD;
  background: #fff;
  margin: 0;
  padding: 0 6px;
  border-radius:3px;
  color:#666;
  font-size:11px;
  font-family:Arial;
  line-height:18px;
}
  
.feedly-btn-horizontal .arrow_box:after,
.feedly-btn-horizontal .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
 
.feedly-btn-horizontal .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 3px;
  margin-top: -3px;
}
 
.feedly-btn-horizontal .arrow_box:before {
  border-color: rgba(189, 189, 189, 0);
  border-right-color: #BDBDBD;
  border-width: 4px;
  margin-top: -4px;
}

/*** back ***/
#back-top {
	position: fixed; /*固定*/
	right: 30px; /*右から*/
	bottom: 30px; /*下から*/
}
#back-top a {
	display: block;
	width: 50px;
	height: 50px;
}
#back-top a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
					

/************* Post Entry **************/
#ie6-7{
	background: url(../javafx-scene-builder-containers_files/images/ie6-7.gif) no-repeat;
	border: 1px dashed #f66; 
	margin-bottom:20px;
	padding: 10px 10px 10px 35px;
	color: #666;
	}
#ie6-7 ul li{
	/*list-style: url(images/list_p.png);*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -875px;
	padding-left:20px;
	}

.title{
	color:#333;
	font-size:200% !important;
	line-height:35px;
	margin:25px 0 15px !important;
	border:none !important;
	padding: 0 !important;
	background:none!important;
	min-height:70px;
	}
	.title a{color: #333;text-decoration:none;}
		.title a:hover{color: #ff6666}
.title_p{
	color:#333;
	font-size:200% !important;
	line-height:35px;
	margin:30px 0 20px 0 !important;
	border:none!important;
	padding:0!important;
	background:none!important;
	}
.title_p a{color:#333!important; text-decoration:none!important;}
.title_p a:hover{color:#ff6666!important;}

.ga_title{
	color:#333;
	font-size:160% !important;
	line-height:20px;
	margin:0 !important;
	border:none !important;
	padding: 0 !important
	}
		

.post h2{margin: 30px 0 20px; clear:both;}
.post h3, .post h4{margin: 30px 0 10px; clear:both;}
.post h5, .post h6{margin: 30px 0 10px; clear:both;}
.post h2{
	font-size:160%;
	/*border-bottom: 2px #dfff76 solid;*/
	border-bottom: 2px #ffebae solid;
	padding:10px 0 5px 30px;
	/*background:url("images/h2.png") no-repeat left bottom;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -142px;
	}	
.post h3{
	font-size:130%;
	padding:7px 0 10px 30px; 
	/*background:url("images/h3.png") no-repeat left bottom;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat -6px -226px;
	}
.post h4{font-size:130%;}
.post h5{font-size:120%;}

.post{
	overflow: hidden;
	zoom: 1;
	padding-bottom: 60px;
	background: url("../javafx-scene-builder-containers_files/images/line.png") no-repeat left bottom;
	min-height: 300px;
	}
.single{ /* 単一記事は記事終わりにボーダーラインをつけない */
	background: none!important;
	padding-bottom: 10px;
	}
.postga {padding-bottom: 60px;}

.post p{margin-bottom:20px;}
.post p.w{margin-bottom:20px; color:#fff;}
.post p.small{font-size:80%; margin-bottom:20px; line-height:15px;}
.post p.notes{font-size:80%; margin-bottom:20px; line-height:15px; color:red;}
.post p.cptn{font-size:80%; margin-bottom:20px; line-height:15px; text-align:right;}
.postga p{color:#aaa;font-size:90%;margin:5px 0 10px 0 !important;}
.post br.clear{clear:both; line-height:0;}
.post span.mark{
	font-weight:bold;
	background: -webkit-linear-gradient(transparent 60%, #ffa 60%);
	background:    -moz-linear-gradient(transparent 60%, #ffa 60%);
	background:      -o-linear-gradient(transparent 60%, #ffa 60%);
	background:         linear-gradient(transparent 60%, #ffa 60%);
	}
.post span.mark{background:#ffa\9;} /* IE8 */
.post span.mark:not(:target){background:#ffa\9;} /* IE9 */

.post code{
	margin:0 5px;
	padding:0 5px;
	color:#369;
	background-color:#f3f3f3;
	-moz-border-radius: 5px; /*角丸*/
	-webkit-border-radius: 5px; /*角丸*/
	border-radius: 5px; /*角丸*/
	}

.post img{
	/*border:1px #ccc solid;*/
	border-top: 1px #ddd solid; 
	border-left: 1px #ddd solid; 
	border-right: 1px #999 solid; 
	border-bottom: 1px #999 solid; 
	padding: 3px;
	background: #fff;
	margin:0 0 5px 0;
	}
.post img[width="1"]{display:none;}
	.post img.r{
		float: right;
		overflow: hidden;
		zoom: 1;
 		margin: 0 0 10px 15px !important;}
	.post img.l{
		float: left;
		overflow:hidden;
		zoom:1;
 		margin:0 15px 10px 0 !important;}
	.post a:hover img{
		filter: alpha(opacity=80);
		-moz-opacity:0.80;
		opacity:0.80;
		}

.post ul, .post ul.no-m, .post ol{margin:20px 0;}
.post ul li{
	/*list-style: url(images/list_p.png);*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -878px;
	line-height:17px;
	padding:0 0 0 20px;
	margin:10px 0;
	}
.post ul.no-m li{background:none; padding:0;}
.post ul.in li{background: url(../javafx-scene-builder-containers_files/images/ico_link.png) no-repeat -15px 0;}
.post ul.ex li{background: url(../javafx-scene-builder-containers_files/images/ico_link.png) no-repeat 0 -15px;}
.post ul.ex li span.broken{font-size:80%; margin-left:10px; color:#aaa;}

.post ol {
	counter-reset:li; /*カウントリセット*/
	}
.post ol li {
	/*list-style:none; デフォルトナンバリングを消す*/
	position:relative; 
	line-height:17px;
	padding:0;
	margin:10px 0 10px 25px;
	*list-style-type: decimal; /*IE7*/
	}
.post ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:-25px;
	width:25px; /*幅*/
	color:#48b; /*文字色*/
	/*background:url(images/ol_list.png) no-repeat left 2px; 背景*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -999px;
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:110%; /*フォントサイズ*/
	padding-left:5px;
	}

.post blockquote{
	background-color: #eee;
	background-image: url("../javafx-scene-builder-containers_files/images/back_blockquote.png");
	background-repeat: no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 30px;
	margin:20px 0;
	/*font-style:italic;*/
	}
	.post blockquote p{margin:10px 0;}
	.post blockquote p.small{font-size:80%; line-height:15px;}
	.post blockquote ul{margin:0;}
	.post blockquote ul li{background: url(../javafx-scene-builder-containers_files/images/list_b.png) no-repeat 0 2px;}
	.post blockquote code{background:none; border:1px solid #ddd;}

.post .wp-caption{margin: 20px 0;}
	.post .wp-caption img{ margin: 0;}
	.post .wp-caption p{ font-size:85%;}

.post .twi{
	background:url(https://ateitexe.com/wp-content/uploads/twi/twit.png) no-repeat left 5px;
	padding-left:60px; 
	min-height:50px; 
	margin-top:10px;
	}
.post .twi p{margin:0 !important;}
.post .twi p:before{
	content:"*you @ateitexe\A"; 
	white-space: pre; 
	color:#aaa;
	}
.post .twi img{margin-top:10px;}
.post .twi_h{
	font-size:80%; 
	color:#aaa; 
	border-bottom:1px solid #ddd; 
	padding:5px 0;
	text-align:right;
	}
.post .memo{
	background: url(../javafx-scene-builder-containers_files/images/memo.png) no-repeat 5px 5px;
	/*background: url(images/sprt.png) no-repeat 0 -1609px;*/
	border: 3px double #ddd; 
	margin-bottom:20px;
	padding: 12px 40px 20px 40px;
	color: #666;
	border-radius: 6px;
	}
.post .memo p{margin: 0;}
.post .memo ul, .post .memo ol{margin: 10px 0;}
.post .memo ul li, .post .memo ol li{margin:5px 0;}

.post .attention{margin:30px 0; border:#c33 1px solid; padding:15px;}
.post .attention h2,
.post .attention h3,
.post .attention h4{
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background: none;
	}
.post .attention p{margin:10px 0 0 0; color:#666;}

.post .intr{margin-bottom:30px;clear:both;}

.post table.tbl{
	background-color: #fff;
	border:#dcdddd 1px solid;
	border-top:#fff 3px double;
	border-collapse: collapse;
	font-size: 80%;
	color:#333;
	margin-bottom:10px;
	line-height:15px;
	}
.post table.tbl th {
	border-left: #dcdddd 1px solid;
	border-bottom: #dcdddd 1px solid;
	background-color: #efefef;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
} 
.post table.tbl td {
	border-left: #dcdddd 1px solid;
	border-bottom: #dcdddd 1px solid;
	vertical-align: top;
	padding: 7px;
}

/*著書アーカイブ用*/
.books{
	width: 300px;
	float: left;
	}
.books:nth-child(odd){margin-right: 60px;}
.books h2.bk_title{
	font-size: 120%;
	line-height: 20px;
	margin-top: 40px;
	}
.books h2.bk_title a{
	color:#333!important;
	text-decoration:none;
	padding:0;
	}
.books h2.bk_title a:hover{color: #ff6666!important;}
.books p{margin-bottom:20px;}
.books p.release_day{
	font-size: 80%;
	color: #666;
	margin: 5px 0 10px 0;
	}
.books p.intro{
	font-size: 90%;
	line-height: 20px;
	}

/*タグ・カテゴリ出力用*/
.other h3{
	padding:40px 0 5px 10px;
	clear: both;
	margin-bottom:10px;
	background: url(../javafx-scene-builder-containers_files/images/line2.png) no-repeat bottom;
	}
.other ul.info{margin:-35px 0 25px 0;}
.other ul.info li{
	float: right;
	font-size:80%;
	padding-left:20px;
	margin-right:10px;
	list-style: none !important
	}
.other ul.info li a{color: #666;}
.other ul.info li a:hover{color: #333;}
.other ul.info li.tag{
	/*background: url(images/icon_tag.png) no-repeat 0 2px;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -750px;
	}

.other ul.relation{margin:0;}
.other ul.relation li{
	margin:0 10px 10px 10px;
	float:left;
	font-size:85%;
	line-height:15px;
	}
.other ul.relation li{width:110px;}
.other ul.relation li img{
	border-top: 1px #ddd solid; 
	border-left: 1px #ddd solid; 
	border-right: 1px #999 solid; 
	border-bottom: 1px #999 solid; 
	padding: 3px;
	background: #fff;
	margin:0 0 3px 0;
	}
.other ul.relation li img:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
.other ul.relation li.book{width: 310px;}/*著書ページ用*/
.other ul.relation li.book img{
	width: 310px;
	height: 150px;
	}

/* 人気記事 サムネイル */
.PV-cat{
	margin:0;
	float:left;
	}
.PV-cat h3{
	padding:10px 0 5px 0;
	background: url(../javafx-scene-builder-containers_files/images/line2.png) no-repeat bottom;
	}
.PV-cat ol{
	margin:0;
	counter-reset:li; /*カウントリセット*/
	}
.PV-cat ol li{
	width:116px;
	margin:10px 7px;
	float:left;
	font-size:85%;
	line-height:15px;
	list-style:none; /*デフォルトナンバリングを消す*/
	position:relative;
	z-index:0;
	padding:0;
	}
.PV-cat ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	z-index:10;
	top:5px; /*位置*/
	left:5px;
	width:30px; /*幅*/
	height:39px; /*高さ*/
	padding-top:7px;
	color:#fff; /*文字色*/
	/*background:url(images/cat_pop.png) no-repeat; 背景画像*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -66px;
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:200%;
	text-align:center;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
.PV-cat ol li img{
	width:110px;
	height:75px;
	border-top: 1px #ddd solid; /*画像枠*/
	border-left: 1px #ddd solid;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	padding: 3px;
	background: #fff;
	margin:0 0 3px 0!important;
	}
.PV-cat ol li img:hover{ /* IE8以下だとメダル画像が消えちゃう */
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
/* 人気記事 サムネイル ここまで */

/************** Comments **************/
/*全体*/
#comping h3{
	padding:5px;
	clear: both;
	margin-top:40px;
	}
#comping p{margin-bottom:15px;}
#comping p.wait,p#wait{font-size:85%; margin:5px; color:#c33;}
#comping .comment-meta,
#comping .comment-meta a{
			margin-bottom:10px;
			color: #999;
			font-size:85%;
			}
#comping .comment-meta a:hover{color: #ccc;}

#com_atte{margin-top:30px; border:#c33 1px solid; padding:10px 15px;}
#com_atte h2,
#com_atte h3,
#com_atte h4{
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background: none;
	}
#com_atte p{margin:5px 0 0 0; color:#666; font-size:85%;}

/*コメント用*/	
.commentlist{margin-bottom:30px;}
	.commentlist li {
		background: url(../javafx-scene-builder-containers_files/images/line2.png) no-repeat;
		padding:15px 0 0 55px;
		position:relative;
		}
	.commentlist .avatar {
		background:#fff;
		border-top: 1px #ddd solid; 
		border-left: 1px #ddd solid; 
		border-right: 1px #999 solid; 
		border-bottom: 1px #999 solid; 
		left:0;
		margin:0 16px 0 0;
		padding:3px;
		position:absolute;
		top:15px;
		}
	.commentlist .reply a{
		position: absolute;
		top: 15px;
		right: 0;
		padding: 2px 10px 2px 20px;
		/*background: url(images/icon_com.gif) no-repeat left 7px;*/
		background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -424px;
		font-size: 85%;
		color: #333;
		text-decoration: none;
		}
		.commentlist .reply a:hover {color: #ff6666;}
.com_txt{margin-left:-50px;}
/*コメント内*/
.comment-body p.small, p.notes{font-size:80%; margin-bottom:20px; line-height:15px;}
.comment-body p.notes{color:red;}
.comment-body code{
	margin:0 5px;
	padding:0 5px;
	color:#369;
	background-color:#f3f3f3;
	-moz-border-radius: 5px; /*角丸*/
	-webkit-border-radius: 5px; /*角丸*/
	border-radius: 5px; /*角丸*/
	}
.comment-body ul{margin:20px 0;}
.comment-body ul li{
	/*list-style: url(images/list_p.png);*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -878px;
	line-height:17px;
	padding:0 0 0 20px;
	margin:10px 0;
	}
.comment-body img{
	border-top: 1px #ddd solid; 
	border-left: 1px #ddd solid; 
	border-right: 1px #999 solid; 
	border-bottom: 1px #999 solid; 
	padding: 3px;
	background: #fff;
	}

/*トラックバック用*/
.pinglist{margin-bottom:30px;}
	.pinglist li {
		background: url(../javafx-scene-builder-containers_files/images/line2.png) no-repeat;
		padding:15px 0 0 10px;
		position:relative;
		}
		
/*** Comment form ***/
#respond{margin-top:40px;}
#respond h3{
	background:url(../javafx-scene-builder-containers_files/images/line2.png) no-repeat bottom;
	padding:5px;
	}

#commentform{margin-top:20px;}
	#commentform p{clear: both}
	#commentform label{margin: 10px 5px;font-size:85%;}
	#commentform input[type="text"], #commentform textarea{
		margin: 5px 0 10px;
		}
		#commentform input[type="text"]:focus, #commentform textarea:focus{
			border:1px solid #aaa;
			}

		
/************* widget **************/
#side h3{
	/*background:url("images/side_line.png") no-repeat left 100%;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -1388px;
	zoom: 1; /* IE */
	margin-bottom: 10px;
	padding:0 0 3px 20px;
	text-shadow: 0 1px 1px #fff;
	}
#side p.small{font-size:80%; line-height:15px;}
#side img{
	/*border:1px #ccc solid;*/
	border-top: 1px #ddd solid; 
	border-left: 1px #ddd solid; 
	border-right: 1px #999 solid; 
	border-bottom: 1px #999 solid; 
	padding: 3px;
	background: #fff;
	margin-top:0;
	}

#footer h3{
	/*background: url(images/bottom_line.png) no-repeat left 2px; 見出し画像*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 2px;
	padding-left:20px;
	height: 25px;
	margin-bottom:5px;
	text-shadow: 0 1px 1px #fff;
	}

.widget-container{margin-top:40px; clear: both;}
.widget-container a{text-decoration:none;}
	
.widget-container ul li{
	/*background: url(images/list.png) no-repeat left 1px;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -817px;
	padding-left:15px;
	margin-bottom:10px;
	line-height:17px;
	}
	.widget-container ul li:first-child h3{margin-top:0;}

.widget-container ul.side_up li{/*サイドバーの更新情報*/
	background: none;
	padding-left:0px;
	float:left;
	}
.widget-container ul.side_up li img{
	clear: both;
	float:left;
	padding: 2px;
	margin-right: 5px;
	}
.widget-container span.update{
	text-align: right;
	font-size: 80%;
	color: #aaa;
	line-height: 15px;
	}

.widget-container ol {
	counter-reset:li; /*カウントリセット*/
	}
.widget-container ol li {
	/*list-style:none; デフォルトナンバリングを消す*/
	position:relative; 
	margin-left:80px;
	margin-bottom:5px;
	padding:0;
	line-height:17px;
	/* *list-style-type: decimal; IE7*/
	}
.widget-container ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:-80px; /*コンテンツの左へ*/
	width:80px; /*幅*/
	padding-top:50px;
	color:#fff; /*文字色*/
	/*background:url(images/ico_rank.png) no-repeat left 3px; 背景*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat -115px -238px;
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:120%;
	text-align:center;
	line-height:69px;
	}
.widget-container a img:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
	
.instagram-image img{
	border:none !important;
	padding:0 !important;
	}
.more-cts{
	/*background:url("images/icon_more.gif") no-repeat right 8px;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat right -548px;
	font-size:85%;
	padding:2px 16px 0px 10px;
	text-align:right;
	display:block;
	}
	.more-cts a{text-decoration:none;}

/*はてな*/
.hatena-modulebody span.hatena-bookmark-count a {
	font-size:80%;
	margin-left: 0.2em;
	text-decoration: underline;
}
.hatena-modulebody span.hatena-bookmark-count em a {
	background-color: #fff0f0;
	font-weight: bold;
	display: inline;
	font-style: normal;
	color: #ff6666;
}
.hatena-modulebody span.hatena-bookmark-count strong a {
	background-color: #ffcccc;
	font-weight: bold;
	font-style: normal;
	display: inline;
	color: red;
}

/*タブ*/
.tab, .tab ul, .tab2, .tab2 ul{
	/*background: url(images/bottom_line.png) no-repeat left 2px; 見出し画像*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 2px;
	padding-left:20px;
	height: 25px;
	margin-bottom:5px;
	}
.tab li, .tab2 li{ /*タブ部分*/
	float: left;
	margin-right:20px;
	padding-bottom:3px;
	/*background: url(images/tab.gif) no-repeat center bottom; タブ画像*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat center -1534px;
	text-shadow: 0 1px 1px #fff;
	}
.tab li.active a, .tab2 li.active a{ /*選択中のタブ*/
	color:#333;
	font-weight:bold;
	}
.tab_area, .tab_area2{ /*切り替え部分非表示*/
	display: none;
	}
.tab_content, .tab_content2{ /*内容*/
	clear: both;
	overflow: hidden;
	}
.tab_content{width: 325px;}
.tab_content2{width: 325px;}
.tab_content ul li{ /*内容のリスト表示*/
	clear: both;
	overflow: hidden;
	line-height: 18px;
	margin-top: 5px;
	}
.tab_content ul li img{
	float: left;
	margin: 0 5px 20px 0;
	border-top: 1px #ddd solid; 
	border-left: 1px #ddd solid; 
	border-right: 1px #999 solid; 
	border-bottom: 1px #999 solid; 
	padding: 3px;
	background: #fff;
	}
.tab_content2 ul.cat li{ /*カテゴリだけ*/
	float: left;
	padding-right: 30px;
	}

/* QRコード */
#ad_qr{float:right;}
#qr_str{
	margin: 0;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat 0 -1204px;
	width: 22px;
	height: 60px;
	zoom:1;
	float: left;
}
#qr_img{
	margin: 0;
	height: 60px;
	float: left;
	}
#qr_img img{
	border: none; 
	padding: 0 0 0 3px;
	}

/* 広告 */
.adsense_side, .raku_side, .ad_contents_footer728-90, .ad_contents_center728-90,
.ad_center, .ad336-280, .promo, .a8_footer, .ad300-250footer{
	padding: 3px;
	background: #fff;
	}
.adsense_side, .raku_side, .a8_footer, .ad300-250footer{
	border-top: 1px #ddd solid; 
	border-left: 1px #ddd solid; 
	border-right: 1px #999 solid; 
	border-bottom: 1px #999 solid; 
	}
.ad_center, .ad_wp, .ad336-280,
.ad_contents_footer728-90, .ad_contents_center728-90, .promo{
	border-top: 1px #eee solid; 
	border-left: 1px #eee solid; 
	border-right: 1px #ccc solid; 
	border-bottom: 1px #ccc solid; 
	}
.adsense_side, .raku_side, .a8_footer, .ad300-250footer{
	width: 300px;
	height: 250px;
	}
.raku_side{
	margin-top: 40px;
	}
.ad_center{/*moreのとこ*/
	width: 468px;
	height: 60px;
	}
.ad_wp{width: 474px; height: 66px;}
.promo{width: 500px; height: 100px;}
.promo{margin: 30px auto;}
.ad_center, .ad_wp{margin: 50px auto;}/*moreのとこ*/

.ad_contents_footer728-90,
.ad_contents_center728-90{
	width: 728px;
	height: 90px;
}
.ad_contents_center728-90{margin: 50px 0 30px -34px;}
.ad_contents_footer728-90{margin: 40px 0 0 -34px;}
.ad336-280{
	width: 336px;
	height: 280px;
	float: left;
	margin:10px 0 0 0;
	}
.ft_fb{
	margin-bottom: 40px;
	}

/************** Footer ***************/
#footer .widget-area{
	width:325px;
	margin:50px 20px 80px 20px;
	float: left;
	}
#footer .widget-area img{
	vertical-align:bottom;
	margin: 0 5px 5px 0;
	}
#footer a{text-decoration: none;}

#ArchivesArea{
	scrollbar-arrow-color:#CCCCCC; /*IE用*/
	scrollbar-3dlight-color:#F6F6F6;
	scrollbar-darkshadow-color:#F6F6F6;
	scrollbar-highlight-color:#F6F6F6;
	scrollbar-face-color:#F6F6F6;
	scrollbar-track-color:#F6F6F6;
	scrollbar-shadow-color:#F6F6F6; /*IE用ここまで*/
	font-size:80%;
	margin-top:10px;
	width:270px;
	height:95px; 
	line-height:1.5;
	overflow:auto;
	}

/*ここからchrome用*/
#ArchivesArea::-webkit-scrollbar {
	width: 12px;
	}
#ArchivesArea::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /*余白シャドウ*/
	border-radius: 10px;
	}
#ArchivesArea::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(159,188,196,0.8); /*スクロールバー色*/
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); /*シャドウ*/
	}

#ArchivesArea li{
	display:block;
	overflow:hidden;
	float:left;
	padding-left:10px;
	zoom:1;
	}

#ArchivesArea dt, #ArchivesArea dd{
	float: left;
}
#ArchivesArea dt{
	clear: both;
	font-weight: bold;
}
#ArchivesArea dd{
	margin-left: 4px;
}


#footer_nav address{
	/*clear: both;*/
	float:left;
	font-size:80%;
	padding:10px 0;
	color: #666
	}
#footer_nav .f_navi-area{
	float: right;
	margin:10px 0;
	}

#auther{margin-bottom:20px;}
#auther img{float:left; margin-right:5px;}
#auther h4{font-weight:bold; margin-bottom:5px;}
#auther p{font-size:90%; line-height:18px;}

/************ その他カスタム ******************/
#booklog{margin:10px 0 0px 10px;}

.app{
	padding-left: 50px;
	margin: 20px 0 10px 0;
	color: #666;
	font-size: 85%;
	line-height: 20px;
	}
.app img{
	float: left;
	border: none;
	margin: 0 5px 0 0;
	}
.app strong{
	font-size: 120%;
	line-height: 25px;
	}
.app.android{background: url(../javafx-scene-builder-containers_files/images/androidapp.png) no-repeat 10px top;}
.app.iphone{background: url(../javafx-scene-builder-containers_files/images/iphoneapp.png) no-repeat 10px top;}

/*アプリレビュー*/
.app-box{
	margin: 30px 0 20px 0;
	overflow: hidden;
	}
.app-box img.app-img{
	width:100px;
	height:100px;
	float:left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 1px solid #CCC;
	margin-right: 15px;
	}
.app-Title{
	font-weight: bold;
	line-height: 17px;
	margin-bottom: 5px;
	}
.app-Developper{
	font-size: 80%;
	line-height: 15px;
	}
.app-box ul{margin:0;}
.app-box ul li{
	background:none;
	margin:0;
	padding:0;
	float:left;
	}
.app-box ul li a{
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	}
.app-box ul li a.app-googleImg{
	background:url(https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png) no-repeat;
	width:155px;
	height:60px;
	background-size:contain;
	margin-left:-10px;
	}
.app-box ul li a.app-iTuneImg{
	background:url(//linkmaker.itunes.apple.com/assets/shared/badges/ja-jp/appstore-lrg.svg) no-repeat;
	width:135px;
	height:40px;
	margin-top:10px;
	}


.extlink,.fvc{
	/*background: url(images/new_win.gif) no-repeat right center;*/
	background: url(../javafx-scene-builder-containers_files/images/sprt.png) no-repeat right -936px;
	margin-right: 3px;
	padding-right: 13px;
	}
.ad_book,.booklink-box_foot{
	float: left;
	width: 200px;
	margin: 10px 9px 20px 9px;
	font-size: 80%;
	line-height:15px;
	}
.booklink-link2,.booklink-powered-date {
margin-top:5px;
}

/*スマホ表示用*/
/* RENDER SWITCHER */
.renderSwitcher p{
	text-align: center;
	margin-top:-15px;
	padding-bottom:5px;
}

/*ページネーション*/
.PageNavi{
	clear: both;
	margin-top:10px;
	font-family: 'Federo', sans-serif !important;
	font-size:110% !important;
}

.PageNavi a.page-numbers,
.PageNavi span.page-numbers{
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 1px 5px;
	margin: 2px;
	-moz-border-radius: 3px; /*角丸*/
	-webkit-border-radius: 3px; /*角丸*/
	border-radius: 3px; /*角丸*/
}

.PageNavi a.page-numbers:hover,
.PageNavi .current {
	background: #CCC;
	color: #FFF;
}

.PageNavi .current {
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 1px #aaa inset;  
	-moz-box-shadow: 1px 1px 1px #aaa inset;
	box-shadow: 1px 1px 1px #aaa inset;
}

/*パーマリンク注意*/
.pml{
	color:#666;
	font-size:80%;
	line-height:15px;
	margin:10px 0;
	padding:10px;
	border: 1px dashed #aaa;
}

/* affi */
.shoplinkamazon, .shoplinkkindle,
.shoplinkrakuten, .shoplinkrakukobo{
	position: relative;
	padding: 0 0 0 1.3em;
}
.shoplinkamazon::before, .shoplinkamazon::after,
.shoplinkkindle::before, .shoplinkkindle::after,
.shoplinkrakuten::before, .shoplinkrakuten::after,
.shoplinkrakukobo::before, .shoplinkrakukobo::after {
	position: absolute;
	border-radius: 100%
}
.shoplinkamazon::before, .shoplinkkindle::before,
.shoplinkrakuten::before, .shoplinkrakukobo::before {
	content: '';
	left: 0;
	width: 14px;
	height: 14px;
}
.shoplinkamazon::after, .shoplinkkindle::after,
.shoplinkrakuten::after, .shoplinkrakukobo::after {
	z-index: 2;
	top: 0;
	left: .3em;
	color: #fff;
	font-family: Verdana;
	font-size: 85%
}
.shoplinkamazon::before, .shoplinkkindle::before {
	background: #0033cc; /*ブルー系*/
}
.shoplinkrakuten::before, .shoplinkrakukobo::before {
	background: #cc3333; /*レッド系*/
}
.shoplinkamazon::after, .shoplinkkindle::after {
	content: 'A';
}
.shoplinkrakuten::after, .shoplinkrakukobo::after {
	content: 'R';
}