@charset "utf-8";

/*
 * Copyright (C) blogtube All rights reserved.
 * 削除不可部分の削除はしないようにお願いいたします。
 * このコメント部分も削除不可です。
 * カスタマイズや利用法に制限はありません。
 * サイトはこちらです。
 * http://templatetube.blog78.fc2.com/
*/


/*　　　　基本的な設定　　　　*/

* {
margin: 0;
padding: 0;
word-break: break-all;
font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック"
}

body{
text-align: center;
}

a,
a:link,
a:visited{
color: #0066FF;
text-decoration: none;
}
a:hover{
color: #1785e5;
text-decoration: underline;
}
a:active {}

a img{
border: 0;
}

input{
padding: 1px;
font-size: 12px;
}

blockquote {
width: auto;
margin: 16px 10px;
padding: 10px;
font-size: 14px;
line-height: 160%;
background: #ebebeb;
border: solid 1px #000;
}

.section{
}

/*　　　　基本的な設定　　　　*/


/*　　　　　ヘッダ・バナー部分　　　　　*/

#banner{
width: 520px;
background: #FFFFFF;

border-bottom: solid 1px #0099FF;
}

#banner a,
#banner a:link,
#banner a:visited{
color: #99CC00;
font-size: 24px;
text-decoration: none;
}
#banner a:hover{
color: #000;
font-size: 24px;
text-decoration: underline;
}
#banner a:active{}

#bannerbox{
text-align: left;
color: #000;
padding: 6px 24px;
}

#banner h1,
#banner h1 a{
margin-bottom: 6px;
font-size: 20px;
font-weight: bold;
}

#banner h2{
color: #000;
font-size: 12px;
}

/*　　　　　ヘッダ・バナー部分　　　　　*/


/*　　　　提携サイト更新情報　　　　*/

#kousin{
width: 1200px;
margin: 10px auto 20px;
border: solid 1px #000;
background: #fff;
}

#k-title{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.kousincontent{
padding: 3px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*　　　　提携サイト更新情報　　　　*/


/*　　　　トップのフルバナー　　　　*/

.topadfull{
width: 1200px;
margin: 10px auto 20px;
background: #fff;
}

.topadfullmain{
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*　　　　トップのフルバナー　　　　*/


/*　　　　トップを2分割　　　　*/

.topbox{
width: 1245px;

margin: 10px auto 20px;
padding:0px;
}

.topmargin{
margin: 0px;
}

.topleft{
float: left;
width: 520px;
height:160px;
}

.topright{
float: left;
width: 720px;
margin:15px;
}

.topborder{
border: solid 0px #000;
}

.toptitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.topcontent{
padding: 5px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*　　　　トップを2分割　　　　*/


/*　　　　　メイン全体　　　　　*/

#bodyid{
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
background: #F7F7F7;
}

#box{
width: 1280px;
margin-right: auto;
margin-left: auto;
border: solid 0px #000;
background: #FFFFFF;
}

/*　　　　　メイン全体　　　　　*/


/*　　　　　ボックス全体　　　　　*/

#box-margin{
margin: 0 10px;
}

#box-left{
float: left;
width: 1005px;
}

#box-right{
float: right;
width: 230px;
}

#box-right h3{
font-weight: normal;
}

/* 右カラム */

/* 右カラム通常リスト設定 */
#box-right ul{
margin-left: 12px;
list-style-type: circle;
}

/* 右カラム */

#box-main{
float: right;
width: 750px;
}

/* 
右カラムのリストに画像を使用する例
#box-right ul{
}
#box-right ul li{
padding-left: 12px;
background: url(リスト画像のURL) no-repeat 0px 0.4em;
list-style-type: none;
}
使用する場合は右カラム通常リスト設定を削除して、
この部分のコメントを外して下さい。スペースは微調整して下さい。 
*/

/* メイン部分 */

#box-main h3{
font-size: 18px;
color: #0000FF;
font-weight: bold;
margin-top: 10px;
}

#box-main p{
margin-top: 0px;
margin-bottom: 0px;
}

#box-main img{
margin-right: 10px;
margin-bottom: 0px;
}

#box-main ul{
margin: 10px 0 10px 16px;
line-height: 100%;
}

/* メイン部分 */

#box-sub{
float: left;
width: 230px;
}

#box-sub h3{
font-weight: normal;
}

/* 左カラム */

/* 左カラム通常リスト設定 */
#box-sub ul{
margin-left: 12px;
list-style-type: circle;
}

/* 
左カラムのリストに画像を使用する例
#box-sub ul{
}
#box-sub ul li{
padding-left: 12px;
background: url(リスト画像のURL) no-repeat 0px 0.4em;
list-style-type: none;
}
使用する場合は左カラム通常リスト設定を削除して、
この部分のコメントを外して下さい。スペースは微調整して下さい。 
*/

/* 左カラム */

/*　　　　　ボックス全体　　　　　*/


/*　　　　　RSS　　　　　*/

#rss{
margin: 0 auto 10px;
border: solid 1px #000;
background: #fff;
}

#rsstitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

#rssmain{
padding: 3px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 175%;
}

