@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
 Author     : MIYA
 Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
	color: #646464;
	background: #171717 url(../images/bg/body.jpg);
	border-top: 3px solid #2B5767;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
img {
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
em { color: #511; }
textarea	{ resize: vertical; }

a, a:link	{
	color: #2D88B3;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
a:visited	{
	text-decoration: none;
	color: #2D88B3;
}
a:hover	{
	text-decoration: none;
	color: #446875;
	-moz-box-shadow: 0 0 6px #999;  
	-webkit-box-shadow: 0 0 6px #999;
}
a:active	{
}
#side a,#footer a,#main section button a	{ color: #fff; }
#side a:hover,#footer a:hover,#main section button a:hover	{ color: #999; -moz-box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999; }

#search .searchBox,
#footer h1, #main #comments h1,#main #trackback h1	{ font-family: Georgia, "Times New Roman", Times, serif; }

/* page要素
----------------------------------------------------------- */
div#page	{ font-size: 100%; text-align: left; background: url(../images/bg/page.png) no-repeat; }
.inner	{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
/* header要素
----------------------------------------------------------- */
#header	{ width: 940px; padding: 20px; margin: 0 auto; position: relative; }
#header hgroup	{ width: 500px; }
#header h1	{ float: left; padding-right: 20px; }
#header h1 a	{ display: block; }
#header h2 { font-size: 85%; color: #777; padding-top: 25px; }
#header .utility	{
	position: absolute;
	top: -1px;
	right:0;
}
#searchArea	{
	width: 330px;
	height: 32px;
	background: #27434D;
	border: 1px solid #2B5767;
	position: relative;
}
#searchArea .searchBox	{
	width: 230px;
	height: 20px;
	margin: 5px 0 0 20px;
	background: #27434D;
	border: 1px solid #27434D;
	color: #A3A3A3;
}
#searchArea .submit	{
	position: absolute;
	top: 2px;
	right: 2px;
}
#header aside	{ width: 300px; position: absolute; top: 50px; right: 5px; text-align: right; }
#header aside .about img	{ margin-bottom: 5px; }
#header aside .winp	{ position: relative; }
#header aside .winp img	{ position: absolute; top:-50px; left:70px; }

/* contents要素
----------------------------------------------------------- */
div#contents	{ background: url(../images/bg/gnav.png) no-repeat top center; position: relative; padding-bottom: 50px; }
#globalNavi	{
	background: url(../images/bg/nav.jpg) repeat-x;
	padding: 7px 0 8px;
}
#globalNavi	{ width: 600px; position: absolute; top:0; left:0; }
#globalNavi li	{ float: left; margin-right: 10px; }

#contents .pageTop {
	position: fixed;
	right: 0;
	bottom: 0;
	clear: both;
	margin: 0;
	border-top: 1px solid #3A3A3A;
	border-left: 1px solid #3A3A3A;
	z-index:1;
}
#side .article	{
	position: fixed;
	top:0;
	right:0;
	display: none;
	z-index:2;
}

/* main要素
----------------------------------------------------------- */
#main	{
	width: 630px;
	float: left;
	font-size: 108%;
	line-height: 150%;
	padding-top: 70px;
	position: relative;
}
#main article	{ padding: 120px 15px 20px; background: #fff; -moz-box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999; }
.entryBody #main article	{ padding-top:20px; }
.pageBody #main article	{ padding-top:20px; }

#main section	{ padding: 0 15px; margin-bottom:40px; }
#main section header	{ position: relative; }
#main h1,.archiveBody #main h2	{
	border-bottom: 2px solid #D9D9D9;
	font-size: 120%;
	color: #727272;
	margin: 0 -15px;
	text-shadow: 1px 1px 0 #ccc;
	padding-left: 60px;
}
.indexBody #main h1 a,.archiveBody #main h2 a	{
	display: block;
	width: 510px;
	padding: 15px 10px 18px;
	color: #727272;
}
.indexBody #main h1 a:hover,.archiveBody #main h2 a:hover	{
	color: #ACACAC;
	text-decoration: none;
}
.entryBody #main h1	{ padding: 15px 10px 18px 70px; }
.pageBody #main h1	{ padding: 0 10px 10px; }

.entryBody #main #trackback h1,
.entryBody #main #comments h1	{ padding: 0 10px 5px; margin-bottom: 5px; }
.entryBody #main h2,
.pageBody #main h2	{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
	background: -moz-linear-gradient(top, #fff, #f4f4f4);
	padding: 20px 10px 8px;
	margin: 0 -10px 12px;
	font-size: 120%;
	color: #555;
	border-bottom: 2px solid #D9D9D9;
	text-shadow: 1px 1px 0 #ccc;
}
.entryBody #main h3	{
	font-size: 110%;
	color: #194D65;
	padding: 8px 0;
	text-shadow: 1px 1px 0 #ccc;
}
.entryBody #main h4	{
	text-shadow: 1px 1px 0 #ccc;
	color: #333;
}

