@charset "utf-8";

/*==============================
========== リセット ==========
==============================*/
html,body
	{
	text-align: left ;
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	background: transparent ;
	font-size: 13px ;
	font-weight: normal ;
	line-height: 1.0 ;
	outline: 0 ;
	cursor: crosshair ;
	}

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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center, dl,dt,dd, ol,ul,li, form,input,textarea,select,option, label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	background: transparent ;
	outline: 0 ;
	cursor: crosshair ;
	}
a
	{
	vertical-align: baseline ;
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	outline: 0 ;
	line-height: 1.0 ;
	cursor: crosshair ;
	}
fieldset, img
	{
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	outline: 0 ;
	overflow: hidden ;
	line-height: 1.0 ;
	}
ol, ul
	{
	list-style: none ;
	}
blockquote, q
	{
	quotes: none ;
	}
blockquote:before, blockquote:after,
q:before, q:after
	{
	content: '' ;
	content: none ;
	}
		/* remember to define focus styles! */
:focus
	{
	outline: 0 ;
	}
		/* remember to highlight inserts somehow! */
ins
	{
	text-decoration: none ;
	}
del
	{
	text-decoration: line-through ;
	}
		/* tables still need 'cellspacing="0"' in the markup */
table
	{
	border-collapse: collapse ;
	border-spacing: 0 ;
	}



/*==============================
========== 基本設定 ==========
==============================*/
body, html
	{
	text-align: center ;
	margin: 0 auto ;
	height: 100% ;
	width: 100% ;
	}

body
	{
	cursor: crosshair ;
	font-size: 13px ;
	}

a
	{
	text-decoration: none ;
	cursor: crosshair ;
	}
	a:link, a:visited
		{
		color: #808080 ;
		}
	a:hover
		{
		color: #da1709 ;
		}
	a:active, a:focus
		{
		color: #c0c0c0 ;
		}
a.img
	{
	text-decoration: none ;
	border: none ;
	}

br
	{
	letter-spacing: 0 ;
	}

input, textarea
	{
	margin: 5px 0 ;
	border: 1px solid #c0c0c0 ;
	padding: 5px ;
	background: #ffffff ;
	color: #808080 ;
	}
	input:focus, textarea:focus
		{
		border-color: #da1709 ;
		outline: 0 ;
		}
	input:hover, textarea:hover
		{
		color: #000000 ;
		}
input[type="submit"]
	{
	margin: 0 ;
	border: 1px solid #da1709 ;
	padding: 3px 10px ;
	background: #da1709 ;
	color: #ffffff ;
	font-size: 90% ;
	}
	input[type="submit"]:focus
		{
		background: #ffffff ;
		color: #da1709 ;
		}
select,option
	{
	vertical-align: middle ;
	margin: 0 ;
	border: 0 ;
	padding: 0 0 0 5px ;
	background: #ffffff ;
	color: #000000 ;
	font-size: 90% ;
	}

strong, b
	{
	font-weight: bold ;
	}



/*==============================
========== 独自設定 ==========
==============================*/
/*----- 文字装飾 -----*/
.big
	{
	font-size: 120% ;
	}
.small
	{
	font-size: 80% ;
	}
.bold
	{
	font-weight: bold ;
	}
.spacing
	{
	letter-spacing: 3px ;
	}

.en, .en a, .en span
	{
	font-family: 'Candara' ;
	}
.en_goth, .en_goth a, .en_goth span
	{
	font-family: 'Century Gothic' ;
	}
.ja, .ja a, .ja span
	{
	font-family: 'ＭＳ Ｐ明朝','ＭＳ 明朝','serif' ;
	}
.ja_goth, .ja_goth a, .ja_goth span
	{
	font-family:'ＭＳ Ｐゴシック','ＭＳ ゴシック', 'sans-serif' ;
	}
.meiryo, .meiryo a, .meiryo span
	{
	font-family: meiryo ;
	}
.verdana, .verdana a, .verdana span
	{
	font-family: 'verdana' ;
	}

.red
	{
	color: #ff0000 ;
	}
.slv
	{
	color: #c0c0c0 ;
	}

