@charset "utf-8";
/*
10px/77%; 11px/85%; 12px/93%;
13px/100%; 14px/108%; 15px/116%;
16px/123.1%; 17px/131%; 18px/138.5%;
19px/146.5%; 20px/153.9%; 21px/161.6%;
22px/167%; 23px/174%; 24px/182%;
25px/189%; 26px/197%;
*/

/* ==============================================================================
   common
============================================================================== */
.txt8 {
   font-size: 68%;
}
.mt60{
   margin-top: 60px;
}
.nmt45 {
   margin-top: -45px;
}

10px/77%; 11px/85%; 12px/93%;
13px/100%; 14px/108%; 15px/116%;
16px/123.1%; 17px/131%; 18px/138.5%;
19px/146.5%; 20px/153.9%; 21px/161.6%;
22px/167%; 23px/174%; 24px/182%;
25px/189%; 26px/197%;
*/

/* ---------------------------------------------
	font Style
--------------------------------------------- */
.txtBold {
	font-weight: bold;
}
.txtItalic {
	font-style: italic;
}
/* ---------------------------------------------
	font size
--------------------------------------------- */
.txt10 {
	font-size: 77%;
}
.txt12 {
	font-size: 93%;
}
.txt14 {
	font-size: 108%;
}
.txt16 {
	font-size: 123.1%;
}
.txt18 {
	font-size: 138.5%;
}
.txt20 {
	font-size: 153.9%
}
/* ---------------------------------------------
	font color
--------------------------------------------- */
.white {
	color: #FFF;
}
.black {
	color: #000;
}
.red {
	color: #C50000;
}
.blue {
	color: #00F;
}
.orange {
	color: #F60;
}
.green {
	color: #060;
}
.yellow {
	color: #FF0;
}

/* ---------------------------------------------
	clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ---------------------------------------------
	float
--------------------------------------------- */
.fltL { float: left;}
.fltR { float: right;}
.ft {
	overflow: hidden;
	zoom: 1;
}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}

/* !Margin  ----------------------------------------------------------------- */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

/* ---------------------------------------------
	inline align
--------------------------------------------- */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}

/* ---------------------------------------------
	block align
--------------------------------------------- */
.blockC {
	text-align: center;
}
	.blockC .block {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

.blockR {
	text-align: right;
}
	.blockR .block {
		margin-left: auto;
		text-align: left;
	}


/* ---------------------------------------------
	tools
--------------------------------------------- */
.atode {
	border: 2px solid #9966CC;
	padding: 10px 10px;
	background-color: #CC99FF;
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;
}
* html .atode { zoom: 1;}

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

.nobg {
	background: none !important;
}

.noTborder {
	border-top: none !important;
}

/* margin clear */
.mcAll { margin: 0 !important;}
.mcT { margin-top: 0 !important;}
.mcR { margin-right: 0 !important;}
.mcB { margin-bottom: 0 !important;}
.mcL { margin-left: 0 !important;}


/* ==============================================================================
   rj
============================================================================== */
.rj strong {
   text-decoration: underline;
   font-weight: bold;
}
.rj .mainimg {
   position: relative;
}
.rj .mainimg .cvArea {
   position: absolute;
   bottom: 25px;
   left: 57px;
}
.rj .teiki {
   background: url(../img/bg_rj01.jpg) no-repeat;
   padding: 32px 25px 20px 25px;
}
.rj .rjNav {
   padding: 0 10px;
}
.rj .rjNav ul li {
   float: left;
   margin-right: 7px;
}
.rj .rjNav ul li.last {
   margin-right: 0;
}
.rj .secret01 {
   background: #FFFEF1;
}
.rj .secret01 .top {
   background: url(../img/bg_secret_top.jpg) no-repeat;
   padding-top: 31px;
}
.rj .secret01 .bottom {
   background: url(../img/bg_secret_bottom.jpg) no-repeat bottom;
}
.rj .discRj {
   width: 390px;
   height: 100px;
   background: url(../img/bg_rj03.png) no-repeat;
   margin: 0 auto;
   padding: 106px 70px 33px 104px;
   height: 100px;
}
.rj .discRj ul li {
   background: url(../img/ico_rj_circle01.gif) no-repeat 0 3px;
   padding-left: 17px;
   margin-bottom: 10px;
   line-height: 1.4;
}
.rj .graph {
   width: 561px;
   height: 474px;
   background: url(../img/img_rj04.png) no-repeat;
   margin: 0 auto;
   padding: 40px 57px;
}
.rj .graph .txt8 {
   margin-top: 380px;
}

.rj .secret02 {
   background: #FFFEF1;
}
.rj .secret02 .top {
   background: url(../img/bg_secret_top.jpg) no-repeat;
   padding-top: 15px;
}
.rj .secret02 .bottom {
   background: url(../img/bg_secret_bottom.jpg) no-repeat bottom;
}

.twoBlockLeft {
   width: 360px;
   float: left;
   position: relative;
}
.twoBlockRight {
   width: 360px;
   float: right;
   position: relative;
}
.twoBlockLeft h3,
.twoBlockRight h3 {
   background: #FFF2CC;
   padding: 8px 14px;
   font-weight: bold;
}
.twoBlockLeft .inner,
.twoBlockRight .inner {
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   padding: 20px 0;
}
.twoBlockLeft ul li,
.twoBlockRight ul li {
   float: left;
   width: 179px;
}
.twoBlockLeft ul li.last,
.twoBlockRight ul li.last {
   float: left;
   width: 159px;
   padding-right: 15px;
}
.twoBlockLeft ul li h4 a,
.twoBlockRight ul li h4 a {
   font-size: 137%;
   font-weight: bold;
   text-decoration: none;
}
.twoBlockLeft ul li h4 a:hover,
.twoBlockRight ul li h4 a:hover {
   color: #666;
   text-decoration: underline;
}
.twoBlockLeft ul li span.line,
.twoBlockRight ul li span.line {
   text-decoration: line-through;
}
.twoBlockLeft ul li span.price,
.twoBlockRight ul li span.price {
   font-size: 182%;
   font-weight: bold;
   color: #C50000;
}
/*.twoBlockLeft ul li .inlineR,
.twoBlockRight ul li .inlineR {
   position: absolute;
   bottom: 20px;
   right: 20px;
}*/