/*
Theme Name: Black And White
Theme URI: http://www.blogohblog.com/
Description: Black And White is a 3 columns Wordpress theme. Simple, clean and easy you to modify, also suitable for any blog content such reviews, make money blog, personal, photo blog and more. :)
Version:
Author: Bob
Author URI: http://www.blogohblog.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
*/

body{background:#F7F3E8;repeat;font-family: 'メイリオ',Meiryo, Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#333;margin:0;padding:0;line-height:170%;}



div#header  {font-family: 'メイリオ',Meiryo, Verdana, Arial, Helvetica, sans-serif;color:#000;font-size:14px;margin:-30px 0px 0px 0px;padding:-10px 10 -25px 0px;}
 
div#header
    {font-size: 30px;
    font-weight:bold;
    margin-bottom: 0px;
}
#header-in .header-top
    {font-size: 30px;
    font-weight:bold;
    margin-bottom: 0px;
    }
 
div#header
    {text-decoration: none;
    color: #1f1f1f;
    }
#header-in .header-top a
    {text-decoration: none;
    color: #1f1f1f;
    }

#header-in .header-top-h1
    {font-size: 10px;
    font-weight:normal;
    margin-top: 30px;
    margin-bottom: -10px;
    }





h2{color:#000;}
#h2{font-size:33px;color:#c0c0c0;}
#wrap{background:#fff;width:930px;border:#c0c0c0 1px solid;margin:20px auto;padding:10px;}
#top{width:930px;margin:0 auto;padding:0 0 10px;}
#header h1.title{font-family: 'メイリオ',Meiryo, Verdana, Arial, Helvetica, sans-serif;color:#000;font-size:28px;padding-top: 0px; margin-bottom: 8px;}
p.desc{font-family: 'メイリオ',Meiryo, Verdana, Arial, Helvetica, sans-serif;color:#000;font-size:11px;margin:10 0 -30px 10px;}
#nav{background-color:#4d3506;height:35px;width:930px;clear:both;margin:auto;padding:0;}

#rank{background-color:#4d3506;height:35px;width:700px;clear:both;margin:auto;padding:0; border-radius: 5px;}






h3{color:#000;}
#wrap{background:#fff;width:930px;border:#c0c0c0 1px solid;margin:20px auto;padding:10px;}
#top{width:930px;margin:0 auto;padding:0 0 10px;}
#header h1.title{font-family: 'メイリオ',Meiryo, Verdana, Arial, Helvetica, sans-serif;color:#000;font-size:38px;padding-top: 0px; margin-bottom: 8px;}
p.desc{font-family: 'メイリオ',Meiryo, Verdana, Arial, Helvetica, sans-serif;color:#000;font-size:11px;margin:10 0 -30 10px;}







ul.nav{height:35px;min-height:35px;max-height:35px;line-height:35px;float:left;list-style:none;font-size:15px;text-transform:capitalize;margin:0;padding:0;}
ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav li a,ul.nav li a:link,ul.nav li a:visited{color:#fff;float:left;display:block;padding:0 10px;}
ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#c0c0c0;text-decoration:none;}
ul.nav li.current_page_item a{text-decoration:none;color:#ccc;}
ul.nav li ul{float:left;margin:0;padding:0;}


#searchform{height:33px;line-height:30px;float:right;padding-top:5px;padding-right:5px;margin:-17px 0 20px 0;}
#searchform #s{font-size:9pt;width:185px;}
#searchform input{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}
#searchform #submit{font-size:9pt;}





#main{width:920px;margin:10px auto;padding:0;}
#content{float:left;width:710px;border-right:#c0c0c0 1px solid;margin:0;padding:0;}
.entry{float:left;width:700px;margin:0;padding:0 0px 20px;}
.entry-top{float:left;width:328px;margin:0;padding:0 0 10px;}
.entry h1{background:#f7f5f0;display:block;font-size:33px;font-weight:700;line-height: 150%;border-top:#c0c0c0 1px solid;margin:15px 0px 0px 0px;padding:20px;border-radius: 5px;}
.archive h1{background:#f7f5f0;display:block;font-size:33px;font-weight:700;border-top:#c0c0c0 1px solid;margin:15px 0px 0px 0px;padding:20px;}
.entry h2{background:#FFE79B;display:block;font-size:24px;font-weight:700;line-height: 150%;border-top:#FFC100 1px solid;margin:10px 0px 0px 0px;padding:20px;border-radius: 4.5px;}
.entry h3{background:#FFFBDF;display:block;font-size:18px;font-weight:700;border-top:#c0c0c0 1px solid;margin:25px 0px 0px 0px;padding:5px 5px 5px 5px;border-radius: 4.5px;}

.arc h3{width:680px;background:#F7F3E8;display:block;font-size:15px;font-weight:normal;border-top:#c0c0c0 1px solid;margin:8px 5px;padding:5px 5px 5px 5px;border-radius: 4.5px;}

.entry h4{background:#EEEEEE;display:block;font-size:15px;font-weight:700;border-top:#c0c0c0 0px solid;margin:0;padding:5px 5px 5px 5px;}
.entry-top top{width:328px;background:#F7F3E8;display:block;font-size:15px;font-weight:normal;border-top:#c0c0c0 1px solid;margin:3px 5px;padding:5px 5px 5px 5px;border-radius: 4.5px;}


.entry-arc{float:left;width:700px;margin:0;padding:0 0 20px;}
.archive{background:#eee;display:block;font-weight:700;border-top:#c0c0c0 1px solid;margin:15px 0px 0px 0px;padding:20px;}
.archive h2{background:#FFE79B;display:block;font-size:35px;font-weight:700;border-top:#c0c0c0 1px solid;margin:5px 0px 0px 0px;padding:5px 5px 5px 5px;}
.archive h3{background:#f5f5f5;display:block;font-size:35px;font-weight:700;border-top:#c0c0c0 1px solid;margin:5px 0px 0px 0px;padding:5px 5px 5px 5px;}




.entry tag{font-size:12px;font-color:#666;}










.permalink{background:#eee;border-bottom:2px #666 solid;margin:0;padding:0 0 5px 5px;}
small.date{float:left;}
#sidebar{float:right;width:200px;margin:0;padding:0;}
#sidebar h3,#sidebar h3{font-size:29px;border-bottom:solid 1px #39362f;border-top:solid 1px #39362f;margin:0 7px 3px 0;padding:3px 0;}
#sidebar ul,#sidebar ul{list-style-type:none;margin:0;padding:0;}
#sidebar ul li,#sidebar ul li{list-style-type:none;margin:0 0 20px;padding:0;}
#sidebar ul li ul,#sidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#sidebar ul li ul li,#sidebar ul li ul li{list-style-type:none;background:transparent url(images/bullet.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}


#lsidebar{float:left;width:175px;border-right:#666 1px solid;overflow:hidden;margin:0;padding:0 5px 0 0;}
#rsidebar{float:right;width:175px;margin:0;padding:0;}

.navigation{display:block;text-align:center;margin-top:0px;}
.alignright{float:right;padding:0 0 10px;}
.alignleft{float:left;padding:0 0 10px;}
.entry img {padding:0 5px 0 0;}
.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:500px;}
.boxcomments h2,h3{display:block;font-size:12px;font-weight:700;margin:0;padding:5px;}


#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#eee;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{display:block;font-size:12px;font-weight:700;margin:0;padding:5px;}
ol.cloop{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.cloop li{display:block;list-style:none;padding-left:15px;margin:0 0 5px;}


#footer{background:#4d3506;color:#fff;font-size:11px;clear:both;height:30px;width:890px;line-height:30px;margin:0;padding:0 0 0 10px;border-radius: 4px;}
#footer a:hover{text-decoration:none;color:#666;border:none;}

a:link,a:active,a:visited,a:hover{text-decoration:none;color:#0000cd;border:none;}
a:visited{color:#7500a5; text-decoration:none;}
a:hover{text-decoration:underline;color:#ff4000;border:none;}


#lsidebar h3,#rsidebar h3{font-size:10px;border-bottom:solid 1px #39362f;border-top:solid 1px #39362f;margin:0 7px 3px 0;padding:3px 0;}
#lsidebar ul,#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#lsidebar ul li,#rsidebar ul li{list-style-type:none;margin:0 0 20px;padding:0;}
#lsidebar ul li ul,#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#lsidebar ul li ul li,#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/bullet.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}
#footer a:link,#footer a:active,#footer a:visited{text-decoration:none;color:#fff;border:none;}



/*ページネーション*/
div.pagination {
clear:both;
padding:20px 20 20px 20;
position:relative;
font-size:15px;
line-height:15px ;
background:none;
margin:10px 0 40px -15px;
vertical-align: middle;
}

div.pagination span, .pagination a {
display:block;
float:left ;
margin: 2px 2px 2px 0 ;
padding:10px 13px 9px 13px ;
text-decoration:none;
width:auto ;
color:#fff ;
background: #666 ;
}

div.pagination a:hover{
color:#fff ;
background: #fdcd1a;
}

div.pagination .current{
padding:10px 13px 9px 13px ;
background: #fdcd1a;
color:#fff ;
}



/*コピー禁止*/
html {
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
}


/*ツイッター*/
.twitter-timeline {
min-width: 97% !important;
}




blockquote{
background-color:#ddd;
margin:1em 1em;
padding:1em 1em 1em 3em;
position:relative;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family: 'メイリオ',Meiryo, Verdana, Arial, Helvetica, sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}