/* 基本のスタイル設定(main.css) ----------------------------------------------------------
スタイルシートは、共通設定用のmain.cssと各フォルダに入っているcssファイルで構成されています。
基本設定以外は、各cssファイルの方を修正するようにして下さい。

--------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------【基本設定】 */

@charset "shift_jis"; 


* {
	font-size: 100%;
	font-weight: nomal;
}

body {/*								基本の文字色・フォントサイズ・壁紙設定 */
	margin: 0px auto;
	font-size: 9pt;
	color : #6b696b;
	text-align:center;
	background-image: url('bg.gif');
	background-repeat: repeat;
}


/* --------------------------------------------------------------------------【リンク】 */

a {
	text-decoration: none;
}
a:link {
	color: #ffa6bd;
}
a:visited {
	color: #ffa6bd;
}
a:hover {/*								マウスをのせた時に色が変わり、下線がつきます */
	color: #f76184;
	text-decoration: underline;
}
a:active {
	color: #ffa6bd;
}


/* ------------------------------------------------------【見出し・段落・リスト・罫線】 */

h1, h2 {/*								大見出し・中見出し */
	margin: 0;
	padding: 0px;
	text-align: center;
}

h3 {
	margin: auto;
	padding: 5px 0px 2px 20px;
	text-align: left;
	color: #ff7300;
	font-size: 125%;
}

h4 {
	margin-left: 30px;
	font-size: 120%;
	color: #ff7300;
}

#none {/*								大見出し・中見出しを隠したい場合はidにこちらを指定 */
	display: none;
}

strong {/*								強調（太字） */
	margin: 0px;
	padding: 5px 10px;
}

p {/*									段落 */
	margin: 10px 10px 5px 15px;
	padding: 10px 20px;
}

hr {/*									罫線 */
	margin: 10px 20px;
	color: #ffa6bd;
}

.nocolor {
	margin: 10px 20px;
	color: #ffffff;
	border: 0px;
}

li {/*									リストは通常マークなしで表示 */
	list-style-type: none;
}

.list {/*								リストにマーキングする時はこちらのクラスを指定 */
	margin: 5px 0px 2px -5px;
	padding: 0px 10px 5px 10px;
	text-align: left;
	vertical-align: top;
	list-style-type: square;
}

.icon {
	margin: 20px 0px 0px 0px;
	padding: 12px 10px 8px 30px;
	font-size: 125%;
	font-weight: bold;
	color: #EF5992;
	background-image: url('icon.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

.list a {
	text-decoration: underline;
}

.list a:link {/* 						メニュー部のリンク色は通常とは別設定になってます */
	color: #6b696b;
}
.list a:visited {
	color: #6b696b;
}
.list a:hover {/* 						マウスをのせた時に色が変わり、下線がつきます */
	color: #ff7300;
	font-weight: bold;
}
.list a:active {
	color: #6b696b;
}

.number {/*								リストを番号順にする時はこちらのクラスを指定 */
	margin: 5px 0px 2px 0px;
	padding: 0px 10px 5px 10px;
	text-align: left;
	vertical-align: top;
	list-style-type: decimal;
}

.number a {
	text-decoration: underline;
}

.number a:link {/* 						メニュー部のリンク色は通常とは別設定になってます */
	color: #6b696b;
}
.number a:visited {
	color: #6b696b;
}
.number a:hover {/* 						マウスをのせた時に色が変わり、下線がつきます */
	color: #ff7300;
	font-weight: bold;
}
.number a:active {
	color: #6b696b;
}

.space {/*								成形用スペース */
	height: 20px;
}


/* ------------------------------------------------------------------------【フォント】 */

/* 
使用する場合は、半角で<span class="使用したいクラス名：【small】【red】【orange】のどれか"></span>と入力して、その中に指定したい文字を入れて下さい。

*/

.small {/*								文字を小さくする */
	font-size: 90%;
	letter-spacing: 180%;
}

.bold {/*								文字を大きく強調させる */
	font-weight: bold;
	font-size: 120%;
}

.red {/*								赤字で強調させる */
	font-weight: bold;
	color: #ef4d8c;
	font-size: 120%;
}

.orange {/*								オレンジ色で強調させる */
	font-weight: bold;
	color: #ff7300;
	font-size: 120%;
}

.hsl {/*								オレンジ色と文字の大きさで強調させる */
	font-weight: bold;
	color: #ff7300;
	font-size: 150%;
}


/* ----------------------------------------------------------------------------【画像】 */

img {/*									通常の画像（ボーダー線なし・余白なし） */
    border:0px;
}

.floatl {/*							画像を左側に寄せたい時はこちらのクラスを指定 */
	float: left;
	margin: auto;
	padding: 5px 10px 5px 5px;
	text-align: left;
}

.floatr {/*							画像を右側に寄せたい時はこちらのクラスを指定 */
	float: right;
	margin: auto;
	padding: 5px 5px 5px 10px;
	text-align: rightt;
}

.line {/*							ライン用画像のための設定 */
	margin: 20px 0px;
}


/* ------------------------------------------------------------------------【テーブル】 */

table, tr, td {/*						基本はボーダーなし・余白なし・左上寄せです */
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	font-size: 9pt;
	vertical-align: top;
	line-height:150%;
	letter-spacing: 150%;
}

.dotline {/*							点線の下罫線 */
	font-size: 95%;
	padding: 5px;
	border-bottom: 1px dotted #f7aac6;
}


/* ----------------------------------------------------------------【テキスト表示方法】 */

.left {/*								テキストを左揃えにしたい時はこのクラスを指定 */
	text-align: left;
	margin: auto;
	padding: 3px 5px 3px 10px;
	vertical-align: top;
}

.center {/*								テキストを中央揃えにしたい時はこのクラスを指定 */
	text-align: center;
	margin: auto;
	padding: 5px 3px;
	vertical-align: top;
}

.right {/*								テキストを右揃えにしたい時はこのクラスを指定 */
	text-align: right;
	margin: auto;
	padding: 0px;
	vertical-align: top;
}


/* --------------------------------------------------------------【全ページ共通の設定】 */

.box {/*								外側の大枠 */
	width: 800px;
	margin: 0px auto;
	background-color: #ffffff;
}

.header {/* 							ヘッダー部分（タイトルの部分） */
	height: 110px;
	margin: 0px auto;
	vertical-align: bottom;
	text-align: center;
	background-color: #ffa6bd;
}

.main {/* 								本文表示部分（ヘッダーとフッターの間の部分） */
	margin: 10px auto;
	padding: 0px;
	vertical-align: top;
	text-align: center;
}


.footer {/* 							フッター部分（コピーライトの部分） */
	height: 30px;
	margin: auto;
	padding: 5px 0px 2px 0px;
	text-align: center;
	border-top: 1px solid #ffa6bd;
	vertical-align: middle;
}


/* --------------------------------------------------【メイン部分の詳細設定：メニュー】 */

.menu {/* 								メニュー部分２Ｐ以降の左側メニュー */
	width: 180px;
	margin: 10px 0px;
	padding: 5px;
	text-align: center;
	border: 1px solid #f7aac6;
}

.menu a:link {/* 						メニュー部のリンク色は通常とは別設定になってます */
	color: #6b696b;
}
.menu a:visited {
	color: #6b696b;
}
.menu a:hover {/* 						マウスをのせた時に色が変わり、下線がつきます */
	color: #ff7300;
	text-decoration: underline;
}
.menu a:active {
	color: #6b696b;
}

#menu {/* 								メニューリストの表示設定（下に点線がつきます） */
	margin-left: -30px;
	margin-bottom: 5px;
	padding: 5px 0px;
	text-align: left;
	border-bottom: 1px dashed #f7aac6;
}


/* --------------------------------------------【メイン部分の詳細設定：ナビゲーション】 */

.navi {/* 								各ページからＴＯＰページに飛ぶナビゲーション */
	width: 580px;
	padding: 2px 10px 10px 0;
	text-align: right;
}


/* ----------------------------------------------------【メイン部分の詳細設定：装飾枠】 */

.contents {
	width: 560px;
	padding: 10px;
}

.waku {/*								装飾枠を表示させる */
	margin: 0px auto;
	text-align: center;
}

.ue {/*									百合の紋章模様の枠線（上部）を表示させる */
	width: 480px;
	height: 70px;
	background-image: url('ue.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

.ue2 {/*								バラ模様の枠線（上部）を表示させる */
	width: 480px;
	height: 70px;
	background-image: url('ue2.gif');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

.naka {/*								枠線（本文を入れる部分）を表示させる（枠１・２共通） */
	padding: 20px 30px 10px 30px;
	background-image: url('naka.gif');
	background-repeat: repeat-y;
	text-align: left;
	background-position: 50%;
}

.ex {/*								※レイアウト用 */
	margin: 5px 10px 10px 20px;
	font-weight: 400;
	font-size: 9pt;
	color : #6b696b;
}

.naka li {/*							本文のリスト表示の成形（枠１・２共通） */
	margin-left: 30px;
}

.sita {/*								百合の紋章模様の枠線（下部）を表示させる */
	width: 480px;
	height: 50px;
	background-image: url('sita.gif');
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

.sita2 {/*								バラ模様の枠線（下部）を表示させる */
	width: 480px;
	height: 50px;
	background-image: url('sita2.gif');
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

.dottable {/*							点線の枠を表示させる */
	margin: auto;
	padding: 20px;
	border: 2px dotted #ffa6bd;
}