@charset "utf-8";


/* サイトの名前部分（『Sample Site』）の文字の大きさを指定するところです。
   デフォルトではfont-sizeが2emになっています。   */
p#logo{
  font-size : 2em;
}


/* サイトの名前部分（『Sample Site』）の文字の色を指定するところです。
   デフォルトではcolorが#333333になっています。   */
p#logo a{
  color : #333333;
}


/* サイトの１番右上のテキスト（『Tel:012-3456～』）の文字の大きさと色を指定するところです。
   デフォルトではfont-sizeが0.85em、colorが#333333になっています。   */
div#logo_side{
  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 : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Verdana", "ＭＳ Ｐゴシック",sans-serif;
  line-height : 1.5em;
  background : #dddddd;
  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;
  border-top : 5px solid #66ff00;
  border-left : 1px solid #ffffcc;
  border-right : 1px solid #ffffcc;
}

h1, h2, h3, h4, p#logo, div#logo_side,  p.free_title, div#footer{
  font-weight : bold;
}

div#logo_wrapper{
  margin-top : 10px;
  padding : 0 20px;
}

p#logo{
  width : 400px;
  float : left;
  line-height : 2em;
}

div#logo_side{
  width : 330px;
  float : right;
  padding-top : 10px;
}

p#header_image{
  clear : both;
  text-align : center;
  margin-bottom : 30px;
}

div#wrapper{
  clear : both;
  margin : 0 10px;
}

div#main{
  width : 510px;
  float : left;
  margin-bottom : 40px;
  padding : 10px;
  background-color : #ffffff;
  border : 1px solid #d9ffa7;
}

h1{
  width : 490px;
  margin-bottom : 10px;
  padding : 5px 0 1px 20px;
  font-size : 1.1em;
  background-color : #d9ffa7;
  border-top : dotted #33cc00 1px;
  border-bottom : dotted #33cc00 1px;
}

h2{
  margin-bottom : 30px;
  padding-left : 10px;
  border-bottom : 2px dotted #33cc00;
}

div#menu_block{
  width : 220px;
  float : right;
  margin-bottom : 40px;
  font-size : 0.8em;
}

ul.menu, div.free_area{
  margin-bottom : 40px;
}

ul.menu{
  padding-left : 15px;
}

ul.menu li{
  padding-top : 10px;
  border-bottom : 1px dotted #33cc00;
}

ul.menu a{
  text-decoration : none;
  color : #333333;
}

ul.menu a:hover{
  color : #999999;
}

p.free_title{
  width : 210px;
  padding-left : 10px;
  background-color : #333333;
  color : #ffffff;
}

div.free_area_contents{
  width : 200px;
  padding : 10px;
  background-color : #ffffff;
}

div#footer{
  clear : both;
  background-color : #000000;
  border-top : 1px solid #33cc00;
  border-bottom : 1px solid #33cc00;
  color : #ffffff;
  text-align : center;
}

address a{
  padding : 0 3px;
  color : #ffff00;
}

address a:hover{
  color : #f0f0f0;
}