/* CSS Document */

.clear{
clear:both;
height:1px;
}

span.hidden{
text-indent:-9999px !important;
display:none;
}

body{
background-color:#000;
background-image:url(../images/background00.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
/*background-attachment:fixed;*/
font-family : Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;  
}

input{
font-family : Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 
font-size:11px;
}

div,body,ul,li,p,input,h1,h2,h3{
margin:0;
padding:0;
}

blockquote{
background-image:url(../images/tb-com-box-bg.gif);
margin:20px 12px !important;
padding:12px 18px !important;
}

img{
margin:0;
padding:0;
border:none;
}

p{
font-size:14px;
line-height:1.5;
color:#333;
}

a{
text-decoration: none;
border:none;
}

/*
a:hover{
text-decoration:underline;
}
*/

#background-area{
padding:50px 0;
}


#site{
margin:0 auto;
width:840px;
background-color:#dcdcdc;
}

#header{
height:111px;
}

#header-left{
float:left;
width:560px;
padding:24px 12px 12px 28px;
}

/*
#header-left .site-name{
font-size:28px;
}
*/


#header-left h2.site-description{
margin:12px 0;
font-size:14px;
font-weight:normal;
}

#header-left p.site-description{
margin:10px 0;
font-size:14px;
font-weight:normal;
}

#header-right{
float:left;
width:216px;
padding:12px 12px 3px 12px;
}

#searchbox{
background-image:url(../images/search-icon.gif);
background-position:15px bottom;
background-repeat:no-repeat;
text-align:right;
margin-bottom:49px;
height:20px;
}

* html #searchbox{
background-position:15px 2px;
margin-bottom:29px;
/*ie6対応*/
}

#searchbox input.keywordbox{
width:98px;
height:12px;
border:1px solid #999;
padding:3px;
}

#searchbox input.submit-btn{
width:60px;
height:22px;
margin-left:2px;
}

#icon-area{
text-align:right;
height:23px;
}

#icon-area ul li{
margin:0 0 0 9px;
padding:0;
list-style:none;
float:right;
}

