@charset "utf-8";


/*===================================================================
	reset
===================================================================*/

body,form,table,tr,th,td,div,p,ul,ol,dl,li,h1,h2,h3,h4,h5,h6,h8,dl,dt,dd {
	border:0px;
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1.60;
}

body {
	color:#333;
	text-align:center;
	font-size:100%;
	line-height:1.60;
	font-family:"ƒƒCƒŠƒI","Meiryo","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Verdana,"‚l‚r ‚oƒSƒVƒbƒN","MS P Gothic",Arial,Helvetica,sans-serif;
	background:#3C3C3C url(../img/body_bg.jpg) repeat-x 0 0;
}

h1,h2,h3,h4,h5,h6,h8 { font-weight:normal; }

em {
	font-style:normal;
	font-weight:900;
	margin:0 1px;
}

strong {
	font-weight:normal;
}

th {
	font-style:normal;
	font-weight:normal;
}

div { text-align:left; }
img { border:0;vertical-align:top; }

a			{ outline:none; }
a:link		{ color:#0000C8;text-decoration:none; }
a:visited	{ color:#0000C8;text-decoration:none; }
a:hover		{ color:#0000C8;text-decoration:underline; }

.must { color:#CC0000; }

.f9  { font-size:57%; }
.f10 { font-size:63%; }
.f11 { font-size:69%; }
.f12 { font-size:75%; }
.f13 { font-size:82%; }
.f14 { font-size:88%; }
.f15 { font-size:94%; }
.f16 { font-size:100%; }
.f17 { font-size:107%; }
.f18 { font-size:113%; }
.f19 { font-size:119%; }
.f20 { font-size:125%; }
.f21 { font-size:132%; }
.f22 { font-size:138%; }
.f23 { font-size:144%; }
.f24 { font-size:150%; }


/*===================================================================
	common styles
===================================================================*/

#container {
	width:960px;
	margin:0 auto;
}

#head {
	position:relative;
	height:119px;
}

	#head h1 {
		height:21px;
		color:#fff;
		font-size:69%;
		line-height:20px;
		padding:0;
		overflow:hidden;
	}

	#head #headInfo {
		position:relative;
		height:70px;
		padding:4px 0 0 0;
		overflow:hidden;
		voice-family:"\"}\"";voice-family:inherit;
		height:66px;
	}

	#head #head_tel {
		position:absolute;
		top:34px;
		left:438px;
	}

	#loginBox {
		position:absolute;
		top:5px;
		left:438px;
		width:515px;
		height:26px;
	}

	form#members {
		position:absolute;
		top:0px;
		left:0px;
		width:515px;
		height:26px;
		margin:0;
		padding:0;
		background:transparent url(../img/head_login_bg.jpg) no-repeat 0 0;
	}

		form#members input#usrID {
			position:absolute;
			top:5px;
			left:72px;
			color:#fff;
			width:130px;
			height:14px;
			font-size:12px;
			padding:0;
			border:none;
			background-color:#5A5A5A;
		}

		form#members input#usrPwd {
			position:absolute;
			top:5px;
			left:298px;
			color:#fff;
			width:130px;
			height:14px;
			font-size:12px;
			padding:0;
			border:none;
			background-color:#5A5A5A;
		}

		form#members input#MN_disp_top {
			position:absolute;
			top:4px;
			left:435px;
			width:76px;
			height:18px;
			padding:0;
			background:transparent url(../img/login_btn.jpg) no-repeat 0 0;
			border:none;
		}

		form#members #login_psw_forget {
			position:absolute;
			top:48px;
			left:275px;
		}

		#head #headline {
			width:960px;
			height:28px;
			padding:0 0 0 154px;
			background:transparent url(../img/head_line_bg.jpg) no-repeat;
			voice-family:"\"}\"";voice-family:inherit;
			width:806px;
		}

#flash {
	height:168px;
}

