@charset "UTF-8";

/* =========================================== */
/* フォントの定義                              */

@font-face      {
        font-family: LLCOOPER;
        src: url('./fonts/LLCOOPER.TTF');
        }
@font-face      {
        font-family: BOYCOTT;
        src: url('./fonts/BOYCOTT_.TTF') format("opentype");
        }
@font-face      {
        font-family: veteran_typewriter;
        src: url('./fonts/veteran_typewriter.ttf') format("opentype");
        }
@font-face      {
        font-family: FePIrm27C;
        src: url('./fonts/FePIrm27C.otf') format("opentype");
        }

/* FOR IE */  
@font-face {  
        font-family: LLCOOPER;
        src: url('./fonts/LLCOOPER.eot');
        }
@font-face {  
        font-family: BOYCOTT;
        src: url('./fonts/BOYCOTT.eot');
        }
@font-face {
        font-family: veteran_typewriter;
        src: url('./fonts/veteran_typewriter.eot');
        }
/* =========================================== */

/*
 * CSS
 * stylesheet for screen layout
 *
 * @file        base.css
 */

@media all {

img, div, input { behavior: url("iepngfix.htc") }

/***********************************/
/********** common format **********/
/***********************************/

html, body  {  
_height: 100%;  
_overflow: auto;  
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: normal;
}

ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

ol {
margin: 0px;
padding: 0px;
}

li {
margin: 0px;
padding: 0px;
}

p, pre, blockquote {
font-size: 0.8em;
margin: 0px;
padding: 0px;
}

dl, dt, dd {
margin: 0px;
padding: 0px;
}

a:link, a:visited {
text-decoration: underline;
}

a:hover, a:active {
text-decoration: none;
}

form, input, select, textarea {
margin: 0px;
padding: 0px;
vertical-align: middle;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", arial, verdana, Meiryo, "ＭＳ Ｐゴシック", Osaka,  sans-serif;
}

table, th, td{
margin: 0px;
padding: 0px;
border-collapse: collapse;
vertical-align: top;
}

img {
vertical-align: bottom;
border: none;
}

/*********************************/
/********** base format **********/
/*********************************/

body{
margin: 0;
padding: 0;
background-color: #000;
background-image: url(./images/bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
font-size: 100%;
color: #cccccc;
line-height:120%;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", arial, verdana, Meiryo, "ＭＳ Ｐゴシック", Osaka,  sans-serif;
}

a:link {
color: #e5e5e5;
text-decoration: none;
}

a:visited {
color: #e5e5e5;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active {
color: #e5e5e5;
text-decoration: none;
}

#container_top {
position: relative;
width: 940px;
margin-left: auto;
margin-right: auto;
padding-top: 102px;
text-align: left;
/*border: solid 1px #00f;*/
}

#container {
position: relative;
width: 940px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
text-align: left;
/*border: solid 1px #00f;*/
}

#copyright {
position: fixed;
bottom: 5px;
right: 5px;
width : 40px;
height: 211px;
text-indent:-9999px;
background-image: url(./images/copyright.png);
background-position: 0px 0px;
background-repeat: no-repeat;
/*border: solid 1px #ff0;*/
}

#signIn{
position:absolute;
top:0;
left:50%;
margin-left:-450px;
width:770px;
/*border:1px solid #f00;*/
}

#signIn p{
display:none;
font-size:10px;
float:left;
/*border:solid 1px #0f0;*/
}

#signin-widget-content{
display:inline;
font-size:10px;
text-align: left;
float:left;
/*border:solid 1px #0f0;*/
}

#topicEntry{
font-size:10px;
text-align: left;
/*border:solid 1px #0f0;*/
}

#loginName{
color:#fff;
font-size:12px;
font-weight: bold;
padding-left:5px;
padding-right:10px;
}

/********** flow elements **********/

#flow {
position: absolute;
top: 0px;
right: 15px;
width:190px;
z-index: 1;
/*border: solid 1px #f00;*/
}

.Mtop {
background-image: url(./images/menu_top.png);
background-repeat: no-repeat;
position: absolute;
top: -10px;
left: 0px;
width: 190px;
height: 10px;
_height: 5px;
}

.Mbot {
clear: both;
background-image: url(./images/menu_bottom.png);
position: absolute;
left: 0px;
width: 190px;
height: 10px;
_height: 5px;
}


.fg {
background-image: url(./images/bg.png);
top: 0px;
left: 0px;
width: 190px;
text-align: left;
/*font-family:Arial, Helvetica, sans-serif;*/
z-index: 2;
/*border: solid 1px #ff0;*/
}

#logo {
width : 173px;
height: 100px;
text-indent:-9999px;
background-image: url(./images/rgb255logo.png);
background-position: 5px 25px;
background-repeat: no-repeat;
margin-left: 8px;
margin-bottom: 3px;
border-bottom: solid 1px #333333;
}

#catch {
width:190px;
text-align:center;
font-family: FePIrm27C,arial;
font-size: 10px;
line-height:120%;
color: #cccccc;
}

#navi {
margin-top: 25px;
margin-bottom: 20px;
padding-left: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navi li {
padding: 0px 0px 2px 0px;
text-transform: uppercase;
}

#navi li.current {
color: #770812;
font-weight: 800;
padding: 0px 0px 2px 0px;
}

a.close {
color: #111111;
font-weight: 800;
padding: 0px 0px 2px 0px;
}

#navi a:link {
color: #aaaaaa;
font-weight: 800;
text-decoration: none;
}

#navi a:visited {
color: #aaaaaa;
font-weight: 800;
text-decoration: none;
}

#navi a:hover {
color: #eeeeee;
font-weight: 800;
text-decoration: none;
}

#navi a:active {
color: #aaaaaa;
font-weight: 800;
text-decoration: none;
}

.search{
width: 170px;
padding: 0px 0px 20px 5px;
margin-left: auto;
margin-right: auto;
border-top: solid 1px #333333;
}

.search dt{
padding-top:5px;
font-size:0.75em;
}

dd.searchBox{
margin-left: 2px;
margin-right: 2px;
background-image: url(images/bg.png);
float: left;
}

.searchBox input{
padding: 2px 7px;
border: solid 1px #D4D4D4;
background-color:transparent;
color: #aaaaaa;
width: 125px;
}

.searchBTN input{
margin-top: 1px;
width: 21px;
}

.searchBox input:hover{
border: solid 1px #2D88B3;
}

#PageUp a{
font-size:0.6em;
float: right;
background-image: url(images/pageup.png);
background-position:left;
background-repeat: no-repeat;
padding:0px 0px 0px 8px;
margin:10px 10px 0px 0px;
}

#PageUp a:link {
font-weight: 800;
color: #aaaaaa;
text-decoration: none;
}

#PageUp a:visited {
font-weight: 800;
color: #aaaaaa;
text-decoration: none;
}

#PageUp a:hover {
font-weight: 800;
color: #eeeeee;
text-decoration: none;
}

#navi a:active {
font-weight: 800;
color: #eeeeee;
text-decoration: none;
}


/*************TopArea*************/
#topTxt dd{
text-align: justify;
font-size: 0.9em;
font-family: FePIrm27C,arial;
}

#topTxt .subTXT{
font-size: 0.8em;
padding-top:3px;
border-top: dotted 1px #666;
}

#topTxt dt{
text-align: right;
margin: 10px 0px 5px;
font-family: LLCOOPER,arial;
font-size: 1.3em;
}

#NewsBox{
width:720px;
margin-left: auto;
margin-right: auto;
padding-right: 220px;
}

.NewsInbox{
background-image: url(./images/bg.png);
top: 0px;
padding: 17px 25px 10px 27px;
/*border: solid 1px #fff;*/
}

.NewsInbox h2 {
width: 580px;
padding: 0px 40px 0px 10px;
font-size: 80%;
margin-bottom: 10px;
border-bottom:solid 1px #666666;
float: left;
}

/*.RSSicon a{
position:absolute;
right:265px;
text-indent:-9999px;
background-image: url(./images/rss.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
}*/

.RSSicon a{
text-indent:-9999px;
background-image: url(./images/rss.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
float:right;
}

#NewsList li {
font-size: 80%;
clear: both;
}

.NewsDate{
font-size: 70%;
padding-bottom: 10px;
}

.recentDate{
display: block;
font-size: 80%;
color: #666666;
}

/**タグクラウド**/
.rank-1 {display:inline;margin:0 2px;font-size:1.5em}
.rank-2 {display:inline;margin:0 2px;font-size:1.25em}
.rank-3 {display:inline;margin:0 2px;font-size:1em}
.rank-4 {display:inline;margin:0 2px;font-size:0.875em}
.rank-5 {display:inline;margin:0 2px;font-size:0.75em}
.rank-6 {display:inline;margin:0 2px;font-size:0.6em}

