@charset "utf-8";
/*---------------------ページ全体---------------------*/
body{
	width:100%;
	height:100%;
	font-family:Verdana, sans-serif, 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Osaka, Arial;
	margin:0px;
	padding:0px;
	text-align:center;
	letter-spacing:1px;
	font-size:100%;
	line-height:1.3em;
	color:#222;
        background: #2d3343;
}
/* リンク設定 */
a{color:#374c85;text-decoration:none;}
a:link{color:#374c85;text-decoration:none;padding:1px;}
a:visited{color:#374c85;text-decoration:none;}
a:hover{color:#a99177;text-decoration:none;}

/*------------------コンテンツ全体----------------------*/
#container{
        width: 950px;
	margin:auto;
	text-align:left;
        background: #fefefe;
        overflow: hidden;
        border-radius: 3px;
}
/*--------------------- ヘッダー----------------------*/
#banner{
	width:950px;
	height:120px;
	margin:0px;
}
/* リンク設定 */
#banner a{color:#fff;text-decoration:none;font-weight:bold;}
#banner a:link{color:#fff;text-decoration:none;font-weight:bold;}
#banner a:visited{text-decoration:none;font-weight:bold;}
#banner a:hover{color:#fff;text-decoration:none;font-weight:bold;background:transparent;}
/* ブログタイトル */
.blogtitle{
	font-size:20px;
	font-weight:normal;
        color: #ffffff;
	text-align:left;
        position: absolute;
        top: 40px;
        left: 70px;
}
/* ブログの説明 */
.description{
	font-size:10px;
	text-align:left;
	margin-top:5px;
	color:#fff;
        position: absolute;
        top: 70px;
        left: 70px;
}
/*--------------------- 記事表示部----------------------*/
#content{
        width: 550px;
	position:relative;
	margin: 0px;
	padding: 0px;
        float: right;
}/* 記事全体 */
.blog{
	padding:0px 0px;
}

/* 記事本体 */
.blogbody{
	padding:0px;
	line-height:1.3em;
	margin: 10px 0px 0px 0px;
        background:#f9f9f9;
        border-radius: 3px;
}
/* 記事タイトル */
.title{
	color:#fff;
	font-size:0.9em;
	font-weight:normal;
	letter-spacing:2px;
	margin:0px;
	padding:0px 0px 0px 20px;
        position: absolute;
        top: 4px;	
}
.title a {color: #fff;}
.title a:hover{color:#a99177;}
/* 記事本文 */
.main{
	font-size:0.8em;
	margin:10px 0px 0px 0px;
	padding:10px;
}
/* 記事本文 リンク設定 */
.main a{color:#374c85;padding:1px;}
.main a:link{color:#374c85;}
.main a:visited{color:#374c85;}
.main a:hover{color:#a99177;}
.main p{padding:0px;margin:0px;}
/* 画像 */
.main img{
	margin-bottom:5px;
	margin-right:5px;
	border: none;
}
.main .emoji{
	margin:1px;
	vertical-align:middle;
	float:none;
	border:0px;
}
/* 続きを読む */
.continues{
	font-size:0.9em;
	font-weight:normal;
}
/* 続きを読む リンク */
.continues a{color:#374c85;padding:1px;}
.continues a:link{color:#374c85;}
.continues a:visited{color:#374c85;}
.continues a:hover{color:#a99177;}
/* 投稿時間等 */
.posted{
	font-size:0.6em;
	text-align:right;
	margin:0px 0px 25px 0px;
	padding:0px;
}/* 投稿時間等 リンク */
.posted a{color:#374c85;padding:1px;}
.posted a:link{color:#374c85;}
.posted a:visited{color:#374c85;}
.posted a:hover{color:#a99177;}
/* 個別記事　トップと前後記事へのリンク */
.menu{
	text-align:right;
	margin:5px 0px 0px;
}
/* PAGE TOP */
.pagetop{
	font-size:0.6em;
	text-align:right;
	margin:0px 10px 15px;
}
/* リンク設定 */
.pagetop a{color:#374c85;padding:1px;}
.pagetop a:link{color:#374c85;}
.pagetop a:visited{color:#374c85;}
.pagetop a:hover{color:#a99177;}
.pagenavi{
	font-size:0.6em;
	text-align:center;
	margin:0px 0px 15px;
}
.pagenavi a{color:#374c85;text-decoration:none;}
.pagenavi a:link{color:#374c85;text-decoration:none;}
.pagenavi a:visited{color:#374c85;text-decoration:none;}
.pagenavi a:hover{color:#a99177;text-decoration:none;}

/*---------------------トラックバック表示部----------------------*/
/* トラックバックURLヘッド */
.trackback-urlhead{
	font-size:0.85em;
	padding:3px 0px 2px 5px;
	margin:0px 10px 15px 10px;
        border-bottom: 1px solid #a4abb5;
}
/* トラックバックURL */
.trackback-url{
	color:#222;
	font-size:0.7em;
	font-weight:bold;
	margin:15px 0px;
	padding:0px 10px 0px 15px;
	letter-spacing:1px;
}
/* トラックバックヘッド */
.trackback-head{
	font-size:0.85em;
	padding:3px 0px 2px 5px;
	margin:0px 10px 15px 10px;
        border-bottom: 1px solid #a4abb5;
}
/* トラックバック本文 */
.trackback-body{
	font-size:0.75em;
	padding:0px 0px 0px 5px;
	margin:0px 10px 5px 10px;
	letter-spacing:1px;
}
/* トラックバック送信時間等 */
.trackback-post{
	color:#222;
	font-size:0.65em;
	text-align:right;
	padding:0px;
	margin:5px 10px 20px 10px;
}
/* トラックバック送信時間等 リンク */
.trackback-post a{color:#374c85;padding:1px;}
.trackback-post a:link{color:#374c85;}
.trackback-post a:visited{color:#374c85;}
.trackback-post a:hover{color:#a99177;}

/*---------------------コメント表示部----------------------*/
/* コメントヘッド */
.comments-head{
	font-size:0.85em;
	margin-bottom:15px;
	padding:3px 0px 2px 5px;
	margin:0px 10px 0px 10px;
        border-bottom: 1px solid #a4abb5;
}
/*コメント*/
.commentbox {
            width: 450px;
            margin: auto;
            background: #ffffff;
}
/* コメント本文 */
.comments-body{
	font-size:0.75em;
	padding:0px 0px 0px 5px;
	margin:10px 10px 5px 10px;
	letter-spacing:1px;
}
/* コメント投稿時間等 */
.comments-post{
	color:#222;
	font-size:0.65em;
	text-align:right;
	padding:0px;
	margin:5px 10px 20px 10px;
}
.comments-post a{color:#374c85;padding:1px;}
.comments-post a:link{color:#374c85;}
.comments-post a:visited{color:#374c85;}
.comments-post a:hover{color:#a99177;}

/*------------------コメント送信フォーム--------------------*/
table.form{margin:25px 0px 0px 10px;} /* 全体 */
.form td{font-size:0.85em;}
.form label{font-weight:normal;} 
#name{width:200px;border:1px solid #222;} 
#mail{width:200px;border:1px solid #222;}
#url{width:200px;border:1px solid #222;} 
#comment{width:400px;height:150px;border:1px solid #222;} 
#pass{width:100px;border:1px solid #222;} 
#himitu{border:0px;background:transparent;} 
#submit{font-size:1em;border:1px solid #222;} 
#del{font-size:1em;border:1px solid #222;}
.mess{font-size:1em;}
/*-------------------サイドバー左----------------------*/
#side_l{
	width:190px;
        margin: 13px 5px 0px 5px;
	padding:0px;
        float: right;
}
/*------------記事表示部分＋サイドバー左----------------*/
#wrapper{
        width:750px;
        margin: 0px;
        float:left;
}
/*---------------------サイドバー右---------------------*/
#side_r{
        width: 190px;
        margin: 13px 5px 0px 5px;
        float: left;
}
/*-------------------- サイドバー項目-------------------*/
/* タイトル */
.sidetitle{
	font-size:0.8em;
	padding:3px 0px 3px 2px;
	text-align:left;	
	background-position:right top;
	border-bottom:1px solid #a4abb5;
	letter-spacing:2px;
}
/* 全体 */
.side{
	font-size:0.7em;
	text-align:left;
	line-height:1.25em;
	width:auto;
	padding:3px 5px;
	margin:0px 0px 10px;
	word-break:break-all;
}
.side ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.side li{
	padding:0px;
	margin:5px 0px;
}
.side li a{color:#374c85;padding:1px;}
.side li a:link{color:#374c85;}
.side li a:visited{color:#374c85;}
.side li a:hover{color:#a99177;}
/*---------------------カレンダー----------------------*/
.calender{
	width:180px;
	font-size:1em;
        background: #e0dfdb;
}
.calender caption{
	font-size:1.1em;
	padding:3px 0px;
}
.calender caption a{
	color:#374c85;
	font-weight:bold;
}
.calender caption a:hover{color:#a99177;}
.calender th{
	font-size:0.85em;
	padding:3px 0px;
	margin:0px;
	text-align:center;
	font-weight:normal;
	letter-spacing:normal;
	width:25px;
	height:18px;
	line-height:18px;
}
.calender th#sun{color:#c02;}
.calender th#sat{color:#374c85;}
.calender td{
	font-size:0.8em;
	padding:3px 0px;
	text-align:center;
	width:25px;
	height:18px;
	line-height:18px;
}
.calender td a{
	color:#7381a9;
	font-weight:normal;
	
}
.calender td a:hover{
	background-color:transparent;
	color:#a99177;
	
}
/*---------------------フッター----------------------*/
#footer{
	clear:both;
        width: 950px;
        height: 80px;
        color: #fff;
	font-size:0.7em;
	text-align:left;
	line-height:1.5em;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 20px;
        background: #2d3343;
        position: relative;
        overflow: hidden;
}
#footer a { color:#fff;}
#footer a:hover{color: #a99177;}
.footercontent {
               font-size: 0.8em;
               position: absolute;
               top: 10px;
               left: 70px;
}
/*-----------ヘッダー・フッター・記事タイトルの模様--------------*/
/*枠*/
.waku {
     width: 950px;
     height: 120px;
     margin: auto;
     background-color: #2d3343;
     position: relative;
     top: 0px;
     left: 0px;
     overflow: hidden;
}
/*青色線45度*/
.tate1 {
       width: 15px;
       height: 250px;
        background: rgba(55,76,133,0.5);
        transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
} 
/*灰色線45度*/
.tate2 {
       width: 7px;
       height: 250px;
       background: rgba(164,171,181,0.5);
        transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
}
/*灰色線45度*/
.tate3 {
       width: 7px;
       height: 250px;
       background: rgba(224,223,219,0.5);
        transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
}
/*青色線135度*/
.tate4 {
       width: 15px;
       height: 250px;
        background: rgba(55,76,133,0.5);
        transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -o-transform:rotate(135deg);
} 
/*灰色線135度*/
.tate5 {
       width: 7px;
       height: 250px;
       background: rgba(164,171,181,0.5);
        transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -o-transform:rotate(135deg);
}
/*灰色線135度*/
.tate6 {
       width: 7px;
       height: 250px;
       background: rgba(224,223,219,0.5);
        transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -o-transform:rotate(135deg);
}
/*線の位置*/
.line1 {position:absolute; top: -40px; left: 0px;}
.line2 {position:absolute; top: -40px; left: 25px;}
.line3 {position:absolute; top: -40px; left: 40px;}
.line4 {position:absolute; top: -40px; left: 150px;}
.line5 {position:absolute; top: -40px; left: 175px;}
.line6 {position:absolute; top: -40px; left: 190px;}
.line7 {position:absolute; top: -40px; left: 300px;}
.line8 {position:absolute; top: -40px; left: 325px;}
.line9 {position:absolute; top: -40px; left: 340px;}
.line10 {position:absolute; top: -40px; left: 450px;}
.line11 {position:absolute; top: -40px; left: 475px;}
.line12 {position:absolute; top: -40px; left: 490px;}
.line13 {position:absolute; top: -40px; left: 600px;}
.line14 {position:absolute; top: -40px; left: 625px;}
.line15 {position:absolute; top: -40px; left: 640px;}
.line16 {position:absolute; top: -40px; left: 750px;}
.line17 {position:absolute; top: -40px; left: 775px;}
.line18 {position: absolute; top: -40px; left: 790px;}
.line19 {position: absolute; top: -40px; left: 900px;}
.line20 {position: absolute; top: -40px; left: 925px;}
.line21 {position: absolute; top: -40px; left: 940px;}
/*記事タイトル枠*/
.waku2 {
        width: 550px;
        height: 30px;
        background:#2d3343;
        background:rgba(45,51,67,0.9);
        border-radius: 3px 3px 0px 0px;
        position: relative;
        top: 1px;
        left: 0px;
        overflow: hidden;
}
/*青色線*/
.tate7 {
       width: 15px;
       height: 50px;
       background: rgba(55,76,133,0.5);
       position: absolute;
       top: 0px;
       left: 0px;
        } 
/*灰色線*/
.tate8 {
       width: 7px;
       height: 50px;
       background: rgba(164,171,181,0.5);
       position: absolute;
       top: 0px;
       left: 20px;
}
/*灰色線*/
.tate9 {
       width: 7px;
       height: 50px;
       background: rgba(224,223,219,0.5);
       position: absolute;
       top: 0px;
       left: 30px;
}
/*横縞グラデーション*/
.shima{
  width: 950px;
  height: 120px;
  margin: 0px;
  position:absolute;
  top: 0px;
  left: 0px;
  background: -moz-linear-gradient(top,
    #2d3343,
    #2d3343 25%,
    transparent 25%,
    transparent 50%,
    #2d3343 50%,
    #2d3343 75%,
    transparent 75%,
    transparent);  
  background: -webkit-gradient(linear, left top, left bottom,
    from(#2b453a),
    color-stop(25%, #2d3343),
    color-stop(25%, transparent),
    color-stop(50%, transparent),
    color-stop(50%, #2d3343),
    color-stop(75%, #2d3343),
    color-stop(75%, transparent),
    to(transparent));
  background: -o-linear-gradient(top,
    #2d3343,
    #2d3343 25%,
    transparent 25%,
    transparent 50%,
    #2d3343 50%,
    #2d3343 75%,
    transparent 75%,
    transparent); 
  background: -ms-linear-gradient(top,
    #2d3343,
    #2d3343 25%,
    transparent 25%,
    transparent 50%,
    #2d3343 50%,
    #2d3343 75%,
    transparent 75%,
    transparent); 
  background-size: 4px 4px;
  opacity: 0.5;
}
/*---------------------その他----------------------*/
h1,h2,h3{
	margin:0px;
	padding:0px;
}
/* 引用 */
blockquote{
	color:#222;
	padding:5px 8px;
	width:90%;
	font-size:0.85em;
	margin:5px 5px 5px 15px;
	border:1px dotted #666;
	background:#e0dfdb;
	letter-spacing:1px;
}
/*罫線*/
hr {
   border:solid #a4abb5;
   border-width:1px 0 0 0;
}
/* inputタグ */
input{
	background:#fff;
	border:1px solid #222;
	color:#222;
}
br {letter-spacing:normal;} /* brタグのletter-spacing解除 */
img{border:0px;}/* imgタグ */
.clear{clear:both;}