@charset "utf-8";
/**************************************************************************************************
INITIALIZATION
**************************************************************************************************/
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
p,blockquote {
	margin					: 0;
	padding					: 0;
}
body {
	line-height				: 1;
	font-size				: small;
	-webkit-text-size-adjust:none;
}
table {
	border-collapse			: collapse;
	border-spacing			: 0;
}
fieldset,img {
	border					: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style				: normal;
	font-weight				: normal;
}
ol,ul { 
	list-style				: none;
}
caption,th {
	text-align				: left;
}
input, textarea, select {
	font-family				: inherit;
	font-weight				: inherit;
	font-size				: 100%;
}
h1,h2,h3,h4,h5,h6 { 
	font-size				: 100%;
}
img {
	vertical-align			: top;
}


/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display					: block;
	clear					: both;
	height					: 0;
	content					: "";
	overflow				: hidden;
}
.clearfix {
	overflow				: hidden;
}
/* FOR MAC IE \*/
* html .clearfix {
	height					: 1%;
	overflow				: visible;
}
.clearfix {
	display					: block;
}
/* END OF FOR MAC IE */


/* LINK
-------------------------------------------------------------------------------------------------*/
a.footerLink:link,
a.footerLink:active,
a.footerLink:visited {
	color					: #ffac34;
	text-decoration			: none;
}
a.footerLink:hover,
a.footerLink:focus {
	color					: #006699;
	text-decoration			: none;
	cursor					: pointer;
}


/* Mouseover */
img.mouseover {
	border					: 1px solid #ffffff;
}
a:hover img.mouseover,
a:focus img.mouseover {
	opacity					: 0.7;
	filter					: alpha(opacity=70);
	-moz-opacity			: 0.7;
	cursor					: pointer;
	border					: 1px solid #ff9d00;
}


/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	background				: #ffffff;
}

#container {
	background				: #f9f4de;
	position				: relative;
}

.ohkunLadder {
	position				: absolute;
	bottom					: 0;
	right					: -55px;
}

/* HEADER
-------------------------------------------------------------------------------------------------*/
#header {
	/* background				: #f9f4de url(../images/skyhigh_wide.gif) no-repeat 50% 0 */;
}
#header .container {
	/* background				: url(../images/skyhigh.gif) no-repeat 50% 0; */
	width					: 930px;
	margin					: 0 auto;
	/* padding					: 0 0 20px; */
	/* *padding				: 0 0 18px; */
	padding					: 0 0 7px;
	*padding				: 0 0 5px;
}
#header h1 {
	float					: left;
	padding					: 23px 0 0 32px;
}
#header .navi {
	float					: left;
	width					: 700px;
}
	#header .navi li {
		float				: left;
	}
#header .ohkun {
	float					: right;
	padding					: 24px 3px 0 0;
}

#header .program {
	background				: url(../images/program_bg.png) no-repeat 50% 6px;
	float					: none;
	clear					: both;
	padding					: 6px 0 0 0;
}
	#header .program .title {
		float				: left;
		padding				: 9px 0 0 11px;
		/* padding				: 9px 0 0 7px; */
		position			: relative;
		z-index				: 50;
	}
		#header .program .title span {
	position		: absolute;
	top				: 9px;
	/* top				: -4px; */
	left			: 105px;
	/* left			: 0; */
		}
	#header .program ul {
		float				: left;
		padding				: 9px 21px 6px;
		/* padding				: 9px 20px 6px 0px; */
	}
	#header .program li {
		float				: left;
		position			: relative;
		padding				: 0 0 4px;
		z-index				: 40;
	}
		#header .program li span {
			position		: absolute;
			bottom			: 0;
			left			: 5px;
		}

#header .search {
	float					: left;
	background				: url(../images/search.gif) no-repeat 50% 8px;
	width					: 174px;
	padding					: 15px 0;
}
	#header .search form {
		padding				: 0 0 0 6px;
	}
	#header .search .text {
		border				: 1px solid #FFC8A8;
		width				: 161px;
		height				: 19px;
		margin				: 0 0 4px;
		line-height			: 19px;
		font-size			: 110%;
	}


/* MAIN
-------------------------------------------------------------------------------------------------*/
#main {
	background				: url(../images/sky.gif) repeat 0 0;
}
#main .container {
	width					: 930px;
	margin					: 0 auto;
	padding					: 0 0 /* 30px */;
	line-height				: 1.5;
	position:relative;
}

#main .container:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
#main .container {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html #main .container {
	height			: 1%;
}
#main .container {
	display			: block;
}
/* END OF FOR MAC IE */


/* CONTENTS
-------------------------------------------------------------------------------------------------*/
#contents {
	float					: left;
	width					: 560px;
}


/* SIDEBAR
-------------------------------------------------------------------------------------------------*/
#sidebar {
	float					: right;
	width					: 200px;
}


/* FOOTER
-------------------------------------------------------------------------------------------------*/
#footer {
	float					: none;
	clear					: both;
	width					: 930px;
	margin					: 0 auto;
	padding					: 25px 0 15px;
	line-height				: 1.6;
	position				: relative;
}
#footer dl {
	float					: left;
	padding					: 0 24px 0 0;
}
#footer dt {
	border-bottom			: 1px solid #ffac34;
	margin					: 0 0 5px;
	padding					: 0 0 5px;
	height					: 14px;
}
#footer dd {
	font-size				: 90%;
	background				: url(../images/list_arrow.gif) no-repeat 0 0.3em;
	padding					: 0 0 0 14px;
}

#footer .company {
	width					: 160px;
}
#footer .infoL {
	width					: 130px;
	padding					: 0;
}
#footer .infoR {
	width					: 230px;
}
	#footer .infoR dt img {
		display				: none;
	}
#footer .privacy {
	width					: 160px;
}
#footer .copyright {
	float					: right;
	width					: 175px;
	padding					: 0;
}
	#footer .copyright dd {
		background			: none;
		padding				: 0;
		line-height			: 1.4;
		font-size			: 85%;
		color				: #999999;
	}

#footer address {
	float					: none;
	clear					: both;
	padding					: 10px 0 0;
	font-size				: 90%;
	color					: #999999;
}

#pgNameWrap { position:relative;}
#pgName { position:absolute; top:-13px; left:-7px; z-index:99999999999;}


/* top page banner
-------------------------------------------------------------------------------------------------*/
#bnLeft { position:absolute; top:-220px; left:-180px;}
#bnRight { position:absolute; top:-220px; right:-180px;}


/* jumpSmp
-------------------------------------------------------------------------------------------------*/
#jumpSp { display:block; color:#333; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); border: 1px solid #b8b8b8; text-align:center; order-style:solid; border-color: #BBB; border-width:5px 0; width:100%; height:150px;}
#jumpSp a { display:block; color:#333; text-decoration:none;padding:45px 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }