@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */



/* 
----------------------------------------------------------- */
#top div#flash {
	width:100%;
	height:377px;
	margin: 1px 0 1px 0;
	background:url(../images/top/red_line.gif) bottom left repeat-x;
}
#top div.main_bn_area {
	margin:25px 0 0 0;
}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#top #main {
	width: 745px;
	float: right;
}

#top #main div.top_con {
	width:745px;
	clear:both;
	overflow:hidden;
}
#top #main div.top_sideline {
	width:745px;
	clear:both;
	overflow:hidden;
}
#top #main div.top_con div.top_con_l {
	width:535px;
	float:left;
	overflow:hidden;
}
#top #main div.top_con div.top_con_r {
	width:200px;
	float:right;
	overflow:hidden;
}
#top #main  div#topcon_line {
	width: 5px;
	margin: 5px 0 0 0;
	float:left;
	height: 930px;
	/*height:100%;*/
	overflow: hidden;
	background:url(../images/sideline.gif) top left repeat-y;
}
#top #main div.topcon_group_con {
	width:160px;
	height:100%;
	margin:20px 0 0 0;
	padding:10px;
	overflow:hidden;
	float:right;
	background:url(../images/top/side_r_bg.gif) top left repeat-y;
	text-align:center;
}
#top #main div#plan_st {
	width:535px;
	height:56px;
	margin:15px 0 0 0;
	position:relative;
	clear:both;
	background:url(../images/top/top_plan_st.jpg) top left no-repeat;
}
#top #main div#plan_st img {
	position:absolute;
	right:0;
	top:20px;
}
/*----------------------------------------------------
	サイドのライン
----------------------------------------------------*/
#sub div#sub_right {
	width: 5px;
	margin: 1px 0 0 0;
	float: right;
	/*height:100%;*/
	height:1107px;
	overflow: hidden;
	background:url(../images/sideline.gif) top left repeat-y;
}
/*----------------------------------------------------
	タブメニュー
----------------------------------------------------*/
#top #main ul.tabNav {
	width:525px;
	height:35px;
	margin:10px 0 0 0;
}
#top #main ul.tabNav a {
	height:35px;
	display:block;
}
#top #main ul.tabNav li {
	float:left;
	height:35px;
	text-indent:-9999px;
}
#top #main ul.tabNav li.tabNav1 {
	background:url(../images/top/tabmenu.gif) no-repeat;
	background-position:0 0;
	width:176px;
}
#top #main ul.tabNav li.tabNav1 a:hover,
#top #main ul.tabNav li.tabNav1 .active {
	background:url(../images/top/tabmenu.gif) no-repeat;
	background-position:0 -35px;
	width:176px;
}
#top #main ul.tabNav li.tabNav2 {
	background:url(../images/top/tabmenu.gif) no-repeat;
	background-position:-176px 0;
	width:174px;
}
#top #main ul.tabNav li.tabNav2 a:hover,
#top #main ul.tabNav li.tabNav2 .active {
	background:url(../images/top/tabmenu.gif) no-repeat;
	background-position:-176px -35px;
	width:174px;
}
/*#top #main ul.tabNav li.tabNav3 {
	background:url(../images/top/tabmenu.gif) no-repeat;
	background-position:-350px 0;
	width:175px;
}
#top #main ul.tabNav li.tabNav3 a:hover,
#top #main ul.tabNav li.tabNav3 .active {
	background:url(../images/top/tabmenu.gif) no-repeat;
	background-position:-350px -35px;
	width:175px;
}*/



