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

/*  -------- body ----------  */
body {margin: 0 auto;
       padding: 0 auto;
	background:#f7f7f7;
       text-align: center;
	font-family:"メイリオ","Meiryo", Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,Ariel,Helvetica,sans-serif;
}

/* リンク */
a       { color:#0099ff; text-decoration:underline; }
a:hover { color:#ff005a; text-decoration:none; }



/* ボディー */
#body1 { width: 900px;
        background: #fff;
        font-size: 16px;
        margin:0 auto;
        padding:0 auto;
       text-align:center;
}

/* サイトタイトルバナー */
#title-banner {
}
#title-banner h1 { color:#fff;
                 font-size:16px;
                 margin:0 0 10px 0;
                 padding:0;
                 background:#555;
                font-weight:normal;
               text-align:center;
}

/* メイン＋サイド */
#main-side { width: 100%;
             text-align: left;
             margin:70px 0 0 0;
             padding:0;

}

/* メインコンテンツ */
#main { float: left;
        width:500px;
        margin:0 0 0 30px;
        padding:0;
                 
}
#main h2 {color: #232323;
           font-size: 16px;
          margin:10px 0 10px 0;
          padding:10px;
          background: #0099ff;
          border-radius:16px;
          font-weight:normal;
}
#main h2 a{color: #fff;  text-decoration: none;
}
#main p {color: #333;
         font-size: 14px;
         text-align: left;
         line-height: 150%;
}

/* コンテンツ */
h3 { color:blue;  font-size:11pt; margin:0px 0px;}



/* サイド */
#side {float: right;
       width: 200px;
       margin:10px 30px 0 0;
       padding:0;
}
#side p {color: #333;
         font-size: 15px;
         margin:0 0 10px 0;
         padding:10px;
         background: #0099ff;
         border-radius:16px;
}
#side p a{color:#fff;
          text-decoration:none;
}

/* フッター */
#footer { clear: both;
          text-align:center;
          width:100%;
          color: #fff;
          font-size: 14px;
          margin:100px 0 0 0;
          padding:3px 0;
          background: url(under-bar.gif);
}
#footer a{color: #fff;  text-decoration: none; }

/* ホワイト文字 */
.whi {color:#ffffff;}

/* グレー文字 */
.gray {color:#666666;}

/* レッド文字 */
.red {color:red;}


}