@charset "UTF-8";

/*
**************************************************
* 1: RAIN1305 SETTING                            *
*     1-1: Main Visual                           *
*     1-2: Page Navigation                       *
*     1-3: Page Setting                          *
**************************************************
*/




/*
**************************************************
* 1: RAIN1305 SETTING                            *
**************************************************
*/

#rain_1305 p {
	color: #666;
	line-height: 1.6;
	}
	
	#rain_1305 .cntbox {
		padding: 0 0 35px 0; !important;
		}
	
		#rain_1305 .cntbox .cntbox_inner .body {
			background: url(../images/cntbox_head.gif) no-repeat 0 0 !important;
			}
			

/* -- 1-1: Main Visual ------------------------ */
#rain_1305 .main_visual {
	background: url(../images/main_visual.jpg) no-repeat 5px 5px;
	width: 710px;
	height: 680px;
	padding: 5px;
	position: relative;
	}
	
	#rain_1305 .main_visual h2,
	#rain_1305 .main_visual p {
		visibility: hidden;
		}
		
	/* -- anchor navigation -- */
	#rain_1305 .main_visual ul.anchor_nav {
		background: url(../images/anchor_nav_bg.gif) no-repeat 0 0;
		width: 670px;
		height: 90px;
		position: absolute;
		left: 20px;
		bottom: 45px;
		}
		
		#rain_1305 .main_visual ul.anchor_nav li {
			float: left;
			}
			
			#rain_1305 .main_visual ul.anchor_nav li a {
				display: block;
				width: 223px;
				height: 90px;
				}


