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

html {
}

body {
	margin:0px;
	padding:0px;
	background:#085ca2;
}

/*********************

header

*********************/
#header {
	width:960px;
	height:30px;
	_text-align:left;
	margin:0px auto;
	background:#fff;
	padding:10px;
}

	/* -- headerTop --*/
	#headerTop {
		position:relative;
	}
	
		#headerTop h1#logo {
			position:absolute;
			top:5px;
			left:0px;
		}
		#headerTop h2#title {
			position:absolute;
			top:15px;
			left:110px;
			font-size:18px;
			color:#000;
		}
		#headerTop .fbLike {
			position:absolute;
			top:15px;
			right:170px;	
		}
		#headerTop ul#hNav {
			position:absolute;
			top:15px;
			right:5px;
		}
			#headerTop ul#hNav li {
				float:left;
				padding:0px 15px 0px 0px;
				margin:0px;
				background:url(../imgdir/common/ar01.gif) no-repeat 0 7px;
				text-indent:8px;
			}
			#headerTop ul#hNav li.last {
				padding-right:0px;
			}


/*********************

wrapper

*********************/
#wrapper {
	width:960px;
	_text-align:left;
	margin:0px auto;
	background:#fff;
	padding:10px;
}


/*********************

contentsArea

*********************/
#contentsArea {
}


	/*********************

	top gNavi

	*********************/
		#top ul#gNavi {
			width:960px;
			height:58px;
		}
			#top ul#gNavi li {
				float:left;
				padding:0px;
				margin:0px;
			}

		#swfContent {
			height:500px;
		}

	
	/*********************
	
	aside
	
	*********************/
	#top #aside {
		width:270px;
		margin-top:66px;
		margin-bottom:44px;
		border-left:1px solid  #e9edea;
		padding-left:30px;
	}
	#detail #aside {
		width:220px;
		margin-bottom:44px;
		margin-top:40px;
	}
		.sideBnrArea {
			padding:16px 12px 15px 13px;
			margin-bottom:10px;
			border:1px solid #e9edea;
		}
		.side_contactArea {
			background:#f8fafc;
			padding:17px;
		}
			.side_contactArea p {
				font-size:11px;
			}
			.side_contactArea p span {
				font-size:9px;
			}
			.side_contactArea p a {
				color:#0a5b94;
				text-decoration:underline;
			}

		#sideNavi {
			border-top:1px solid #dddddd;
		}
			#sideNavi li {
				border-bottom:1px solid #dddddd;
				padding-bottom:3px;
			}
				#sideNavi li ul#side-subnav {
					padding-bottom:10px;
				}
				#sideNavi li ul#side-subnav li {
					border-top:none;
					border-bottom:none;
					font-size:10px;
					
				}
				#sideNavi li ul#side-subnav li {
					display:block;					
				}
					#sideNavi li ul#side-subnav li a {
						display:block;
						padding-left:20px;
						padding-top:3px;
					}
					#sideNavi li ul#side-subnav li a.cr {
						color:#fff;
						background:url(../imgdir/common/ar03.gif) no-repeat 10px 9px #556f89;
					}
		.side_contentsArea {
			background:#e0e9ee;
			padding:14px 11px 13px 12px;
		}
		.side_newsletter {
			background:#e0e9ee;
			padding:17px 11px 12px 12px;
			margin-top:18px;
		}
			.side_newsletter label.sideLabel {
				width:20px !important;
				margin-left:12px;
				margin-right:8px;
			}


	/*********************
	
	article
	
	*********************/
	#top #article {
		width:640px;
		margin-top:45px;
		margin-bottom:44px;
	}
	#detail #article {
		width:690px;
		margin-bottom:44px;
	}


		/* -- pageTop -- */
		p.pageTop {
			width:960px;
			text-align:right;
			margin:30px 0 30px;
		}
		/* -- pageTop -- */
		#detail #article p.pageTop {
			width:690px;
			text-align:right;
			margin:30px 0 10px;
		}





/*********************

footer

*********************/
#footer {
	position:relative;
	margin:0px auto 0px;
	min-height:346px;
	_height:346px;
	background:#fff;
	padding:10px;
	width:960px;
}
#footer a {
	color:#0860a8;
}
	#join {
		border:1px solid #085ca2;
		padding:12px;
		width:834px;
		color:#666666;
		font-size:18px;
	}
		#join ul#joinUl {
			width:650px;
			margin:0px auto 0px auto ;
		}
		#join ul#joinUl li {
			float:left;
			padding-right:30px;
		}
		#join ul#joinUl li.twitter {
			background:url(../imgdir/common/icon_twitter.gif) no-repeat 0 20px;
			text-indent:40px;
			padding-top:25px;
			height:25px;
		}
		#join ul#joinUl li.facebook {
			background:url(../imgdir/common/icon_facebook.gif) no-repeat 0 20px;
			text-indent:40px;
			padding-top:25px;
			height:25px;
		}
		#join ul#joinUl li.skype {
			background:url(../imgdir/common/icon_skype.gif) no-repeat 0 21px;
			text-indent:40px;
			padding-top:26px;
			height:24px;
		}
		#join ul#joinUl li.first {
			padding-top:26px;
			padding-left:23px;
			color:#333333;
		}
	.footerContent {
		width:860px;
		margin:0px auto;
		position:relative;
	}
	#f_naviArea {
		position:absolute;
		top:20px;
	}
		.f_nav {
			float:left;
		}
			.f_nav ul li {
				background:url(../imgdir/common/ar01.gif) no-repeat 0 5px;
				text-indent:20px;
				font-size:10px;
			}
			.f_nav ul li.n1 {
				font-size:12px;
				font-weight:bold;
				margin-bottom:5px;
				background-position:0 6px;
			}

	#copy {
		width:960px;
		font-size:10px;
		text-align:right;
		margin:0px auto;
		position:relative;
		border-top:1px solid #dddddd;
		background:#fff;
		padding:10px;
		height:20px;
	}
		#copy p.copy {
			position:absolute;
			top:5px;
			right:10px;
		}
		#copy p.policy {
			position:absolute;
			top:5px;
			left:10px;
		}