@charset "utf-8";

@import url("../css/subpage.css");
@import url("../css/form.css");

/* ------------------------------
   commonスタイル
------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote{
	margin:0;
	padding:0;
}
fieldset,img{
	border:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
.separate,.floatingw,legend{
	display:none;
}
p{
	text-align:justify;
	text-justify:inter-ideograph;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
body{
	background:url(../top/bg_body.jpg) no-repeat center top fixed;
	color:#333333;
	font-family:"MS PGothic","Osaka",Arial,sans-serif;
	line-height:1.22;
	font-size:0.75em;
	word-break:break-all;
	*font-size:small;
	*font:x-small;
	*line-height:1.05;
	text-align:center;
}
a {
	color:#0066CC;
	cursor:pointer;
	text-decoration:none;
}
a:hover {
	color:#FA9800;
	text-decoration:underline;
}
table{
	font-size:inherit;
	font:100%;
}
pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:99%;
}
h1,h2,h3,h4,h5{
	font-size:100%;
}

/* form */
select,input,textarea{
	*font-family:"MS UI Gothic","MS PGothic";
}
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}


/*
.contentbox2nd h2,#spotlight h2{
	font-size:131%;
}
#emg table{
	font-size:115%;
	*font-size:108%;
}
span.assist,#topicsboxbd em,#topicsboxbd cite,#vdobd em,#olymEdit cite{
	font-size:85%;*font-size:72%;
}
*/

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

/* Hide Mac IE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}








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

　コンテナ
 
---------------------------------------------*/
#container {
	width: 940px;
	background-color:#FFFFFF;
	margin: 0 auto;
	padding:0;
	text-align:center;
}
h1{
	width:880px;
	text-align:left;
	margin:0 auto;
	padding:2px 0 0 0;
	color:#666666;
	font-weight:normal;
	font-size:83%;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}


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

 ヘッドエリア
 
---------------------------------------------*/
#headArea {
	width: 880px;
	margin: 0 auto;
	padding:0;
}
#headerLeft{
	width:250px;
	float:left;
	margin:0;
	padding:0;
}

#headerRight{
	width:555px;
	float:right;
	margin:0;
	padding:0;
}
#headerRightLeft{
	width:500px;
	float:left;
}
	/* header Utility	*/
	#hUtility {
		width:500px;
		background:url(../top/bg_h_utility.gif) no-repeat;
		float:left;
		margin:0;
		padding:0;
	}
		#hUtility ul{
			width:500px;
			margin:0;
			padding:0;
		}
		#hUtility li{
			display:inline;
		}
		#hUtility li a{
			display:block;
			float:left;
			height: 0 !important;
			height /**/: 30px;
			padding-top: 30px;
			/*\*/
			overflow:hidden;
			/**/
		}
		/*	mouse_off	*/
		#hu01 a		{width: 50px; background:url(../top/bg_h_utility.gif)    0   0 no-repeat;}
		#hu02 a		{width: 50px; background:url(../top/bg_h_utility.gif)  -50px 0 no-repeat;}
		#hu03 a		{width:120px; background:url(../top/bg_h_utility.gif) -100px 0 no-repeat;}
		#hu04 a		{width: 85px; background:url(../top/bg_h_utility.gif) -220px 0 no-repeat;}
		#hu05 a		{width:100px; background:url(../top/bg_h_utility.gif) -305px 0 no-repeat;}
		#hu06 a		{width: 95px; background:url(../top/bg_h_utility.gif) -405px 0 no-repeat;}
		/*	mouse_over	*/
		#hu01 a:hover	{background-position:    0   -30px;}
		#hu02 a:hover	{background-position:  -50px -30px;}
		#hu03 a:hover	{background-position: -100px -30px;}
		#hu04 a:hover	{background-position: -220px -30px;}
		#hu05 a:hover	{background-position: -305px -30px;}
		#hu06 a:hover	{background-position: -405px -30px;}

#headerRightRight{
	width:50px;
	float:right;
}