#headMN {
	height:79px;
	padding:0;
	background:transparent url(../img/head_menu_bg.jpg) repeat-x 0 100%;
}

	#headMN ul#gnav {
		clear:both;
		height:48px;
	}

		#headMN ul#gnav li {
			margin:0;
			display:block;
			float:left;
			list-style-type:none;
		}

			#headMN ul#gnav li a {
				text-indent:-9999px;
				display:block;
			}

				ul#gnav li a:link		{ color:#fff;background-color:transparent;text-decoration:none; }
				ul#gnav li a:visited	{ color:#fff;background-color:transparent;text-decoration:none; }
				ul#gnav li a:hover		{ color:#fff;background-color:transparent;text-decoration:none; }

					ul#gnav li a#service		 	{ width:165px;height:47px; }
					ul#gnav li a#service:link 		{ background: url(../img/mn_service.jpg) no-repeat 0 0; }
					ul#gnav li a#service:visited	{ background: url(../img/mn_service.jpg) no-repeat 0 0; }
					ul#gnav li a#service:hover		{ background: url(../img/mn_service.jpg) no-repeat 0 -47px; }
					ul#gnav li a#service:active 	{ background: url(../img/mn_service.jpg) no-repeat 0 -47px; }

					ul#gnav li a#plan		 	{ width:160px;height:47px; }
					ul#gnav li a#plan:link 		{ background: url(../img/mn_plan.jpg) no-repeat 0 0; }
					ul#gnav li a#plan:visited	{ background: url(../img/mn_plan.jpg) no-repeat 0 0; }
					ul#gnav li a#plan:hover	 	{ background: url(../img/mn_plan.jpg) no-repeat 0 -47px; }
					ul#gnav li a#plan:active 	{ background: url(../img/mn_plan.jpg) no-repeat 0 -47px; }

					ul#gnav li a#performance		 	{ width:160px;height:47px; }
					ul#gnav li a#performance:link 		{ background: url(../img/mn_performance.jpg) no-repeat 0 0; }
					ul#gnav li a#performance:visited	{ background: url(../img/mn_performance.jpg) no-repeat 0 0; }
					ul#gnav li a#performance:hover	 	{ background: url(../img/mn_performance.jpg) no-repeat 0 -47px; }
					ul#gnav li a#performance:active 	{ background: url(../img/mn_performance.jpg) no-repeat 0 -47px; }

					ul#gnav li a#free	 		{ width:160px;height:47px; }
					ul#gnav li a#free:link 		{ background: url(../img/mn_free.jpg) no-repeat 0 0; }
					ul#gnav li a#free:visited	{ background: url(../img/mn_free.jpg) no-repeat 0 0; }
					ul#gnav li a#free:hover	 	{ background: url(../img/mn_free.jpg) no-repeat 0 -47px; }
					ul#gnav li a#free:active 	{ background: url(../img/mn_free.jpg) no-repeat 0 -47px; }

					ul#gnav li a#popular	 		{ width:160px;height:47px; }
					ul#gnav li a#popular:link 		{ background: url(../img/mn_popular.jpg) no-repeat 0 0; }
					ul#gnav li a#popular:visited	{ background: url(../img/mn_popular.jpg) no-repeat 0 0; }
					ul#gnav li a#popular:hover	 	{ background: url(../img/mn_popular.jpg) no-repeat 0 -47px; }
					ul#gnav li a#popular:active 	{ background: url(../img/mn_popular.jpg) no-repeat 0 -47px; }

					ul#gnav li a#top		 	{ width:155px;height:47px; }
					ul#gnav li a#top:link 		{ background: url(../img/mn_top.jpg) no-repeat 0 0; }
					ul#gnav li a#top:visited	{ background: url(../img/mn_top.jpg) no-repeat 0 0; }
					ul#gnav li a#top:hover		{ background: url(../img/mn_top.jpg) no-repeat 0 -47px; }
					ul#gnav li a#top:active 	{ background: url(../img/mn_top.jpg) no-repeat 0 -47px; }

					/*-------------------------------- body‚ษid‚๐U‚่Aƒƒjƒ…[‚๐onImg‚ษุ‘ึ --------------------------------*/

					body#pageService ul#gnav li a#service:link 		{ background: url(../img/mn_service.jpg) no-repeat 0 -47px; }
					body#pageService ul#gnav li a#service:visited	{ background: url(../img/mn_service.jpg) no-repeat 0 -47px; }

					body#pagePlan ul#gnav li a#plan:link 	{ background: url(../img/mn_plan.jpg) no-repeat 0 -47px; }
					body#pagePlan ul#gnav li a#plan:visited	{ background: url(../img/mn_plan.jpg) no-repeat 0 -47px; }

					body#pagePerformance ul#gnav li a#performance:link 		{ background: url(../img/mn_performance.jpg) no-repeat 0 -47px; }
					body#pagePerformance ul#gnav li a#performance:visited	{ background: url(../img/mn_performance.jpg) no-repeat 0 -47px; }

					body#pageFree ul#gnav li a#free:link 	{ background: url(../img/mn_free.jpg) no-repeat 0 -47px; }
					body#pageFree ul#gnav li a#free:visited	{ background: url(../img/mn_free.jpg) no-repeat 0 -47px; }

					body#pagePopular ul#gnav li a#popular:link 		{ background: url(../img/mn_popular.jpg) no-repeat 0 -47px; }
					body#pagePopular ul#gnav li a#popular:visited	{ background: url(../img/mn_popular.jpg) no-repeat 0 -47px; }

					body#pageTop ul#gnav li a#top:link 		{ background: url(../img/mn_top.jpg) no-repeat 0 -47px; }
					body#pageTop ul#gnav li a#top:visited	{ background: url(../img/mn_top.jpg) no-repeat 0 -47px; }

