@charset "EUC-JP";

/*
HTML5 CSS Reset
Based on Eric Meyer's CSS Reset and html5doctor.com HTML5 Reset
Copyright (c) 2011 736 Computing Services Limited
Released under the MIT license. http://opensource.736cs.com/licenses/mit
*/
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,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}
nav ul{list-style:none;}
ol{list-style:decimal;}
ul{list-style:disc;}
ul ul{list-style:circle;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:none;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input[type=submit],input[type=button],button{margin:0;padding:0;}
input,select,a img{vertical-align:middle;}


/* ------------------------------------------
  **  omega-box.com css template
  **  version 1.0 / 2012.11.10
------------------------------------------ */

/* =========== Global Settings =========== */
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family:
		'メイリオ',
		Meiryo,
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		Osaka,
		'ＭＳ Ｐゴシック',
		Arial,
		Helvetica,
		sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	background: #fff;
	background-image: url(http://www.spray.ne.jp/diary/template/ob_tmpl_021_bg00_940.gif);
	background-repeat: repeat-y;
	background-position: center;
}

@media screen and (max-width:940px){
	body {
		background-image: none;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

a {
	color: #aea27a;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}
a:link, a:visited  { color: #887744; }
a:hover, a:active  { color: #aea27a; }
ul,li  { margin: 0; padding: 0; list-style: none; }
input,textarea { font-size: 100% !important; font-family:inherit; }

.txt10 { font-size: 77%;    }
.txt11 { font-size: 85%;    }
.txt12 { font-size: 93%;    }
.txt13 { font-size: 100%;   }
.txt14 { font-size: 108%;   }
.txt15 { font-size: 116%;   }
.txt16 { font-size: 123.1%; }
.txt17 { font-size: 131%;   }
.txt18 { font-size: 138.5%; }
.txt19 { font-size: 146.5%; }
.txt20 { font-size: 153.9%; }
.txt21 { font-size: 161.6%; }
.txt22 { font-size: 167%;   }
.txt23 { font-size: 174%;   }
.txt24 { font-size: 182%;   }
.txt25 { font-size: 189%;   }
.txt26 { font-size: 197%;   }
.txtX2 { font-size: 240%;   }
.txtX3 { font-size: 300%;   }
.txtX4 { font-size: 360%;   }
.txtX5 { font-size: 400%;   }

.red { color: #c33; }
.blue { color: #36c; }
.gray { color: #aaa; }
.green { color: #6c0; }
.orange { color: #f90; }

/* clear/etc */
.hide { display: none; }
.brblock { display: block; font-size: 1px; line-height: 1px; }
.clear { font-size: 1px; line-height: 1px; clear: both; }
.ads_box { padding: 15px 0;clear: both; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }



/* ----------------------------------------
 layout
---------------------------------------- */
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 93%;
	text-align: center;
	position: relative;
}

#base_bg{
	z-index: -1;
	position:fixed;
}

#header {
	width: 100%;
	margin: 0 auto;
	padding: 5px 0 0;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
	background: rgba(17,17,17,0.7);
	background: 
		-webkit-gradient(linear, 
		left top, 
		left bottom, 
		color-stop(0%,rgba(17,17,17,1)), 
		color-stop(100%,rgba(17,17,17,0.7)));
	background: 
		-webkit-linear-gradient(top, 
		rgba(17,17,17,1) 0%, 
		rgba(17,17,17,0.7) 100%);
	background: 
		-moz-linear-gradient(top, 
		rgba(17,17,17,1) 0%, 
		rgba(17,17,17,0.7) 100%);
	background: 
		-o-linear-gradient(top, 
		rgba(17,17,17,1) 0%, 
		rgba(17,17,17,0.7) 100%);
	background: 
		-ms-linear-gradient(top, 
		rgba(17,17,17,1) 0%, 
		rgba(17,17,17,0.7) 100%);
	background: 
		linear-gradient(top bottom, 
		rgba(17,17,17,1) 0%, 
		rgba(17,17,17,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#b3111111',GradientType=0 );
	position: fixed;
	z-index: 999;
}

#footer {
	margin: 0;
	padding: 20px 0 80px;
	text-align: center;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
	background: rgba(17,17,17,0.7);
	background: 
		-webkit-gradient(linear, 
		left top, 
		left bottom, 
		color-stop(0%,rgba(17,17,17,0.7)), 
		color-stop(100%,rgba(17,17,17,1)));
	background: 
		-webkit-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,1) 100%);
	background: 
		-moz-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,1) 100%);
	background: 
		-o-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,1) 100%);
	background: 
		-ms-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,1) 100%);
	background: 
		linear-gradient(top bottom, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3111111', endColorstr='#111111',GradientType=0 );
	position: relative;
	z-index: 888;
}

#contents {
	max-width: 940px;
	margin: 0 auto 20px;
	padding: 0px 10px 10px;
	text-align: left;
	line-height: 1.5em;
	/*background: url(http://www.spray.ne.jp/diary/template/ob_tmpl_021_contents.png);*/
	background-clip: content-box;
	position: relative;
	z-index: 777;
}

#main {
	width: 62%;
	margin: 0;
	padding: 20px 4%;
	float: left;
}

#pagenavi,
#underpagenavi {
	margin: 0 0 30px;
	padding: 5px 0;
	text-align: center;
}
#underpagenavi { clear: both; }

#sidenavi {
	width: 26%;
	margin: 0;
	padding: 20px 4% 20px 0;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	line-height: 1.5em;
	float: right;
}


@media screen and (max-width:960px){
	#contents {
		margin: 0 10px 20px;
		padding: 0px 0 10px;
	}
}
@media screen and (max-width:640px){
	#base_bg {
		display: none;
	}
	/*#header { position: relative; }*/
	#contents {
		padding: 40px 0 10px;
	}
	#main {
		width: 92%;
		margin: 0;
		padding: 20px 4%;
		float: none;
	}
	#pagenavi,
	#underpagenavi {
		margin: 0 0 30px;
		padding: 5px 0;
		text-align: center;
	}
	#underpagenavi { clear: both; }
	#sidenavi {
		width: 92%;
		margin: 0;
		padding: 20px 4%;
		text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
		line-height: 1.5em;
		float: none;
	}
}




/* =========== Header =========== */
#header h1 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #aea27a;
}

#wrapper header h1 a {
	display: block;
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
	text-align: left;
	text-shadow: 1px 1px 0px #111;
	background-image: none;
	background-position: right bottom;
	background-repeat: no-repeat;
}
#wrapper header h1 a:link,
#wrapper header h1 a:visited { color: #fff; }
#wrapper header h1 a:hover,
#wrapper header h1 a:active  { color: #fff; text-shadow: 1px 1px 5px #111; }

#wrapper header h1 a .icon {
	padding-left: 0px;
	margin-right: 0.5em;
	background: url(http://www.spray.ne.jp/diary/template/ob_tmpl_021_home.png) no-repeat right center;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}
#wrapper header h1 a:hover .icon {
	padding-left: 20px;
	background: url(http://www.spray.ne.jp/diary/template/ob_tmpl_021_home.png) no-repeat right center;
}

#wrapper header p {
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	color: #aaa;
	font-size: 85%;
	text-align: left;
}

/* =========== Entry & Profile =========== */
#main article {
	margin: 0 0 50px;
	padding: 0;
}

#main article header {
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
}

#main article header h2 {
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 108%;
	text-shadow: 1px 1px 0px rgba(17,17,17,0.7);
	border-radius: 4px;
	background: rgba(17,17,17,0.55);
	background: 
		-webkit-gradient(linear, 
		left top, 
		left bottom, 
		color-stop(0%,rgba(17,17,17,0.7)), 
		color-stop(100%,rgba(17,17,17,0.4)));
	background: 
		-webkit-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0.4) 100%);
	background: 
		-moz-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0.4) 100%);
	background: 
		-o-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0.4) 100%);
	background: 
		-ms-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0.4) 100%);
	background: 
		linear-gradient(top bottom, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3111111', endColorstr='#66111111',GradientType=0 );
}

#main article header h2 a {
	display: block;
	padding: 10px;
	color: #e3d8b8;
	border-radius: 15px/50%;
	border-left: 5px solid #aea27a;
}
#main article header h2 a:link,
#main article header h2 a:visited  { color: #e3d8b8; }
#main article header h2 a:hover,
#main article header h2 a:active   { color: #aea27a; }

#main article header p {
	margin: 0 0 15px;
	padding: 0;
	color: rgba(51,51,51,0.7);
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	border: none;
}

#main article .entry_body,
#main article .entry_more,
#main article .profile_body {
	width: 100%;
	margin: 0;
	padding: 0 0 10px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	background: none;
}

#main article footer {
	margin: 0;
	padding: 10px 0 0;
	text-align: right;
	border-top: 1px dotted #ccc;
	background: none;
}

#main article footer p {
	color: #aaa;
	font-size: 85%;
}

#main article .entry_body img,
#main article .entry_more img,
#main article .profile_body img {
	max-width: 97.5%;
	height: auto;
	border: 5px solid rgba(0,0,0,0.1);
	border: 5px solid #ddd\9;
}

#main article .entry_body a:link img,
#main article .entry_body a:visited img,
#main article .entry_more a:link img,
#main article .entry_more a:visited img,
#main article .profile_body a:link img,
#main article .profile_body a:visited img {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
	border: 5px solid rgba(0,0,0,0.1);
	border: 5px solid #ddd\9;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#main article .entry_body a:hover img,
#main article .entry_body a:active img,
#main article .entry_more a:hover img,
#main article .entry_more a:active img,
#main article .profile_body a:hover img,
#main article .profile_body a:active img {
	-moz-transform:    scale(1.05,1.05) rotate(2deg);
	-webkit-transform: scale(1.05,1.05) rotate(2deg);
	-o-transform:      scale(1.05,1.05) rotate(2deg);
	-ms-transform:     scale(1.05,1.05) rotate(2deg);
	transform:         scale(1.05,1.05) rotate(2deg);
	border: 5px solid rgba(204,51,51,0.5);
	border: 5px solid #e55\9;
	box-shadow: 0px 0px 10px rgba(204,51,51,0.3);
}



/* =========== Comment =========== */

#comments {
	margin: 0 0 30px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	position: relative;
}

#comments h3 {
	margin: 0 0 10px;
	font-size: 123.1%;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #aea27a;
}

#comments .comment_body {
	margin: 0 0 15px;
	padding: 0;
}

#comments .comment_body h4 {
	margin: 0 0 5px;
	padding: 5px 10px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.6);
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
}

#comments .comment_body h4 span {
	padding: 0 0 0 1em;
	color: #666;
	font-size: 85%;
	font-weight: normal;
}

#comments .comment_body h4 span:before {
	content: "--　";
}

#comments form {
	margin: 0;
	padding: 20px;
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
}

#comments form p {
	margin: 0;
}

#comments form .submitbtn {
	text-align: center;
}

#comments form p label {
}

#comments form p input {
	width: 97%;
	max-width: 400px;
	padding: 2px 1%;
	background: #fff;
	border: 1px solid #ddd;
}

#comments form p textarea {
	width: 97%;
	height: 80px;
	padding: 2px 1%;
	background: #fff;
	border: 1px solid #ddd;
}

#comments form p .button {
	width: 40%;
	margin: 10px auto;
	padding: 5px;
	color: #eee;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
	border: solid 1px #aaa;
	border-radius: 1.5em;
	background: #333;
	background:
		-moz-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,#555),
		color-stop(49%,#444),
		color-stop(51%,#222),
		color-stop(100%,#333));
	background:
		-webkit-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-o-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-ms-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		linear-gradient(to bottom,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 );
}

@media screen and (max-width:640px){
	#comments form p input,
	#comments form p textarea {
		padding: 5px 1%;
		font-size: 123.1% !important;
	}
	#comments form p .button {
		width: 60%;
	}
}



