@charset "Shift_JIS";

/*----------------------------------------------------
	▼全体の設定
----------------------------------------------------*/

* {
margin:0; /* 余白削除 */
padding:0; /* 余白削除 */
}
html {
scrollbar-3dlight-color:#FFF0F5; /* スクロールバーの色 */
scrollbar-arrow-color:#FFB6C1;
scrollbar-darkshadow-color:#FFF0F5;
scrollbar-face-color:#FFF0F5;
scrollbar-highlight-color:#FFF0F5;
scrollbar-shadow-color:#FFF0F5;
scrollbar-track-color:#ffffff;
}
body {
background-image: url("img/bg_02.jpg"); /* 全体の背景画像 */
background-repeat:repeat-y; /* 背景繰り返し */
background-position:center;
font:80%/1.6 Verdana,Osaka,sans-serif; /* フォント一括指定 */
}

/*----------------------------------------------------
	▼リンク
----------------------------------------------------*/

a {
color:#DB7093;
text-decoration:none;
}
a:hover {
float:none; /* 触れると凹むように設定しています */
clear:none;
visibility:visible;
position:relative;
top:1pt; left:1pt;
}

/*----------------------------------------------------
	▼文字
----------------------------------------------------*/

em	{ font-style:normal; font-weight:bold; text-decoration:underline; } /* 強調 */
strong	{ color:#708090; } /* より強い強調 */
ins	{ text-decoration:underline; } /* 追加 */
del	{ text-decoration:line-through; } /* 削除 */

b	{ font-weight:bold; } /* 太字 */
i	{ font-style:italic; } /* 斜体 */
big	{ font-size:120%; } /* 大きい文字 */
small	{ font-size:80%; } /* 小さい文字 */

/*----------------------------------------------------
	▼メールフォーム
----------------------------------------------------*/

form {
margin-bottom:1em; /* 余白 */
}
input,textarea {
background-color:#FFFFFF;
border:1px #ffb6c1 solid; /* ボーダー */
}
input[type="checkbox"],input[type="radio"] {
background-color:#FFFFFF;
border:0;
}

/*----------------------------------------------------
	▼テーブル
----------------------------------------------------*/

table {
width:100%; /* 幅 */
margin-bottom:1em; /* 余白 */
border-collapse:collapse; /* セルの表示 */
border-spacing:0; /* セルの間隔 */
}
th {
text-align:left; /* 左寄せ */
vertical-align:top; /* 上寄せ */
font-weight:normal;
}
th,td {
padding:3px 5px; /* 余白（上下、左右） */
}

/*----------------------------------------------------
	▼その他
----------------------------------------------------*/

hr	{ display:none; } /* 罫線非表示 */
img,a img { border:0; } /* 画像の枠線削除 */
iframe	{ width:100%; height:100%; }

/*----------------------------------------------------
	▼コンテナ
----------------------------------------------------*/

#container {
width:550px; /* 幅 */
margin:0 auto; /* センタリング */
background-color: #ffffff; /* 背景色 */
}

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

#header {
text-align:center; /* 中央寄せ */
background-color:#FFFFFF;
}
#header a {
color:#DB7093;
}

/* --- サイト名 --- */

#header h1 {
padding:100px 0 20px; /* 余白（上、左右、下） */
font-size:140%; /* 文字サイズ */
border:#D3D3D3 solid; /* ボーダー */
border-width:0 1px 1px 1px; /* ボーダーの幅（上、右、下、左） */
}

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

#header ul.menu {
width:100%; /* メニュー全体の幅 */
}
#header ul.menu li {
list-style-type:none; /* リストマーク非表示 */
float:left; /* 横並べ */
width:20%; /* 各メニューの幅（メニュー数に応じて調整してください） */
padding:5px 0; /* 余白（上下、左右） */
font-weight:bold;
}

/*----------------------------------------------------
	▼メインカラム
----------------------------------------------------*/

#main {
height:500px; /* 高さ（アイフレームの高さになります） */
border:1px #D3D3D3 solid; /* ボーダー */
background-color:#FFFFFF;
}

/*----------------------------------------------------
	▼アイフレーム内の各ページ
----------------------------------------------------*/

#page {
margin:20px 0; /* 余白（上下、左右） */
background-color:#FFFFFF;
font-size:9pt; /* 文字サイズ */
}
#page div.inner {
margin:0 10px; /* 余白（上下、左右） */
}

/* --- 見出し --- */

#page h2,#page h3,#page h4,#page h5 {
margin-bottom:1em; /* 余白 */
font-size:100%; /* 文字サイズ */
}
#page h2 {
padding-top:2px; /* 余白 */
padding-left:5px; /* 余白 */
background:#ffc0cb; /* 背景色 */
color:#808080;
font-weight:normal;
}
#page h3 {
padding-top:2px; /* 余白 */
padding-left:5px; /* 余白 */
background:#ffe4e1; /* 背景色 */
border-left:3px #db7093 solid; /* ボーダー */
border-right:3px #db7093 solid; /* ボーダー */
border-bottom:1px #db7093 solid; /* ボーダー */
font-weight:normal;
color:#708090;
}
#page h4 {
border-bottom:2pt #999999 solid; /* ボーダー */
border-top:1px #D3D3D3 solid; /* ボーダー */
color:#666666;
}
#page h5 {
border-bottom:1px #D3D3D3 dashed; /* ボーダー */
font-weight:normal;
color:#808080;
}

/* --- 装飾用ボックス --- */

#page div.section1 {
margin-bottom:1em; /* 余白 */
padding:5px; /* 余白 */
background-color:#FFF0F5; /* 背景色 */
border:2px #FFB6C1 solid;
}
#page div.section2 {
margin-bottom:1em; /* 余白 */
padding:5px; /* 余白 */
border:1px dashed; /* ボーダー */
border-color:#C0C0C0; /* ボーダーの色（上、右、下、左） */
}

/* --- 段落 --- */

#page p {
margin-bottom:1em; /* 余白 */
color:#666666;
}

/* --- リスト --- */

#page ul {
margin-bottom:1em; /* 余白 */
}
#page ul li {
margin-left:20px;
color:#CD5C5C;
}

/* --- 説明付きリスト --- */

#page dl {
margin-bottom:1em; /* 余白 */
}
#page dt {
padding-left:14px; /* 余白 */
background:url(img/check.gif) no-repeat left;
}
#page dd {
padding-left:14px; /* 余白 */
}

/* --- 戻りリンク --- */

#page ul.modori {
list-style-type:none; /* リストマーク非表示 */
margin-bottom:1em; /* 余白 */
text-align:right; /* 右寄せ */
}

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

#footer {
margin:1em 0; /* 余白（上下、左右） */
padding:5px; /* 余白 */
border:1px #D3D3D3 solid; /* ボーダー */
font-size:7pt; /* 文字サイズ */
text-align:center; /* 中央寄せ */
background-color:#FFFFFF;
}
#footer a {
color:#4B0082;
font-weight:bold;
}

/* --- サイト名、著作権表示 --- */

#footer li {
list-style-type:none; /* リストマーク非表示 */
padding-right:10px; /* 余白 */
display:inline; /* 横並べ */
}

/*----------------------------------------------------
	▼その他
----------------------------------------------------*/

/* --- フロートクリア --- */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
min-height:1px;
}

/* --- 位置調整（不要の場合は削除OKです） --- */

.center	{ text-align:center; } /* 中央寄せ */
.left	{ text-align:left; } /* 左寄せ */
.right	{ text-align:right; } /* 右寄せ */