@charset "UTF-8";




/***********************************************************
------------------------------------------------------------
・カスタムは自由。
・再配布は禁止。
・Designed by Pop Style
------------------------------------------------------------
***********************************************************/




/* 全体的な指定
***********************************************************/

*{
margin:0;
padding:0;
}


body{
background: #f8f8f8 url(http://file.bbbbblog.dou-jin.com/bg03.jpg);
background-attachment: fixed;
background-size: cover;
color:#656565;
line-height:1.5;
text-align:center;
font-size:12px;
font-family:Verdana, sans-serif;
margin:0;
padding:0;
}




/* 全体のリンク指定
***********************************************************/

a{
color:#9317ff;
text-decoration:underline;
}

a:link{
}

a:visited{
}

a:active{
}

a:hover{
color:#c481ff;
text-decoration:none;
}




/* ヘッダーエリア　タイトル・サブタイトル
***********************************************************/

#headerline{
background:url(http://file.bbbbblog.dou-jin.com/140_35_blog_bar.png) repeat-x;
height:140px;
margin:0;
padding:0;
}


#header{
width:780px;
height:140px;
text-align:center;
margin:0 auto;
padding:0;
}


h1{
font-family: fantasy;
text-align:left;
font-size: 30px;
margin:0;
padding:70px 580px 1px 15px;
}

h1 img {
width: 100%;
}

h1 a{
color: #2e2f58;
text-shadow: 0px 1px 0px white;
text-decoration: none;
}

h1 a:hover{
color:#e27a9f;
text-decoration:none;
position:relative;
top:1px;
}


.introduction{
color:#ffffff;
text-align:left;
font-size:12px;
margin:0;
padding:0 15px;
}




/* コンテナー・レイアウト
***********************************************************/

#container{
width:780px;
text-align:center;
margin:0 auto;
padding:0px 0px 80px 0px;
}


#container_inner{
text-align:center;
margin:0;
padding:0;
}




/* コンテンツ
***********************************************************/

#content{
float:right;
width:540px;
margin:0;
padding:0;
}


.entry_body{
text-align:left;
margin:0 0 30px 0;
padding:0;
}


h2{
line-height:25px;
text-align:left;
font-size:14px;
font-weight:normal;
margin:0 0 7px 0;
padding:0 15px;
border-bottom:1px dashed #000000;
}

h2 a{
color: #1f77ff;
font-weight: bold;
text-decoration: none;
text-shadow: 2px 2px 2px black;
}

h2 a:hover{
color:#76acff;
text-decoration:none;
}


.entry_main{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
color:#000000;
text-align:left;
font-size:12px;
margin:0;
padding:5px 15px;
}


.date{
color:#a5a5a5;
line-height:100%;
text-align:right;
font-size:12px;
font-family:Verdana,sans-serif;
margin:0 0 7px 0;
padding:0;
}


.entry_text{
margin:0;
padding:0;
}


.entry_more_link{
margin:0;
padding:0;
}


.entry_more_text{
margin:0;
padding:20px 0 10px 0;
}


.entry_footer{
text-align:right;
font-size:11px;
margin:0;
padding:15px 0 5px 0;
}


blockquote{
background:#f2f2f2;
margin:7px 15px;
padding:7px 10px;
border:1px dotted #b5b5b5;
}


.entry_body img{
margin:3px 5px 4px 0px;
padding:0;
border:1px dotted #b7b7b7;
}




/* コメントエリア
***********************************************************/

.comment_body{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
text-align:left;
margin:0 0 30px;
padding:0 0 50px 0;
}


.comment_title{
color:#f12e73;
line-height:25px;
text-align:left;
font-size:14px;
font-weight:normal;
margin:0 0 30px 0;
padding:0 15px;
border-bottom:1px dashed #000000;
}


.comment_receive_body{
color:#000000;
text-align:left;
font-size:12px;
margin:0 25px 15px 25px;
padding:15px;
border:1px dotted #858585;
}


.comment_receive_title{
font-weight:bold;
margin:0;
padding:0 0 8px 0;
}


.comment_receive_text{
margin:0;
padding:0;
}


.comment_receive_footer{
color:#858585;
text-align:right;
font-size:10px;
margin:0;
padding:8px 0 0 0;
}




/* コメントレスポンスエリア
***********************************************************/

.comment_response_body{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
color:#000000;
text-align:left;
margin:20px 5px 5px 5px;
padding:15px;
border:1px dotted #858585;
}


.comment_response_title{
font-weight:bold;
margin:0;
padding:0 0 8px 0;
}


.comment_response_text{
margin:0;
padding:0;
}


.comment_response_footer{
color:#858585;
text-align:right;
font-size:10px;
margin:0;
padding:8px 0 0 0;
}




/* コメントフォームエリア
***********************************************************/

.comment_form{
text-align:left;
font-size:12px;
margin:0;
padding:30px 0 0 25px;
}


.comment_form table{
color:#000000;
font-size:12px;
margin:0;
padding:0;
}


.comment_form table td{
margin:0;
padding:5px 3px;
}




/* コメント編集フォームエリア
***********************************************************/

.comment_edit{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
text-align:left;
margin:0;
padding:0;
}


.comment_edit_form{
text-align:left;
font-size:12px;
margin:0;
padding:0 0 0 25px;
}


.comment_edit_form table{
color:#000000;
font-size:12px;
margin:0;
padding:0;
}


.comment_edit_form table td{
margin:0;
padding:5px 3px;
}




/* トラックバックエリア
***********************************************************/

.trackback_body{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
text-align:left;
margin:0;
padding:0 0 10px 0;
}


.trackback_title{
color:#f12e73;
line-height:25px;
text-align:left;
font-size:14px;
font-weight:normal;
margin:0 0 30px 0;
padding:0 15px;
border-bottom:1px dashed #000000;
}


.trackback_url_text{
color:#000000;
text-align:left;
font-size:12px;
margin:0;
padding:0 15px 40px 15px;
}


.trackback_url_text input{
width:100%;
margin:0;
padding:0;
}


.trackback_receive_body{
color:#000000;
text-align:left;
font-size:12px;
margin:0 25px 15px 25px;
padding:15px;
border:1px dotted #858585;
}


.trackback_receive_title{
font-weight:bold;
margin:0;
padding:0 0 8px 0;
}


.trackback_receive_text{
margin:0;
padding:0;
}


.trackback_receive_footer{
color:#858585;
text-align:right;
font-size:10px;
margin:0;
padding:8px 0 0 0;
}




/* ページナビエリア
***********************************************************/

#prev_next{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
color:#000000;
text-align:center;
font-size:12px;
margin: 10px 0px;
padding: 40px 15px 40px 15px;
}




/* サイドバー
***********************************************************/

#sidebar{
float:left;
width:220px;
margin:0;
padding:0 0 70px 0;
}

.sidebar_box {
box-shadow: 0px 0px 0px 3px white, 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
background: #0c2536;
border-radius: 8px;
padding: 15px 0px 20px;
margin-bottom: 15px;
}


#sidebar h3{
color:#f2f4f3;
line-height:25px;
text-align:left;
font-size:14px;
font-weight:normal;
margin:0;
padding:0 20px;
}


.sidemenu{
color:#f2f4f3;
text-align:left;
font-size:10px;
margin:0;
padding:10px 20px;
}

.sidemenu a{
color:#f2f4f3;
text-decoration:underline;
}

.sidemenu a:hover{
color:#dce0db;
text-decoration:none;
}


.plugin_content{
margin:0;
padding:0;
}


.plugin_explanation{
margin:0;
padding:3px 0;
}


.plugin_data{
margin:0;
padding:0;
}


.plugin_data_date{
text-align:right;
margin:0;
padding:0;
}


.sidemenu ul{
list-style:none;
margin:0;
padding:0;
}




/* カレンダー
***********************************************************/

.CalendarMoveTable{
color:#f2f4f3;
width:170px;
font-size:12px;
margin:0;
padding:0 0 3px 0;
}


.CalendarPrevTd{
text-align:right;
margin:0;
padding:0;
}


.CalendarNowTd{
text-align:center;
margin:0;
padding:0;
}


.CalendarNextTd{
text-align:left;
margin:0;
padding:0;
}


.CalendarTable{
color:#f2f4f3;
width:170px;
height:130px;
font-size:12px;
margin:0;
padding:0;
}


.CalendarTable th{
text-align:center;
font-size:12px;
margin:0;
padding:0;
}


.CalendarTable .CalendarWdaySun{
color:#ff5555;
}


.CalendarTable .CalendarWdaySat{
color:#5555ff;
}


.CalendarTable td{
color:#f2f4f3;
text-align:center;
font-size:9px;
margin:0;
padding:0;
}

.CalendarTable td a{
color:#d1d1ff;
text-decoration:underline;
}

.CalendarTable td a:hover{
color:#f2f4f3;
text-decoration:none;
}




/* その他プラグイン
***********************************************************/

.blogsearch .box{
width:90%;
margin:0;
padding:0;
}




/* フォームエリア
***********************************************************/

form{
margin:0;
padding:0;
}


input,textarea,select{
background:#ffffff;
color:#000000;
margin:0;
padding:0;
border-radius: 5px;
border:1px solid #b5b5b5;
}




/* フッター
***********************************************************/

#footer{
background-color: #0d2636;
clear:both;
color:#f2f4f3;
height:70px;
line-height:1.1;
text-align:center;
font-size:12px;
margin:0 auto;
padding:0;
position: fixed;
bottom: 0px;
width: 100%;
}

#footer a{
color:#f2f4f3;
text-decoration:none;
}

#footer a:hover{
color:#f2f4f3;
text-decoration:none;
}


#footer_inner{
margin:0 auto;
}

.tab {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
    background: #000000;
}
.tab li {
   	margin: 0px 11px;
    padding: 10px 20px;
    display: inline-block;
    color: white;
    font-family: fantasy;
    font-size: 25px;
}

.tab a {
	text-decoration: none;
    color: white;
}

.tab a:hover{
	color:#969696;
	cursor : pointer;
}