@charset "utf-8";


/* ------------------------------------------------------------
	Font-size Adjustment
------------------------------------------------------------
10px = 83.4%
11px = 91.7%
12px = 100%
13px = 108.4%
14px = 116.7%
15px = 125%
16px = 133.4%
17px = 141.7%
18px = 150%
19px = 158.4%
20px = 166.7%
21px = 175%
22px = 183.4%
23px = 191.7%
24px = 200%
25px = 208.4%
26px = 217 %
*/


/* ***********************************************************
 *
 * Since:     2010-5-14
 * Editor:    yamamoto
 * Modified:   2010-5-14 by:yamamoto
 *
 * ***********************************************************
 */

html{
	background: url(../img/bg02.jpg) repeat-x left top;
}

body{
	background: url(../img/bg.jpg) no-repeat center top;
}

#header{
	height: 352px;
	background: url(../img/header_bg.jpg) no-repeat center top;
}

#header #catch{
	position: absolute;
	top: 160px;
	left: 0px;
}

#header #open{
	position: absolute;
	top: 130px;
	right: 30px;
}

ul#gNavi{
	height: 64px;
	padding-top: 12px;
}

#sideArea{
	width:230px;
}

#renInfo{
	background: url(../img/side_wrap02.jpg) repeat-y left top;
}

#renInfo .tit{
	background: url(../img/side_wrap01.jpg) no-repeat left top;
}

#renInfo dl.inner{
	background: url(../img/side_wrap03.jpg) no-repeat left bottom;
}


/* =====================================================

  contents area

===================================================== */

#contents{
	background: #FFFFFF url(none);
	padding: 24px 0px 20px;
}



/* ***********************************************************
 *
 * Since:     2013-3-26
 * Editor:    itagawa
 * Modified:   2013-3-26 by:itagawa
 *
 * ***********************************************************
 */



/* mainArea
---------------------------------------------------- */
#mainArea{
	padding: 0px;
	width:645px;
	
	float:left;
}


#topArea{
	padding:0 0 10px 0;
	
	border-bottom:1px dotted #CCCCCC;
}

	#topArea h2{
		margin:0;
		padding:0 0 15px 0;
	}


#point{
}
	
	#point .pointItem{
		padding:10px 0;
		border-bottom:1px dotted #CCCCCC;
	}

		#point .pointItem h3{
			margin:0 18px 0 0;
			padding:0;
			height:100px;
			background:none;
			
			float:left;
			clear:none;
			
			color:#FFFFFF;
		}
		
			#point .pointItem h3.top{
				height:110px;
			}


		#point .pointItem div{
			width:370px;
			
			float:left;
		}
		
			#point .pointItem div h4{
				padding:10px 0;
			}
			
			#point .pointItem div li{
				color:#CC9900;
				font-size:108.4%;
				line-height:150%;
			}
			
			#point .pointItem div .left{
				float:left;
				padding:0 10px 0 0;
			}
		
		#point .pointItem .right{
			padding:0 5px 0 0;
			
			float:right;
		}
		
		
#blogTopics{
	padding:17px 0 10px 0;
}

	#blogTopics .blogTitle{
		background:url(../img/blog_ttl_bg.jpg) repeat-x;
		height:30px;
	}
	
		#blogTopics .blogTitle h3{
			margin:0;
			padding:0;
			height:30px;
			background:none;
			
			float:left;
			clear:none;
			
			color:#FFFFFF;
		}
		
		#blogTopics .blogTitle div{
			float:right;
			padding:10px 4px 0 0;
		}
	
	#blogTopics .blogList{
	}
	
		#blogTopics .blogList li{
			padding:8px 0 0 0;
		}
		
			#blogTopics .blogList li .category{
				color:#3A9967;
				font-size:83.4%;
			}
			
			#blogTopics .blogList li h4{
				padding:0 0 8px 23px;
				background:url(../img/blog_list_icon.jpg) no-repeat 5px 4px;
				
				color:#336699;
				
				border-bottom:1px #CCCCCC dotted;
			}
			
				#blogTopics .blogList li h4 span{
					padding:0 0 0 10px;
					
					color:#333333;
					font-size:91.7%;
				}
			
#couseSelect{
	padding:0 0 25px 0;
}

	#couseSelect h3{
		margin:0;
		padding:0;
		height:54px;
		background:none;
		
		float:left;
		clear:none;
		
		color:#FFFFFF;
	}
	
	#couseSelect p{
		padding:10px 0;
	}
	
	#couseSelect li{
		padding:0 10px 0 0;
		width:208px;
		
		float:left;
	}
	
	#couseSelect li.end{
		padding-right:0px;
	}
	
		#couseSelect li p{
			padding:10px;
			width:186px;
			height:75px;
			
			font-size:100%;
			
			border-left:1px #D7D6D5 solid;
			border-right:1px #D7D6D5 solid;
		}