@charset "Shift_JIS";


/* サイトの名前部分（『Sample Site』）の文字の大きさを指定するところです。
   デフォルトではfont-sizeが2emになっています。   */
p#logo{
  font-size : 2em;
}


/* サイトの名前部分（『Sample Site』）の文字の色を指定するところです。
   デフォルトではcolorが#333333になっています。   */
p#logo a{
  color : #333333;
}


/* サイトの上から２段目のテキスト（『Sampleサイトです』）の文字の大きさと色を指定するところです。
   デフォルトではfont-sizeが0.85em、colorが#333333になっています。   */
p#description{
  font-size : 0.85em;
  color : #333333;
}


/* メインコンテンツ部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.9em、colorが#333333、line-heightが1.8emになっています。 */
div#main{
  font-size : 0.9em;
  color : #333333;
  line-height : 1.8em;
}

/* サイドフリーエリア部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.9em、colorが#333333、line-heightが1.8emになっています。 */
div.free_area_contents{
  font-size : 0.9em;
  color : #333333;
  line-height : 1.8em;
}


/* テキストリンクの色を指定するところです。
   デフォルトではcolorが#336600になっています。 */
a{
  color : #336600;
}


/* テキストリンクにマウスを乗せたときの色を指定するところです。
   デフォルトではcolorが#33cc00になっています。 */
a:hover{
  color : #33cc00;
}


p{      /*  段落間の広さを指定するところです。デフォルトでは1.5em;になっています。 */
  margin-bottom : 1.5em;
}







/* ▼--------------ここより下を修正する必要はないと思います。--------------------------------▼ */

*{
  margin : 0px;
}

body{
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height : 1.5em;
  background : #ffffff;
  color : #333333;
}

a img{
  border : none;
}

p#logo, p.free_title{
  margin : 0;
}

ul, ol{
  padding-left : 20px;
}

td{
  vertical-align : top;
}

div#contents{
  width : 800px;
  margin : 0 auto;
  background-color : #ffffff;
}

h1, h2, h3, h4, p#logo, p#description,  p.free_title, div#footer{
  font-weight : bold;
}

p#logo{
  margin-left : 10px;
  line-height : 2em;
}

p#description{
  margin : 0 0 50px 10px;
}

div#wrapper{
  clear : both;
  margin : 0 10px;
}

div#main{
  width : 510px;
  float : left;
  margin-bottom : 40px;
  background-color : #ffffff;
}

h1{
  width : 490px;
  margin-bottom : 30px;
  padding : 5px 0 1px 20px;
  font-size : 1.1em;
  border-top : solid #00cc00 4px;
  border-bottom : solid #00cc00 2px;
}

h2{
  margin-bottom : 30px;
  padding-left : 10px;
  border-bottom : 2px dotted #00cc00;
}

div#menu_block{
  width : 220px;
  float : right;
  margin-bottom : 40px;
  font-size : 0.8em;
}

div#menu_block, div.free_area{
  border-top : solid #00cc00 4px;
}

ul.menu, div.free_area{
  margin-bottom : 40px;
}

ul.menu{
  margin-left : 10px;
  padding-left : 15px;
}

ul.menu li{
  padding-top : 5px;
}

ul.menu a{
  text-decoration : none;
  color : #333333;
}

ul.menu a:hover{
  color : #999999;
} 

p.free_title{
  width : 210px;
  padding-left : 10px;
  border-bottom : solid #00cc00 2px;
}

div.free_area_contents{
  width : 200px;
  padding : 10px;
  background-color : #ffffff;
}

div#footer{
  clear : both;
}

address{
  padding-right : 20px;
  text-align : right;
  font-size : 0.7em;
  color : #666666;
}

address a{
  color : #666666;
}

address a:hover{
  color : #999999;
}