body {
/*	font-family: HiraMaruPro-W4, HiraKakuProN-W3, Meiryo;*/
	font-family: HiraKakuProN-W3, Meiryo;
	margin:0px 0px 4px 0px;
	background:#f5f5f5;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
	background-image:url("../pict/wall.gif"); 
	}

a,
a:link,
a:visited {
	color: #000099;
	text-decoration: none;
	}

a:hover {
	background: #ccccff;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	}

blockquote {
	background:#ffffff;
	padding:10px;
	border:dotted 1px #000000;
	width: 90%;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 8px;

	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	}

img {
	border:0;
	}

hr {
	border-width: 1px 0px 0px 0px;
	border-color: #fff;
	margin: 0px auto 4px auto;
	}


p {
	text-indent: 4em;
	margin: 0;
	}


#links {
	padding-right:10px;
	padding-left:10px;
	}


.tableline,
.tableline th,
.tableline td {
	padding: 4px;
	margin: 6px;
	border-collapse: collapse;
	border: 1px #000000 solid;
	}

.prof {
	background:#ffffff;
	font-size:11px;
	margin:0px;
	margin-bottom:8px;
	padding:4px;
	border:dotted 1px #000000;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.prof img {
	float: left;
	margin:4px 8px 6px 0px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}


.toptext, .work_toptext {
	color:#000000;
	font-size:10px;
	font-weight:normal;
	line-height:140%;
	text-align:right;
	padding:2px;
	}


.blog {
	line-height:150%;
	padding: 0px 15px;
	}

.blog a{
	}

.blogbody {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	padding: 1px 10px;
	}

.bloglink {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	padding: 1px 10px;
	}

.bloglink a,
.bloglink a:link,
.bloglink a:visited,
.bloglink a:active {
	color:#000099;
	font-size:14px;
	font-weight:normal;
	padding: 0px;
	text-shadow: #cccccc 0.2em 0.2em 0.2em;
	}

.bloglink img {
	float:left;
	margin-right:10px;
	margin-bottom:0px;
	border:0;
	}

.cate_icon img {
	float:left;
	margin:0px;
	border:0;
	}

/*#container {
	position:relative;
	width:100%;
	margin-bottom:0px;
	}*/

.title { 
	font-weight:bold;
	color: #383838;
	font-size:14px;
	padding: 0px;
	}


