body         { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:15; text-align:center;}
p            { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:15; letter-spacing:0pt; vertical-align:baseline }
h1           { font-family: ＭＳ Ｐ明朝; font-size: 22px; letter-spacing: 0; 
               text-decoration: underline; font-style: italic; font-weight: 
               bold }
h2           { font-family: ＭＳ Ｐ明朝; font-size: 15px; letter-spacing: 0; 
               font-weight: bold }

#contents 	 { width: 700px; margin:0px 0px 0px 170px; padding:1px; text-align:left;line-height: 110%; }
/* #contents 	 { width: 630px; margin:auto; padding:5px 5px; text-align:left; }*/
#main 	 { width: 1000px;  padding:0px; margin:auto; }
#submenu {
	width: 150px; /*幅の指定*/;
	margin: 200px 5px 100px 5px;	/*位置調整（IE6のバグに注意）*/
	display: inline; /*IE6のマージン算出のバグ対策*/;
	float: left;			/*サブメニューのカラムを左寄せにする*/
}

/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){
body         { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:15; text-align:center;}
p            { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:15; letter-spacing:0pt; line-height: 200%; vertical-align:baseline }
h1           { font-family: ＭＳ Ｐ明朝; font-size: 28px; letter-spacing: 0; 
               text-decoration: underline;  font-weight: bold }
h2           { font-family: ＭＳ Ｐ明朝; font-size: 15px; letter-spacing: 0; 
               font-weight: bold }

#contents 	 { width: 800px; margin:10px 0px 0px 0px; padding:1px; text-align:left;line-height: 150%; }
/* #contents 	 { width: 630px; margin:auto; padding:5px 5px; text-align:left; }*/
#main 	 { width: 800px;  padding:10px; margin:auto; }
#submenu {
	width: 790px; /*幅の指定*/;
	margin: 0px 5px 30px 5px;	/*位置調整（IE6のバグに注意）*/
	display: inline; /*IE6のマージン算出のバグ対策*/;
	float: left;			/*サブメニューのカラムを左寄せにする*/
}

}
/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

body         { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:14; text-align:center; -webkit-text-size-adjust: 140%;}
p            { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:14; letter-spacing:0pt; line-height: 150%; vertical-align:baseline }
h1           { font-family: ＭＳ Ｐ明朝; font-size: 16px; letter-spacing: 0; 
               text-decoration: underline; font-style: italic; font-weight: 
               bold }
h2           { font-family: ＭＳ Ｐ明朝; font-size: 15px; letter-spacing: 0; 
               font-weight: bold }

#contents 	 { width: 480px; margin:10px 0px 0px 0px; padding:0px; text-align:left;line-height: 145%; letter-spacing: 0}
#main 	 { width: 480px;  padding:10px; margin:0px; }
#submenu {
	width: 470px; /*幅の指定*/;
	margin: 0px 5px 30px 5px;	/*位置調整（IE6のバグに注意）*/
	display: inline; /*IE6のマージン算出のバグ対策*/;
	float: left;			/*サブメニューのカラムを左寄せにする*/
}

}