.gnavi{
clear:both;
height:40px;
margin:0;
padding:0 0 0 0;
background-image:url(../images/gnavi-footer2.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

* + html .gnavi{
height:41px;
background-image:url(../images/gnavi-footer.gif);
}

/*
.gnavi ul li{
margin:0;
padding:0;
list-style:none;
float:left;
}
*/

.gnavi ul li{
margin:0;
padding:0;
list-style:none;
float:left;
}

/*
.gnavi ul li a{
display:block;
text-indent:-9999px;
width:120px;
height:41px;
background-position:left top;
background-repeat:no-repeat;
}
*/

.gnavi ul li a{
display:block;
text-indent:-9999px;
width:120px;
height:29px;
background-position:left top;
background-repeat:no-repeat;
overflow:hidden;
}


.gnavi ul li a:hover{
display:block;
text-indent:-9999px;
background-position:left bottom;
background-repeat:no-repeat;
overflow:hidden;
}

.gnavi ul li a.gnavi-btn01{
background-image:url(../images/gnavi-btn_01.gif);
}

.gnavi ul li a.gnavi-btn01:hover{
background-image:url(../images/gnavi-btn_01.gif);
}

.gnavi ul li a.gnavi-btn02{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li a.gnavi-btn02:hover{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li a.gnavi-btn03{
background-image:url(../images/gnavi-btn_03.gif);
}

.gnavi ul li a.gnavi-btn03:hover{
background-image:url(../images/gnavi-btn_03.gif);
}

.gnavi ul li a.gnavi-btn04{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li a.gnavi-btn04:hover{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li a.gnavi-btn05{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li a.gnavi-btn05:hover{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li a.gnavi-btn06{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li a.gnavi-btn06:hover{
background-image:url(../images/gnavi-btn_02.gif);
}

.gnavi ul li.gnavi-nolink{
display:block;
width:120px;
height:29px;
text-indent:-9999px;
background-image:url(../images/gnavi-btn_non.gif);
background-position:left top;
background-repeat:no-repeat;
}

#contents{
clear:both;
padding:12px 0;
}


/*
▼サブヘッダ================================================================
*/

#sub-header{
margin:12px 18px;
padding-bottom:18px;
border-bottom:1px dashed #999;
}

#sub-header p,
#sub-header h1,
#sub-header h2{
float:left;
}

#sub-header .description{
background:#ccc;
padding:0 18px;
color:#333;
width:600px;
height:32px;
line-height:2.3;
font-size:14px;
font-weight:normal;
}


/*
▼メインカラム=====================================================================
*/


#main-column{
float:left;
width:563px;
padding:0 18px 12px 18px;
border-right:1px solid #999;
margin-bottom:12px;
}

* html #main-column{
padding:0 9px 12px 10px;
}

.latest{
padding:36px 0 24px 4px;
border-bottom:1px dashed #999;
}

.entry-body{

}

.entry-body img{

}


.contents-title{
margin-bottom:18px;
}

.entry-body-header{
width:534px;
height:39px;
margin:0 12px 15px 12px;
}

.entry-title{
float:left;
width:376px;
height:27px;
padding:0 0 0 42px;
background-image:url(../images/entry-title.gif);
background-position:left top;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
line-height:1.5;
}

.entry-date{
width:100px;
height:14px;
margin:5px 0 0 0;
padding:0 0 0 6px;
float:right;
font-size:10px;
border-left:2px solid #999;
}


.entry-submit-count{
clear:both;
margin:0 5px 12px 0;
text-align:right;
font-size:10px;
}

.entry-category-submit-count{
clear:both;
margin:12px 5px 12px 0;
}

.entry-category-submit-count p{
text-align:right;
font-size:10px;
}

.entry-category-list,
.entry-tag-list{
text-align:right;
padding:0;
/*
width:558px;
height:12px;
*/
}

.entry-category-list p,
.entry-tag-list p{
margin:3px 0 3px 12px;
}

.entry-category-list p a,
.entry-tag-list p a{
margin:0 0 0 3px;
}


.entry-category-list ul,
.entry-tag-list ul{

}

.entry-category-list ul li,
.entry-tag-list ul li{
margin:6px;
padding:0;
list-style:none;
float:left;
font-size:10px;
}

.entry-tb-com-count{
clear:both;
}

.entry-body-contents{
clear:both;
padding:12px 0 24px 0;
margin:0 12px;
/*
margin-top:12px;
border-bottom:1px dotted #999;
*/
}


.entry-body-contents img{
margin-bottom:15px;
}

.entry-more-link{
margin:12px 0 0 12px;
text-align:right;
}

.entry-more-link span{
padding:3px 12px;
border-bottom:1px dotted #999;
}


.entry-body-footer{
border-top:1px dotted #999;
margin-bottom:12px;
}

.entry-body-footer-comment-flow{
border-bottom:1px dotted #999;
margin-bottom:12px;
}

.entry-comment-end-message{
padding-right:24px;
}

.entry-link-code{
padding:18px 0 18px 12px;
border-bottom:1px dotted #999;
height:20px;
}

.entry-link-code p{
margin:6px auto;
clear:both;
}

.entry-link-code span{
display:block;
width:120px;
float:left;
}

.entry-link-code input{
height:16px;
width:400px;
float:left;
}

.entry-comment-area{
padding:0 0 12px 0;
border-bottom:1px dotted #999;
clear:both;
width:560px;
height:185px;
}

* + html body .entry-comment-area,
* html .entry-comment-area{
padding:0 0 36px 0;
/*----------------- ie7 only hack ----------*/
/*----------------- before ie6 only hack ----------*/
}

.entry-comment-header,
.entry-comment-list-header,
.entry-trackback-list-header{
background-image:url(../images/entry-comment-header.gif);
background-position:left 3px;
background-repeat:no-repeat;
padding:0 0 0 18px;
margin:30px 0 12px 6px;
height:20px;
font-weight:bold;
}

.entry-comment-area input{
width:200px;
}

.entry-comment-area textarea{
width:300px;
height:92px;
}

* html .entry-comment-area textarea{
width:280px;
height:92px;
/*----------------- before ie6 only hack ----------*/
}

.entry-comment-area-left{
margin:0 0 0 12px;
float:left;
width:230px;
}

* html .entry-comment-area-left{
margin:0 6px 0 12px;
float:left;
width:210px;
/*----------------- before ie6 only hack ----------*/
}

.entry-comment-area-right{
width:316px;
float:left;
}

* html .entry-comment-area-right{
width:300px;
float:left;
/*----------------- before ie6 only hack ----------*/
}



.entry-comment-btn{
clear:both;
margin:0 12px 0 0 ;
text-align:right;
height:70px;
}

.entry-comment-btn input{
width:100px;
height:25px;
font-size:12px;
}




#entry-comment-list{
margin:12px 0;
}

#entry-trackback-list{
margin:12px 0 0 0;
}

.tb-com-box{
background-image:url(../images/tb-com-box-bg.gif);
padding:12px 12px 0 12px;
margin:0 12px 12px 12px;
border-bottom:1px dotted #999;
}

.tb-com-box-footer{
margin:6px 0 3px 0;
padding:0 0 0 6px;
font-size:10px;
text-align:right;
}


.entry-comment-end-backlink{
text-align:right;
margin:12px 0;
}





#past2{
width:563px;
margin:12px 0;;
}