#main p,#main dl { margin-bottom: 1.2em; }
#main em	{ background: #FFE7E7; color:#FF6666; }
#main #comments em	{ background: #fff; color:#FF6666; }

#main dt	{ font-weight: bold; }
#main dd	{ margin-bottom: 5px; }

/* 共通要素
----------------------------------------------- */
#main .attention	{
	text-align: center;
	padding: 10px 5px;
	background: #FFE7E7;
	color: #C33;
	margin: 20px 0;
}
#main .description,#main .desp	{
	text-align: center;
	padding: 10px 5px;
	background: #D6E3E6;
	margin: 20px 0;
}
#main .desp	{ margin: 0 0 1.2em; }
#main section .entryBody ul,#main section #more ul,
#main section .entryBody ol,#main section #more ol	{ margin-bottom: 15px; }
#main section .entryBody ul li,#main section #more ul li	{
	list-style-type: disc;
	padding: 3px 0px;
	margin-left: 25px;
}
#main section .entryBody ol li,#main section #more ol li	{
	list-style-type: decimal;
	padding: 3px 0px;
	margin-left: 35px;
}
#main .pageNavi	{ text-align: center; padding: 0 10px 40px; margin-bottom:0; overflow: hidden; }
.entryBody #main .pageNavi	{ width: 630px; padding: 40px 10px; margin: 0 -10px; }
#main .pageNavi .next	{ float: right; }
#main .pageNavi .back	{ float: left; }
#main .pageNavi a	{
	display: inline-block;
	padding: 3px 8px;
	border: 1px solid #2D88B3;
}
.entryBody #main .pageNavi a	{
	padding: 5px 80px;
	background: url(../images/bg/bg.png);
	background: rgba(102,102,102,.2);
	border: 1px solid #444;
	color:#fff;
}
.entryBody #main .pageNavi a:hover	{ color: #446875; }
#main .back a:before { content: "« "; }
#main .next a:before { content: " » "; }

#main .pageNavi a:hover	{
	border: 1px solid #446875;
	background: #f4f4f4;
}
#main .pageNavi span	{
	display: inline-block;
	padding: 3px 8px;
	border: 1px solid #ccc;
	color: #999;
}
#main aside.ads	{
	width: 585px;
	text-align: center;
	position: absolute;
	top: 80px;
	left:10px;
	border-top: 2px solid #D9D9D9;
	border-bottom: 2px solid #D9D9D9;
	padding: 5px 10px;
}
#main aside.ads2	{
	width: 580px;
	text-align: center;
	border-top: 2px solid #D9D9D9;
	border-bottom: 2px solid #D9D9D9;
	padding: 5px 10px;
}
#main aside.ads p,
#main aside.ads2 p	{
	width: 472px;
	border: 3px solid #ACACAC;
	margin: 0 auto;
}
#main aside.ads p span,
#main aside.ads2 span	{
	display: block;
	width: 468px;
	border: 2px solid #D9D9D9;
}
#main .menu,
#main .demo	{
	background: url(../images/bg/menu.jpg) repeat-x;
	text-align: center;
	padding: 10px;
}
#main .demo	{ margin: 0 -10px 10px; }
#main section .more	{ text-align: right; }
#main section button	{
	font-weight: bold;
	border: 1px solid #446875;
	padding: 10px 15px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 0 #222;
	background: #2A4D58;
	background: -webkit-gradient(linear, left top, left bottom, from(#2A4D58), color-stop(0.45, #2A4D58), color-stop(0.5, #2E5969), to(#2E5969));
}
#main a.external	{
	background: url(../images/icon/external.gif) no-repeat top right;
	padding-right: 22px;
	color: #2D88B3;
}
#main a.zip	{
	background: url(../images/icon/zip.gif) no-repeat top right;
	padding-right: 22px;
}

/* Image Style
----------------------------------------------- */
#main .imgArea	{ width: 100%; margin-bottom:15px; }
#main .imgArea2	{ width: 100%; margin-bottom:15px; }
.imgR {	float: right;	margin: 0 0 0 10px;}
.imgL {	float: left;	margin: 0 10px 0 0;}
.textArea	{ overflow: hidden; _zoom: 1; }

/* side要素
----------------------------------------------------------- */
#side	{ width: 330px; float: right; color: #909090; font-size: 85%; }

#side section,#side .item, #footer aside	{
	width: 310px;
	padding: 15px 10px 10px;
	background: url(../images/bg/bg.png);
	background: rgba(102,102,102,.2);
	border: 1px solid #383838;
	margin-bottom: 15px;
}
#side h1	{ margin-bottom: 10px; }
#side .bnr	{
	width: 278px;
	padding: 10px 26px 10px;
}
#side .bnr h1	{ margin: 0 -16px 10px; }
#side .bnr li	{
	float: left;
}
#side .bnr li:first-child	{
	margin-right: 15px;
}
#side .bnr li a	{
	display: block;
	width: 125px;
	border: 3px solid #555;
}
#side .bnr li a:hover	{ border: 3px solid #2D88B3; }