/* -- 1-2: Product ---------------------------- */
#rain_1305 .products {
	padding: 5px;
	}
	
	#rain_1305 .products .product_box {
		padding: 65px 25px 0 25px;
		}
		
		#rain_1305 .products .product_box h3.product_title {
			padding-left: 25px;
			padding-bottom: 30px;
			}
			
		#rain_1305 .products .product_box .product_subtitle {
			padding-left: 25px;
			padding-bottom: 65px;
			}
			
		#rain_1305 .products .product_box .test {
			position: relative;
			}
			
			#rain_1305 .products .product_box .test h4 {
				position: absolute;
				top: -40px;
				left: -5px;
				z-index: 100;
				}
			
		#rain_1305 .products .product_box .test01 {
			background: url(../images/product_test01_bg.gif) repeat-y;
			}
			
		#rain_1305 .products .product_box .test02 {
			background: url(../images/product_test02_bg.gif) repeat-y;
			}
			
			#rain_1305 .products .product_box .test ul li {
				background: url(../images/product_test_sep.gif) no-repeat 25px 0;
				padding: 20px 25px;
				height: 200px;
				position: relative;
				}
			
			#rain_1305 .products .product_box .test ul li.test_box01 {
				padding-top: 45px;
				}
				
				#rain_1305 .products .product_box .test ul li .text,
				#rain_1305 .products .product_box .test ul li .image {
					position: absolute;
					}
					
					#rain_1305 .products .product_box .test ul li .anigif {
						background: url(../images/product_test_anigif_bg.png) no-repeat 0 0;
						width: 300px;
						height: 195px;
						padding-left: 5px;
						padding-top: 5px;
						}
						
					#rain_1305 .products .product_box .test ul li .anigif02 {
						background: url(../images/product_test_anigif02_bg.png) no-repeat 0 0;
						width: 290px;
						height: 190px;
						padding-left: 5px;
						padding-top: 5px;
						}
						
			#rain_1305 .products .product_box .detail {
				position: relative;
				padding-bottom: 100px;
				}
				
				#rain_1305 .products .product_box .bg_bottom {
					position: absolute;
					bottom: 0;
					left: -25px;
					}
			
				#rain_1305 .products .product_box .detail ul li.chart table {
					width: 100%;
					line-height: 1.4;
					}
					
					#rain_1305 .products .product_box .detail ul li.chart table th {
						width: 30%;
						font-weight: bold;
						padding: 10px;
						}
						
					#rain_1305 .products .product_box .detail ul li.chart table td {
						background: #ededed;
						width: 70%;
						padding: 10px;
						border: 1px solid #fff;
						}

	
	/* -- .product01 -- */
	#rain_1305 .products #product01 {
		background: #f7f7f7 url(../images/product01_bg.jpg) no-repeat 0 0;
		}
		
		#rain_1305 .products #product01 .test ul {
			background: url(../images/product01_testbox01_image.jpg) no-repeat 0 0;
			}
			
			#rain_1305 .products #product01 .test ul li.test_box01 .text {
				top: 95px;
				}
				
			#rain_1305 .products #product01 .test ul li.test_box02 .text {
				top: 80px;
				right: 20px;
				}
				
			#rain_1305 .products #product01 .test ul li.test_box03 .text {
				top: 70px;
				}
				
			#rain_1305 .products #product01 .test ul li.test_box03 .image {
				right: 20px;
				}
				
			#rain_1305 .products #product01 .test ul li.test_box04 {
				background: url(../images/product01_testbox04_image.jpg) no-repeat 0 0;
				height: 242px;
				}
				
			#rain_1305 .products #product01 .test ul li.test_box04 .text {
				background: url(../images/product01_testbox04_text_bg.png) no-repeat 0 0;
				width: 285px;
				height: 130px;
				padding-top: 15px;
				padding-left: 35px;
				padding-right: 15px;
				right: 25px;
				top: 45px;
				}
				
		#rain_1305 .products #product01 .detail ul {
			background: url(../images/product01_detail_bg.gif) repeat-y 0 0;
			padding: 25px 25px 0 25px;
			}
			
			#rain_1305 .products #product01 .detail ul li.chart table {
				color: #3e6fb2;
				}
			
				#rain_1305 .products #product01 .detail ul li.chart table th {
					background: #dfe1e6;
					border: 1px solid #f7f7f7;
					}
					
					
	/* -- .product02 -- */
	#rain_1305 .products #product02 {
		background: #fff url(../images/product02_bg.jpg) no-repeat 0 0;
		}
		
		#rain_1305 .products #product02 .test ul {
			background: url(../images/product02_testbox01_bg.gif) no-repeat 0 0;
			}
			
			#rain_1305 .products #product02 .test ul li.test_box01 {
				height: 410px;
				}
			
			#rain_1305 .products #product02 .test ul li.test_box01 .text {
				top: 95px;
				}
				
			#rain_1305 .products #product02 .test ul li.test_box01 .image01 {
				right: 20px;
				}
				
			#rain_1305 .products #product02 .test ul li.test_box01 .image02 {
				bottom: 25px;
				}
			
			#rain_1305 .products #product02 .test ul li.test_box01 .image03 {
				right: 10px;
				bottom: 5px;
				}
				
			#rain_1305 .products #product02 .test ul li.test_box02 {
				background: url(../images/product02_testbox02_image01.jpg);
				height: 385px;
				}
				
			#rain_1305 .products #product02 .test ul li.test_box02 .text {
				top: 35px;
				right: 20px;
				}
				
			#rain_1305 .products #product02 .test ul li.test_box02 .image {
				bottom: 20px;
				left: 0;
				}
				
			#rain_1305 .products #product02 .test ul li.test_box03 {
				background: url(../images/product02_testbox03_image.jpg) no-repeat 0 0;
				height: 249px;
				}
				
			#rain_1305 .products #product02 .test ul li.test_box03 .text {
				background: url(../images/product02_testbox03_text_bg.png) no-repeat 0 0;
				width: 285px;
				height: 140px;
				padding-top: 15px;
				padding-left: 15px;
				padding-right: 35px;
				top: 45px;
				}
				
		#rain_1305 .products #product02 .detail ul {
			background: url(../images/product02_detail_bg.gif) repeat-y 0 0;
			padding: 25px 25px 0 25px;
			}
			
			#rain_1305 .products #product02 .detail ul li.chart table {
				color: #000;
				}
			
				#rain_1305 .products #product02 .detail ul li.chart table th {
					background: #d9d9d9;
					border: 1px solid #fff;
					}
					
					
	/* -- .product03 -- */
	#rain_1305 .products #product03 {
		background: #f7f7f7 url(../images/product03_bg.jpg) no-repeat 0 0;
		}
		
		#rain_1305 .products #product03 .test ul {
			background: url(../images/product03_testbox01_image.jpg) no-repeat 0 0;
			}
			
			#rain_1305 .products #product03 .test ul li.test_box01 .text {
				top: 120px;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box02 {
				height: 405px;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box02 .text {
				top: 60px;
				right: 20px;
				}
			
			#rain_1305 .products #product03 .test ul li.test_box02 .image {
				top: 5px;
				left: 0;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box03 .text {
				top: 85px;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box03 .image {
				top: 10px;
				right: 15px;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box04 .text {
				top: 85px;
				right: 25px;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box04 .image {
				top: 10px;
				left: 15px;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box05 {
				background: url(../images/product03_testbox05_image.jpg) no-repeat 0 0;
				height: 243px;
				}
				
			#rain_1305 .products #product03 .test ul li.test_box05 .text {
				background: url(../images/product03_testbox05_text_bg.png) no-repeat 0 0;
				width: 285px;
				height: 178px;
				padding-top: 15px;
				padding-left: 15px;
				padding-right: 35px;
				leftt: 25px;
				top: 45px;
				}
				
		#rain_1305 .products #product03 .detail ul {
			background: url(../images/product03_detail_bg.gif) repeat-y 0 0;
			padding: 25px 25px 0 25px;
			}
			
			#rain_1305 .products #product03 .detail ul li.chart table {
				color: #0088cc;
				}
			
				#rain_1305 .products #product03 .detail ul li.chart table th {
					background: #dfeaf0;
					border: 1px solid #f7f7f7;
					}
	
				
				
				
				
/*
*************************************************
* 2: OTHER SETTING                              *
*************************************************
*/

/* -- Width ---------------------------------- */
.w235 { width: 235px; }
.w295 { width: 295px; }
.w375 { width: 375px; }
.w425 { width: 425px; }

/* -- Font Size ------------------------------ */
.fs16 { font-size: 134%; }

