@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------- */
/* 固定スタイル(変更不可) */
/* --------------------------------------------------- */

html,body{ height:100%; }
html{ height:100%; }
body > #wrapper { height: auto; }
img { display: inline; }
* html p {letter-spacing: 0; }
p { letter-spacing: 0.1em; }
br { letter-spacing: 0; }

/* --------------------------------------------------- */
/* 主に背景や文字色の変更 */
/* --------------------------------------------------- */

body {
	font-size: 75%;
	letter-spacing: 0.1em;
	line-height: 150%;
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
	background: url(../images/common/background.jpg) repeat-y top center;
	color: #FFFFFF;
}

p,li,dd,dt,td {
	color: #FFFFFF;
	line-height: 150%;
}

h1, h1 a, h1 a:hover, h1 a:visited {
	color: #666666;
	font-size: 10px;
	font-weight: 100;
	text-decoration: none;
	padding-left: 4px;
}



a {
	color: #3c7997;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #89a0ab;
}

a:visited {
	color: #89a0ab;
}

strong {
	font-weight: bold;
}

/* --------------------------------------------------- */
/* clearFix(分からない場合は使わないように) */
/* --------------------------------------------------- */

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

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

.clearfix { display: inline-block; }

#clear-after { zoom: 100%; }

#clear-after:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* --------------------------------------------------- */
/* float関係 */
/* --------------------------------------------------- */

.alignleft { float: left; }

.alignright { float: right; }

.clear {
	clear: both;
}

/* --------------------------------------------------- */
/* 幅調整 */
/* --------------------------------------------------- */

.inner { padding: 10px; }
.inner2 { padding: 20px 5px; }
.inner3 { padding: 0 10px 10px 10px }
.inner4 { padding: 10px 5px 0 5px; }
.inner5 { padding: 10px 0 }
.inner6 { padding: 12px 5px }
.inner7 { padding: 5px 0px }
.inner8 { padding: 20px 0 }
.inner9 { padding: 10px 0 0px}
.inner10 { padding: 5px}
.inner11 { padding: 0 10px}
.inner12 { padding: 0  0 10px 0}
.inner13 { padding: 20px  0 10px 0}
.indent-top { margin-top: 10px; }
.indent-top2 { margin-top: 20px; }
.indent-top3 { margin-top: 30px; }
.indent-top4 { margin-top: 5px; }
.indent-bottom { margin-bottom: 10px; }
.indent-left { margin-left: 10px; }
.indent-right { margin-right: 10px; }
.left-padding { padding-left: 15px; }
.left-padding2 { padding-left: 25px; }
.left-padding3 { padding-left: 10px; }
.bottom-indent { padding-bottom: 25px;}

/* --------------------------------------------------- */
/* 文字class */
/* --------------------------------------------------- */

.font-s { font-size: 10px; }
.font-m { font-size: 12px; }
.font-l { font-size: 14px; }
.red-01 { color: #FF0000; }
.gray-01 { color: #666; }
.txt-right { text-align: right; }

.sub-title { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 5px; }
.sub-title .sub { color: #89a0ab; font-family: Georgia, "Times New Roman", Times, serif; }

.border { font-size: 1px;}
.border-1 { border: solid 1px #CCC; }
.border-2 { border: solid 1px #CCC; }


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

.png-fix { behavior:url(/iepngfix.htc); }