@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style: none;
}
body {
	font-size: 16px;
	background: url(../images/bodyBg.jpg) #2c3c4e repeat-y;
}
a {
	color: #ededed;
}

a img {
	border: none;
}

a:visited {
	color: #ededed;
}

a:hover {
	color: #3CF;
}
/*clearfix*/

.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	.clearfix {
	  min-height: 1px;
	}
	* html .clearfix {
	  height: 1px;
	  /*¥*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	
/*外枠*/
#level0 {
	background: url(../images/lebel0Bg.jpg) #2c3c4e repeat-x;
	position:relative;
}
#whole {
	background: url(../images/wholeBg.jpg) repeat-y;
}
/*コンテナ*/
#container {
	background: url(../images/containerBg.jpg) no-repeat;
	width: 925px;
	min-height: 812px;
	height: auto !important;
	height: 812px;
}
/*ヘッダー*/
#header {
	height: 91px;
}
#header h1 {
	font-size: 0.625em;
	font-weight: normal;
	color: #2D3F53;
	padding: 5px 0 0 5px;
}
* html #header h1 {
	behavior: expression(IEPNGFIX.fix(this));
} 
#header strong#logo {
	display: block;
	background: url(../images/rnaLogo.png) no-repeat;
	width: 166px;
	height: 49px;
	position: absolute;
	top: 120px;
	left: 34px;
}
#header strong#logo a {
	display: block;
	height: 49px;
	text-indent: -9999px;
}
/*グローバルナビ*/
#container ul#gNavi {
	position: absolute;
	top: 0px;
	left: 672px;
}
#container ul#gNavi li {
	float: left;
}
#container ul#gNavi li#blog {
	width: 100px;
	height: 42px;
	padding: 7px 0 0 0;
}
#container ul#gNavi li#blog a {
	background: url(../images/btnBlog.jpg) no-repeat;
	display: block;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
#container ul#gNavi li#contact {
	width: 122px;
	height: 33px;
	padding: 4px 0 0 25px;
}
#container ul#gNavi li#contact a {
	background: url(../images/btnContact.jpg) no-repeat;
	display: block;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

/*leftDiv - その他 slodeshow.cssに記述*/
#container #leftDiv {
	float: left;
	margin-top: 152px;
	padding-left: 55px;
}
#container #leftDiv h2#works {
	background: url(../images/h2TitleWorks.jpg) no-repeat;
	width: 86px;
	height: 34px;
	font-size: 12px;
	text-indent: -9999px;
}


/*rightDiv*/
#container #rightDiv {
	margin-left: 505px;
	width: 404px;
}

/*note space*/
#container #rightDiv #noteSpace {
	font-size: 0.75em;
	width: 404px;
	line-height: 1.5em;
}
#container #rightDiv #noteSpace #noteUpper {
	background: url(../images/noteBgUpper.png) no-repeat;
	height: 69px;
	padding: 20px 25px 10px 25px;
}
	/*#container #rightDiv #noteSpace #noteUpper h2 { /*upper部分h2*/
		/*width: 122px;
		height: 31px;
		text-indent: -9999px;
		background: url(../images/noteTitleService.jpg) no-repeat;
	}*/
	
	
	/* h3 Titles */
	#container #rightDiv #noteSpace #noteBody h3#mobile {
		background: url(../images/h3TitleMobile.jpg) no-repeat;
		width: 99px;
		height: 18px;
		text-indent: -9999px;
	}
	#container #rightDiv #noteSpace #noteBody h3#pc {
		background: url(../images/h3TitlePc.jpg) no-repeat;
		width: 50px;
		height: 19px;
		text-indent: -9999px;
	}
	#container #rightDiv #noteSpace #noteBody h3#system {
		background: url(../images/h3TitleSystem.jpg) no-repeat;
		width: 170px;
		height: 14px;
		text-indent: -9999px;
	}
	#container #rightDiv #noteSpace #noteBody h3#video {
		background: url(../images/h3TitleVideo.jpg) no-repeat;
		width: 99px;
		height: 10px;
		text-indent: -9999px;
	}
	#container #rightDiv #noteSpace #noteBody h3#agency {
		background: url(../images/h3TitleAgency.jpg) no-repeat;
		width: 143px;
		height: 13px;
		text-indent: -9999px;
	}
	#container #rightDiv #noteSpace #noteBody p {
		margin-bottom: 15px;
		padding-left:8px;
	}
	#container #rightDiv #noteSpace #noteBody p.noteEnd {
		margin-bottom: 0;
	}
	.h3Desc { /* h3説明 */
	/*background: url(../images/opacityBlk.png);*/
		background: url(../images/subBar.png);
	color: #2D4172;
	padding-left: 8px;
	margin-top: 2px;
	width: 346px;
	height: 15px;
	line-height: 15px;
	}
#container #rightDiv #noteSpace #noteBody {
	background: url(../images/noteBgBody_2.png) repeat-y;
	padding: 0 25px;
	width: 354px;
	}
	
#container #rightDiv #noteSpace #noteBottom {
	background: url(../images/noteBgBottom.png) no-repeat;
	height: 123px;
}
#slideshow #zpng {
	z-index: 10;
	position: absolute;
	background: url(../images/topSlideZpng.png);
	width: 300px;
	height: 230px;
}

/* upper panel */
#upperPanel {
	width: 435px;
	background: url(../images/upperPanel.png) no-repeat;
	position:absolute;
	top: 30px;
	left: 415px;
}
#upperPanel .upPanelBody {
	padding: 52px 35px 30px 30px;
}
#upperPanel .upPanelBody label {
	display: block;
	width: 100px;
	font-size: 0.75em;
	color: #fff;
	float: left;
	clear: both;
	margin-bottom: 1em;
}
#upperPanel .upPanelBody input,
#upperPanel .upPanelBody textarea {
	margin-bottom: 1em;
}

/* 仮 */
#container #rightDiv #noteSpace #noteBody h2{
		padding: 15px 0;
		font-size: 16px;
		}
#container #rightDiv #noteSpace #noteBody dt{
	float: left;
	}
#container #rightDiv #noteSpace #noteBody dd{
	margin: 0 0 10px 80px;
	}

#container #rightDiv #noteSpace #noteBody ul.service li{
	list-style-type: disc;
	list-style-position: inside;
	font-weight: bold;
	}
	#container #rightDiv #noteSpace #noteBody ul.service li p{
		font-weight: normal;
		}
.message{
	background: url(../images/message.png) no-repeat;
	width: 176px;
	height: 18px;
	text-indent: -9999px;
	margin: 30px auto 0;
	}