@charset "Shift_JIS";


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


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


/* テキストリンクにマウスを乗せたときの色を指定するところです。
   デフォルトではcolorが#999999になっています。 */
a:hover{
  color : #999999;
}


p{      /*  段落間の広さを指定するところです。デフォルトでは1.5em;になっています。 */
  margin-bottom : 1.5em;
}







/* ▼--------------ここより下を修正する必要はないと思います。--------------------------------▼ */

*{
  margin : 0px;
  padding : 0px;
  font-size : 1em;
}

body{
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height : 1.5em;
  background : #ffffff url("../images/body_back.png") repeat-x;
  color : #333333;
}

a img{
  border : none;
}

span.blue{
  color : blue;
}

span.lightblue{
  color : lightblue;
}

span.green{
  color : green;
}

span.lightgreen{
  color : lightgreen;
}

span.yellow{
  color : yellow;
}

span.red{
  color : red;
}

span.orange{
  color : orange;
}

span.pink{
  color : pink;
}

span.brown{
  color : brown;
}

span.violet{
  color : violet;
}

span.gray{
  color : gray;
}

span.black{
  color : black;
}

span.white{
  color : white;
}

span.blueback{
  background-color : blue;
}

span.lightblueback{
  background-color : lightblue;
}

span.greenback{
  background-color : green;
}

span.lightgreenback{
  background-color : lightgreen;
}

span.yellowback{
  background-color : yellow;
}

span.redback{
  background-color : red;
}

span.orangeback{
  background-color : orange;
}

span.pinkback{
  background-color : pink;
}

span.brownback{
  background-color : brown;
}

span.violetback{
  background-color : violet;
}

span.grayback{
  background-color : gray;
}

span.blackback{
  background-color : black;
}

span.whiteback{
  background-color : white;
}

span.big{
  font-size : 1.8em;
}

span.small{
  font-size : 0.8em;
}

p#logo, p.free_title{
  margin : 0;
}

ul, ol{
  padding-left : 20px;
}

td{
  vertical-align : top;
}

br.clear{
  clear : both;
}

div#contents{
  width : 800px;
  margin : 0 auto;
  background : #ffffff url("../images/contents_back.png") repeat-y;
}

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

p#logo{
  height : 35px;
  padding : 33px 0 0 15px;
}

div#wrapper{
  padding : 30px 10px 0 10px;
  background : url("../images/wrapper_back.png") no-repeat;
}

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

h1{
  margin-bottom : 30px;
  padding : 5px 0 1px 20px;
  background-color : #dcdcdc;
  border-top : dotted #000000 1px;
  border-bottom : dotted #000000 1px;
}

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

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 : 0;
}

ul.menu li{
  list-style-type : none;
}

ul.menu a{
  display : block;
  width : 205px;
  padding : 10px 0 0 15px;
  text-decoration : none;
  border-bottom : 1px dotted #000000;
  color : #333333;
}

ul.menu a:hover{
  color : #333333;
  background-color : #dcdcdc;
}

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

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

div#footer{
  margin : 0 6px;
  background-color : #000000;
  border-top : 1px solid #3300ff;
  color : #ffffff;
  text-align : center;
}

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

address a:hover{
  color : #f0f0f0;
}