/* グローバルナビゲーション
---------------------------------------------*/
#globalNav {
	width: 880px;
	margin:0;
	padding:0;
	clear:both;
}
	#globalNav ul{
		height: 40px;
		list-style-type: none;
		background: url(../top/bg_g_nav.jpg) left top repeat-x;
		margin:0;
		padding:0;
		font-size:100%;
	}
	#globalNav li {
		float: left;
		list-style-type: none;
		width: 110px;
		margin:0;
		padding:0;
	}
	#globalNav li a {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 0 !important;
		height /**/:40px;
		padding-top: 40px;
		background-image: url(../top/bg_g_nav.jpg);
		color: #000000;
	}

	
		/*  背景画像の位置
		---------------------------------------------*/
		/* 通常 */
		#gnav01 a { background-position:  0     0; }
		#gnav02 a { background-position: -110px 0; }
		#gnav03 a { background-position: -220px 0; }
		#gnav04 a { background-position: -330px 0; }
		#gnav05 a { background-position: -440px 0; }
		#gnav06 a { background-position: -550px 0; }
		#gnav07 a { background-position: -660px 0; }
		#gnav08 a { background-position: -770px 0; }
		/* オンマウス */
		#gnav01 a:hover { background-position:  0     -40px; }
		#gnav02 a:hover { background-position: -110px -40px; }
		#gnav03 a:hover { background-position: -220px -40px; }
		#gnav04 a:hover { background-position: -330px -40px; }
		#gnav05 a:hover { background-position: -440px -40px; }
		#gnav06 a:hover { background-position: -550px -40px; }
		#gnav07 a:hover { background-position: -660px -40px; }
		#gnav08 a:hover { background-position: -770px -40px; }


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

 テンプレート　編集可能領域
 
---------------------------------------------*/
#editorialArea{
	width:880px;
	margin:0 auto;
	padding:0;
	clear:both !important ;
	text-align:center;
}
.buttonArea{
	width:880px;
	text-align:right;
	padding:5px 0;
	margin:0;
}

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

 メインエリア
 
---------------------------------------------*/
#mainArea {
	width: 880px;
	clear:both;
	margin: 20px auto;
	padding:0;
}
.bannerArea{
	width:880px;
	margin:0 0 20px 0;
	padding:0;
	text-align:center;
	clear:both;
}
.bannerHead{
	margin:0 10px 0 0;
	padding:0;
}
.bannerFoot{
	margin:0 18px 10px 0;
	padding:0;
}
.comment{
	font-size:100%;
	line-height:120%;
	clear:both !important;
	margin:0;
	padding:20px 0;
	text-align:left;
}




/* メイン左　フェア情報
---------------------------------------------*/
#mainLeft{
	width:425px;
	float:left;
	margin:0;
	padding:0 0 20px 0;
}
#fairArea{
	background-image:url(../top/fair_bg.gif);
	background-repeat:repeat-y;
	text-align:left;
	padding:0;
	margin:0;
}
#fairArea a{
	color:#FF0000;
	font-weight:bold;
}
#fairArea a:hover{
	text-decoration:underline;
}
	 dl { margin: 0; padding:10px; border-bottom: dotted #999999 1px; text-align:left;}
	 dt { font-size:110%; line-height:120%; text-align:left; margin-bottom:10px;}
	 dd { margin:0 0 0.5em 1em; line-height:120%; text-align:justify; text-justify:inter-ideograph;}
	 
.Sonota{
	text-align:right;
	margin:0;
	padding:10px;
	clear:both;
}	

/* メイン右　プラン情報
---------------------------------------------*/
#mainRight{
	width:425px;
	float:right;
	margin:0;
	padding:0 0 20px 0;
}
#planArea{
	background-image:url(../top/fair_bg.gif);
	background-repeat:repeat-y;
	text-align:left;
	padding:0;
	margin:0;
}
#planArea a{
	color:#0066FF;
	font-weight:bold;
}
#planArea a:hover{
	text-decoration:underline;
}



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

 フットエリア
 
---------------------------------------------*/
#footArea {
	width: 880px;
	clear:both;
	margin: 0 auto 20px auto ;
	padding:0;
}

.pagetop{
	clear:both;
	margin:0;
	padding:0 0 20px 0;
	text-align:right;
	border-bottom:#999999 1px solid;
}
#banner{
	width:470px;
	text-align:left;
	margin:10px 0 0 0;
	padding:0;
	float:left;
}
#banner img,a img {
	margin:0 5px 0 0;
	padding:0;
	border: none;
	vertical-align: middle !important;
}
#copyright{
	font-size:83%;
	line-height:120%;
	text-align:right;
	/*\*/
	letter-spacing: 0.1em;
	/**/
	color:#666666;
	float:right;
	margin:10px 0 0 0;
	padding:0;
}