@charset "UTF-8";
@import "plugin.css";
@import "article.css";
/* =========================== 
 共通
 =========================== */
A {
 text-decoration: none;
}
A:hover{
 text-decoration: underline;
}

H1{
 font-size: 150%;
}

* {
 margin : 0 ;
 padding : 0 ;
}
body {
 width : 100% ;
 height : 100% ;
 color:#555555;
 text-align:center;
}

/* Webeページ全体 */
#BASE_DIV{
 text-align:left;
 position : relative ;
 margin-left:auto;margin-right:auto;
 width:780px;
}

/* =========================== 
 ヘッダ
 =========================== */
/* タイトル */
#HEAD_DIV{
 background-color: #6699FF; 
 height:70px;
 padding-top:10px;
 padding-left:20px;
 margin-bottom:5px;
}
#TITLE_DIV A{
 color:white;
 font-size:100%;
}

/* =========================== 
 サイドバー（左）
 =========================== */
#LEFT_DIV{
 float:left;
 padding:10px;
 width:175px;
 background-color: #F5F5F5;
 margin-right:5px;
}

/* =========================== 
 サイドバー（右）
 =========================== */
#RIGTH_DIV{
 float:right;
 width:0px;
}

/* =========================== 
 メイン
 =========================== */
#MAIN_DIV{
 float:left;
 padding:10px;
 width:560px;
 background-color: #F5F5F5;

}

/* =========================== 
 フッター
 =========================== */
#FOOTER_DIV{
 margin-top:5px;
 clear:both;
 text-align:center;
 background-color: #6699FF; 
 height:20px;
 color:white;
}

#PAGE_NAME{
 margin-top:10px;
}


@media screen and (min-width: 0px) and (max-width: 780px) {
#BASE_DIV{
 width:780px;
}
}
@media screen and (min-width: 781px) and (max-width: 1024px) {
#BASE_DIV{
 width:1020px;
}
#MAIN_DIV{
 width:780px;
}
}
@media screen and (min-width: 1025px) {
#BASE_DIV{
 width:1200px;
}
#MAIN_DIV{
 width:980px;
}
}

form input[type=TEXT],form input[type=password] {
 width:137px;
}