/********** content elements **********/
#content {
width: 720px;
}

#mobileInfo {
display: none;
}


#content h1 {
padding: 15px 5px 0px 0px;
font-family: BOYCOTT,arial;
font-size: 1.5em;
text-align: right;
}

#breadcrumbs ul {
display: block;
float:right;
margin:0px 7px 5px 0px;
}

#breadcrumbs li {
float: right;
font-size: 0.6em;
height:13px;
padding-left:15px;
background:url(./images/breadcrumbs.png) no-repeat;
background-position: 7px 70%;
}

#breadcrumbs li.current {
float: right;
font-weight: 800;
background:none
}

.box {
}

.boxInner {
background-image: url(images/bg.png);
padding: 15px 20px 5px 20px;
}

.boxTop {
clear: both;
background-image: url(images/content_top.png);
background-repeat: no-repeat;
width: 720px;
height: 10px;
}

.clear {
clear: both;
}

.boxBot {
background-image: url(images/content_bottom.png);
clear: both;
width: 720px;
height: 10px;
margin-bottom: 15px;
}

.boxInner h2 {
padding-bottom: 0px;
border-bottom: 1px #999999 dotted;
font-size: 1em;
}

.boxInner .date {
margin-bottom: 20px;
padding: 5px 10px 0px 0px;
font-size: 0.6em;
float: left;
}

.boxInner .category {
margin-bottom: 20px;
padding: 5px 0px 0px 10px;
font-size: 0.6em;
float: right;}


.text {
clear: both;
margin-bottom: 15px;
font-size: 0.8em;
}

.text div {
font-size:1em;
}

.text p {
font-size:1em;
margin-bottom:25px;
}


.blogPosted {
background-repeat: repeat-x;
padding-top: 5px;
font-size: 0.7em;
text-align: right;
}

.entryList{
margin-bottom: 40px;
}

.searchResult {
border: 1px dashed #333;
padding: 10px 20px;
margin-bottom: 20px;
}

.archiveList {
font-size: 0.7em;
}

.archiveList li{
background-image: url(images/linkarrow.png);
background-repeat:  no-repeat;
background-position: center left;
min-height: 15px;
padding: 0px 0px 0px 10px;
}

.archiveList span{
font-size:10px;
}

/********** 月別アーカイブナビ **********/


#calenTop {
background-image: url(images/content_top.png);
background-repeat: no-repeat;
width: 720px;
height: 10px;
}

#calenBot {
background-image: url(images/content_bottom.png);
width: 720px;
height: 10px;
margin-bottom: 30px;
}

.calen{
font-size: 0.8em;
color: #444444;
font-family: LLCOOPER,arial;
background-image: url(images/bg.png);
/*border: solid 1px #0f0;*/
padding-top: 10px;
}


.calendl {
height: 20px;
padding: 0px 20px 5px 20px;
}

.calen dt{
clear: both;
width: 30px;
float: left;
margin-right: 20px;
}

.calen ul{
display ;block;
}

.month{
list-style-type: none;
}

.month li{
float:left;
padding: 0px 10px 0px 0px;
}

#end{
clear: both;
}

/********** TB & Comment **********/

#MXTWBUtton{
height: 25px;
float: right;
margin-bottom:15px;
}

.mx{
position:relative;
bottom: 3px;
*bottom: 8px;
height: 30px;
}

.tw{
position:relative;
right: -14px;
height: 30px;
}

#Tb_ComArea{
clear: both;
margin-top: 20px;
padding-top: 20px;
border-top:1px #999999 solid;
}

/* トラックバックURL
------------------------------------------------------------ */
#trackback  h3{
font-size: 0.8em;
font-weight: bold;
margin-top: 10px;
}

#trackbackURL dt{
margin-top:18px;
font-size: 0.8em;
}

#trackbackURL dd{
width: 680px;
margin-bottom: 20px;
background-image: url(images/bg.png);
clear: both;
}

#trackback-url{
width: 660px;
padding: 2px 10px;
border: solid 1px #D4D4D4;
background-color:transparent;
color: #aaaaaa;
}

#trackback-url:hover{
border: solid 1px #2D88B3;
}

/* コメント
------------------------------------------------------------ */
#comment  h3{
font-size: 0.8em;
font-weight: bold;
}

.commentBox{
width: 660px;
border: dashed 1px #666666;
padding: 5px 10px;
margin-bottom: 10px;
}

.commentBox p{
margin-bottom: 10px;
}

