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

/*四辺ボーダー設定*/

*,img,a {
	border: none;
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	background: url(../common_img/bgR.png) no-repeat bottom right;
	background-attachment:fixed;
}

body {
	height: 100%;
	background: url(../common_img/bgL_.png) no-repeat top left;
}

#box {
	padding: 0 16px;
	background: url(../common_img/bgL.png) no-repeat bottom left;
}

div#headerArea {
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background-color: #BC1419;
	color: #fff;
}

div#footerArea {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background-color: #BC1419;
	color: #fff;
}

/*ラッパー*/

#wrapper {
	margin: 0 auto;
	width: 970px;
}

/*ヘッダー*/

#header {
	padding-top: 100px;
	height: 60px;
}

#header h1 a{
	float: left;
	display: block;
	overflow: hidden;
	padding-top: 57px;
	width: 181px;
	height: 0;
	background: url(../common_img/logo.png) no-repeat top left;
}

#header ul {
	margin-top: 20px;
	float:right;
	display: block;
	height: 22px;
	list-style: none;
}

#header li {
	display: block;
	float: left;
	text-indent: -9999px;
}

#header li a {
	display: block;
	height: 22px;
}

#previous {
	float: right;
	width: 60px;
	height: 11px;
	margin-top: 6px;
	margin-left: 300px;
	margin-right: 233px;
}

.menu1{ background: url(../common_img/navi_1.png) no-repeat top left; width: 57px;}
.menu2{ background: url(../common_img/navi_2.png) no-repeat top left; width: 60px; margin-left: 21px; }
.menu3{ background: url(../common_img/navi_3.png) no-repeat top left; width: 53px; margin-left: 22px; }
.menu4{ background: url(../common_img/navi_4.png) no-repeat top left; width: 69px; margin-left: 22px; }
.menu5{ background: url(../common_img/navi_5.png) no-repeat top left; width: 45px; margin-left: 22px; }

.menu1 a:hover{ background-image: url(../common_img/navi_h_1.png); }
.menu2 a:hover{ background-image: url(../common_img/navi_h_2.png); }
.menu3 a:hover{ background-image: url(../common_img/navi_h_3.png); }
.menu4 a:hover{ background-image: url(../common_img/navi_h_4.png); }
.menu5 a:hover{ background-image: url(../common_img/navi_h_5.png); }

#base01 .menu1 { background: url(../common_img/navi_th_1.png) no-repeat top left; }
#base02 .menu2 { background: url(../common_img/navi_th_2.png) no-repeat top left; }
#base02in .menu2 { background: url(../common_img/navi_th_2.png) no-repeat top left; }
#base03 .menu3 { background: url(../common_img/navi_th_3.png) no-repeat top left; }
#base04 .menu4 { background: url(../common_img/navi_th_4.png) no-repeat top left; }
#base05 .menu5 { background: url(../common_img/navi_th_5.png) no-repeat top left; }

/*コンテンツ共通*/
#content {
	padding-top: 45px;
}

/*テキスタイル共通*/
#content p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 210%;
}

#content dl {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 210%;
}

#content li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 210%;
}

h1,h2,h3,h4 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
}

.red {
	color: #B60005;
}

p a:link    { color: #555; text-decoration: none; border: none;}
p a:visited { color: #999; text-decoration: none; border: none;}
p a:hover   { color: #999; text-decoration: none; border: none;}
p a:active  { color: #999; text-decoration: none; border: none;}

dl a:link    { color: #555; text-decoration: none; border: none;}
dl a:visited { color: #999; text-decoration: none; border: none;}
dl a:hover   { color: #999; text-decoration: none; border: none;}
dl a:active  { color: #999; text-decoration: none; border: none;}

#content li a:link    { color: #555; text-decoration: none; border: none;}
#content li a:visited { color: #999; text-decoration: none; border: none;}
#content li a:hover   { color: #999; text-decoration: none; border-bottom: 1px solid #999;}
#content li a:active  { color: #999; text-decoration: none; border: none;}


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

.clearfix {
	display: inline-block;
}

/* \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* end */