@media screen and (max-width:640px){


* {
font-size: 16px;
margin : 0;
padding : 0;
word-break:break-all;
}

/* 全体 */

body {
color : gray;
background : white;
text-align : left;
line-height : 1.5;
}

/* リンク */

a:link {color : #0066cc ;text-decoration : none;}
a:visited {color : #0066cc ;text-decoration : none;}
a:hover {color : #0066cc ;text-decoration : none;}
a:active {color : #0066cc ;text-decoration : none;}

a img{border:none;}


/* 外枠 */

#container{
width: 100%;
margin:0 auto;
border: gray 0px dotted;
}


/* ブログ最上部（タイトル） */

#header{
height: auto;
text-align:left;
margin-bottom: 5px;
padding : 2px 5px;
}

#ad-header{
height: auto;
text-align: left;
margin-bottom: 20px;
padding : 20px auto;
border-top: gray 1px dotted;
border-bottom: gray 1px dotted;
}

h1{
voice-family : "\"}\"";
voice-family : inherit;
padding : 3px 3px;
margin: 0 auto;
font-size : 16px;
}

h1 a{
color: gray;
font-size : 16px;
font-weight : bold;
}


h1 a:link{color: gray;text-decoration:none;}
h1 a:visited{color: gray;text-decoration:none;}
h1 a:hover{color: gray;text-decoration:none;}
h1 a:active{color: gray;text-decoration:none;}

h2{
padding : 3px 3px;
font-size: 12px;
color: gray;
margin: 0 auto;
}


/* ブログ中心部 */

#blogcontainer{
}

/* サイドバー （共通）*/
.sidebody{
background: white;
padding : 0 3px 0 5px;
overflow:hidden;
}

.description{
background: white;
padding : 0 3px 0 5px;
}

.sidebottom{
margin-bottom:20px;
}
/* 右サイドバー（プラグインカテゴリー１・２） */

#right{
float: left;
width: 100%;
margin: 0px;
}

#right h3{
padding: 5px 2px;
text-decoration: none;
font-size : 18px;
font-weight : bold;
overflow:hidden;
color: gray;
}

#right ul {
margin : 0 5px 0 5px;
list-style-type: none;
}


/* 中央上部（プラグインカテゴリー３） */

.center{
margin-left: 0px;
}

.center h3{
padding: 5px 2px;
text-decoration: none;
font-size : 18px;
font-weight : bold;
overflow:hidden;
color: gray;
}

.center ul {
margin : 0 5px 0 20px;
}


/* 本文部分 */

#blog{
float: left;
width: 100%;
margin: 0px;
overflow: hidden;
}

.entry-header{
border: gray 0px dotted;
}

#blog h3{
padding: 5px 2px;
text-decoration: none;
font-size : 18px;
font-weight : bold;
overflow:hidden;
color: gray;
}

#blog h3 a{
padding: 5px 2px;
text-decoration: none;
font-size : 18px;
font-weight : bold;
overflow:hidden;
color: gray;
}


.entry-body{
padding: 5px;
background: white;
border-right: gray 0px dotted;
border-bottom: gray 0px dotted;
border-left: gray 0px dotted;
}

.ad-body{
margin: 40px 0px;
}


.ad-body-g{
margin: 40px 0px;
}


.ad-body-g-2{
margin: 40px 0px;
}

.aabody{
width:100%;
overflow:hidden;
}

.entry-footer{
background: white;
color: gray;
}

.section{
}

.totop{
padding:0 0 0 400px;
background:#fff;
}

.totop a:link,.totop a:hover,.totop a:visited,.totop a:active{
}

.date {     
padding: 0px 10px 10px 0px;
text-align:right;
color: gray;
}

.section ul.entry-footer {
padding: 5px 10px 0px 10px;
list-style-position : inside;
text-align: left;
color: gray;
}

.section ul.entry-footer a:link,.section ul.entry-footer a:hover,.section ul.entry-footer a:visited,.section ul.entry-footer a:active{
}

.section ul.entry-footer li {
display : inline;
list-style-type : none;
}

.blogbottom{
margin-bottom:14px;
}

.community
{
margin-top:20px;
}

.pr-logo
{
margin:0 0 20px 10px;
}


/* コメント部分*/

.commenttop{
margin : 10px 0px;
}
              
.comment{ 
font-weight: normal;
background: white;
padding:0 5px;
}

.commentbottom{
height:19px;
margin-bottom:15px;
}

#comment-top{
border-bottom: gray 1px dotted;
}

.comment-body,.comment-footer,.comment-post,.comment_body,.trackback-url{
padding: 10px ;
}

.comment-footer a{
}

#blog form{
}

.comment-top,.comment-post{
border-bottom: gray 1px dotted;
}

.comment-header{
font-size: 12px;
font-weight:bold;
margin : 5px 0 5px 0;
}

.comment-body{
margin : 0 10px;
}
.comment-footer{
margin : 5px 0 10px 0;
}


/* コメントフォームのボタン */

p.form_btn input {
padding: 2px;
font-weight: normal;
font-family:Verdana,Tahoma,Sans-serif;
color: gray;
border:1px dotted gray;
	}

p.form_btn {
margin-top : 10px;

	}


/* トラックバック部分*/

#trackback-top{
border-bottom: gray 1px dotted;
}

.trackback-header{
font-size: 12px;
font-weight:bold;
}

.trackback-excerpt{
margin : 5px 0 5px 0;
}
.trackback-footer{
margin : 5px 0 10px 0;
}

.prev-next-navi{
text-align: center;
margin : 30px 0 30px 0;
}

.prev-next-navi a:link,.prev-next-navi a:hover,.prev-next-navi a:visited,.prev-next-navi a:active{
}

/* ブログ最下部 */

.ad-footer{
color: gray;
text-align:center;
margin-top: 5px;
padding-top: 5px;
border-top: gray 1px dotted;
}

#footer{
color: gray;
text-align:center;
margin-top: 5px;
padding-top: 30px;
border-top: gray 1px dotted;
}

hr{
width:100%;
border: 1px dotted #ccc;
}



}