#content {
	width:960px;
	padding:5px 24px 35px 11px;
	background:#fff url(../img/content_bg.jpg) repeat-x 0 100%;
	border-bottom:1px solid #000000;
	voice-family:"\"}\"";voice-family:inherit;
	width:925px;
}

#pageTop #content {
	width:960px;
	padding:5px 43px 35px 43px;
	voice-family:"\"}\"";voice-family:inherit;
	width:874px;
}

.clear { clear:both; }
img.clear { clear:both;display:block; }


/*===================================================================
	leftMN styles
===================================================================*/

#leftMN {
	float:left;
	width:245px;
}

	#leftMN h2#leftnavTtl {
		width:210px;
		height:38px;
		line-height:38px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		background:transparent url(../img/leftMN_h2.jpg) no-repeat;
	}

	#leftMN ul#leftnav {
		clear:both;
		width:210px;
		padding-bottom:9px;
		background:transparent url(../img/leftMN_btm.jpg) no-repeat 0 100%;
	}

		#leftMN ul#leftnav li {
			margin:0;
			line-height:1.30;
			list-style-type:none;
			background:transparent url(../img/leftMN_bg.jpg) no-repeat;
		}

			#leftMN ul#leftnav li a {
				padding:11px 8px 9px 24px;
				display:block;
				font-weight:bold;
				line-height:1.30;
				width:210px;
				background:transparent url(../img/leftMN_arrow.gif) no-repeat 10px 50%;
				voice-family:"\"}\"";voice-family:inherit;
				width:178px;
			}

			#leftMN ul#leftnav li a:link	{ color:#3D3A35;text-decoration:none; }
			#leftMN ul#leftnav li a:visited	{ color:#3D3A35;text-decoration:none; }
			#leftMN ul#leftnav li a:hover	{ color:#BB2429;text-decoration:none; }

	#leftMN h2#leftnavTtl2 {
		width:210px;
		height:38px;
		line-height:38px;
		font-weight:bold;
		color:#fff;
		text-align:center;
		background:transparent url(../img/leftMN_h2.jpg) no-repeat;
		margin-top:20px;
	}

	#leftMN ul#leftnav2 {
		clear:both;
		width:210px;
		padding-bottom:9px;
		background:transparent url(../img/leftMN_btm.jpg) no-repeat 0 100%;
	}

		#leftMN ul#leftnav2 li {
			margin:0;
			list-style-type:none;
			background:transparent url(../img/leftMN_bg.jpg) no-repeat;
		}

			#leftMN ul#leftnav2 li a {
				padding:11px 8px 9px 24px;
				display:block;
				font-weight:bold;
				line-height:1.30;
				background:transparent url(../img/leftMN_arrow.gif) no-repeat 10px 50%;
				voice-family:"\"}\"";voice-family:inherit;
				width:178px;
			}

			#leftMN ul#leftnav2 li a:link		{ color:#3D3A35;text-decoration:none; }
			#leftMN ul#leftnav2 li a:visited	{ color:#3D3A35;text-decoration:none; }
			#leftMN ul#leftnav2 li a:hover		{ color:#BB2429;text-decoration:none; }

	#leftMN #leftBnr {
		clear:both;
		padding:35px 0 0 0;
	}

		#leftMN #leftBnr img {
			margin-top:5px;
		}

		#leftMN #leftBnr img.sp {
			margin-top:25px;
		}