/*　　　　　RSS　　　　　*/


/*　　　　　メインボックス全体　　　　　*/

.mainbox{
width: 100%;
margin: 0 auto 10px;
border: solid 1px #000;
border-top : solid 1px #000;


}

.maindate{
padding: 3px;
text-align: left;
background: #FFFFFF;
border-bottom: solid 1px #000;
}

.maindate2{
font-size: 12px;
font-weight: bold;
color: #000;


}

.maintime{
font-size: 10px;
font-weight: normal;
color: #000;
}

.mainentry{
font-size: 12px;
margin-top: 6px;
padding: 3px;
text-align: left;
}

.maintitle{
margin-bottom: 16px;
color: #000;
font-size: 12px;
font-weight: bold;
}

.maincontent{
padding: 0 10px;
margin-bottom: 10px;
color: #000;
font-size: small;
line-height: 170%;
}

.maintextarea{
font-size: 12px;
line-height: 150%;
margin: 10px; 0 16px;
}

.mainmore{
text-align: right; 14px;
margin-bottom: 12px;
color: #000;
font-size: 14px;
}

.mainnavi{
margin-top: 10px;
text-align: center;
font-size: 12px;
}

.maintag{
margin-top: 14px;
text-align: right;
color: #000;
font-size: 10px;
}

.mainfooter{
margin-top: 4px;
text-align: right;
color: #000;
font-size: 10px;
}

/*　　　　　メインボックス全体　　　　　*/


/*　　　　　コメント・トラックバック　　　　　*/

.comment{
}

#comment-top,
#comment-post,
#comment-edit{
padding: 3px;
margin-bottom: 6px;
text-align: left;
color: #000;
font-size: 12px;
background: #ebebeb;
border: solid 1px #000;
}

.comment-box{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 16px;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.comment-title{
margin-bottom: 10px;
line-height: 125%;
font-size: 12px;
}

.comment-titleb{
margin-bottom: 10px;
line-height: 125%;
font-size: 12px;
font-weight: bold;
}

.comment-footer{
margin-top: 10px;
text-align: right;
font-size: 10px;
}

.comment-entry{
font-size: 12px;
color: #000;
}

.comment-form{
text-align: right;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 150%;
}

.comment-form dl{}
.comment-form dt{
float: left;
margin-bottom: 6px;
}
.comment-form dd{
margin-bottom: 6px;
}

.comment-button{
margin: 4px 0 10px;
}

.trackback{
}

#trackback-top,
#trackback-header{
padding: 3px;
margin-bottom: 6px;
text-align: left;
color: #000;
font-size: 12px;
background: #ebebeb;
border: solid 1px #000;
}

.trackback-more{
text-align: right;
}

.comment-form2{
margin: 0 auto;
font-size: 12px;
line-height: 150%;
word-break: break-all;
}

/*　　　　　コメント・トラックバック　　　　　*/


/*　　　　　カレンダー　　　　　*/

.calendarbox{
width: 146px;
text-align: center;
color: #000;
font-size: 11px;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.calendar{
width: 100%;
border-collapse: collapse;
font-size: 11px;
}

.calendarmy{
border: solid 1px #ebebeb;
}

.calendar caption{
margin-bottom: 5px;
background: #ebebeb;
}

.calendar th{
padding: 0.1em;
text-align: center;
border-bottom: solid 1px #ebebeb;
}

.calendar td{
padding: 0.1em;
text-align: center;
border-bottom: solid 1px #ebebeb;
}

.calendar td a{
display: block;
color: #1785e5;
background: #fff;
border: solid 1px #ebebeb;
}

.sun{
color: #e51717;
}

.sat{
color: #1785e5;
}

/*　　　　　カレンダー　　　　　*/


/*　　　　　左ボックス　　　　　*/

.lefttitle{
padding: 3px;
margin-bottom: 6px;
text-align: center;
color: #000;
font-size: 12px;
line-height: 125%;
background: #ebebeb;
border: solid 1px #000;
}

.leftmain{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.leftframe{
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
}

.leftp{
margin-bottom: 10px;
}

.leftcalendar{
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

/*　　　　　左ボックス　　　　　*/


/*　　　　　右ボックス　　　　　*/

.righttitle{
padding: 3px;
margin-bottom: 6px;
text-align: center;
color: #000;
font-size: 12px;
line-height: 125%;
background: #ebebeb;
border: solid 1px #000;
}

.rightmain{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.rightiframe{
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
}

.rightmargin{
margin-bottom: 10px;
}

/*　　　　　右ボックス　　　　　*/


/*　　　　下部エリア広告　　　　*/

#bottombox{
width: 900px;
margin: 10px auto 20px;
border: solid 1px #000;
background: #fff;
}

#bottomtitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.bottomcontent{
padding: 3px;
margin: 0 auto;
text-align: center;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*
テーブルをセンタリングする場合に
.bottomcontent table{
margin: 0 auto;
}
*/

/*　　　　下部エリア広告　　　　*/


/*　　　　　フッター　　　　　*/

#footer{
width: 100%;
margin-top: 18px;
background: #ebebeb;
}

#footer-box{
text-align:center;
font-size: 12px;
line-height: 125%;
color: #000;
border-top: solid 1px #ebebeb;
}

/*　　　　　フッター　　　　　*/


/*　　　　　文字装飾　　　　　*/

.tubered{
color: #e51717;
}

.tubeblue{
color: #1785e5;
}

.tubespan1{
color: #000;
background: #ffb2d4;
}

.tubemargin1{
margin-top: 12px;
}

.mainindent{
text-indent: 10px;
}

/*　　　　　文字装飾　　　　　*/


html {
  background-color: #F6F6F6;
}


#navMenu {
  position: fixed;
  top: 0.4em;
  right: 0.4em;
  font-size: 0.9em;
  cursor: default;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  line-height: 1;
}