#past2 .past-entry-box,
#past2 .past-entry-box-noimg{
width:269px;
margin:15px 5px 12px 5px;
border-bottom:1px dashed #999;
float:left;
padding-bottom:25px;
}

#past2 .past-entry-box .past-entry-box-img{
width:106px;
float:left;
}

#past2 .past-entry-box .past-entry-box-header{
margin-left:12px;
width:150px;
float:left;
}

.past-entry-box .entry-title-past,
.past-entry-box-noimg .entry-title-past{
font-size:12px;
font-weight:bold;
margin-right:6px;
}

.past-entry-box-noimg .entry-title-past{
margin-right:24px;
}

.past-entry-box .entry-date-past{
margin:5px 0 0 48px;
padding:0 0 0 6px;
font-size:9px;
border-left:2px solid #999;
}

#past2 .past-entry-box-noimg .past-entry-box-header{
width:275px;
margin-left:12px;
height:75px;
/*
float:left;
*/
}


*+html body #past2 .past-entry-box-noimg .past-entry-box-header{
height:79px;
/*----------------- ie7 only hack ----------*/
}

* html #past2 .past-entry-box-noimg .past-entry-box-header{
width:257px;
margin-left:12px;
height:83px;
/*----------------- before ie6 only hack ----------*/
}

.past-entry-box-noimg .entry-date-past{
margin:5px 0 0 154px;
padding:0 0 0 6px;
font-size:9px;
border-left:2px solid #999;
}

ul.entry-title-pastlist{
width:563px;
clear:both;
margin:0 0 24px 0;
padding:0;
}

.entry-title-pastlist li{
font-size:12px;
font-weight:bold;
padding:10px 12px 16px 12px;
margin:5px 12px 5px 5px;
list-style:none;
border-bottom:1px dashed #999;
}

#past{
clear:both;
margin-top:12px;
}

.past-list-header{
background-image:url(../images/side-title.gif);
background-position:left 2px;
background-repeat:no-repeat;
padding:0 0 6px 28px;
margin:0 0 12px 6px;
height:20px;
font-weight:bold;
font-size:16px;
}

#past ul{
width:563px;
margin-bottom:12px;
}

#past ul li{
width:106px;
margin:0 3px 12px 3px;
padding:0;
list-style:none;
float:left;
}

#past ul li img{
margin:0;
padding:0;
}

#past ul li.lastr{
margin:0 0 0 0;
padding:0;
list-style:none;
float:left;
}

#past ul li span{
font-size:11px;
}

.blogtop-archive-link{
margin:12px;
text-align:center;
}

.blogtop-archive-link span{
border-bottom:1px dotted #999;
padding:3px 12px;
}

/*
▲メインカラム=====================================================================
▼サイドカラム=====================================================================
*/


#side-column{
float:left;
width:204px;
padding:18px 18px;
}


.side-unit{
margin-bottom:27px;
}

.side-about-img{
margin-right:12px;
float:left;
}

.side-about-text{
width:110px;
margin-right:12px;
font-size:10px;
float:left;
}

.side-about-text span{
display:block;
text-align:right;
}

.side-title{
background-image:url(../images/side-title.gif);
background-position:left 1px;
background-repeat:no-repeat;
padding:0 0 6px 25px;
margin:0 0 6px 0;
height:20px;
font-weight:bold;
font-size:14px;
}

.side-unit ul{
width:201px;
}


.side-unit ul li{
list-style-position:outside;
list-style:none;
font-size:14px;
line-height:1.5;
margin:9px 0;
padding:0 6px 6px 6px;
border-bottom:1px dotted #999;
}

.side-pastlink{
text-align:right;
font-size:12px;
}

/*
▲サイドカラム=====================================================================
▼フッター=====================================================================
*/

#footer{
clear:both;
width:840px;
}


#copyright{
text-align:center;
margin:0 12px;
border-top:1px solid #999;
font-size:10px;
padding:2px 0;
}


/*
▲フッター=====================================================================
▼エントリ一覧ページ===========================================================
*/