/*===================================================================
	contentMain styles
===================================================================*/

#contentMain {
	float:right;
	width:680px;
}

	#pankuzu {
		font-size:88%;
		padding:0 0 13px 0;
	}

		#pankuzu a:link		{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:visited	{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:hover	{ color:#0000C8;text-decoration:none; }

	#contentMain h2 {
		clear:both;
		width:680px;
		height:90px;
		color:#fff;
		font-weight:600;
		font-size:200%;
		background:transparent url(../img/contentMain_h2.jpg) no-repeat;
		padding:25px 0 0 30px;
		voice-family:"\"}\"";voice-family:inherit;
		width:650px;
		height:65px;
	}

		#pankuzu a:link		{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:visited	{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:hover	{ color:#0000C8;text-decoration:none; }

	    #contentMain h5 {
		clear:both;
		width:680px;
		height:90px;
		color:#fff;
		font-weight:600;
		font-size:200%;
		background:transparent url(../img/contentMain_h5.jpg) no-repeat;
		padding:25px 0 0 30px;
		voice-family:"\"}\"";voice-family:inherit;
		width:650px;
		height:65px;
	}
	
		#pankuzu a:link		{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:visited	{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:hover	{ color:#0000C8;text-decoration:none; }
	
		#contentMain h6 {
		clear:both;
		width:680px;
		height:90px;
		color:#fff;
		font-weight:600;
		font-size:200%;
		background:transparent url(../img/contentMain_h6.jpg) no-repeat;
		padding:25px 0 0 30px;
		voice-family:"\"}\"";voice-family:inherit;
		width:650px;
		height:65px;
	}
	
		#pankuzu a:link		{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:visited	{ color:#0000C8;text-decoration:underline; }
		#pankuzu a:hover	{ color:#0000C8;text-decoration:none; }

	    #contentMain h8 {
		clear:both;
		width:680px;
		height:90px;
		color:#fff;
		font-weight:600;
		font-size:200%;
		background:transparent url(../img/contentMain_h8.jpg) no-repeat;
		padding:25px 0 0 30px;
		voice-family:"\"}\"";voice-family:inherit;
		width:650px;
		height:65px;
	}
	
	#contentMain .pageMN {
		clear:both;
		width:680px;
		height:32px;
		line-height:32px;
		text-align:right;
		padding:0 10px 0 0;
		margin:15px 0 30px 0;
		font-size:94%;
		background:transparent url(../img/pageMN_bg.gif) no-repeat;
		voice-family:"\"}\"";voice-family:inherit;
		width:670px;
	}

		#contentMain .pageMN a {
				padding-left:10px;
				margin-left:20px;
				font-weight:bold;
				font-size:88%;
				background:transparent url(../img/pageMN_arrow.gif) no-repeat 0 50%;
			}

		#contentMain .pageMN a:link		{ color:#9C0000;text-decoration:none; }
		#contentMain .pageMN a:visited	{ color:#9C0000;text-decoration:none; }
		#contentMain .pageMN a:hover	{ color:#C80000;text-decoration:underline; }

	#contentMain .contentBox {
		clear:both;
		padding:20px 0 0 30px;
	}

	#contentMain .goTop {
		clear:both;
		padding:20px 0;
		text-align:right;
	}

		#contentMain .goTop a {
			padding-left:13px;
			font-weight:bold;
			font-size:88%;
			background:transparent url(../img/goTop_bg.gif) no-repeat 0 50%;
		}

		#contentMain .goTop a:link		{ color:#9C0000;text-decoration:none; }
		#contentMain .goTop a:visited	{ color:#9C0000;text-decoration:none; }
		#contentMain .goTop a:hover		{ color:#C80000;text-decoration:underline; }

	#contentMain .goPage {
		clear:both;
		width:628px;
		margin:10px auto;
		text-align:center;
	}

		#contentMain .goPage a {
			display:block;
			margin-top:10px;
			font-weight:bold;
			font-size:162%;
			width:628px;
			height:68px;
			line-height:68px;
		}

		#contentMain .goPage a:link		{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPage_bg.jpg) no-repeat 0 0; }
		#contentMain .goPage a:visited	{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPage_bg.jpg) no-repeat 0 0; }
		#contentMain .goPage a:hover	{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPage_bg.jpg) no-repeat 0 -68px; }
		#contentMain .goPage a:active	{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPage_bg.jpg) no-repeat 0 -68px; }

	#contentMain .goPage2 {
		float:left;
		width:300px;
		margin:10px 0;
		text-align:center;
	}

		#contentMain .goPage2 a {
			display:block;
			margin-top:10px;
			font-weight:bold;
			font-size:107%;
			width:300px;
			height:68px;
			line-height:68px;
		}

		#contentMain .goPage2 a:link	{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPageS_bg.jpg) no-repeat 0 0; }
		#contentMain .goPage2 a:visited	{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPageS_bg.jpg) no-repeat 0 0; }
		#contentMain .goPage2 a:hover	{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPageS_bg.jpg) no-repeat 0 -68px; }
		#contentMain .goPage2 a:active	{ color:#613518;background-color:transparent;text-decoration:none;background: url(../img/goPageS_bg.jpg) no-repeat 0 -68px; }

		#contentMain .leftSP {
			margin-right:28px;
		}

	img.line {
		clear:both;
		display:block;
		margin:30px 0;
	}