/* =========== Trackback =========== */

#trackback {
	margin: 0 0 30px;
}

#trackback h3 {
	margin: 0 0 10px;
	font-size: 123.1%;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #aea27a;
}

#trackback p {
	padding: 10px;
	margin: 0 0 10px;
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
}

#trackback .tb_body {
	margin: 0 0 10px;
	padding: 10px;
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=0 );
}

#trackback .tb_body h4 {
	margin: 0 0 5px;
	padding: 0;
}

#trackback .tb_body h4 span {
	padding: 0 0 0 1em;
	color: #666;
	font-size: 85%;
	font-style: italic;
	font-weight: normal;
}

#trackback .tb_body h4 span:before {
	content: "--　";
}

#trackback .tb_body p {
	margin: 0;
	padding: 5px;
	background: rgba(255,255,255,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 );
}




/* =========== Page Navigation =========== */
#pagenavi a,
#underpagenavi a,
#pagenavi .page_now,
#underpagenavi .page_now {
	display: inline-block;
	padding: 4px 8px;
	color: #fff;
	text-decoration: none;
	background: #333;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pagenavi a { width: 5em; }
#pagenavi .pnav_left,
#pagenavi .pnav_right { width: 10em; }
#underpagenavi a,
#underpagenavi .page_now { width: 1.5em; }

@media screen and (max-width : 480px){
	#pagenavi a,
	#pagenavi .pnav_left,
	#pagenavi .pnav_right,
	#underpagenavi a,
	#underpagenavi .page_now { width: auto; }
}

#pagenavi .pnav_left,
#underpagenavi .pnav_left {
	-webkit-border-radius: 24px 5px 5px 24px;
	-moz-border-radius: 24px 5px 5px 24px;
	border-radius: 24px 5px 5px 24px;
}

#pagenavi .pnav_right,
#underpagenavi .pnav_right {
	-webkit-border-radius: 5px 24px 24px 5px;
	-moz-border-radius: 5px 24px 24px 5px;
	border-radius: 5px 24px 24px 5px;
}