.left
	{
	text-align:left;
	}
.center
	{
	text-align:center;
	}
.right
	{
	text-align:right;
	}

.u, .u_c
	{
	margin: 0 ;
	border-bottom: 1px solid ;
	padding: 0 ;
	}
	.u
		{
		border-bottom-color: #222222 ;
		}
	.u_c
		{
		border-bottom-color: #ff0000 ;
		}
.u_dot
	{
	margin: 0 ;
	border-bottom: 1px dotted #000000 ;
	padding: 0 ;
	}
.blink
	{
	text-decoration: line-through ;
	color: #505050 ;
	}
/*----- インデント・パラ -----*/
.indent, .para, .p, .wf
	{
	text-align: left ;
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	line-height: 1.3 ;
	}
.indent
	{
	margin-left: 15px ;
	}
.p
	{
	margin: 5px 0 25px 15px ;
	}
.wf
	{
	padding: 20px ;
	background: transparent url(http://file.azxx.dankanoko.com/wf.png) repeat ;
	}
/*----- 箱 -----*/
.box, .box_scroll, .box_double
	{
	margin: 5px ;
	font-size: 80% ;
	line-height: 1.3 ;
	}
.box, .box_scroll
	{
	border: 1px solid #808080 ;
	padding: 5px ;
	}
.box
	{
	width: 250px ;
	}
.box_scroll
	{
	height: 100px ;
		overflow-y: auto ;
	width: 250px ;
	}
.box_double
	{
	border-left: 5px double ;
	padding: 5px 10px ;
	}
	.box_double.red
		{
		border-left-color: #da1709 ;
		}
	.box_double.gray
		{
		border-left-color: #808080 ;
		}
/*----- ほか -----*/
.hr
	{
	margin: 0 0 3px ;
	border-bottom: 1px solid #000000 ;
	font-size: 0px ;
	height: 15px ;
	width: 100% ;
	}
.clear
	{
	clear: both ;
	font-size: 0px ;
	}



/*==============================
========== #all ==========
==============================*/
#all
	{
	margin: 0 auto ;
	border: 0 ;
	padding: 0 ;
	}



/*==============================
========== #topblock ==========
==============================*/
#topblock
	{
	text-align: center ;
	margin: 0 auto ;
	border: 0 ;
	padding: 0 ;
	}

#top
	{
	background: transparent url(http://file.azxx.dankanoko.com/top.png) no-repeat 50% 0% ;
	margin: 0 auto ;
	border: 0 ;
	padding: 0 ;
	height: 430px ;
	}
.toptitle
	{
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	font-size: 0px ;
	}

#calendar
	{
	text-align: center ;
	margin: 10px auto 20px ;
	border: 0 ;
	padding: 5px ;
	background: #ffffff ;
	font-family: 'Verdana' ;
	}
.calendar
	{
	text-align: center ;
	margin: 0 auto ;
	font-size: 80% ;
	word-spacing: 3px ;
	}
#calendar .prev, #calendar .next
	{
	font-weight: normal ;
	letter-spacing: 2px ;
	}
#calendar .prev
	{
	padding-right: 10px ;
	}
#calendar .next
	{
	padding-left: 10px ;
	}
#calendar .now, #calendar .day
	{
	padding: 0 5px ;
	}
#calendar .day a:link, #calendar .day a:visited
	{
	color: #da1709 ;
	}
#calendar .day a:hover
	{
	color: #dcdcdc ;
	}
#calendar .day a:active, #calendar .day a:focus
	{
	color: #808080 ;
	}

/*---------- 幅1025px以上 ----------*/
@media screen and ( min-width: 1025px )
	{
	}

/*---------- 幅1024px以下 ----------*/
@media screen and ( max-width: 1024px )
	{
	}

/*---------- 幅599px以下 ----------*/
@media screen and ( max-width: 599px )
	{
	#top
		{
		position: relative ;
		background-size: contain ;
		height: auto ;
		}
	#top::before
		{
		content:"";
		display: block ;
		padding-top: 66% ;
		}
	#calendar, .calendar, #calendar .prev, #calendar .next, #calendar .now, #calendar .day
		{
		display: none ;
		margin: 0 ;
		border: 0 ;
		padding: 0 ;
		background: transparent ;
		}
	}



/*==============================
========== #content ==========
==============================*/
#content
	{
	margin: 20px auto ;
	border: 0 ;
	padding: 0 ;
	width: 100% ;
	}

/*---------- 幅1025px以上 ----------*/
@media screen and ( min-width: 1025px )
	{
	}

/*---------- 幅1024px以下 ----------*/
@media screen and ( max-width: 1024px )
	{
	#content
		{
		margin: 0 auto ;
		border: 0 ;
		padding: 0 ;
		width: 90% ;
		}
	}

/*---------- 幅599px以下 ----------*/
@media screen and ( max-width: 599px )
	{
	#content
		{
		margin: 0 auto ;
		width: 90% ;
		}
	}



/*==============================
========== #articleblock ==========
==============================*/
#articleblock
	{
	padding: 0 ;
	padding-left: 20px ;
	float: left ;
	width: 60% ;
	}

#article
	{
	text-align: left ;
	}

#pagetitle
	{
	margin: 0 0 15px ;
	font-family: 'Candara' ;
	font-weight: bold ;
	}
#articlelist
	{
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	}

.article
	{
	margin: 0 auto 40px ;
	border: 0 ;
	padding: 0 ;
	}
.articletitle
	{
	margin: 0 ;
	border: 0 ;
	border-bottom: 2px solid #000000 ;
	padding: 0 ;
	padding-left: 10px ;
	font-weight: bold ;
	line-height: 1.5 ;
	}
.articletext
	{
	margin: 10px 15px 20px ;
	border: 0 ;
	padding: 0 ;
	font-size: 80% ;
	line-height: 1.3 ;
	width: 70% ;
	}
div.ps
	{
	margin: 15px 0 0 ;
	border: 0 ;
	padding: 0 ;
	font-family: 'Verdana' ;
	line-height: 1.3 ;
	}
a.ps
	{
	text-decoration: none ;
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	padding-left: 15px ;
	background: transparent url(http://file.azxx.dankanoko.com/arrow.gif) no-repeat 0% 50% ;
	}
.pstext
	{
	margin: 20px 0 0 ;
	border: 0 ;
	border-top: 1px dotted #000000 ;
	padding: 10px 15px 0 ;
	}
div.articledata
	{
	text-align: right ;
	margin: 0 ;
	border: 0 ;
	border-top: 1px dotted #c0c0c0 ;
	padding: 5px 10px 0 ;
	font-family: 'Verdana' ;
	font-size: 80% ;
	}
ul.articledata, li.articledata
	{
	list-style-type: none ;
	}
li.articledata
	{
	display: inline ;
	margin: 0 ;
	border: 0 ;
	padding: 0 1px ;
	color: #808080 ;
	}

#page
	{
	margin: 20px auto ;
	border: 0 ;
	padding: 0 ;
	font-family: 'Candara' ;
	font-size: 120% ;
	}
ul.pager
	{
	list-style-type: none ;
	}
#page li
	{
	display: inline ;
	}
#page li.prev
	{
	margin: 0 ;
	margin-right: 5px ;
	border: 0 ;
	border-right: 5px solid #c0c0c0 ;
	padding: 0 ;
	padding-right: 10px ;
	}
#page li.home
	{
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
	}
#page li.next
	{
	margin: 0 ;
	margin-left: 5px ;
	border: 0 ;
	border-left: 5px solid #c0c0c0 ;
	padding: 0 ;
	padding-left: 10px ;
	}

#navi
	{
	position: fixed ;
		top: 75% ; left: 62% ;
	margin: 0 ;
	border: 0 ;
	padding: 15px ;
	background: #000000 ;
	color: #ffffff ;
	line-height: 1.3 ;
	}
#navi:hover
	{
	background: #da1709 ;
	}
#navi a
	{
	text-decoration: none ;
	display: block ;
	background: transparent ;
	color: #ffffff ;
	font-family: 'Candara' ;
	font-weight: bold ;
	}

/*---------- 幅1025px以上 ----------*/
@media screen and ( min-width: 1025px )
	{
	}

/*---------- 幅1024px以下 ----------*/
@media screen and ( max-width: 1024px )
	{
	}

/*---------- 幅599px以下 ----------*/
@media screen and ( max-width: 599px )
	{
	#articleblock
		{
		padding: 0 ;
		float: none ;
		width: auto ;
		}

	.articletext
		{
		width: auto ;
		}

	#page
		{
		margin: 15px auto ;
		border-top: 1px dashed #dcdcdc ;
		border-bottom: 1px dashed #dcdcdc ;
		padding: 5px ;
		}
	
	#navi
		{
		display: none ;
		}
	}



/*==============================
========== #pluginblock ==========
==============================*/
#pluginblock
	{
	padding: 0 ;
	padding-right: 10px ;
	float: right ;
	width: 30% ;
	}
.plugin
	{
	text-align: left ;
	}
.plugintitle
	{
	margin: 0 ;
	border: 0 ;
	border-left: 8px solid #da1709 ;
	padding: 0 ;
	padding-left: 5px ;
	font-family: 'Candara' ;
	font-weight: bold ;
	letter-spacing: 3px ;
	line-height: 1.5 ;
	}
.pluginbody
	{
	margin: 0 ;
	margin-left: 4px ;
	border: 0 ;
	border-left: 1px dashed #000000 ;
	padding: 10px 10px 15px ;
	font-family: 'Verdana' ;
	font-size: 80% ;
	line-height: 1.3 ;
	}
.plugindata, .plugindata *
	{
	line-height: 1.3 ;
	}

/* ----- blogsearch ----- */
.plugindata .box, .plugindata .btn
	{
	display: inline-block ;
	}
.plugindata .box
	{
	margin: 0 ;
	border: 1px solid #c0c0c0 ;
	padding: 5px ;
	width: 60% ;
	}
	.plugindata .box:hover
		{
		border: 1px solid #808080 ;
		}
	.plugindata .box:active, .plugindata .box:focus
		{
		border: 1px solid #000000 ;
		}
.plugindata .btn
	{
	margin: 0 ;
	border: 1px solid #da1709 ;
	padding: 5px ;
	background: #da1709 ;
	color: #ffffff ;
	width: 20% ;
	}

/*---------- 幅1025px以上 ----------*/
@media screen and ( min-width: 1025px )
	{
	}

/*---------- 幅1024px以下 ----------*/
@media screen and ( max-width: 1024px )
	{
	}

/*---------- 幅599px以下 ----------*/
@media screen and ( max-width: 599px )
	{
	#pluginblock
		{
		padding: 10px 0 ;
		float: none ;
		width: auto ;
		}
	
	.plugintitle
		{
		text-decoration: underline ;
		margin: 0 ;
		border: 0 ;
		padding: 0 ;
		}
	.pluginbody
		{
		margin: 0 ;
		border: 0 ;
		padding: 10px ;
		line-height: 1.3 ;
		}
	}



/*==============================
========== #footerblock ==========
==============================*/
#footerblock
	{
	text-align: center ;
	margin: 0 auto ;
	border: 0 ;
	border-top: 2px solid #000000 ;
	padding: 20px ;
	}
#footerblock .p
	{
	text-align: center ;
	margin: 0 auto ;
	border: 0 ;
	padding: 0 ;
	font-family: 'Candara' ;
	font-weight: bold ;
	line-height: 1.5 ;
	}



/*==============================
========== 印刷用の設定 ==========
==============================*/
@media print
	{
	*
		{
		text-shadow: none !important;
		color: #000 !important;
		background: transparent !important;
		box-shadow: none !important;
		}
	a, a:visited
		{
		text-decoration: underline;
		}
	a[href]:after
		{
		content: " (" attr(href) ")";
		}
	abbr[title]:after
		{
		content: " (" attr(title) ")";
		}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after
		{
		content: "";
		}
	pre, blockquote
		{
		border: 1px solid #999;
		page-break-inside: avoid;
		}
	thead
		{
		display: table-header-group;
		}
	tr, img
		{
		page-break-inside: avoid;
		}
	img
		{
		max-width: 100% !important;
		}
	}