/*===================================================================
	inc_foot styles
===================================================================*/

#btm {
	margin:-26px 0 0 0;
	clear:both;
	text-align:center;
	border-top:1px solid #505050;
	background:#F2F2F2 url(../img/btm_bg.gif) repeat 0 0;
}

	#btm #inquiry {
		width:874px;
		margin:0 auto;
		padding:22px 0 15px 0;
		color:#fff;
		font-size:88%;
	}

		#btm #inquiry p {
			padding:15px 15px 15px 25px;
		}

		#btm #inquiry #goInquiry {
			margin:7px 30px 9px 31px;
		}

		#btm #inquiry #goInqTel {
			margin:5px 0 9px 30px;
		}

	#btm #btmInfo {
		clear:both;
		width:960px;
		margin:0 auto;
		padding-top:16px;
		text-align:center;
	}

		#btm #btmInfo img {
			margin:0 1px;
		}

	#btm #btmMN {
		clear:both;
		text-align:center;
		width:960px;
		margin:0 auto;
		padding:30px 0 15px 0;
		color:#E0E0E0;
	}

	#btm #btmMN a			{ padding:0 5px;font-size:88%; }
	#btm #btmMN a:link		{ color:#fff;text-decoration:none; }
	#btm #btmMN a:visited	{ color:#fff;text-decoration:none; }
	#btm #btmMN a:hover		{ color:#fff;text-decoration:underline; }

	#btm #copyright {
		color:#E0E0E0;
		border-top:1px solid #505050;
		padding:13px 0 15px 0;
		text-align:center;
		font-size:69%;
		background-color:#000;
	}