/*----------------------------------------------------
	おすすめプラン
----------------------------------------------------*/
/*IE6.7hackあり*/
#top #main div#tab1,
#top #main div#tab2,
#top #main div#tab3 {
	width:525px;
	background:url(../images/top/top_plan_bg.gif) top left repeat-y;
	/* height:100%; */
	padding:5px;
}
#top #main div#tab1 div.plan_con,
#top #main div#tab2 div.plan_con,
#top #main div#tab3 div.plan_con {
	background-color:#FFF;
	width:495px;
	/*height:350px;*/
	height:420px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px;
}
#top #main div#tab1 div.plan_line,
#top #main div#tab2 div.plan_line,
#top #main div#tab3 div.plan_line {
	background:url(../images/dot_line.gif) top left repeat-x;
	height:1px;
	width:495px;
}
#top #main div#tab1 div#plan1 a,
#top #main div#tab2 div#plan2 a,
#top #main div#tab3 div#plan3 a {
	display:block;
	padding:10px 0 10px 0;
	width:485px;
	overflow:hidden;
	text-decoration:none
}
#top #main div#tab1 div#plan1 a:hover,
#top #main div#tab2 div#plan2 a:hover,
#top #main div#tab3 div#plan3 a:hover {
	background-color:#f5f5f5;
}

#top #main span.plan_title {
	color:#671313;
	font-weight:bold;
	text-decoration:underline;
}
#top #main .plan_text {
	color:#000000;
	text-decoration:none;
}
#top #main .plan_ph {
	/*width:124px;
	height:86px;*/
	width:79px;
	height:55px;
	padding:3px;
	background-color:#FFF;
	border:1px solid #cccccc;
	float:left;
	margin-right:10px;
	overflow:hidden;
}
#top #main .plan_price {
	color:#000000;
	text-decoration:none;
	text-align:right;
	font-weight:bold;
}
#top #main .categori {
	text-align:right;
	margin:10px 0 0 0;
}


/*----------------------------------------------------
	ブログ
----------------------------------------------------*/
#top #main #news 
{
	clear:both;
	height:250px;
	overflow:auto;
}
#top #main div#news_st {
	clear:both;
	width:535px;
	height:56px;
	margin:15px 0 0 0;
	position:relative;
	background:url(../images/top/top_news_st.png) top left no-repeat;
}
#top #main div#news_st img {
	position:absolute;
	right:0;
	top:20px;
}
#top #main #news p.date {
	padding:5px;
	width:auto;
	color:#FFF;
	float:left;
	margin:0 10px 0 0;
	background-color:#8f8f8f;
	font-size:12px;
}
#top #main #news .blog_con {
	overflow:hidden;
}
#top #main #news .blog_text {
	overflow:hidden;
	margin:0 0 10px 0;
	width:400px;
}
#top #main #news div.blog_con {
	width:500px;
	overflow:hidden;
	margin:10px auto 0 auto;
	border-bottom:1px solid #dcdcdc;
}






/* -----------------------------------------------------------
	jazz.html Jazz Wave 虹と海 更新日： 20101020
----------------------------------------------------------- */
#window_main {
	width: 100%;
	min-height: 1684px;
	padding: 0 0 20px 0;
	text-align: center;
}
	
















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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}

*:first-child+html #top #main div#tab1,
*:first-child+html #top #main div#tab2,
*:first-child+html #top #main div#tab3 {
	height: 440px;
	/*overflow: hidden;*/
}
*:first-child+html #top #main div#tab1 div.plan_con,
*:first-child+html #top #main div#tab2 div.plan_con,
*:first-child+html #top #main div#tab3 div.plan_con {
	height: 420px;
}
*:first-child+html #top #main div#topcon_line {
	margin: -8px 0 0 0;
}
/**:first-child+html #top #main div#tab1 div.plan_line {
	margin:0 0 -15px 0;
}*/


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

* html #top #main div#tab1,
* html #top #main div#tab2,
* html #top #main div#tab3 {
	height: 435px;
	/*overflow: hidden;*/
}
* html #top #main  div#topcon_line {
	margin: -8px 0 0 0;
}
* html #top #main div#tab1 div.plan_line,
* html #top #main div#tab2 div.plan_line,
* html #top #main div#tab3 div.plan_line {
	margin:0 0 -15px 0;
}

* html #window_main {height: 1684px;}