/*--- 基本 -------------------------*/
* {margin: 0;padding: 0;}

/* 基本背景と余白 */
body {
margin: 20px;
background-color: #FFFFFF;
}

/* BODY、テーブル、フォーム内の文字設定 */
body,input,textarea,select {
font-size: 13px;  /*フォントサイズ*/
font-family: Verdana,Arial,Helvetica,sans-serif,'ＭＳ Ｐゴシック',Osaka;  /*フォント種類*/
color: #0099CC; /* フォント色 */
line-height: 1.5em;  /* 改行高さ */
}

img {border: none;}  /* 画像の回りの線を表示する場合 noneを「太さpx 線の種類 色」に */
big {font-size: 16px;}  /* bigタグを使用したときの設定 */
small {font-size: 10px;}  /* smallタグを使用した時の設定 */

/*-- リンク共通 --*/
a {
text-decoration: none;
font-weight: bold;
cursor: crosshair;
}
/* 通常、訪問済み */
a:link,a:visited {color: #996666;}
/* カーソルを乗せたとき、クリックしたとき */
a:hover,a:active {color: #C0C0C0;}
A:focus {outline:none;} /* リンクをクリックした時の回りの点線（IE無効） */

/* サブタイトル */
h4 {font-size: 20px;margin: 0;}  /* h4タグを使用したとき */

/* floatのクリアー */
.clear { clear:both; }
.clear hr { display:none; }

/* 全体の幅 */
#tb-body {width: 900px;}

/*--- トップ -------------------------*/

/* タイトル部分の外側BOX */
#top-box {
border: 1px solid #FF66CC;
width: auto;
height: 200px;
padding: 5px;
}
/* トップの画像 */
#top-img {
background: url('img/bg.gif') ;
height: 100%;
margin: 0;
padding: 0;
padding-left:10px;
}

/* サイト名配置 */
#site {
margin-left: 150px;
padding-top: 120px;
}

/* サイト名 */
#sitename {
width: 600px;
height: 40px;
padding-bottom: 5px;
font: bold 40px Verdana; /* 日本語の場合は、Verdanaを日本語フォントに変更 */
color: #FF66CC;
border-bottom: 3px dashed #FF66CC;
}

/* サイト紹介文 */
h1#site-text {
font-size: 13px;
font-weight: normal;
color: #996666;
margin: 0;
margin-left: 20px;
}

/*--- メイン -------------------------*/

/* メイン外側BOX */
#main-box {
border: 1px solid #FF66CC;
width: auto;
padding: 10px;
padding-bottom: 0;
background: url('img/bg-s.gif');
}

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

/* メニュー部分の幅など */
#menu {
	width: auto;
	height: auto;
	margin-right: 5px;
	float: right;

}

/* 大メニュー */
.big-menu {
font-size: 20px;
}

/* メニューリスト */
ul#menu-list {
color: #996666;
list-style: disc inside;
}

/* --メイン-- */

/* 本分の幅、余白、背景など */
#main {
background-color: #FFFFFF; /* 背景 */
border: 1px solid #FF99CC; /* ボーダー */
/*width: auto;*/ /* 横幅 */
width:685px;
padding: 20px; /* 余白 */
padding-bottom: 5px; /* 下の余白 */
/*margin-left: 155px;*/ /* 配置 */
float:right;
}

#main-text {
	min-height: 500px;
	float: none;
}

/* 更新情報 */
#news {
height: 100px;
padding: 10px;
border: 1px dashed #0099CC;
overflow: auto;
}

/* ページトップへの戻り */
#p-top {
height: 12px;
padding: 0;
text-align: right;
}

/*--- 著作権 -------------------------*/

.footer {
height: 20px; 
text-align: center;
}

.copy {
color: #FF66CC;
font-size: 10px;
}

/* テンプレ著作権 */
#temp {
color: #000000;
height: 20px; 
text-align: right;
padding: 0;
font-size: 10px;
}
#temp a{font-weight: normal;}

/*--- フォーム関係 -------------------------*/
input,textarea,select {
border:1px solid #FF66CC;
background-color: #FFFFFF;
}

input {
width: 200px;
height: 16px;
padding: 0px 3px;
}

textarea {
width: 300px;
height: 100px;
padding: 5px;
line-height: 1.2em;
margin-bottom: 5px;
}

/* 送信などのボタン用 */
.btn {
width: 100px;
height: 20px;
padding: 0;
border: none;
background : url('img/bg-s.gif') #FF66CC;
color: #996666;
font-weight: bold;
}