#entry-list-wrapper{
padding:12px 0;
/*border-bottom:1px dotted #999;*/
}

.entry-list-body-header{
}

.entry-list-page-navi2 p{
text-align:center;
font-size:12px;
margin:0 0 12px 0;
}

.entry-list-page-navi{
text-align:center;
font-size:14px;
/*height:24px;*/
padding:0 9px;
margin:0 0 12px 0;
}



.entry-list-page-navi a,
.entry-list-page-navi span{
display:block;
margin:3px;
padding:3px;
width:20px;
height:16px;
background:#eee;
border:1px solid #999;
float:left;
}

.entry-list-page-navi a:hover{
background:#445CE8;
color:#fff;
}

.entry-list-page-navi span.now{
background:#339;
color:#fff;
}

.entry-list-page-navi a.prevnext{
width:88px;
}

.navi-clear{
clear:both;
height:6px;
}

.entry-list-body{
}

.entry-list-header{
background-image:url(../images/entry-list-title.gif);
background-position:left 2px;
background-repeat:no-repeat;
padding:0 0 0 18px;
margin:12px 0 21px 0;
height:24px;
font-weight:bold;
font-size:16px;
}

.entry-list-body-main{
}

#entry-list{
margin:12px 0;
}

.entry-list-box{
clear:both;
background:#eee;
padding:18px 16px 0 16px;
margin:0 12px 12px 12px;
border-bottom:1px dotted #999;
height:152px;
}

.entry-list-box-contents{

}

.entry-list-box-title{
background-image:url(../images/entry-list-box-title.gif);
background-position:left 2px;
background-repeat:no-repeat;
padding:0 0 6px 24px;
margin:0 0 6px 0;
/*
margin:0;
height:20px;
*/
font-weight:bold;
font-size:14px;
}


.entry-list-box-img{
width:106px;
float:left;
margin-right:12px;
}

.entry-list-box-words{
width:387px;
float:left;
}

.entry-list-box-footer{
margin:6px 0 3px 0;
padding:0 0 0 6px;
font-size:10px;
text-align:right;
}

.entry-list-body-footer{
}


ul.pagenavi {
font-size:12px;
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

ul.pagenavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pagenavi li span,
ul.pagenavi li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
}

* + html ul.pagenavi li span,
* + html ul.pagenavi li a {
	display: inline-block;
	margin-bottom: 5px;
	padding:3px 8px 3px 8px;
	background: #fff;
	text-decoration: none;
	vertical-align: middle;
}

span.current_page{
font-weight:bold;
}

ul.pagenavi li a:hover {
background:#cfcaff;
}

* + html .link_next{
padding:5px 8px 1px 8px !important;
}

/*
▲エントリ一覧ページ=================================================================
▼エントリ全一覧===========================================================
*/

.entry-list-archive-monthly{
margin:12px 0 0 12px;
}

.entry-list-archive-monthly ul{
margin:0 0 24px 0;
}

.entry-list-archive-monthly ul li{
list-style-position:outside;
list-style:none;
font-size:14px;
line-height:1.5;
margin:9px 0;
padding:0 6px 6px 6px;
border-bottom:1px dotted #999;
}


/*
▲エントリ全一覧=================================================================
▼エントリ個別=====================================================================
*/

.entry-body-contents p{
margin:30px 0;
line-height:1.5;
}

.entry-body-contents h2{
margin:32px 0;
}

.entry-body-contents h3{
margin:18px 0;
}


.entry-body-contents h2{
padding:3px 0 3px 12px;
border-left:10px solid #999;
border-bottom:1px dotted #999;
font-size:16px;
}

.entry-body-contents h3{
padding:3px 0 3px 10px;
border-left:5px solid #999;
font-size:14px;
}

.entry-body-contents ol{

}

.entry-body-contents ol li{
font-size:14px;
line-height:1.2;
}

.entry-body-contents ul{
margin:12px 18px;
}

.entry-body-contents ul li{
font-size:14px;
list-style-position:inside;
list-style-type:square;
line-height:1.2;
}

.individual-navi{
padding:12px 0 0 0;
}

.individual-navi p{
font-size:12px;
}

.individual-navi .prev{
text-align:left;
}

.individual-navi .next{
text-align:right;
}


/*
▲エントリ個別=================================================================
▼コメントページ=====================================================================
*/

.entry-comment-check{
margin:12px 0;
padding:12px 0;
border-top:1px dotted #999;
}


/*
▲コメントページ=================================================================
▼404ページ=====================================================================
*/