@charset "utf-8";

*{
 font-weight: normal;
 font-style: normal;
}

body{
 color: #ab9b82;/* 文字色 */
 background-color: #FFF;/* 背景色 */
 font-size: 75%;
 font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","ＭＳ Ｐゴシック",'メイリオ', Meiryo,serif;
 letter-spacing: 3px;
}

td,th{
 font-size: 1em;
 letter-spacing: 3px;
}

img {
 vertical-align: middle;
}
/*--------------------------------------------------------
LINK
--------------------------------------------------------*/

A{
 color: #ffb299;
 text-decoration: none;
}

A:hover{
 color: #fe8c91;
 position: relative;
 top: 1px;
}

A img{
 border-style: none;
}
/*--------------------------------------------------------
リンクページ
--------------------------------------------------------*/

.link01 A img,.link01 img{
 margin: 3px;
}
/*--------------------------------------------------------
背景画像、土台基本設定
--------------------------------------------------------*/

#page{
 background-color: #FFFFF3;/* 周りの背景色 */
 text-align: center;/* 中央揃え IE用 */
}

#index{
 color: #ab9b82;/* 周りの文字色 */
 background-color: #FFFFF3;/* 周りの背景色 */
 background-image: url(image/back01.gif);/* 背景画像 */
 background-repeat: no-repeat;
 background-position: center center;
 text-align: center;/* 中央揃え IE用 */
}

#mainta{
 margin: 0px auto;
 text-align: center;
 height: 100%;/* 広告表示のあるサーバーの場合90%等に変更 */
}

#main{
 background-image: url(image/back03.gif);/* 背景画像 */
 background-repeat: no-repeat;
 background-position: right center;
 margin: auto;/* 中央揃え */
}

#mainta td{
 font-size: 68%;
}
/*--------------------------------------------------------
MENU
--------------------------------------------------------*/

#menu{
 margin: 20px 0;
 padding: 0;
}

#menu a{
 color: #ab9b82;
 font-weight: bold;
 font-size: 1.5em;
}

#menu a:hover{
 color: #fe8c91;
}
/*--------------------------------------------------------
枠の設定
--------------------------------------------------------*/

/* -----メニュー----- */

#td3{
 width: 380px;
 height: 500px;
 text-align: center;
 vertical-align: middle;
 background-image: url(image/back01.gif);/* 背景画像 */
 background-repeat: no-repeat;
 background-position: left center;
}

#td4{
 width: 380px;
 height: 500px;
 vertical-align: middle;
}
/*--------------------------------------------------------
インラインフレーム
--------------------------------------------------------*/

.if-container {
 width: 320px;
 height: 360px;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 display: inline-block;
 margin: 0 auto;
}

.ifrm {
 width: 100%;
 height: 100%;
 border: none;
 display: block;
}
/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/

#title{
 font-size: 1.7em;
 font-weight: bold;
}

#title A{
 color: #ab9b82;
 font-weight: bold;
}

.h01{
 font-size: 1.5em;
 letter-spacing: 4px;
 font-weight: bold;
 margin: 0 0 10px 0;
 line-height: 25px;
 background-image: url(image/back04.gif);
}

.h02{
 font-weight: bold;
 letter-spacing: 4px;
 margin: 10px 0px;
 padding-left: 20px;
 line-height: 25px;
 border-bottom: 1px dotted #ab9b82;
 background: url(image/i01.gif) no-repeat 0% 0%;
}

h1{
 font-size: 1.7em;
 font-weight: bold;
 margin: 0 0 10px 0;
}

h2{
 font-size: 1.5em;
 font-weight: bold;
 margin: 0 0 10px 0;
}

h3{
 font-size: 1.5em;
 font-weight: bold;
 margin: 0 0 10px 0;
}

strong{
 background-color: #fedcc4;
 font-weight: bold;
}

.news{
 background-color: #fedcc4;
 height: 60px;
 margin: 5px 0;
 padding: 3px;
 overflow-y: scroll;
 border: 1px dotted #ab9b82;
}

.pos{
 background-color: #fffff3;
 margin: 5px 0;
 padding: 3px;
 border: 3px double #ab9b82;
}

.ln01{
 border-left: 5px solid #ab9b82;
 margin: 0 0 10px 0;
 padding: 0 5px ;
}

.ln02{
 border-left: 5px solid #fedcc4;
 margin: 0 0 10px 0;
 padding: 0 5px ;
}

.co01{
 color: #c00;
 font-weight: bold;
}

.co02{
 color: #ffb517;
}

input,textarea{
 font-size: 1em;
 color: #ab9b82;
 font-family: Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","ＭＳ Ｐゴシック",'メイリオ', Meiryo,serif;
 background-color: #fedcc4;
 width: 150px;
 margin: 3px 0;
 border: 1px dotted #ab9b82;
}
/*--------------------------------------------------------
TOPへの戻りリンク、左右寄せ
--------------------------------------------------------*/

.pagetop{
 margin-top: 20px;
 border-top: 1px solid #57450f;
}

.right{
 text-align: right;
}

.left{
 text-align: left;
}