﻿/*-------------------------フォントスタイル フォントサイズの指定*/ 
body {
font-family: MSPゴシック;
font-size: 100%;
font-weight: bold;
text-align: left;
margin: 0;
padding: 0;
line-height: 110%;
}
/*-------------------------wrapperの指定*/
#wrapper {
text-align: left;
width: 900px;
height: 550px;
margin-left: auto;
margin-right: auto;
color: #000000;
}

/*-------------------------headerの指定*/ 
#header {
width: 900px;
height: 50px;
margin: 0;
padding: 0;
}
/*-----------------------------mainの指定*/
#main {
width: 800px;
height: 500px;
float: right;
margin: 0;
padding: 0;
font-family: MSPゴシック;
font-weight: bold;
font-size:  90%;
line-height: 100%;
background-image: url('back.gif');
}

/*-------------------------sidebarの指定*/
#sidebar {
width: 100px;
height: 500px;
float: left;
margin: 0;
padding: 0;
font-family: MSPゴシック;
font-weight: bold;
font-size:  90%;
line-height: 100%;
background-image: url('back1.gif');
}

/*-------------------------footerの指定*/
#footer {
width: 900px;
height: 25px;
margin: 0;
padding: 0;
}
/*-------------------------黒 100%の指定*/
h1{
font-family: MSPゴシック;
font-weight: bold;
font-size:  120%;
line-height: 120%;
color: #000000;
display: inline;
}
/*-------------------------赤 100%の指定*/
h2{
font-family: MSPゴシック;
font-weight: bold;
font-size: 90%;
line-height: 100%;
color: #FF0000;
display: inline;

}
/*-------------------------青　100%の指定*/
h3{
font-family: MSPゴシック;
font-weight: bold;
font-size:  90%;
line-height: 100%;
color: #0000FF;
display: inline;
}
/*-------------------------緑100%の指定*/
h4{
font-family: MSPゴシック;
font-weight: bold;
font-size:  90%;
line-height: 100%;
color: #008000;
display: inline;
}
/*-------------------------赤　120％の指定*/
h5{
font-family: MSPゴシック;
font-weight: bold;
font-size:  100%;
color: #FF0000;
display: inline;
line-height: 110%;
}
/*-------------------------青120％の指定*/
h6{
font-family: MSPゴシック;
font-weight: bold;
font-size:  100%
line-height: 110%;
color: #0000FF;
display: inline;
}

/* ------------------------ココから下がidスタイルの指定 */


/* -------------------------ココから下がclassスタイルの指定 */

