@charset "Shift_JIS"; 


/* 
  全体設定
======================================================== */

/* お洒落スクロールはIEと一部のOperaのみ */
html,body{
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#cccccc;
scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#ffffff;
}

* {margin: 0px; padding: 0px;
   border-style: none; font-style: normal;}


body{
  height: 100%;
  font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
  font-size: 75%;
  color: #666666;
  text-align: center;
  background: #ffffff;
}

body > #wrapper {height: auto;}

#wrapper{
  position: relative;
  margin: 0px auto;
  padding: 0px;
  height:100%;
  min-height: 100%;
  width: 580px;
  text-align: center;
  background:#ffffff url(img/bg.gif) repeat-y center top;
}


/*
  リンク・タグ
-------------------------------------------------- */

a{text-decoration: none;}
a:link,a:visited{color:#666666;}
a:hover,a:active{color:#666666;}
a img {border-style: none; border-width: 0px;}

em{font-weight:bolder;}
strong{font-weight:bolder; border-bottom: 1px solid #ff0000;}
ins{color: #666666;text-decoration: underline;}
del{color: #999999;text-decoration: line-through;}


/*
  ヘッダー
-------------------------------------------------- */

#header{
  margin: 0px auto;
  width: 550px;
  height: 230px;
  background: url(img/top.jpg) no-repeat 15px 100%;
}

h1{
  padding: 100px 10px 0px;
  font-size: 26px;
  font-weight: normal;
  color:#5a8cb5;
  letter-spacing: 2px;
  text-align: right;
}


/*
  メニュー設定 
-------------------------------------------------- */

#menu{
  top: 130px; right: 20px;
  position: absolute; 
  margin: 5px 0px 20px;
  padding: 5px 0px;
  width: 545px;
  text-align: right;
}

#menu ul {list-style : none;}
#menu ul li {display:inline;}

#menu ul li a {padding: 0px 7px; letter-spacing: 1px;}
#menu ul li a:link,#menu ul li a:visited {color: #999999;}
#menu ul li a:hover,#menu ul li a.on {color: #353535;}


/*
  ボックス
-------------------------------------------------- */

#contents{
  margin: 0px auto 20px;
  padding: 10px 0px 0px;
  width: 540px;
  text-align: left;
}

.main{margin: 5px 15px;}


/*
  見出し関係
-------------------------------------------------- */

h2 {
  margin: 0px 5px 10px;
  font-size:150%;
  color: #b5b5b5;
}

h3{
  padding: 3px 20px;
  font-size: 100%;
  font-weight: bolder;
  background: #ffffff url(img/h3_bg.gif);
}

h4{
  margin: 5px 0px;
  font-size:100%;
  font-weight:border;
  color:#999999;
}


/*
  メイン部分
-------------------------------------------------- */

.text{
  margin: 20px 10px 30px;
  padding: 0px 10px;
  font-size: 12px;
  line-height: 20px;
  background: url(img/text_bg.gif);
}

/*====================================================
　テキストの背景画像を消したい場合は『.text』を
　以下のように書き換えてお使い下さい。

.text{
  margin: 20px 10px 30px;
  padding: 0px 15px;
  line-height: 170%;
  background: #ffffff;
}

　部分的に背景画像がいらない場合は『.text』の変わりに
　『.box1』をお使い下さい。
=====================================================*/



.navi{
  margin: 30px 0px 0px;
  padding: 2px 5px;
  font-size: 95%;
  text-align: right;
}

.text img{
 margin: 2px 0px;
 border-style : none;
 border-width : 0px;
 text-decoration : none;
}


  .box1{
    margin: 20px 10px 30px;
    padding: 0px 10px;
    line-height: 170%;
    background: #ffffff;
}

  .box2{
    margin: 20px 10px;
    padding: 5px;
    line-height: 170%;
    background: #fafafa;
    border: 3px double #dbdbdb;
}

  .box3{
    margin: 20px 10px;
    padding:5px;
    height: 50px;
    line-height: 170%;
    overflow: auto;
    background: #ffffff;
    border: 1px solid #e0e0e0;
}


/*
 Mailform 
------------------------------------------------*/

#mailform{
  margin: 10px 10px 20px;
  padding: 5px 10px;
  width: 350px;
}

dl.mail{
  width: 350px;
  color: #666666;
  line-height: 100%;
}

dl.mail dt{font-weight: normal;}

dl.mail dd{
  margin-bottom: 1px;
  padding: 1px;
  font-size: 95%;
  border: none;
}

dl.mail dd .submit{
  width: 350px;
  text-align: center;
  letter-spacing: 2px;
}

textarea,input,select{
  margin: 2px 0px;
  padding: 1px;
  font-size: 13px;
  border : 1px solid #dbdbdb;
  background-color : #ffffff;
}


/*
  フッター
-------------------------------------------------- */

#footer{
  padding: 25px 25px 15px;
  text-align:center;
}

.address, .copyright{
  font-size: 95%;
  color: #999999;
}


/*
  MacIE
-------------------------------------------------- */

textarea,input,select {
 font-family : "Osaka","\30D2\30E9\30AE\30CE\20Pro\20W3","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}