#navMenu .menuItem {
  font-size: 0.9em;
  font-weight: bold;
  color: #FFF;
  display: block;
  padding: 3px 6px;
  margin: 0px;
}

#navMenu ul{
  padding: 0px;
  margin: 0px;
  background-color: rgba(60, 60, 60, 0.85);
}

#navMenu li{
  padding: 1px;
  margin: 0px;
  list-style-type: none;
}

#navMenu > li > ul{
  border: 1px solid #555;
  display: none;
}
#navMenu:hover > li > ul{
  display: block;
}

#navMenu > li {
  text-align: right;
}

#navMenu > li > ul > li > a:link,
#navMenu > li > ul > li > a:visited{
  font-size: 0.9em;
  color: #F6F6F6;
  display: block;
  padding: 4px 8px;
  text-decoration: none;
}

#navMenu > li > ul > li > a:hover{
  background-color: #888;
  color: #FFF;
  opacity: 1;
}

#status {
  margin: 4em 0px 15px 0px;
  text-align: center;
}

#status span {
  padding: 6px 24px;
  font-size: 0.7em;
  border: 1px solid #BBB;
  -moz-border-radius: 6px;
  color: #888;
}


/* ***** ***** レス ***** ***** */

dl.resContainer {
  margin: 0.5em 15px 0.5em 15px;
}

dt.resHeader {
  background-color: transparent;
  padding: 2px 4px;
  font-size: 0.8em;
  color: #777;
}

dd.resBody {
  margin: 0px 0px 20px 0px;
  padding: 12px 35px 12px 25px;
}

span.resNumber {
  font-weight: bold;
  color: #111;
}

dl.resNew span.resNumber {
  color: #E63;
}

span.resName {
  font-weight: bold;
  font-size: 1.1em;
  color: #369;
}

span.resSystem {
  font-weight: normal;
  color: #477;
}

span.resID,
span.resMesID {
  text-decoration: underline;
}

/* ***** ***** あぼーん レス ***** ***** */

dl[isAbone="true"] dd.resBody {
  display: none;
  color: #999;
}

dl[isAbone="true"] span.resHeaderContent {
  display: none;
}

dl[isAbone="true"] dd.resBody * {
  color: #888;
}

dl[isAbone="true"] span.resHeaderAboneContent:after {
  content: "ABONE";
  font-weight: bold;
  color: #369;
  font-size: 1.1em;
}


/* ***** ***** ポップアップ ***** ***** */
div.popup {
  font-size: 0.8em;
  padding: 8px;
  -moz-border-radius: 8px;
  -moz-box-shadow: #333 0px 0px 12px;
  background-color: rgba(60, 60, 60, 0.85);
  position: absolute;
}

div.popupInner {
  min-width: 18em;
  min-height: 3em;
  max-height: 25em;
  max-width: 55em;
  overflow: auto;
}

div.popup dl.resContainer {
  margin: 1px;
}


div.popup *,
div.popup span.resHeaderAboneContent:after {
  color: #EEE;
}


img.small {
  width: 200px;
}


div.loadError:after {
  content: "Load Error";
}


div.imagePopup {
  min-width:  100px;
  min-height: 0px;
  max-height: none;
  max-width: none;
}


/* AA表示 */
.aa{
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:16px;
line-height:18px;
}


.archive-date {
	height: 70px;
	overflow: auto;
}


.clear{
	clear:both;
}


.float{
	float:left;
margin-right:10px;
}

.float2{
	float:left;
}



.pcut div {
margin:0;
}


.image pict｛
width: 600px;
｝



/* スクロール */
.page-top
{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top
{
	display: block ;
	background: #D36015 ;
	width: 50px ;
	height: 50px ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}





/* 吹き出し*/
/* css */
.samplek {
background-color:;
border:0px solid #000;
border-radius:5px;
position:relative;
margin-left:60px;
}

.sampleks {
background-color:;
border:0px solid #000;
border-radius:5px;
position:relative;
margin-left:86px;
}

.comentk {float:left;

}

.in blockquote {  

    color: #064599;  
margin: 0px;
padding: 5px;
}  

.in2 blockquote {  
margin: 0px 10px 0px 10px;
padding: 0px 10px 0px 10px;
background-color:transparent;
font-size:14px;
}  



li {
line-height:150%;
}


/* 折りたたみ*/
details {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: .5em .5em 0;
}

summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

details[open] {
    padding: .5em;
}

details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
}