@charset "utf-8";

/*--------------------------------------
  Basic Reset
---------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, 
table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, 
form, fieldset, legend, label, span, a, img, 
em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript,
style, iframe, embed, param, map, area, 
menu, hr, address, small, strong, i, b, 
article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, 
mark, ruby, rt, rp, bdo, souce, canvas, details, summaary, command,
datalist, keygen, output, progress, meter {
	margin: 0;
	padding: 0;
}

address, article, aside, figure, figcaption, footer, header, hgroup, 
hr, legend, menu, nav, section, summary {
	display: block;
}

/* Reset default browser CSS. Based on work by Eric Meyer: 
http://meyerweb.com/eric/tools/css/reset/index.html */
html, body, div, span, applet, object, iframe,
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: none;
/*	vertical-align: baseline;*/
	background-color: transparent;
}
body {
/*	line-height: 1;*/
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
/*	font-weight: normal;*/
/*	clear: both;*/
}
ol, ul {
/*	list-style: none;*/
}
blockquote {
/*	quotes: none;*/
}
blockquote:before, blockquote:after {
/*	content: '';
	content: none;*/
}
ins {
	background: #ffc;
	border: none;
	color: #333;
}
del {
	text-decoration: line-through;
	color: #555;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #DDD;
}
th,td {
	border: 1px solid #DDD;
}
a img { border: none; }


/*--------------------------------------
  Structure Module
---------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	padding: 0;
	text-align: center;
}

/*--------------------------------------
  Text Module
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 1em 0;
}
h1 {	font-size: 130%;	}
h2 {	font-size: 120%;	}
h3 {	font-size: 110%;	}
h4 {	font-size: 100%;	}
h5 {	font-size: 90%;		}
h6 {	font-size: 80%;		}

p {		margin: 0 0 1em 0;	}

strong {
	font-style: normal;
	font-weight: bold;
}
em {
	background-color: transparent;
	font-style: italic;
	font-weight: normal;
}
address {
	margin: 1em 0;
	font-style: normal;
	line-height: 1.3;
}
blockquote {
	background-color: #EEEEEE;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #B9C3C8;
	color: #333333;
	display: block;
	margin: 1em 24px;
	padding: 2px 5px;
}
blockquote p {
	margin: 0.5em 10px;
}


pre, cite {
	margin: 1em 0;
}
pre {
	width: auto;
	_width: 90%;
	overflow: auto;
	font-size: 75%;
	letter-spacing: 1px;
	color: #3d4263;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	padding: 8px 16px;
}

pre[title]::before {
	display: block;
	color: black;
	content: attr(title);
	margin-bottom: 0.8em;
	}
cite {
	display: block;
	color: #333333;
	font-style: normal;
	text-align: right;
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: 0.5ex; }
code {
	font-family: "Osaka－等幅", monospace;
/*	color: #3d4263;*/
}

/* 必要なときに使用して下さい
kbd {
	font-family: "Osaka－等幅", monospace;
	text-transform: uppercase;
	background-color: #f5f5f5;
	border: 1px solid #6a8eaa;
	padding: 0 0.4em;
}

kbd.accesskey {
	padding: 0 0.2em;
}
*/
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 1.5rem;
}

/*--------------------------------------
  Link Module
---------------------------------------*/
a:link {
	color: #000099;
	background-color: transparent;
	text-decoration: none;
}
a:visited {
	color: #663399;
	background-color: transparent;
	text-decoration: none;
}
a:hover {
	color: #0000FF;
	background-color: transparent;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	background-color: transparent;
	text-decoration: none;
}

/*--------------------------------------
  List Module
---------------------------------------*/
ul {
	list-style-position: outside;
	margin: 1em 0 1em 30px;
	padding: 0;
}
ol {
	list-style-position: outside;
	margin: 1em 0 1em 40px;
	padding: 0;
}
dl {
	margin: 1em 0 1em 16px;
	padding: 1px 8px;
}

/* 入れ子のリスト設定 */
li li, li p, li dt, li dd,
dd li, dd p, dd dt, dd dd {
	font-size: 1rem;
}

li ul, li ol, li dl, li p,
dd ul, dd ol, dd dl, dd p {
	margin: 0.4em 8px;
}
/* 入れ子のリスト設定 end */


/*--------------------------------------
  Edit Module 	
---------------------------------------*/
del {
	color: #666666;
	text-decoration: line-through;
}
/*
del[datetime]::before {
	content: " ( "attr(datetime)"削除) ";
	}
*/
ins {
	border-bottom: 1px dotted #666666;
	text-decoration: none;
}
/*
ins[datetime]::before{
	content: " ( "attr(datetime)"修正) ";
	}
*/

