/* 全体設定
------------------------------------------------------------ */

*{
margin:0;
padding:0;
word-break:break-all;
}
ul,li,ol{
margin:0;
padding:0;
}
ol li{
display:list-item;
vertical-align:top;
}
textarea,input{
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro","メイリオ";
color:#333;
}
#side input,#side textarea{
max-width:95%;
}
#main input,#main textarea{
max-width:95%;
}

/* 画像
------------------------------------------------------------ */
img{
border:0;
}
.emoji{
vertical-align:middle;
}
.text_body img{
margin:0 5px 0 0;
}
.eng{
font-family:arial;
}

/* デフォルトのリンク設定
------------------------------------------------------------ */
a{
text-decoration:none;
}
a:link{
color:#788bfa;
}
a:visited{
color:#787baa;
}
a:hover{
color:#69f;
}
a:active{
color:#f55;
}

/* 強調文字・引用
------------------------------------------------------------ */
.text_body strong{
}
.text_body blockquote{
background:#555;
border:1px dotted #bab;
margin:10px 10px 10px 60px;
padding:10px 20px;
font-size:90%;
}
.text_body ul,
.text_body ol{
padding-left:20px;
}
.text_body li{
margin-left:10px;
list-style-position:outside;
}

/* レイアウト
------------------------------------------------------------ */
#conteinar{
text-align:left;
width:820px;
margin:0 auto;
}
body{
text-align:center;
background:#000 url("https://blog-imgs-44.fc2.com/d/e/s/designlabolatory/sunset-bak-004.gif") no-repeat center bottom;
color:#aaa;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro","メイリオ";
}
.header_bak{
background:#000 url("https://blog-imgs-44.fc2.com/d/e/s/designlabolatory/sunset-bak-002.gif") no-repeat center top;
}
#header{
text-align:left;
width:820px;
height:160px;
font-style:oblique;
font-size:200%;
margin:0 0 20px ;

}
#main{
width:560px;
float:left;
overflow:hidden;
}
#side{
width:220px;
float:right;
color:#fff;
overflow:hidden;
font-size:79%;
}
#footer{
margin:20px 0 0;
font-family:arial,sans-serif;
}

/* ヘッダー
------------------------------------------------------------ */
#header h1{
font-size:100%;
padding:40px 0 40px 10px;
}
#header h1 a{
color:#0f0;
border:none;
}
#header h1 a:hover{
color:#ccf;
}
.intro{
font-size:35%;
margin:10px 0 30px 10px;
}

/* メインカラム
------------------------------------------------------------ */
.main_body{
background:#0d4f0d;
}
.ticate{
margin-bottom:60px;
width:100%;
}
.title_category h2{
font-size:10px;
font-weight:bold;
}
.title_category{
border-top:3px solid #000;
}
.title_category h2 a{
color:#ff9900;
padding:1px 10px;
border-left:3px solid #f50;
}
.title_category h2 a:hover{
color:#ff0;
padding:1px 10px;
border-left:3px solid #ccf;
}
.title_entry{
}
.title_entry h3{
font-size:16px;
padding:3px 20px;
background:#000;
}
.title_entry a{
color:#fff;
}
.title_entry a:hover{
color:#ccf;
}

.text_body{
clear:both;
line-height:1.5;
padding:10px 25px;
color:#ffffff
}
.more_link{
margin:30px 20px 20px 300px;
text-align:right;
border-bottom:1px dotted #999;
}
.text_footer{
font-family:arial,sans-serif;
padding:3px 10px 40px;
border-top:3px solid #000;
text-align:right;
font-size:75%;
}

.fc2_footer{
margin:20px 0 10px;
}

/*--記事下部アイテム--*/
.next_entry_title{
font-family:arial,sans-serif;
font-size:15px;
font-weight:bold;
padding:3px 0 3px 20px;
border-top:3px solid #000;
}
.next_entry_entry{
padding:3px 30px 40px;
font-size:90%;
line-height:1.2;
}
.bookmarks{
padding:30px 0 0;
text-align:right;
}
.bookmarks img{
margin:0;
border:0;
padding:0;
}


/* コメント・トラックバックエリア
------------------------------------------------------------ */
.cmtb_title{
font-size:90%;
font-weight:bold;
font-family:arial,sans-serif;
background:#333;
padding:2px 10px;
}
.sub_title{
margin:30px 10px 10px 70px;
border-bottom:1px solid #999;
font-size:90%;
}
.sub_body{
padding:5px 20px 10px 80px;
}
#tb .sub_body{
font-size:87%;
}
.sub_footer{
background:#333;
padding:2px 10px;
text-align:right;
font-size:75%;
margin:10px 10px 20px 70px;
}

#cm,#tb,#cm_form,#tb_url{
padding:10px;
font-size:90%;
line-height:1.5;
}
.tb_url_box{
padding:20px;
}
.tb_url_box input{
border:none;
border-bottom:1px solid #999;
background:#000;
width:450px;
font-family:arial,sans-serif;
font-size:14px;
color:#aaa;
}
.cmfm_tb{
border-collapse:collapse;
margin:20px;
}
.cmfm_left{
font-weight:bold;
font-size:11px;
vertical-align:bottom;
padding-right:10px;
font-family:arial,sans-serif;
border-bottom:1px solid #999;
}
.cmfm_left_tex{
font-weight:bold;
font-size:11px;
vertical-align:top;
padding:20px 10px 0 0;
font-family:arial,sans-serif;
}
.cmfm_right{
vertical-align:bottom;
border-bottom:1px solid #999;
padding-top:1px;
}
.cmfm_right_emoji{
vertical-align:bottom;
padding-top:4px;
opacity:.9;
filter:alpha(style=0, opacity=90);
}
.cmfm_right input{
border:none;
background:transparent;
padding:2px;
width:380px;
color:#aaa;
font-size:14px;
font-weight:bold;
font-family:arial,sans-serif;
}
.cmfm_right_tex textarea{
color:#aaa;
background:#333;
border:1px solid #999;
width:380px;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro","メイリオ";
}
.cmfm_right_radio{
font-size:12px;
padding-top:4px;
}
.cmfm_right_tex{
padding:10px 0;
}
.form_btn input{
background:#999;
color:#000;
font-family:arial,sans-serif;
border-width:1px;
padding:0 10px;
margin:5px 0;
}

/* 全記事表示
------------------------------------------------------------ */
.all{
padding:20px 20px;
font-size:90%;
}
.all_list{
border-collapse:collapse;
}
.all_list_cate{
vertical-align:bottom;
font-size:12px;
border-bottom:1px solid #666;
padding:2px 0 2px;
}
.all_list_url{
vertical-align:bottom;
font-size:14px;
border-bottom:1px solid #666;
padding:10px 10px 2px;
}
.all_list_day{
vertical-align:bottom;
font-size:12px;
border-bottom:1px solid #666;
padding:2px 0 2px;
font-family:arial,sans-serif;
word-break:keep-all;
}

/* サーチエリア
------------------------------------------------------------ */
.search{}
.search_body{
padding:20px 10px;
}
.search_list{
padding:10px 0;
}
.search_dis{
padding:10px;
margin:10px 10px 10px 50px;
border:1px dotted #999;
font-size:75%;
}

.sub_title_category{
font-family:arial;
font-weight:bold;
padding:10px;
}
.sub_title_entry{
padding:5px 20px;
background:#444;
border-top:3px solid #000;
}

/* ページナビ＆ページトップ
------------------------------------------------------------ */
.page_navi{
font-size:12px;
text-align:left;
font-family:arial,sans-serif;
margin:5px 0;
}
.pg_top{
clear:both;
text-align:left;
font-size:12px;
font-family:arial,sans-serif;
margin:20px 0 100px 0;
}
.pg_top a,.page_navi a{
border:1px solid #777;
padding:2px 20px;
color:#999;
}
.pg_top a:hover,.page_navi a:hover{
border:1px solid #777;
color:#fff;
}
.pg_top a:active{
border:1px solid #f00;
color:#f00;
}

/* サイドバー
------------------------------------------------------------ */
#side ul,#side li{
list-style:none;
padding:0;
margin:0;

}
#side li{
}
#side li a{
display:block;
padding:8px 5px 3px;
border-bottom:1px dotted #777;
border-left:4px solid #000;
}
#side li a:hover{
display:block;
padding:8px 5px 3px;
border-bottom:1px dotted #777;
border-left:4px solid #000;

}
#side img{
background:#fff;
padding:2px;
margin:2px;
border:1px solid #ccc;
}
.plg_title{
border-bottom:1px solid #ffffff;
margin:20px 0 0;
padding:2px 15px;
font-weight:bold;
}
.plg_body,.plg3_body{
padding:10px;
line-height:1.2;
}
.plg_header,.plg3_header{
padding:5px 10px 2px;
}
.plg_footer,.plg3_footer{
padding:10px;
}
.plg3_title{
margin-top:5px;
padding:5px 10px;
border:1px solid #777;
font-size:13px;
font-weight:bold;
}
.plg3_body{
font-size:13px;
}

/* フッター
------------------------------------------------------------ */
.adrs{
height:80px;
padding:0 20px;
width:820px;
margin:0 auto;
text-align:left;
}
address{
font-style:normal;
font-size:13px;
}
.fc2ad{
text-align:right;
padding:10px 20px;
font-size:12px;
}

/* プラグインアイテム
------------------------------------------------------------ */
.calender caption{
padding-bottom:5px;
}
.calender{
width:100%;
text-align:center;
font-family:arial,sans-serif;
border-collapse:separate;
border:1px solid #333;
}
.calender th{
font-size:10px;
padding:5px;
}
.calender td{
padding:2px 0;
color:#cbc;
}
.calender td a{
display:block;
}
.calender td a:hover{
background:#666;
}
#sun{
color:#f77;
}
#sat{
color:#77f;
}

.plugin-tag{
padding:0 10px;
line-height:1.5;
}

/* Template Designed by Design Laboratory
    last update 2010/12/14 var.1.7
------------------------------------------------------------ */