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

/* ------------------------------
共通スタイル
------------------------------ */
.flotR {
	float: right;
}
.flotL {
	float: left;
}
.alignC{
	text-align: center;
}
.alignR{
	text-align: right;
}
ul, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
}
.clear {
	clear:both;
	overflow: hidden;
}
img {
	border: 0;
}
.mt75 {
	margin-top: 75px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.ml20 {
	margin-left: 20px;
}
.ml8 {
	margin-left: 8px;
}
.ml15 {
	margin-left: 15px;
}
.relative {
	position: relative;
}
.box370 {
	width: 370px;
}
.box430 {
	width: 430px;
}
.box160 {
	width: 160px;
}
.pb15 {
	padding-bottom: 15px;
}


/* ------------------------------
リアルトーニング　TOP
------------------------------ */


#rightcolumn .topBnr {
	margin-bottom: 10px;
}

#rightcolumn .menuArea{ 
    width: 760px;
	margin-bottom: 20px;
}

#rightcolumn .menuArea a:hover img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
  opacity:0.7;
}

#rightcolumn .menuArea .product{ 
	float:left;
    width: 370px;
}

#rightcolumn .menuArea .whatsArea{ 
	background: url(../images/whats-back.gif) repeat-y;
	float:left;
    width: 370px;
	height: 190px;
}

#rightcolumn .menuArea .whatsArea .whatsTextArea{ 
	width: 310px;
    margin-left: 30px;
	height:110px;
}
#rightcolumn .menuArea .whatsArea .whatsText{ 
	font-size:90%;
}


/* ------------------------------
リアルトーニング　下層ページ
------------------------------ */


	#rightcolumn strong{
		font-weight: bold;
		}
		
/* ヘッダー用 */

	.menuimage{
		background:url(../images/real-header-menu.jpg) no-repeat;}
	ul#real_menu {
	margin:15px 0 0 0;
	padding:0;
	height:49px;
	width:760px;
	background: url(../images/navi_bg.jpg) repeat-x;
}
		

	ul#real_menu li {
		margin:0; 
		padding:0; 
		height:49px; 
		float:left; 
		display:block; 
		overflow:hidden; 
		text-indent:-9999px;}
	ul#real_menu li a{
		display:block; 
		height:49px; 
		margin:0;
		 overflow:hidden; 
		 vertical-align:middle; 
		 text-indent:-9999px;}
		 
	li a#m01{background-position:0px 0px; width:110px;}
	li a#m02{background-position:-110px 0px; width:130px;}
	li a#m03{background-position:-240px 0px; width:130px;}
	li a#m04{background-position:-370px 0px; width:130px;}
	li a#m05{background-position:-500px 0px; width:130px;}
	li a#m06{background-position:-630px 0px; width:130px;}
	
	li #m01_now{background-position:0px -98px; width:110px;}
	li #m02_now{background-position:-110px -98px; width:130px;}
	li #m03_now{background-position:-240px -98px; width:130px;}
	li #m04_now{background-position:-370px -98px; width:130px;}
	li #m05_now{background-position:-500px -98px; width:130px;}
	li #m06_now{background-position:-630px -98px; width:130px;}
	
	li a#m01:hover{background-position: 0px -49px; width:110px;}
	li a#m02:hover{background-position: -110px -49px; width:130px;}
	li a#m03:hover{background-position: -240px -49px; width:130px;}
	li a#m04:hover{background-position: -370px -49px; width:130px;}
	li a#m05:hover{background-position: -500px -49px; width:130px;}
	li a#m06:hover{background-position: -630px -49px; width:130px;}


/* コンテンツヘッダー */

	#real_header{
		margin:0; 
		padding:0; 
		width:760px;}
	#real_header #textArea{
		margin:0; 
		padding:0; 
		width:760px; 
		background-image:url(../images/textarea.jpg); 
		background-repeat:repeat-x; 
		background-position:top; }
	#real_header #textArea .header-text {
		margin:0px; 
		padding:20px 20px 0px 20px;}
	
/* コンテンツ */

	#real_contents{
		margin:0; 
		padding:0; 
		width:760px;
		}
		
	#real_contents h3{ 
		font-size:120%; 
		font-weight: bold; 
		color:#C09; 
		border-bottom-color:#C09; 
		background-image:url(../images/sub-title-dot.gif); 
		background-repeat:repeat-x; 
		background-position:bottom; 
		height:30; 
		margin-top:30px;
		margin-bottom:10px; 
		}
	#real_contents h3 .ruby{
		font-size:8px; 
		}
	#real_contents h4{ 
		font-weight: bold; 
		color:#C09; 
		border-bottom-color:#C09; 
		background-image:url(../images/sub-title-dot.gif); 
		background-repeat:repeat-x; 
		background-position:bottom; 
		height:30; 
		margin-top:20px;
		margin-left:20px;
		}
	#real_contents p{
		margin:0px;
		padding:0px 20px;
		}
	#real_contents .note{ 
		font-size:80%;
		}
	#real_contents .featureHead{
		font-weight:600; 
		color:#C09
		}
	#real_contents ol { 
		margin:0px 50px;
		}
	#real_contents ol li { 
		list-style-type: decimal;
		}
	#real_contents ul { 
		margin:10px 20px 10px 20px;
		padding:0px 20px;
		list-style-type: disk;
		}
	#index #main-contents{
		padding-top:1em;
		padding-bottom:1em;
		width:548px;
		float:left;
	}
	#index #trick {
		padding-top:1em;
		padding-bottom:1em;
		width:362px;
		float:right;
	}
	#reetone #header-wrapper{
		border-top:#FFF solid 3px;
		}
	#reetone #header-wrapper,#reetone #contents-wrapper{
		background:#000;
		}