#side nav li, #side .recent dd, #side .archives dt, #side .archives li	{
	background: url(../images/icon/menu.gif) no-repeat 3px 6px;
	padding: 3px 3px 3px 12px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #454545;
}
#side .category li	{
	width: 135px;
	float: left;
}
#side .category li:nth-child(odd)	{
	margin-right: 10px;
}
#side .recent dt	{ font-weight: bold; }
#side .comments li	{
	position: relative;
	min-height: 22px;
}
#side .comments li a	{
	display: block;
	width: 180px;
	background: url(../images/icon/comment.gif) no-repeat;
	padding: 0 0 8px 25px;
	min-height: 24px;
}
#side .comments span	{
	display: block;
	width: 75px;
	position: absolute;
	top: 5px;
	right: 0;
	font-weight: bold;
	color: #555;
	background: #121212 url(../images/icon/author.gif) no-repeat center right;
	border: 1px solid #2A2A2A;
	padding: 5px 10px 5px 5px;
	font-size: 95%;
}
#side .archives, #side .item { width: 160px; float: left; }
#side .archives dd	{ display: none; padding-left: 5px; }
#side .archives dt, #side .archives dd li	{ margin-bottom:0; }
#side .archives dd li:nth-child(even)	{ background-color: #333; }

#side .about	{ float: right; }
#side .about a	{ border: 3px solid #444; display: block; width: 120px; }
#side .about a:hover	{ border: 3px solid #2D88B3; }

/* footer要素
----------------------------------------------------------- */
#footer	{
	background: #080808 url(../images/bg/footer.jpg) repeat-x;
	color: #909090;
}
#footer .inner	{ background: url(../images/bg/footer_i.jpg) no-repeat center bottom; padding: 50px 20px 20px; }
#footer .inside	{ width: 100%; margin-bottom: 20px; min-height: 200px; }
#footer h1	{ margin-bottom: 5px; text-shadow: 1px 1px 0 #424242; }

#footer aside	{ float: left; width: 230px; margin-right: 20px; font-size: 85%; }
#footer aside dl	{ margin-bottom: 20px; }
#footer aside dt	{ font-weight: bold; margin-bottom: 5px; }
#footer aside dd	{ color: #909090; margin-bottom: 13px; }
#footer aside p	{ clear: both; margin-bottom: 10px; }
#footer aside li	{ padding: 3px 0 3px 20px; margin-bottom: 5px; }
#footer aside li.twitter	{ background: url(../images/icon/twitter.png) no-repeat; }
#footer aside li.feed	{ background: url(../images/icon/rss.png) no-repeat 0 22px; }

#footer .popular	{
	width: 400px;
	margin-right: 15px;
	float: left;
}
#footer .popular dt	{
	width: 58px;
	padding:10px 0 0 0;
	float: left;
	clear: left;
}
#footer .popular dd	{
	padding: 5px 0 5px 13px;
	border-bottom: 1px dotted #212121;
	font-size: 83.3%;
	line-height: 130%;
	margin-bottom: 5px;
}
#footer .popular dd a span	{ color: #424242; }
#footer .popular dd a	{ display: block; }

#footer .twitter	{ width: 230px; float:left; }
#twitter_update_list	{ padding: 0 0 0 5px; }
#twitter_update_list li {
	background: #1a1a1a url(../images/icon/comment.gif) no-repeat 5px 5px;
	padding: 5px 5px 5px 30px;
	margin-bottom: 10px;
	overflow: hidden;
}

#footer .about	{
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #2A2A2A;
	border-bottom: 1px solid #2A2A2A;
	margin: 0 auto;
	padding: 10px;
	font-size: 75%;
	margin: 0 -20px;
}
#footer nav {
	width: 520px;
	float: right;
	text-align: right;
	text-transform: uppercase;
}
#footer nav li {
	display: inline;
	margin-right: 10px;
}
#footer .copyright	{
	width: 420px;
	float: left;
	color: #fff;
}

.entryBody #footer .zenback	{
	width: 880px;
	background: url(../images/bg/bg.png);
	background: rgba(102,102,102,.2);
	border: 1px solid #383838;
	padding: 20px;
}
.entryBody #footer .zenback-twitter .zenback-list a	{
	color: #44C2E4 !important;
}
#smartpPhone a	{
	width: 100%;
	display: block;
	background: rgba(102,102,102,.7);
	border: 1px solid #383838;
	text-align: center;
	padding: 70px 0;
	font-weight: bold;
	font-size: 200%;
	color: #fff;
}

/* clearfix */
.inner:after, #header hgroup:after, #side nav:after, #side .bnr:after, #main .pageNavi:after,#main .imgArea2:after,
#footer .about:after, #footer .inside:after, .tagCloud ul:after, .clearfix:after
{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }