@charset "UTF-8";

/* 共通使用CSS */

/* ================= 目次 =====================

【1】リセット
【2】フォント関連
【3】リンクカラー
【4】配置関連
【5】float 関連
【6】margin 関連
【7】hack 関連
【8】form 関連
	 ・日本語フォーム
	 ・英語フォーム
【9】noscript

============================================ */


/* =============================================================
　■□■ 1. リセット ■□■
============================================================= */
body, form, h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, input, dl, dd, dt, div, address, label
{
	margin: 0;
	padding: 0;
}
a img { border: 0; }
li { list-style: none; }
ol li /* 数字のリストは数字マーカーを残す */
{
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0 25px 10px 40px;
}
em
{
	font-style: normal;
	font-weight: bold;
}
address
{ 
 	font-style: normal;
 	font-weight: normal;
}
form, input, select
{
	margin: 0 2px 0 0;
	font-family: "verdana", "MS UI Gothic", sans-serif;
	padding: 2px;
}
img
{
	vertical-align:bottom;
}
p
{
line-height:2em;
}

/* =============================================================
　■□■ 2. フォント関連 ■□■
============================================================= */
body
{
	font-family: "verdana","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,/*"メイリオ",Meiryo,*/"MS UI Gothic",sans-serif;
	font-size: 75%;
	color: #333333;
	line-height: 1.66;
	line-height:normal;
	text-align: center;
}
table
{
	font-family: "verdana","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,/*"メイリオ",Meiryo,*/"MS UI Gothic",sans-serif;
	color: #333333;
	line-height: 1.66;
	background-color: #FFFFFF;
	text-align: left;
}
h1, h2, h3, h4, h5, h6
{
	font-size: small;
}

/* =============================================================
　■□■ 3. リンクカラー ■□■
============================================================= */
a:link,
a:visited /* リンク未訪問・訪問済みの色指定 */
{
	color: #333333;
	background-color: transparent;
	text-decoration:underline;
}
a:hover,
a:active /* リンクマウスオーバー時の色指定 */
{
	color: #940e15;
	background-color: transparent;
	text-decoration: none;
}

/* =============================================================
　■□■ 4. 配置関連 ■□■
============================================================= */
.left
{
	float:left;
}
.right
{
	float:right;
}
.center
{
	text-align:center;
}
/* ------------------ 画像中央寄せ -------------- */
.img-center
{
	text-align: center;
}
.img-center img
{
	margin-left: auto;
	margin-right: auto;
	border:solid 5px #FFFFFF;
}
/* ------------------ 画像右寄せ -------------- */
.img-right
{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	border:solid 5px #FFFFFF;
}
/* ------------------ 画像左寄せ -------------- */
.img-left
{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border:solid 5px #FFFFFF;
}
/* ------------------ テキスト右寄せ -------------- */
.text-right
{
	text-align: right;
}
/* ------------------ テキスト左寄せ -------------- */
.text-left
{
	text-align: left;
}
/* ------------------ テキスト中央寄せ -------------- */
.text-center
{
	text-align: center;
}

/* =============================================================
　■□■ 5. float 関連 ■□■
============================================================= */
/* ------------------ floatをここから回避 ------------------ */
.clear
{
	clear: both;
}
/* -------- floatした中身がBOXからはみ出すのを回避 -------- */
.clearbox:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}
.clearbox
{
	height: 100%;
}

/* =============================================================
　■□■ 6. margin 関連 ■□■
============================================================= */

/* -------------- 上 -------------- */
.top5
{
	margin-top: 5px;
}

.top10
{
	margin-top: 10px;
}

.top20
{
	margin-top: 20px;
}

.p-top10
{
	padding-top: 10px;
}

.p-top20
{
	padding-top: 20px;
}

/* -------------- 下 -------------- */
.bottom5
{
	margin-bottom: 5px;
}

.bottom10
{
	margin-bottom: 10px;
}

.bottom20
{
	margin-bottom: 20px;
}

.bottom30
{
	margin-bottom: 30px;
}

.bottom40
{
	margin-bottom: 40px;
}

.bottom50
{
	margin-bottom: 50px;
}

.bottom250
{
	margin-bottom: 250px;
}

/* -------------- 左 -------------- */
.left10
{
	margin-left: 10px;
}
.left20
{
	margin-left: 20px;
}
.left60
{
	margin-left: 60px;
}

/* -------------- 右 -------------- */
.right10
{
	margin-right: 10px;
}

.right20
{
	margin-right: 20px;
}


/* =============================================================
　■□■ 7. hack 関連 ■□■
============================================================= */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -------- IE5.5 ＆ IE6のみで起きる不具合の回避 -------- */

/* Hides from IE5-mac \*/
* html .hollyhack {height: 1%;}
/* End hide from IE5-mac */


/* =============================================================
　■□■ 8. form 関連 ■□■
============================================================= */

/* -------- 日本語フォーム -------- */

.form-jpn /* フォーム内を日本語入力に指定（IEのみ対応） */
{
	ime-mode: active;
	padding: 1px 2px;
}

.textbox-jpn /* テキストボックス内を日本語入力に指定（IEのみ対応） */
{
	ime-mode: active;
	padding: 1px 2px;
}


/* -------- 英語フォーム -------- */

.form-eng /* フォーム内を英語入力に指定（IEのみ対応） */
{
	ime-mode: inactive;
	padding: 1px 2px;
}


/* =============================================================
　■□■ 9. noscript ■□■
============================================================= */

/* ------------- noscript ------------- */
#noscript
{
	clear: both;
	font-size: 82%; /* ----- 文字サイズ固定の場合／font-size: 10px; ----- */
	color: red;
	margin: 10px 0 0 15px;
	padding: 5px 0 10px 28px;
	background: url(/img/ico_attn.gif) no-repeat;
	background-position: 0em 0.2em;
}