.postDate {
font-size: 10px;
text-align: right;
}

/* コメントフォーム要素
------------------------------------------------------------ */
#post dt{
font-size: 0.8em;
}

#post dd{
background-image: url(images/bg.png);
margin-bottom:5px;
}

#text{
width:660px;
padding: 5px 10px;
border: solid 1px #D4D4D4;
background-color:transparent;
color: #aaaaaa;
}

#text:hover{
border: solid 1px #2D88B3;
}

.formbox{
width: 272px;
}

#post input#author{
width: 250px;
padding: 2px 10px;
border: solid 1px #D4D4D4;
background-color:transparent;
color: #aaaaaa;
}

#post input#author:hover{
border: solid 1px #2D88B3;
}

.formboxEntry{
width: 660px;
}

#post input#entry-title{
width: 660px;
padding: 2px 10px;
border: solid 1px #D4D4D4;
background-color:transparent;
color: #aaaaaa;
}

#post input#entry-title:hover{
border: solid 1px #2D88B3;
}

#send input{
width: 150px;
padding: 2px 10px;
margin-top:10px;
border: solid 1px #D4D4D4;
background-color:transparent;
color: #aaaaaa;
}

#send input:hover{
border: solid 1px #2D88B3;
}

textarea.prevTxt {
display: none;
}

/********** pageリンク **********/
#pagelink{
clear: both;
height: 20px;
margin: 0px 15px 30px 15px;
}

#pagePrev{
float: left;
}

#pagePrev span{
display:block;
font-size:0.6em;
color:#aaa;
}

#pageNext{
float: right;
}

#pageNext span{
display:block;
text-align:right;
font-size:0.6em;
color:#aaa;
}

/********** pagelist **********/
.pagelist {  
clear: both;
float:right;
display:block;
text-align: center;  
font-size: 60%;
margin: 0px 10px 15px 0px;
}  

.pagelist li {
display: inline;  
}  

.pagelist li strong {  
display: -moz-inline-box;
display: inline-block;
padding: 2px 4px 2px;
min-width:15px;
background: #333;
/*border: 1px #CCC solid;  */
}  

.pagelist li a {
background-image: url(images/bg.png);
display: -moz-inline-box;
display: inline-block;
padding: 2px 4px 2px;
min-width:15px;
/*border: 1px #333 solid;  */
}  

.pagelist li a:hover {
/*border: 1px solid #2D88B3;*/
background: #2D88B3;
text-decoration: none;
color: #FFF;  
}  

/********** Comment pagelist **********/
.Com_pagelist {  
clear: both;
float:right;
display:block;
text-align: center;  
font-size: 60%;
margin: 0px 0px 15px 0px;
}  

.Com_pagelist li {
display: inline;  
}  

.Com_pagelist li strong {  
display: -moz-inline-box;
display: inline-block;
padding: 2px 4px 2px;
min-width:15px;
background: #333;
/*border: 1px #CCC solid;  */
}  

.Com_pagelist li a {
background-image: url(images/bg.png);
display: -moz-inline-box;
display: inline-block;
padding: 2px 4px 2px;
min-width:15px;
/*border: 1px #333 solid;  */
}  

.Com_pagelist li a:hover {
/*border: 1px solid #2D88B3;*/
background: #2D88B3;
text-decoration: none;
color: #FFF;  
}  

/**********photolist **********/
.photo_list {
clear: both;
width: 680px;
/*border:1px #f00 solid;*/
}

.photo_list ul{
width: 690px;
margin: 0 -10px 0 0; overflow: hidden; _zoom: 1; 
}

.photo_list li{
float:left;
width: 220px;
height:200px;
margin-right: 10px;
}


/**********Eclipse Page **********/
.story_box_kimi {
background-image: url(./eclipse/images/main_img.jpg);
background-repeat: no-repeat;
padding-left: 415px;
height: 300px;
font-size: 12px;
}

.story_box_tkl {
background-image: url(./eclipse/images/main_tkl.jpg);
background-repeat: no-repeat;
padding-left: 415px;
margin-bottom: 10px;
height: 300px;
font-size: 12px;
}

.story_box_mai {
background-image: url(./eclipse/images/main_mai.jpg);
background-repeat: no-repeat;
padding-left: 415px;
margin-bottom: 10px;
height: 300px;
font-size: 12px;
}

/*.story_box h3{
color: #cccccc;
margin-bottom: 5px;
margin-left: 0px;
}*/

