body         { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:14; text-align:center;}
p            { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:14; letter-spacing:0pt; vertical-align:baseline }
h1           { font-family: ＭＳ Ｐ明朝; font-size: 20px; letter-spacing: 0; 
               font-weight: bold }
h2           { font-family: ＭＳ Ｐ明朝; font-size: 18px; letter-spacing: 0.1em; line-height: 145%;
               font-weight: bold }

#contents 	 { width: 750px; margin:0px 0px 0px 170px; padding:1px; text-align:left;line-height: 135%; }
/* #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;-webkit-text-size-adjust: 180%;}
p            { font-family:"MS UI Gothic, Osaka, ＭＳ Ｐゴシック"; font-size:15; letter-spacing:0pt; line-height: 150%; vertical-align:baseline }
h1           { font-family: ＭＳ Ｐ明朝; font-size: 20px; letter-spacing: 0; 
               font-weight: bold }
h2           { font-family: ＭＳ Ｐ明朝; font-size: 18px; letter-spacing: 0; 
               font-weight: bold }

#contents 	 { width: 950px; 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: 950px;  padding:10px; margin:auto; }
#submenu {
	width: 940px; /*幅の指定*/;
	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; 
               font-weight: bold }
h2           { font-family: ＭＳ Ｐ明朝; font-size: 15px; letter-spacing: 0; 
               font-weight: bold }

#contents 	 { width: 480px; margin:10px 0px; padding:10px 10px; 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;			/*サブメニューのカラムを左寄せにする*/
}

}