@import "blog_catDistinguish.css";
@charset "utf-8";

/*------------------------------------------------
 初期設定
------------------------------------------------*/

/* スタイルのリセット */
html, body, div,
h1, h2, h3, h4, h5, h6,
blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, tr, td, img,
form, fieldset, legend {
border: 0;
margin: 0;
padding: 0;
}

ul, li, dt, dl, dd{
list-style-type:none;
margin:0;
padding:0;
}

a:link, a:visited{
color:#1b3f56;
text-decoration: none;
}

a:hover{
color:#4c4c4c;
}

h3 {

}

/*------------------------------------------------
 クリアフィックス
------------------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*------------------------------------------------
 タグ/クラス要素
------------------------------------------------*/
html {
width: 100%;
height: 100%;
overflow-y: scroll;
}

body {
width: 100%;
height: 100%;
font-family:Meiryo,"A-OTF 新ゴ Pro EL","Verdana","ヒラギノ角ゴ Pro W3","Osaka‐等幅","Trebuchet MS",Arial,Helvetica,Osaka,"sans-serif","ＭＳ ゴシック","ＭＳ Ｐゴシック","MS UI Gothic";
line-height: 1.8;
font-size:80%;
text-align: center;
background:#d0d0cf;
color:#336699;
margin: 0;
padding: 0;
}


/*------------------------------------------------
 レイアウト要素
------------------------------------------------*/

div#container {
	width:990px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#containerArea {
	float:left;
	background:url(../images/blogContainer_bg.jpg) right top repeat-y;
	width:861px;
        min-height:600px;
        height: auto !important;
        height: 600px;
}

#containerBottom {
	float:left;
	background:url(../images/blogContainer_bottom.jpg) right top no-repeat;
	width:861px;
	height:77px;
	text-align:center;
	clear:both;	
}

#containerBottom p {
	padding:20px 0 0 0;
}

#head {
	background:url(../images/blogHead_bg.jpg) right top no-repeat;
	height:176px;
	width:990px;
	clear:both;
}

#head h1 {
    color:#bbbbbb;
    font-size:1%;
    text-align:center;
    display:block;
	padding:0;
	margin:0;
}

#head #logo{
	float:left;
	padding:23px 0 0 0;
}

#foot {
	width:841px;
	height:60px;
	clear:both;
	padding:20px 0 0 0;
	text-align:center;
}

/* メニュー */
#menuR {
	float:right;
	background:url(../images/blogMenu_bgImg.jpg) top left no-repeat;
	width:228px;
}

#menuR a:link, a:visited{
color:#1b3f56;
text-decoration: none;
}

#menuR a:hover{
color:#4c4c4c;
}

#menuR #menuArea {
	margin:0 20px 0 30px;
	display:block;
	_margin:0 0 0 30px;
}



/* カレンダー */
#menuR #menuArea #calender {
        font-family: "Arial Rounded MT Bold","Verdana",Meiryo;
 	margin:0 0 25px 0;
}
 
#menuR #menuArea #calender table {
	color:#1d1d1d;
        font-size:90%;        
        text-align:right;
        width:168px;
        height:140px;
}

#menuR #menuArea #calender table caption {
        font-weight:bold;
        padding:0 0 15px 0;
}
#menuR #menuArea #calender table caption h3 {
        font-size:13px;
}
#menuR #menuArea #calender table tr {
        margin:0 0 5px 0;
}
#menuR #menuArea #calender table td {
	height: 20px;
	width: 20px;
}
#menuR #menuArea #calender table tr td#prev{ text-align:left; padding:0 0px 0 7px;}
#menuR #menuArea #calender table tr td#next{ text-align:right;}

/* カテゴリ */
#menuR #menuArea #category {
        margin:25px 0;
}
#menuR #menuArea #category h3 {
        margin:0 0 10px;
}
#menuR #menuArea #category ul li{
	color:#1D1D1D;
}

/* 新着記事 */
#menuR #menuArea #newArticle {
	margin:25px 0;
}
#menuR #menuArea #newArticle h3 {
        margin:0 0 10px;
}
#menuR #menuArea #newArticle ul li {
	line-height:1.3;
        padding:5px 0;
}

/* 月別アーカイブ */
#menuR #menuArea #monthly {
	margin:25px 0;
}
#menuR #menuArea #monthly div#backNumber h3 {
/*        margin:0 0 10px;*/
}