.story_box dt{
font-weight: 800;
padding-bottom: 5px;
}

.story_box dd{
font-weight: normal;
padding-bottom: 5px;
clear: both;
}

.column_box {
margin:10px 0px 10px 0px;
padding: 15px;
background-image: url(images/bg.png);
border: 1px solid #555555;
font-size: 12px;
line-height:130%;
}

.column_box dt{
display: block;
font-weight: 800;
color: #990033;
padding-bottom: 5px;
float:left;
}

.column_box dd{
padding-bottom: 5px;
font-weight: normal;
clear: both;
}

/**********About Page **********/
.about_box_kimi{
padding-top: 20px;
background-image: url(../images/about.jpg);
background-repeat: no-repeat;
background-position: 0px 20px;
padding-left: 270px;
height: 300px;
border-top: 1px dashed #666666;
}

.about_box_tkl{
}

.about_box_mai{
padding-top: 20px;
border-top: 1px dashed #666666;
}

.about_box dt{
font-weight: 800;
margin: 0px 0px 0px 0px;
padding-bottom: 5px;
_display:inline;
float: left;
}

.about_box dd{
padding-bottom: 20px;
font-weight: normal;
line-height: 120%;
clear: both;
}

/**********Link Page **********/
h3.link {
font-weight: bold;
}

.link_box {
margin: 5px 0px 5px 0px;
padding: 5px 15px 10px 0px;
min-height: 60px;
border-bottom: 1px;
border-bottom: 1px dashed #555555;
font-size:12px;
_display:inline;
}

.link_img {
margin-right: 15px;
float:left;
clear: both;
}

.link_box dt{
font-weight: 800;
color: #990033;
padding-bottom: 2px;
padding-left: 15px;
}

.link_spec{
padding-left: 15px;
font-weight: normal;
color: #cccccc;
}

.link_box dl{
font-weight: normal;
padding-left: 15px;
}

/*.link_box a:link {
color: #aaaaaa;
text-decoration: none;
}*/

/*.link_box a:visited {
color: #aaaaaa;
text-decoration: none;
}*/

/*.link_box a:hover{
color: #cccccc;
text-decoration: underline;
}*/

/*.link_box a:active {
color: #2D88B3;
text-decoration: none;
}*/


/********** report more（旧サイト） **********/

#report_more_box {
width: 636px;
margin: 5px 15px 0px;
padding-bottom: 5px;
font-size: 12px;
line-height: 110%;
}

h4{
font-size: 12px;
margin-bottom: 15px;
padding-top: 20px;
border-bottom: 1px solid #666666;
clear: both;
}

#report_more_box li {
font-size: 12px;
line-height: 110%;
}

#report_more_box #title_img {
width: 552px;
background-color: #222222;
margin: 0px 42px 0px;
}

#report_more_box img.left {
_display:inline;
float:left;
margin-right: 3px;
margin-bottom: 3px;
}

#report_more_box img {
margin-bottom: 3px;
}

#report_more_box p {
clear:both;
margin-right: 3px;
margin-bottom: 3px;
font-size: 12px;
line-height: 110%;
}

#report_more_box p.center {
clear:both;
text-align: center;
margin-right: 3px;
margin-bottom: 30px;
font-size: 12px;
line-height: 110%;
}

#entry_list {
padding-top: 20px;
margin-left: 15px;
clear:both;
}

#entry_list h3 {
clear:both;
color: #cccccc;
}

#entry_list ul{
}

#entry_list li{
float:left;
padding: 0px 2px 5px 0px;
font-size: 12px;
}

.entry_box {
width: 604px;
font-size: 12px;
line-height: 110%;
margin: 15px;
padding: 15px;
border: 1px solid #555555;
clear: both;
}

.entry_box dd{
font-weight: 800;
font-size: 12px;
line-height: 110%;
color: #990033;
padding-bottom: 5px;
float:left;
}

.entry_box dt{
font-size: 12px;
color: #aaaaaa;
font-weight: normal;
clear: both;
}

.entry_box .date{
font-weight: nomal;
font-size: 10px;
color: #666666;
}

.repo_photo_list {
clear: both;
width: 680px;
/*border:1px #f00 solid;*/
}

.repo_photo_list ul{
width: 690px;
margin: 0 -10px 0 0; overflow: hidden; _zoom: 1; 
}

.repo_photo_list li{
float:left;
font-size: 12px;
width: 220px;
height:200px;
margin-right: 10px;
}

}