#pagenavi a:link,
#pagenavi a:visited,
#underpagenavi a:link,
#underpagenavi a:visited {
	text-shadow: -1px -1px 0px rgba(0,0,0,0.6);
	background:
		-moz-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,#555),
		color-stop(49%,#444),
		color-stop(51%,#222),
		color-stop(100%,#333));
	background:
		-webkit-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-o-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-ms-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		linear-gradient(to bottom,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 );
}

#pagenavi a:active,
#pagenavi a:hover,
#underpagenavi a:active,
#underpagenavi a:hover {
	text-shadow: -1px -1px 0px rgba(153,0,0,0.6);
	background:
		-moz-linear-gradient(top,
		rgba(238,85,85,1) 0%,
		rgba(221,68,68,1) 49%,
		rgba(187,34,34,1) 51%,
		rgba(204,51,51,1) 100%);
	background:
		-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,rgba(238,85,85,1)),
		color-stop(49%,rgba(221,68,68,1)),
		color-stop(51%,rgba(187,34,34,1)),
		color-stop(100%,rgba(204,51,51,1)));
	background:
		-webkit-linear-gradient(top,
		rgba(238,85,85,1) 0%,
		rgba(221,68,68,1) 49%,
		rgba(187,34,34,1) 51%,
		rgba(204,51,51,1) 100%);
	background:
		-o-linear-gradient(top,
		rgba(238,85,85,1) 0%,
		rgba(221,68,68,1) 49%,
		rgba(187,34,34,1) 51%,
		rgba(204,51,51,1) 100%);
	background:
		-ms-linear-gradient(top,
		rgba(238,85,85,1) 0%,
		rgba(221,68,68,1) 49%,
		rgba(187,34,34,1) 51%,
		rgba(204,51,51,1) 100%);
	background:
		linear-gradient(to bottom,
		rgba(238,85,85,1) 0%,
		rgba(221,68,68,1) 49%,
		rgba(187,34,34,1) 51%,
		rgba(204,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5555', endColorstr='#cc3333',GradientType=0 );
}

#pagenavi .page_now,
#underpagenavi .page_now {
	text-shadow: -1px -1px 0px rgba(0,0,0,0.4);
	background:
		-moz-linear-gradient(top,
		rgba(221,221,221,1) 0%,
		rgba(204,204,204,1) 49%,
		rgba(170,170,170,1) 51%,
		rgba(187,187,187,1) 100%);
	background:
		-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,rgba(221,221,221,1)),
		color-stop(49%,rgba(204,204,204,1)),
		color-stop(51%,rgba(170,170,170,1)),
		color-stop(100%,rgba(187,187,187,1)));
	background:
		-webkit-linear-gradient(top,
		rgba(221,221,221,1) 0%,
		rgba(204,204,204,1) 49%,
		rgba(170,170,170,1) 51%,
		rgba(187,187,187,1) 100%);
	background:
		-o-linear-gradient(top,
		rgba(221,221,221,1) 0%,
		rgba(204,204,204,1) 49%,
		rgba(170,170,170,1) 51%,
		rgba(187,187,187,1) 100%);
	background:
		-ms-linear-gradient(top,
		rgba(221,221,221,1) 0%,
		rgba(204,204,204,1) 49%,
		rgba(170,170,170,1) 51%,
		rgba(187,187,187,1) 100%);
	background:
		linear-gradient(to bottom,
		rgba(221,221,221,1) 0%,
		rgba(204,204,204,1) 49%,
		rgba(170,170,170,1) 51%,
		rgba(187,187,187,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 );
}



/* =========== Side Navigation =========== */
#sidenavi a {
	padding: 0 0.2em;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}
#sidenavi a:link,
#sidenavi a:visited {
	color: #333;
}
#sidenavi a:hover,
#sidenavi a:active  {
	color: #875;
	text-decoration: underline;
}

#sidenavi aside {
	margin: 0 0 15px;
}

#sidenavi aside h2{
	margin: 0 0 7px;
	padding: 0 0 2px;
	font-size: 108%;
	border-bottom: 1px solid #aea27a;
}

#sidenavi aside div {
	margin: 0 0 20px;
	padding: 0;
}

#sidenavi aside div ul {
	padding: 0;
}

#sidenavi aside div ul li {
	padding-left: 15px;
}
#sidenavi aside div ul li:before {
	margin: 0 5px 0 -15px;
	padding-bottom: 1px;
	color: #e55;
	font-size: 77%;
	content: "\025B6";
}

#sidenavi aside div ul li ul {
	padding: 0;
}

#sidenavi aside div ul li ul li {
	padding-left: 15px;
}
#sidenavi aside div ul li ul li:before {
	margin: 0 5px 0 -15px;
	padding-bottom: 1px;
	color: #e55;
	font-size: 77%;
	content: "\025B7";
}
#sidenavi aside p {
	margin: 0 0 5px;
	padding: 0;
}

#sidenavi aside form {
	margin: 0;
	padding: 10px 10px 3px;
	border-radius: 4px 4px 0 0;
	background: rgba(17,17,17,0.3);
	background: 
		-webkit-gradient(linear, 
		left top, 
		left bottom, 
		color-stop(0%,rgba(17,17,17,0.7)), 
		color-stop(100%,rgba(17,17,17,0)));
	background: 
		-webkit-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0) 100%);
	background: 
		-moz-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0) 100%);
	background: 
		-o-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0) 100%);
	background: 
		-ms-linear-gradient(top, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0) 100%);
	background: 
		linear-gradient(top bottom, 
		rgba(17,17,17,0.7) 0%, 
		rgba(17,17,17,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3111111', endColorstr='#00111111',GradientType=0 );
}

#sidenavi aside form p {
	margin: 0;
}

