@charset "utf-8";

.frame_top{
	background:url("../img/frame.png") no-repeat;
	height:10px;
}

.frame_bottom{
	background:url("../img/frame.png") no-repeat 0 100%;
	height:8px;
}

.frame_top hr,.frame_bottom hr{
	display:none;
}

#frame_inner{
	background:url("../img/inner_back.gif") repeat-x bottom left;
	height:380px;
}

#frame_inner .inner_top{
	background:url("../img/frame.png") repeat-y 100% 0;
	height:170px;
}

#frame_inner .inner_top .favor{
	margin:0 10px 10px 10px;
	float:left;
}


#frame_inner .inner_top h2.simple{
	background:url("../img/simple.png") no-repeat;
	width:480px;
	height:80px;
	text-indent:-9898px;
	float:right;
	margin:10px 20px 10px 0;
	display:inline;
}

#frame_inner .inner_top p#version{
	width:480px;
	float:right;
	margin-right:20px;
	font-size:14px;
	display:inline;
	color:#333;
	line-height:18px;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#frame_inner .inner_bottom{
	background:url("../img/frame.png") repeat-y 100% 0;
	height:210px;
}

#frame_inner .inner_bottom .point{
	background-color:#fff;
	width:200px;
	height:200px;
	margin-left:18px;
	float:left;
	display:inline;
}

#frame_inner .inner_bottom .point h3#point1{
	background:url("../img/point.gif") no-repeat;
	width:200px;
	height:50px;
	text-indent:-9898px;
	display:block;
}

#frame_inner .inner_bottom .point h3#point2{
	background:url("../img/point.gif") no-repeat 0 -50px;
	width:200px;
	height:50px;
	text-indent:-9898px;
	display:block;
}

#frame_inner .inner_bottom .point h3#point3{
	background:url("../img/point.gif") no-repeat 0 -100px;
	width:200px;
	height:50px;
	text-indent:-9898px;
	display:block;
}

#frame_inner .inner_bottom .point p.point_version{
	width:160px;
	margin:20px;
	line-height:16px;
}

#frame_inner .inner_bottom .point p.point_version a{
	display:block;
	color:#2ca6e0;
	float:right;
	margin-top:20px;
	text-decoration:none;
}

#frame_inner .inner_bottom .point p.point_version a:hover{
	text-decoration:underline;
}


/*------------------------------------------------------*/
.news_frame{
	width:670px;
	margin-top:20px;
	background:url("../img/news.gif") no-repeat;
}

.news_frame h3.news{
	background:url("../img/news.png") no-repeat;
	height:30px;
	text-indent:-9898px;
	margin-left:1em;
}

.news_frame dl{
	background:url("../img/news.gif") repeat-y 100% 0;
	border:1px solid #ccc;
	border-bottom:none;
	height:80px;
	padding:20px 0;
	overflow:scroll;
	overflow-x:hidden;
}

.news_frame dl dt{
	background:url("../img/news_arrow.gif") no-repeat;
	padding-left:1em;
	margin-left:2em;
}

.news_frame dl dd{
	margin:10px 0 10px 3em;
	line-height:16px;
}

.news_frame dl dd a{
	color:#2ca6e0;
	text-decoration:none;
}

.news_frame dl dd a:hover{
	text-decoration:underline;
}

.news_frame dl dd a.news_link{
	background:url("../img/news_arrow_link.gif") no-repeat right top;
	padding:0 1em;
}

.news_bottom{
	background:url("../img/news.gif") no-repeat left bottom;
	width:670px;
	height:10px;
}

.news_bottom hr{
	display:none;
}

/*------------------------------------------------------*/
.recommend_frame{
	width:670px;
	margin-top:20px;
	background:url("../img/recommend.gif") no-repeat;
}

.recommend_frame h3.recommend{
	background:url("../img/recommend.png") no-repeat;
	height:30px;
	text-indent:-9898px;
	margin-left:1em;
}

.recommend_frame ol{
	background:url("../img/recommend.gif") repeat-y 100% 0;
	padding:20px 0;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

.recommend_frame ol li{
	background:url("../img/recommend_check.gif") no-repeat;
	padding-left:30px;
	line-height:26px;
	margin-left:2em;
	font-weight:bold;
	color:#333;
	font-size:14px;
}

.recommend_bottom{
	background:url("../img/recommend.gif") no-repeat left bottom;
	width:670px;
	height:10px;
}

.recommend_bottom hr{
	display:none;
}

/*------------------------------------------------------*/

#block{
	width:670px;
	height:150px;
	margin-top:10px;
	clear:both;
}

#block .sub_block{
	background:url("../img/block.png") no-repeat 100% 0;
	width:210px;
	height:150px;
	float:left;
}

#block .middle{
	margin:0 20px;
}

#block .sub_block h4.function_block{
	background:url("../img/block.png") no-repeat;
	width:210px;
	height:40px;
	text-indent:-9898px;	

}

#block .sub_block h4.price_block{
	background:url("../img/block.png") no-repeat 0 -40px;
	width:210px;
	height:40px;
	text-indent:-9898px;
}

#block .sub_block h4.intromission_block{
	background:url("../img/block.png") no-repeat 0 -80px;
	width:210px;
	height:40px;
	text-indent:-9898px;
}

#block .sub_block p{
	margin:15px;
	height:40px;
	line-height:16px;
}

#block .sub_block a{
	background:url("../img/block.png") no-repeat 0 -121px;
	display:block;
	width:210px;
	height:20px;
	text-indent:-9898px;
}

/*------------------------------------------------------*/
#info_block{
	background:url("../img/info_block.gif") no-repeat;
	width:670px;
	height:80px;
	clear:both;
	margin-top:10px;
	padding:10px 0;
}

#info_block hr{
	display:none;
}

#info_block .tel{
	width:220px;
	float:left;
	margin-left:10px;
	padding-right:30px;
	border-right:1px solid #ccc;
}

#info_block .online{
	width:380px;
	float:right;
}

#info_block h4{
	color:#333;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}