@charset "Shift_JIS";


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


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


/* サイトの１番右上のテキスト（『Tel:012-3456〜』）の文字の大きさと色を指定するところです。
   デフォルトではfont-sizeが0.85em、colorが#333333になっています。   */
div#logo_side{
  font-size : 0.85em;
  color : #000000;
}


/* メインコンテンツ部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.9em、colorが#333333、line-heightが1.8emになっています。 */
div#main{
  font-size : 0.9em;
  color : #000000;
  line-height : 1.8em;
}

/* サイドフリーエリア部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.9em、colorが#333333、line-heightが1.8emになっています。 */
div.free_area_contents{
  font-size : 0.9em;
  color : #000000;
  line-height : 1.8em;
}


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


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


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;
  color : #ffffff;
  background-color : #000000 ;
}

a img{
  border : none;
}

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

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

td{
  font-size : 0.8em;
  vertical-align : top;
}

div#contents{
  width : 800px;
  margin : 0 auto;
  background-color: #000000 ;
}

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

div#logo_wrapper{
  margin-top : 15px;
  padding : 0px 0px 15px 60px;
}

p#logo{
  width : 400px;
  float : left;
  margin-top : 15px;
  margin-bottom : 5px;
  line-height : 2em;
}

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

p#write{
margin: 30px; padding: 10px; 
}

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

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

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

div#main_center{
  width : 780px;
  margin-bottom : 40px;
  padding : 10px;
  background-image:url(images/stripes.gif);
  border : 1px solid #e6e7ff;
}

/*- Menu Tabs 6--------------------------- */
#tabs6 {
      font: bold 14px/1.2em Verdana;/*- 文字サイズ- */
      float:left;
      margin-left: 30px;
      margin-bottom: 30px;
      width:100%;
      background:change-background;
      line-height:normal;
}
#tabs6 ul {
      margin:0;
      padding:10px 0 0 0;/*- Menu 上右下左- */
      list-style:none;
}
#tabs6 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs6 a {
      float:left;
      background:url("images/tableft6.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs6 a span {
      float:left;
      display:block;
      background:url("images/tabright6.jpg") no-repeat right top;
      padding:10px 20px 10px 15px;
      color:#fff;
}
#tabs6 a span {
      float:none;
}
#tabs6 a:hover span {
      color:#fff;
}
#tabs6 a:hover {
      background-position:0% -42px;
}
#tabs6 a:hover span {
      background-position:100% -42px;
}

h1{
  width : 490px;
  margin-bottom : 30px;
  padding : 5px 0 1px 20px;
  font-size : 1.2em;
}

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

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

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

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

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

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

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

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

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

p#footer{
  font-size : 0.7em;
  clear : both;
  text-align : center;
  background-color : #000000;
}

p#footer a{
  color : #0000cd;
}

p#footer a:hover{
  color : #ff0000;
}

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

address a:hover{
  color : #f0f0f0;
}

div#main img {
margin: 10px 10px 10px 10px;
}


body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px;  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8);  z-index: 100; }



#wrap{
width: 500px;
margin: 20px auto;
}
.smallimage {
background-color: #fff;
border: 1px solid #CCC;
padding: 3px;
margin: 10px 5px 0 0;
}