/*--------------------------------------
  Forms Module
---------------------------------------*/
form {
	background-color: #FFFFFF;
	clear: both;
	color: #000000;
	margin: 1em 0;
	padding: 0;
}


/*--------------------------------------
  Tables Module
---------------------------------------*/
table {
	display: table;
	background-color: #FFFFFF;
	border-collapse: collapse;
	color: #000000;
	margin: 0;
}
caption {
	display: table-caption;
	background-color: #CCDDFF;
	color: #000000;
	padding: 3px 0;
}
th, td {
	display: table-cell;
	background-color: #FFFFFF;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	color: #000000;
	text-align: left;	
}
th {
	background-color: #DDDDDD;
	text-align: center;
}

th.txleft, td.txleft {
	text-align: left;
}
th.txcenter, td.txcenter {
	text-align: center;
}
th.txright, td.txright {
	text-align: right;
}

table p {
	margin: 0;
}
table ul, table ol {
	margin: 0;
	padding: 0;
}
table ul li, table ol li {
	margin: 0 5px 0 20px;
	padding: 0;
}

.nobd, .nobd th, .nobd td {
	border: none;
}
th.nowrap, td.nowrap {
	white-space: nowrap;
}

/*--------------------------------------
  Image Module
---------------------------------------*/
img { border: none; }

.opac a:hover img {
	-ms-filter: "alpha( opacity=20 )";
	filter: Alpha(opacity=20);
	opacity: 0.2;
}

/*--------------------------------------
  Object Module
---------------------------------------*/
object, embed {
	margin: 1em 0;
}




/*--------------------------------------
 TKP_SETUP
---------------------------------------*/
.clear {	clear: both;	}
.clearnone {	clear: none;	}

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix {    display:inline-block;    min-height:1%;  /* for IE 7*/	}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Text meant only for screen readers */
/*.assistive-text,*/
.screen-reader-text,
.skip-link {	position: absolute; left: -9000px;	}


/* for monthlist styles */
#monthlist {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
/*	margin-left: 480px;*/
	white-space: nowrap;
	float: right;
	position: relative;
}
#monthlist .title {
	color: #06C;
	width: 158px;
	height: 20px;
	background: #EDEDED;
	padding: 6px 10px 3px 12px;
	cursor: pointer;
	border: solid 1px #DDD;
	display: block;
}
#monthlist .title:hover {
	background-color: #EFD;
}
#monthlist .title:active {
	background-color: #EFD;
}

#monthlist .menu {
	clear: both;
	position: absolute;
	top: 30px;
	width: 180px;
	z-index: 10000;
	margin: 0;
/*	padding: 5px;*/
	background: #EDEDED;
	border: solid 1px #DDD;
	display: none; /* visibility will be toggled with jquery */
}
#monthlist .menu li {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
/*	padding: 6px 0 6px 10px;*/
	list-style: none;
}

/* nav link */
#monthlist .menu a {
	padding: 6px 15px;
	display: block;
	background: #FAFAFA;
}
#monthlist .menu a:hover {
/*	background: #AAA;*/
}
/* nav dropdown */
#monthlist .menu ul {
	background: #F0F0F0;
	padding: 2px;
/*	position: absolute;*/
	border: solid 1px #ccc;
/*	width: 400px;*/
/*	width: auto;*/
	position: static;
	display: block;
/*	border: none;*/
/*	background: inherit;*/
}
#monthlist .menu ul li {
	float: none;
	margin: 0;
/*	padding: 0;*/
}
#monthlist .menu li:hover > ul {
	display: block; /* show dropdown on hover */
}

#monthlist .menu a, 
#monthlist .menu ul a {
/*	font: inherit;*/
/*	background: none;*/
/*	display: inline;*/
/*	padding: 0;*/
	border: none;
}
#monthlist .menu a:hover, 
#monthlist .menu ul a:hover {
	background: none;
/*	color: #000;*/
}
#monthlist .menu ul li {
/*	margin: 6px 0 6px 6px;*/
	margin: 0;
}



/* = WordPress Core
-------------------------------------------------------------- */
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}

.alignnone {
	margin: 5px 20px 0 0;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
a img.alignright {
	float: right;
	margin: 5px 0 1rem 20px;
}
a img.alignnone {
	margin: 5px 20px 1rem 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 1rem 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 1rem 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 1rem 0;
}
.wp-caption.alignright {
	margin: 5px 0 1rem 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}