#sidenavi aside form p label {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(17,17,17,0.7);
}

#sidenavi aside form p input {
	width: 55%;
	padding: 3px 4%;
	background: #fff;
	border: 1px solid #999;
	border-radius: 1.5em 0 0 1.5em;
	box-shadow: inset 3px 3px 5px rgba(17,17,17,0.25);
}

#sidenavi aside form p .button {
	width: 30%;
	padding: 3px 1px !important;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
	border: solid 1px #999;
	border-left: none;
	border-radius: 0 1.5em 1.5em 0;
	background: #333;
	background:
		-moz-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-webkit-gradient(linear, left top, left bottom,
		color-stop(0%,#555),
		color-stop(49%,#444),
		color-stop(51%,#222),
		color-stop(100%,#333));
	background:
		-webkit-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-o-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		-ms-linear-gradient(top,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	background:
		linear-gradient(to bottom,
		#555 0%,
		#444 49%,
		#222 51%,
		#333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 );
}

#sidenavi aside .amazon {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
}

#sidenavi aside .amazon p {
	margin: 0;
	padding: 0;
}

#sidenavi aside .amazon p a img {
	//width: 90%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 5px solid rgba(0,0,0,0.1);
	border: 5px solid #ddd\9;
}

#sidenavi aside .amazon p a:link img,
#sidenavi aside .amazon p a:visited img {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
	border: 5px solid rgba(0,0,0,0.1);
	border: 5px solid #ddd\9;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#sidenavi aside .amazon p a:hover img,
#sidenavi aside .amazon p a:active img {
	-moz-transform:    scale(1.05,1.05) rotate(2deg);
	-webkit-transform: scale(1.05,1.05) rotate(2deg);
	-o-transform:      scale(1.05,1.05) rotate(2deg);
	-ms-transform:     scale(1.05,1.05) rotate(2deg);
	transform:         scale(1.05,1.05) rotate(2deg);
	border: 5px solid rgba(204,51,51,0.5);
	border: 5px solid #e55\9;
	box-shadow: 0px 0px 10px rgba(204,51,51,0.3);
}

@media screen and (max-width:640px){
	#sidenavi .hideblock1 { display: none; }
	#sidenavi aside .amazon {
		display: block;
		height: 90px !important;
		margin: 0 5px 20px !important;
		float: left;
	}
	#sidenavi aside .amazon p {
		margin: 0;
		padding: 0;
	}
	#sidenavi aside .amazon p img {
		width: auto !important;
		height: 100% !important;
		max-height: 90px;
	}
	#sidenavi aside .amazon p span {
		display: none;
	}
}

@media screen and (max-width:320px){
	#sidenavi .hideblock2 { display: none; }
}



/* =========== Calendar =========== */

#calendarlist {
	text-align: center;
}

#calendarlist table {
	width: 100%;
	margin: 0 auto;
	border: 0;
}


#calendarlist table th,
#calendarlist table td  {
	margin: 1px\9;
	padding: 3px 1px;
	color: #333;
	font-size: 85%;
	text-align: center;
}

#calendarlist table .calendar_month {
	text-align: center;
}

#calendarlist table .weekday {
	padding: 3px 1px;
}

#calendarlist table .cell {
	width: 12.2%;
	padding: 1px;
	font-size: 10px;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	border-radius: 3px;
	border: 1% solid rgba(0,0,0,0);
	background: rgba(0,0,0,0.1);
	background-clip: content-box;
}

#calendarlist table .cell .today {
	font-weight: bold;
}

#calendarlist table .cell a {
	padding: 0;
	color: #333;
	font-weight: bold;
	background: none;
}


