/*===============================================
●style.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px){
img{
max-width: 100%;
height: auto;
width :auto;
}

body{	margin:0 auto;
	padding:0 auto;
       background : #efefef;
	text-align:center;
}

#body-1 { background:#fff ;
          width:100%;
          margin: 0 auto;
          font-size: 15px;
          color: #555;
	font-family:"メイリオ","Meiryo", Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,Ariel,Helvetica,sans-serif;

}



img { border : none ;}


a { color:#0099ff; }
a:hover {color:#732021; }

#header{
}

#header h1 { font-size:14px;
     color:#fff;
     margin:0;
     padding:0;
     text-align:left;
     font-weight: normal ;
     background:#1abc9c;
     display:block;
}
#header h1 a{
     color:#fff;
     text-decoration:none;
     display:block;
}
#header h1 a:hover{
     color: #666;
 }

#header p {
     color:#0099ff;
     text-align:left;
     margin: 0;
     padding: 0 ;
      line-height:140%;
}

.pankuzu{/* パンくずリスト */
  text-align:left;
  font-size:12px;
  margin:10px 0 0 0px;
}
.pankuzu a{
  color:#999;
}


#contents {
  width:auto;
  text-align:left;
  margin:0px 10px;
}

/*  ---------------------------------------
メイン記事
----------------------------------------  */
#main {	float:none;
	width:100%;
	text-align:left;
        margin: 0 ;
        padding: 0 ;
}
#main h2,
#main h3 { color:#fff;
	   font-size:16px;
	   margin: 0 ; 
           padding:10px;
          background:#0099ff;
          border-radius:16px;
          font-weight:normal;
}
#main h2 a { color: #fff ; text-decoration: none ;
}


#main p { margin:0px 0px 30px 0px;
          padding: 0;
          line-height:150%;
          letter-spacing: 1px;
}


.top-modoru {clear: both ; text-aline :center ; }


/*  ---------------------------------------------
サイド  
------------------------------------------------  */
#side {
  float: none;
  margin:0; 
  padding:0;  
  width:100%;
}

.side-menu { margin:0 0 10px 0; 
             background: #fff;
}

#side h4{
   color:#fff;
	   font-size:16px;
	   margin: 0 ; 
           padding:10px;
          background:#0099ff;
          border-radius:16px;
          font-weight:normal;
}


ul.side {
  list-style: none;
  width :100%;
   margin:0 0 20px 0 ; padding:0;
}
ul.side li {
  margin:0 0 0px 0px;
  padding:0;
  line-height: 170%;
}
ul.side a{color: #36c ;
          display: block;  
}

ul.side li.middle{
  background:none;
  padding: 0px 0 7px 10px ;
}
ul.side li.bottom{
  background:none;
  padding: 0px 0 15px 10px ;

}
ul.side li.middle a,
ul.side li.bottom a{
  padding:0 0 0 15px;
  background:url(image/yajirusi-gray-2.png) no-repeat left 50%;
}
/*  ----------------------------------------
コピーライト
-------------------------------------------- */
#copy { clear:both;
        font-size:13px;
        background : url(image/under-bar.gif);
	text-align:center;
}
#copy p{color:#fff; margin: 0; padding: 3px ; }

#copy a { color:#fff;
	  font-weight: normal ; text-decoration:none;
}
#copy a:hover{
	color:#fff;text-decoration:none;
}

/* プライバシーポリシー -------------------------------
--------------------------------------------------- */
#privacy { color:#999;
            font-size:12px;
            line-height:150%;
  margin:0;
}
#privacy p{
  margin:0;
  border:0px solid #c0c0c0;
}

/* アドセンス -----------------------------------------
----------------------------------------------------- */
.ad {background : url(image/ad.png) no-repeat ;
          margin : 0px 0 10px 0px;
          padding : 25px 0 0 0px ;
      text-align:center;
}