/*===================================================================
	pageTop styles
===================================================================*/

	#pageTop #content h2 {
		color:#820000;
		font-weight:bold;
	}

	#pageTop #content #left {
		float:left;
		width:375px;
		padding-bottom:10px;
	}

		#pageTop #content .goPlan {
			margin-top:16px;
			width:363px;
			padding:5px;
			background-color:#E5E5E5;
			border:1px solid #D5D5D5;
		}

		#pageTop #content .goPlan p {
			padding:8px 11px 7px 11px;
		}

	#pageTop #content #right {
		float:right;
		width:472px;
		padding-bottom:10px;
	}

		#pageTop #content #right #realtimeBoard {
			clear:both;
			width:460px;
			border:3px solid #969696;
			background-color:#B4B4B4;
			padding:3px;
		}

			#pageTop #content #right #realtimeBoard #realtimeBoardInc {
				clear:both;
				width:452px;
				background-color:#66421F;
				padding:4px;
			}

	#pageTop #content #prMsg {
		clear:both;
		margin:15px 0;
		padding:0 0 10px 0;
		background:transparent url(../../page_top/img/pr_msg_bg.jpg) no-repeat -15px 5px;
	}

	#pageTop #content #prMsg #prMsgLine {
		clear:both;
		padding:8px 0 17px 180px;
		border-top:1px dotted #969696;
		border-bottom:1px dotted #969696;
	}


		#pageTop #content #prMsg h2 {
			line-height:1.40;
			padding-bottom:7px;
		}

		#pageTop #content #prMsg a			{ font-weight:600;font-size:125%; }
		#pageTop #content #prMsg a:link		{ color:#DC5000;text-decoration:underline; }
		#pageTop #content #prMsg a:visited	{ color:#DC5000;text-decoration:underline; }
		#pageTop #content #prMsg a:hover	{ color:#DC5000;text-decoration:none; }

	#pageTop #content #mailmagPR {
		clear:both;
		width:858px;
		margin:20px 0;
		padding:5px 7px 12px 7px;
		background-color:#5A5A5A;
		border:1px solid #505050;
	}

		#pageTop #content #mailmagPR #mailmagPrTtl {
			margin:0;
			padding:0 0 4px 0;
		}

		#pageTop #content #mailmagPR img {
			margin:4px 0 10px 3px;
		voice-family:"\"}\"";voice-family:inherit;
			margin:4px 0 10px 6px;
		}

		#pageTop #content #mailmagPR h2 img {
			margin:0;
		}

		#pageTop #content #mailmagPR p {
			color:#fff;
			font-size:107%;
			line-height:1.40;
			padding:0 0 0 50px;
		}

	#pageTop #content #blogPR {
		clear:both;
		width:858px;
		margin:20px 0;
		padding:5px 7px 1px 7px;
		background-color:#5A5A5A;
		border:1px solid #505050;
	}

		#pageTop #content #blogPR #blogPrTtl {
			margin:0;
			padding:0 0 4px 0;
		}

		#pageTop #content #blogPR .blogPRleft {
			float:left;
			width:413px;
			border-right:1px solid #3E3E3E;
			padding:0 5px 10px 11px;
		}

		#pageTop #content #blogPR .blogPRright {
			float:left;
			width:410px;
			border-left:1px solid #7D7D7D;
			padding:0 0 10px 5px;
		}

		#pageTop #content #blogPR img {
			margin:4px 0 7px 0;
		}

		#pageTop #content #blogPR h2 img {
			margin:0;
		}

		#pageTop #content #blogPR p {
			color:#fff;
			font-size:107%;
			line-height:1.40;
			padding-left:15px;
		}


/*===================================================================
	clear fix
===================================================================*/

#container:after,
#content:after,
#mainContent:after,
#mailmagPR:after,
#blogPR:after,
#btmInfo:after,
#btm:after,
#content #right #realtimeBoard:after,
#content #right #realtimeBoard #realtimeBoardInc:after,
#content #btmInfo #sslMark:after,
#content #btmInfo #sslMark #zeus:after,
#content #btmInfo #sslMark #geo:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}