/* =========== Extra =========== */
#pagetop {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
}
#pagetop a {
	display: block;
	width: 80px;
	height: 90px;
	width: 100px\9;
	padding: 25px 10px 5px 30px;
	padding: 20px 10px 10px 10px\9;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(17,17,17,0.7);
	border-radius: 120px 0 0 0;
	background: rgba(17,17,17,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
}
#pagetop a:hover {
	background: rgba(17,17,17,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 );
}
#pagetop a span {
	display: block;
	/*width: 32px;
	height: 32px;*/
	width: 68px;
	height: 68px;
	/*border: solid #fff;
	border: none\9;
	border-width: 16px 16px 0 0;
	border-width: 0\9;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
	margin: 0 auto;
	background: url(http://www.spray.ne.jp/diary/template/ob_tmpl_021_pagetop.png);
}



/* =========== Footer =========== */
#footer p {
	max-width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	color: #fff;
	font-size: 93%;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-shadow: -1px -1px 0px #000;
}

#footer p small {
	margin: 0;
	padding: 0;
	font-size: 93%;
}



/* =================================
    Entry & Profile TAGs
================================= */
.entry_body a:link,
.entry_body a:visited,
.entry_more a:link,
.entry_more a:visited,
.profile_body a:link,
.profile_body a:visited,
#comments section p a:link,
#comments section p a:visited {
	color: #505050;
	text-decoration: underline;
}
.entry_body a:active,
.entry_body a:hover,
.entry_more a:active,
.entry_more a:hover,
.profile_body a:active,
.profile_body a:hover,
#comments section p a:active,
#comments section p a:hover {
	color: #aea27a;
	text-decoration: underline;
}


/* エントリ内項目タイトル */
.entry_body h3,
.entry_more h3,
.profile_body h3 {
	margin: 5px 0 10px;
	padding: 5px 10px;
	font-size: 108%;
	font-weight: bold;
	border-radius: 5px;
	background: #aaa;
	background: rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
}
.entry_body h3:before,
.entry_more h3:before,
.profile_body h3:before {
	margin-right: 5px;
	font-weight: normal;
	content: "\025b6";
}