/* バックナンバー */
#menuR #menuArea #monthly div#backNumber {margin:38px 0 0;}
#menuR #menuArea #monthly div#backNumber img{margin:0;}
#menuR #menuArea #monthly div#backNumber div#backNumber_head {}

#menuR #menuArea #monthly div#backNumber dl dd ul li {
	line-height:0;
}

#menuR #menuArea #monthly div#backNumber dl dd ul li a,
#menuR #menuArea #monthly div#backNumber dl dd ul li a:visited{
color:#1d1d1d;
text-decoration:none;
outline:none;
margin:0px;
_padding:0px 5px;
line-height:normal;
}
#menuR #menuArea #monthly div#backNumber dl dd ul li a:hover{
color:#8c8c8c;
}
/* メイン */
#main {
	float:left;
	background:url(../images/blogMain_bg.jpg) right top repeat-y;
        width:633px;
}
* html #main{
        width:633px;
}

#main_inner {
	padding:0 0 0 40px;
}
#main h1 {
        background:url(../images/blogMain_bgh1.jpg) top center no-repeat;
        padding:0 0 10px 30px;
        margin:0 20px 0 0;
        font-size:120%;
        color:#4c4c4c;
}
.each{
	padding:0 0 0 40px;
	background:url(../images/blogMaincomm_bgImg.jpg) right 0 no-repeat;
	clear:both;

}
.article_cat_01,
.article_cat_02,
.article_cat_03,
.article_cat_04,
.article_cat_05{
	float:right;
	width:563px;
	background:url(../images/articleBg.jpg) top right repeat-y;
	margin:0 0 40px 0;
}

.article_cat_01 h2,
.article_cat_01 h2 a,
.article_cat_02 h2,
.article_cat_02 h2 a,
.article_cat_03 h2,
.article_cat_03 h2 a,
.article_cat_04 h2,
.article_cat_04 h2 a,
.article_cat_05 h2,
.article_cat_05 h2 a{
        font-size:18px;
        color:#b8b7b3;
		margin:0 0 0px 0;
		padding:0;
}

.article_cat_01 h2 a:link,
.article_cat_01 h2 a:visited,
.article_cat_02 h2 a:link,
.article_cat_02 h2 a:visited,
.article_cat_03 h2 a:link,
.article_cat_03 h2 a:visited,
.article_cat_04 h2 a:link,
.article_cat_04 h2 a:visited,
.article_cat_05 h2 a:link,
.article_cat_05 h2 a:visited{
        color:#b8b7b3;
}

.article_cat_01 img,
.article_cat_02 img,
.article_cat_03 img,
.article_cat_04 img,
.article_cat_05 img{
        padding:0;
        margin:0;
        line-height:0;
}

.article_cat_01 p,
.article_cat_02 p,
.article_cat_03 p,
.article_cat_04 p,
.article_cat_05 p{
	clear:both;
	margin:0px 50px 0 38px;
	color:#B8B7B3;
    line-height:2.5em;

}

.article_cat_01 p.txt,
.article_cat_02 p.txt,
.article_cat_03 p.txt,
.article_cat_04 p.txt,
.article_cat_05 p.txt{
        color:#b8b7b3;
        line-height:2.5em;
}

.article_cat_01 p.txt img,
.article_cat_02 p.txt img,
.article_cat_03 p.txt img,
.article_cat_04 p.txt img,
.article_cat_05 p.txt img{
        display:inline-block;
        padding:0;
        margin:0;
        line-height:0;
}

.article_cat_01 .bottom,
.article_cat_02 .bottom,
.article_cat_03 .bottom,
.article_cat_04 .bottom,
.article_cat_05 .bottom{
	background:url(../images/articleBottom.jpg) top right no-repeat;
	height:24px;
        text-align:right;
	padding:35px 20px 0 0;
	font-size:80%;
	color:#1b3f56;
	clear:both;
}
.article_cat_01 .bottom a,
.article_cat_02 .bottom a,
.article_cat_03 .bottom a,
.article_cat_04 .bottom a,
.article_cat_05 .bottom a{
	color:#1b3f56;
}
.article_cat_01 .bottom a:hover,
.article_cat_02 .bottom a:hover,
.article_cat_03 .bottom a:hover,
.article_cat_04 .bottom a:hover,
.article_cat_05 .bottom a:hover{
        color:#336699;
}

#comment_confirmation {
	background:url(../images/blogMaincomm_bgImg.jpg) right top no-repeat;
/*        width:593px;*/
        min-height:600px;
        height: auto !important;
        height: 600px;
}