.date {
	font-size: 16px;
	color: #383838;
	background: #ffffff;
	border: 0px solid #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight:normal;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}

.date2 {
	font-size:14px;
	color: #383838;
	background: #ffffff;
	border: 0px solid #000000;
	margin-top: 0px;
	margin-bottom: 0px;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}

.date a {
	font-size:14px;
	padding: 0px;
	}


.twitter {
	overflow: hidden;
	font-weight:normal;
	width: 200px;
	}

.twitter a {
	font-weight:bold;
	}


.side, .side_arch {
	color:#000000;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	}

.side_arch {
	font-size: 11px;
	}

.work_side, .work_side_p {
	color: #006600;
	font-size: 11px;
	font-weight: normal;
	line-height: 120%;
	padding: 2px;
	}

.work_side_p {
	font-size: 12px;
	}



.foot, .work_foot, .work_foot2, .work_foot_p {
	color:#000000;
	padding:2px;
	text-align: right;
	}

.foot {
	font-size:12px;
	margin-bottom: 12px;
	}

.work_foot, .work_foot2 {
	font-size: 11px;
	margin-bottom: 0px;
	}

.work_foot2 {
	margin-bottom: 8px;
	}

.work_foot_p {
	font-size: 12px;
	margin-bottom: 0px;
	}


.sidetitle {
	color:#003300;
	font-size:10px;
	font-weight:bold;
	line-height:140%;
	padding:2px;
	margin-top:10px;
	text-align:left;
	text-transform:uppercase;
	letter-spacing: .2em;
	}


.calendar,
.calendar_sat,
.calendar_sun,
.calendarhead {
	font-size:12px;
	padding:2px;
	}

.calendarhead {
	text-align:left;
	}

.calrndar {
	color:#000000;
	}

.calrndar_sat {
	color:#8888ff;
	text-align:center;
	}

.calrndar_sun {
	color:#ff8888;
	text-align:center;
	}


.calendar a{
	color: #000099;
	background: #ccccff;
	}

.footer {
	bottom: 0;
	width: 100%;
	font-size:12px;
	text-align:center;
	margin-top: 16px;
	padding:4px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.2);
	}

.info_date {
	width: 48px;
	padding-right:10px;	
	text-align:right;
	vertical-align:top;
	}

.info_txt,
.info_txt a {
	vertical-align:top;
	}


.list td,
.list th {
	text-align: left;
	vertical-align:top;
	}






/*	Web font	*/

@font-face {
	font-family: 'LigatureSymbols';
	src: url('../webfont/LigatureSymbols-2.11.eot');
	src: url('../webfont/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
	     url('../webfont/LigatureSymbols-2.11.woff') format('woff'),
	     url('../webfont/LigatureSymbols-2.11.ttf') format('truetype'),
	     url('../webfont/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
/*	src: url('https://takuyah.x0.com/webfont/LigatureSymbols-2.11.eot');
	src: url('https://takuyah.x0.com/webfont/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
	     url('https://takuyah.x0.com/webfont/LigatureSymbols-2.11.woff') format('woff'),
	     url('https://takuyah.x0.com/webfont/LigatureSymbols-2.11.ttf') format('truetype'),
	     url('https://takuyah.x0.com/webfont/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');*/
	font-weight: normal;
	font-style: normal;
}
.lsf, .lsf-icon:before {
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon:before {
	content:attr(title);
	margin-right:0.3em;
/*	font-size:130%;*/
	font-size:160%;
}

.lsf {
	font-size:130%;
	vertical-align: bottom;
	}


.lsf_mail {color: #888888;}
.lsf_line {color: #5ae628;}
.lsf_mixi {color: #d1ad59;}
.lsf_twit {color: #00aced;}
.lsf_face {color: #305097;}
.lsf_hate {color: #008fde;}
.lsf_tumb {color: #34526f;}
.lsf_goog {color: #db4a39;}

.lsf_mail, .lsf_line,
.lsf_mixi, .lsf_twit,
.lsf_face, .lsf_hate,
.lsf_tumb, .lsf_goog {
	font-size: 48px;
	margin: 0px 1px;
	display: inline-block;
	_display: inline;
	}




/*	Responsive Design	*/
#main {
	position: relative;
	min-height: 100%;
	width: 85%;
	margin: 0 auto;
	background:#f5f5f5;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

#main:after {
	content: "";
	display: block;
	clear: both;
	}

.left {
	float: left;
	position: absolute;
	width: 200px;
	min-height: 100%;

	font-size:12px;
	padding-right:10px;	
	padding-left:10px;
	}

.right {
	float: right;
	position: relative;
	width: 95%;
	min-height: 100%;

	color:#000000;
	font-weight:normal;
	padding-right:10px;	
	padding-left:10px;
	}

.content {
	margin: 0 0 0 220px;
	}

.only_sp, .only_prt {
	display: none;
	}




/*	Flat Design	*/

#header {
	background: #a4c9db;
	height: 40px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	margin: auto auto;
	z-index: 10;
	vertical-align: middle;
	position:fixed; top:0px;left:0px;right:0px; height:40px;
	background-image:url("../pict/plugins.png"); 
	background-size: 1500px;
	background-position: left top;
	}

.logo_table {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	}

.logo {
	color: #f5f5f5;
	font-family:Helvetica;
	font-weight: bold;
	font-size:16px;
	text-shadow:-1px -1px #556,1px -1px #556,-1px 1px #556,1px 1px #556;
	margin: 0 auto;
	vertical-align: middle;
	}

.blog_select,
.nav_menu {
	font-family:Helvetica;
	font-weight: bold;
	font-size:16px;
	text-shadow:-1px -1px #556,1px -1px #556,-1px 1px #556,1px 1px #556;
	vertical-align: middle;
	}

.blog_select a,
.nav_menu a {
	color: #f5f5f5;
	}

.blog_select a:hover,
.nav_menu a:hover {
	color: #ffffff;
	background: none;
/*	background: #a4c9db;
	text-shadow:-2px -2px #99d,2px -2px #99d,-2px 2px #99d,2px 2px #99d;*/
	text-shadow:-1px -1px #99d,1px -1px #99d,-1px 1px #99d,1px 1px #99d;
	}


.white_edge {
	color: #f5f5f5;
	font-family:Helvetica;
	font-weight: bold;
	font-size:18px;
	text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;
	margin: 0 auto;
	}

.foot_nav {
	font-family:Helvetica;
	font-weight: bold;
	font-size:18px;
	margin: 0 auto;
	}

.foot_nav a,
.foot_nav a:link,
.foot_nav a:visited {
	color: #f5f5f5;
	text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;
	}

.foot_nav a:hover {
	color: #ffffff;
	background: #f5f5f5;
/*	text-shadow:-2px -2px #99d,2px -2px #99d,-2px 2px #99d,2px 2px #99d;*/
	text-shadow:-1px -1px #99d,1px -1px #99d,-1px 1px #99d,1px 1px #99d;
	}

.k100,
.k100_set {
	width: 200px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

.k100_set {
	height:75px;
	}


.no_edge {
	text-shadow:0px 0px #f5f5f5,0px 0px #f5f5f5,0px 0px #f5f5f5,0px 0px #f5f5f5;
	}



/*	スマホ以外表示	*/
@media screen and (min-width: 430px) {

html,body{
	overflow-x:hidden;
	}
}

.fixed {
	position: fixed;
	}


/*	タブレット表示（PC表示の横幅を広く取る）	*/
@media screen and (max-width: 768px) and (min-width: 430px) {

#main {
	width: 100%;
	}


.content {
	margin: 0 0 0 190px;
	}
}




/*	スマホ表示、印刷用	*/
@media screen and (max-width: 430px), print {

body {
	background-image: none;
	width: 95%;
	margin: 0 auto;
	}

a:hover {
	background: #f5f5f5;
	}

blockquote {
	margin: 0 auto;
	margin-top: 12px;
	width: 90%;
	}

table,
img {
	max-width: 100%;
	}

ul, ol {
	margin: 0 0 0 1em;
	padding: 0;
	}

hr {
	margin-top: 14px;
	}

iframe {
	width: 100%;
	height: 100%;
	}


/*	YouTube埋め込み動画 レスポンシブ時のアスペクト比対応	*/
/*	https://kakechimaru.com/youtube_aspect/	*/
.youtube_wrap{
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}

.youtube_wrap iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#main {
	width: 100%;
	}


#header {
	background-image:url("../pict/plugins.jpg"); 
	background-size: 200%;
	}



.left {
	position: relative;
	float: none;
	padding-right:0px;
	padding-left:0px;
	width: 100%;
	}


.right {
	position: relative;
	float: none;
	padding-right:0px;
	padding-left:0px;
	width: 100%;
	}

.content {
	margin: 0px;
	}

.logo {
	font-size:10px;
	}

.blog_select {
	font-size:12px;
	padding:0px 8px;
	text-align: center;
	}

.nav_menu {
	font-size:16px;
	padding:0px 2px;
	}

.blog_select a:hover,
.nav_menu a:hover {
	text-shadow:-1px -1px #556,1px -1px #556,-1px 1px #556,1px 1px #556;
	}

.foot_nav a:hover {
	color: #ffffff;
	}

.toptext {
	font-size:6px;
	}

.info_date {
	width: 28px;
	padding-right:6px;
	font-size:10px;
	}

.info_txt {
	font-size:10px;
	}

.title { 
	font-size:11px;
	}

.side, .side_arch {
	font-size:12px;
	line-height:160%;
	}

.date {
	font-size: 12px;
	}

.blogbody {
	padding: 0px 0px;
	font-size:11px;
	}

.foot {
	margin-bottom: 4px;
	}

.prof {
	font-size:11px;
	line-height:130%;
	}

.prof img {
	float: left;
	margin:8px 4px 4px 0px;
	width: 25%;
	height: 25%;
	}

.only_sp {
	display: inherit;
	margin: 0 auto;
	}

.no_sp {
	display: none;
	}

.date2 {
	font-size:10px;
	vertical-align: middle;
	}


.work_side, .work_side_p {
	font-size: 9px;
	}

.work_foot, .work_foot_p {
	font-size: 8px;
	}


.twitter-tweet {
	width: 100%;
	}


.k100_set,
.k100 {
	width:100%;
	height:100%;
	}


.footer {
	margin-top: 2px;
	}

}


/*	印刷専用	*/
@media print {
body {
	line-height: 90%;
	background:#ffffff;
	background-image: none; 
	}

#main {
	background:#ffffff;
	}

#header, .left, .footer, .toptext, .no_prt, .only_sp {
	display: none;
	}

.work_foot {
	border-bottom: 1px dotted #000000;
	border-collapse: collapse;
	}

.only_prt {
	display: block;
	}

.no_prt {
	display: none;
	}

.work_block {
	page-break-inside: avoid;
	}

.work_foot {
	margin-right: 4px;
	padding-right: 0px;
	}

.headmargin {
	margin-top: 8px;
	}

}


/*	iPhone 印刷用	*/
@media print and (max-width: 414px) {
body {
	line-height: 85%;
	}

.only_prt {
	display: none;
	}

}