.entry_body h4,
.entry_more h4,
.profile_body h4 {
	display: table;
	margin: 0 auto 10px 0;
	padding: 3px 20px 3px 10px;
	font-size: 108%;
	font-weight: bold;
	border: solid 1px #ddd;
	border-radius: 30px;
	background: #fff;
	background: rgba(255,255,255,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#66ffffff',GradientType=0 );
}
.entry_body h4:before,
.entry_more h4:before,
.profile_body h4:before {
	margin-right: 5px;
	color: #aea27a;
	font-weight: normal;
	content: "\025ab";
}

.entry_body h5,
.entry_more h5,
.profile_body h5 {
	display: table;
	margin: 0 auto 10px 0;
	padding: 3px 10px;
	border-radius: 15px 0 0 15px/50%;
	border-left: 5px solid #999;
	border-bottom: 1px solid #999;
	border-left: 5px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(0,0,0,0.3);
}


/* 引用タグ */
.entry_body blockquote,
.entry_more blockquote,
.profile_body blockquote {
	margin: 0;
	padding: 15px;
	color: #666;
	border-radius: 5px;
	background: #fff;
	background: rgba(255,255,255,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 );
	position: relative;
	z-index: 779;
}
.entry_body blockquote:before,
.entry_more blockquote:before,
.profile_body blockquote:before,
.entry_body blockquote:after,
.entry_more blockquote:after,
.profile_body blockquote:after {
	height: 0.5em;
	margin: 0;
	padding: 0;
	font-size: 1000%;
	font-family: serif;
	line-height: 1em;
	z-index: 799;
	opacity: 0.2;
	overflow: hidden;
}
.entry_body blockquote:before,
.entry_more blockquote:before,
.profile_body blockquote:before {
	content: "“";
	position:absolute;
	top: 0;
	left: 0;
}
.entry_body blockquote:after,
.entry_more blockquote:after,
.profile_body blockquote:after {
	content: "”";
	position:absolute;
	bottom: 0;
	right: 0;
}



/* 順序無しのリストタグ */
.entry_body ul li,
.entry_more ul li,
.profile_body ul li {
	padding-left: 1em;
}
.entry_body ul li:before,
.entry_more ul li:before,
.profile_body ul li:before {
	margin: 0 0 0 -1em;
	color: #e55;
	content: "\025e6";
}


/* 順序有りののリストタグ */
.entry_body ol,
.entry_more ol,
.profile_body ol {
	list-style:decimal;
	padding-left: 2em;
}
.entry_body ol li,
.entry_more ol li,
.profile_body ol li {
	list-style-type: decimal;
}


/* テーブル */
.entry_body table,
.entry_more table,
.profile_body table {
	margin: 0 0 5px;
	padding: 0;
	border: 0;
}
.entry_body table tr,
.entry_more table tr,
.profile_body table tr {
	vertical-align: top;
}

.entry_body table th,
.entry_more table th,
.profile_body table th,
.entry_body table td,
.entry_more table td,
.profile_body table td {
	padding: 5px;
	font-size: inherit;
	font-weight: bold;
	text-align: left;
	border: 1px solid #ccc;
	background: rgba(255,255,255,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 );
}

.entry_body table th,
.entry_more table th,
.profile_body table th {
	background: rgba(204,204,204,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80cccccc', endColorstr='#80cccccc',GradientType=0 );
}

.entry_body table td,
.entry_more table td,
.profile_body table td {
	font-weight: normal;
}


/* 定義型リストタグ */
.entry_body dl,
.entry_more dl,
.profile_body dl {
	margin: 0;
	padding: 0;
}

.entry_body dl dt,
.entry_more dl dt,
.profile_body dl dt {
	padding: 3px 0;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	border-bottom: 1px dotted rgba(0,0,0,0.4);
}

.entry_body dl dd,
.entry_more dl dd,
.profile_body dl dd {
	padding: 3px 0 3px 2em;
}

.entry_body dl dd:before,
.entry_more dl dd:before,
.profile_body dl dd:before {
	margin-left: -1em;
	color: #999;
	content: "\025e6";
}


/* アマゾン記事引用 */
.entry_body .amazon,
.entry_more .amazon,
.profile_body .amazon {
	margin: 0 0 5px;
	padding: 0;
}
.entry_body .amazon:after,
.entry_more .amazon:after,
.profile_body .amazon:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

.entry_body .amazon a img,
.entry_more .amazon a img,
.profile_body .amazon a img {
	width: 30%;
	margin: 0;
	padding: 0;
	float: left;
}

.entry_body .amazon .amazon_text,
.entry_more .amazon .amazon_text,
.profile_body .amazon .amazon_text {
	margin-left: 35%;
	padding: 0;
}

/* タイトル */

#title_wide {
	margin: 0 auto;
	width: 756px;
	height: 250px;
	display: block;
}

#title_inline {
	text-align: left;
	padding-top: 95px;
	padding-left: 35px;
}

#title_inline p {
	padding-top:  10px;
	padding-left: 5px;
	font-size: 85%;
	color: #888;
	line-height: 1.4em;
}

#title_narrow { display: none; }

@media screen and (max-width:756px){
	#title_wide { display: none; }
	#title_narrow { display: block; }
	#contents { padding: 40px 0 10px; }
}

.titleSet0 #title_wide { background-image: none; }
.titleSet1 #title_wide { background-image: url(http://www.spray.ne.jp/diary/template/ob10_header_bg.jpg); }
.titleSet2 #title_wide { background-image: url(http://www.spray.ne.jp/diary/template/ob10_header_bg2.jpg); }
.titleSet3 #title_wide { background-image: url(http://www.spray.ne.jp/diary/template/ob10_header_bg3.jpg); }
.titleSet4 #title_wide { background-image: url(http://www.spray.ne.jp/diary/template/ob10_header_bg4.jpg); }
.titleSet5 #title_wide { background-image: url(http://www.spray.ne.jp/diary/template/ob10_header_bg5.jpg); }