a.pictureCaption{
	color:#666;
	line-height:2.0em;
}




/*------------------------------------------------
 検索結果
------------------------------------------------*/
.search_each{
	padding:0 0 0 40px;
	background:url(../images/blogMaincomm_bgImg.jpg) right top no-repeat;
/*        width:593px;*/
        min-height:600px;
        height: auto !important;
        height: 600px;
}


.search_article{}

.search_article_cat_01,
.search_article_cat_02,
.search_article_cat_03,
.search_article_cat_04,
.search_article_cat_05{
	float:right;
	width:580px;
	background:url(../images/search_articleBg.jpg) top right repeat-y;
	padding:10px 0 20px 0;
	margin:0 0 40px;
}

.search_article_cat_01 h2,
.search_article_cat_01 h2 a,
.search_article_cat_02 h2,
.search_article_cat_02 h2 a,
.search_article_cat_03 h2,
.search_article_cat_03 h2 a,
.search_article_cat_04 h2,
.search_article_cat_04 h2 a,
.search_article_cat_05 h2,
.search_article_cat_05 h2 a{
	font-size:15px;
	margin:0 0 0px 0;
	padding:0;
	color:#1B3F56;
}


.search_article_cat_01 img,
.search_article_cat_02 img,
.search_article_cat_03 img,
.search_article_cat_04 img,
.search_article_cat_05 img{
        padding:0;
        margin:0;
        line-height:0;
}

.search_article_cat_01 p,
.search_article_cat_02 p,
.search_article_cat_03 p,
.search_article_cat_04 p,
.search_article_cat_05 p{
	margin:0px 50px 0px 30px;
	color:#B8B7B3;
    line-height:1.5em;
}

.search_article_cat_01 .bottom,
.search_article_cat_02 .bottom,
.search_article_cat_03 .bottom,
.search_article_cat_04 .bottom,
.search_article_cat_05 .bottom{
	margin:0;
	padding:0;
	background:url(../images/search_articleBg.jpg) top right repeat-y;
	clear:both;
}
.search_article_cat_01 .bottom a,
.search_article_cat_02 .bottom a,
.search_article_cat_03 .bottom a,
.search_article_cat_04 .bottom a,
.search_article_cat_05 .bottom a{
	color:#1b3f56;
}
.search_article_cat_01 .bottom a:hover,
.search_article_cat_02 .bottom a:hover,
.search_article_cat_03 .bottom a:hover,
.search_article_cat_04 .bottom a:hover,
.search_article_cat_05 .bottom a:hover{
        color:#336699;
}

/*------------------------------------------------
 コメント
------------------------------------------------*/
#comments,
#trackbacks {
        clear:both;
	margin:0 auto;
        color:#1b3f56;
}

#comments a,
#trackbacks a {
        color:#1b3f56;
}

.comments,
.trackbacks {
	width:550px;
}
.comments h2, 
.trackbacks h2 {
	background:url(../images/blogComeTraba_bg.jpg) top center no-repeat;
	height:30px;
	font-size:100%;
        color:#1b3f56;
}

.comment-content {
        color:#1b3f56;
}

.comment-content p {
        margin:0 0 0 5px;
}

.comment-inner {
	width:435px;
}

.w1{
        display:block;
        float:left;
        width:100px;
        height:20px;
}

#comments label .w1 {
/*        clear:both;*/
}

#comments-open {
        margin:40px 0;
}

#comments #comments-open-data input {
        height:15px;
}
.comment-header {
	text-align:right;
        margin:0 0px 20px 0; 
        font-size:85%;
        color:#1b3f56;
}

#comment-greeting {
        font-size:90%;
}

ul.children div.comment-content{ padding: 0 0 0 10px;}
ul.children ul.children div.comment-content{ padding: 0 0 0 20px;}
ul.children ul.children ul.children div.comment-content{ padding: 0 0 0 30px;}
ul.children ul.children ul.children ul.children div.comment-content{ padding: 0 0 0 40px;}
ul.children ul.children ul.children ul.children ul.children div.comment-content{ padding: 0 0 0 50px;}


/*------------------------------------------------
 Not Found
------------------------------------------------*/
.notfound_each{
	padding:0 0 0 40px;
	background:url(../images/blogMaincomm_bgImg.jpg) right top no-repeat;
/*        width:593px;*/
        min-height:600px;
        height: auto !important;
        height: 600px;
}

.notfound_each h2{
	font:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	font-size:65px;
	margin:0 0 0px 0;
	padding:0;
	color:#1B3F56;
}