/*========================================= 
　　INDEX
=========================================  

 01　デフォルト設定
 02　全ページ共通レイアウト
 03　全ページ共通装飾
 04　左ナビゲーション[left.html]
 05　Topページ
 06　ランキング
 07　初心者のでもわかる光のポイント
 08　光の開通方法別
 09　プロバイダーを選ぶポイント
 10　家のタイプ別
 11　Q&A
 12　地域
 
 =========================================  */
 



/*-------------------------------------------------------------------------  
　01　デフォルト設定
------------------------------------------------------------------------- */
body {
margin:0;
padding:0;
text-align:center;
font-family:MS UI Gothic,Arial,Hei,sans-serif;
text-align:center;
background:#dcdcdc url(/img/bg_body.gif) top left repeat-x;
}

h1,h2,h3,h4,h5 {
font-size:12px;
line-height:20px;
margin:0;
padding:0;
font-weight:normal;
color:#555555;
}

p {
font-size:14px;
margin:0;
padding:0;
line-height:22px;
color:#333333;
}


br {
margin:0;
padding:0;
font-size:10px;
line-height:10px;
}

ul,ol,dt,li,dd {
list-style:none;
text-indent:0;
padding:0;
margin:0;
}

img { border:none; vertical-align:top; }






/*-------------------------------------------------------------------------
　02　レイアウト（全頁共通テンプレート）
　-------------------------------------------------------------------------*/

#header {
width:960px;
height:230px;
margin:0 auto;
padding:0;
text-align:left;
}

	#header a {
	width:530px;
	height:94px;
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
	outline:none;
	}



#container {
width:960px;
margin:0 auto;
padding:0;
text-align:left;
background:url(/img/bg_container.gif) top left repeat-y;
}

#container .pageup {
font-size:11px;
padding:11px 15px 0 0;
text-align:right;
background:url(/img/bg_pageup_c.gif) top right no-repeat;
}

#footer {
width:960px;
margin:0 auto;
text-align:center;
background:url(/img/bg_footer.gif) top left repeat-x;
}

#footer p { text-align: center; }

#footer .pageup {
font-size:11px;
padding:11px 40px 16px 0;
text-align:right;
background:url(/img/bg_pageup.gif) bottom right no-repeat;
}

#footer .copy {
font-size:12px;
color:#333333;
line-height:18px;
padding:15px 25px 20px 0;
text-align:right;
}


#contents { 
padding:0 25px 0 20px;
font-size:14px;
line-height:22px;}

#contents .txt_section {
text-align:justify;
}

/*-------------------------------------------------------------------------
　03　全頁共通装飾）
　-------------------------------------------------------------------------*/

.top_txt_01 {
padding:11px 33px 20px 33px;
background:url(/img/bg_top_01.jpg) top right no-repeat;
}

.red {color:#F00;}
.orange { color:#FF6600; }
.blue { color:#19A7D7; }
.blue2 {  
fontsize:11px;
color:0066FF; }

a { color:#333333; text-decoration:underline; }
a:hover { color:#18a4d0; text-decoration:none; }



form { margin:0; padding:0; }

.t_space_10 { margin:10px 0 0 0; }
.t_space_20 { margin:20px 0 0 0; }
.t_space_30 { margin:30px 0 0 0; }
.t_space_40 { margin:40px 0 0 0; }

.u_space_10 { margin:0 0 10px 0; }
.u_space_20 { margin:0 0 20px 0; }
.u_space_30 { margin:0 0 30px 0; }
.u_space_40 { margin:0 0 40px 0; }
.u_space_50 { margin:0 0 50px 0; }

.t_line_5 { margin:5px 0 0 0; padding:5px 0 0 0; }
.t_line_10 { margin:10px 0 0 0; padding:10px 0 0 0; }
.t_line_20 { margin:20px 0 0 0; padding:20px 0 0 0; }

.u_line_5 { margin:0 0 5px 0; padding:0 0 5px 0; }
.u_line_10 { margin:0 0 10px 0; padding:0 0 10px 0; }
.u_line_20 { margin:0 0 20px 0; padding:0 0 20px 0; }

.t_line_5,.t_line_10,.t_line_20 { background:url(/img/line_g.gif) top left repeat-x; }
.u_line,.u_line_5,.u_line_10,.u_line_20 { background:url(/img/line_g.gif) bottom left repeat-x; }

.yellow{background:#FDFC77; }

/*-------------------------------------------------------------------------
　04　左側ナビゲーション [left.html]
　-------------------------------------------------------------------------*/

#leftNavi{font-size:12px;}

.side {
color:#666666;
font-size:12px;
font-weight:bold
}


#leftNavi ul.ranking {
padding:5px 10px 5px 15px;
background:url(/img/bg_sidemenu.gif) bottom left;
}

#leftNavi ul.ranking  li {
font-size:12px;
line-height:18px;
border-bottom:1px dotted #ccc;
}

	#leftNavi .ranking li a {
	height:35px;
	text-decoration:none;
	padding:5px 0 0 55px;
	display:block;
	}
	
	#leftNavi .ranking li a:hover {
	color:#18a4d0;
	text-decoration:underline;
	}

#leftNavi ul.ranking li.no01 {background:url(/img/bg_ranking_01.gif) top left no-repeat;}
#leftNavi ul.ranking li.no02 {background:url(/img/bg_ranking_02.gif) top left no-repeat;}
#leftNavi ul.ranking li.no03 {background:url(/img/bg_ranking_03.gif) top left no-repeat;}
#leftNavi ul.ranking li.no04 {background:url(/img/bg_ranking_04.gif) top left no-repeat;}
#leftNavi ul.ranking li.no05 {background:url(/img/bg_ranking_05.gif) top left no-repeat;}
#leftNavi ul.ranking li.shousai a { padding:0; margin-top:5px;}

ul.hand {
margin:0;
padding:5px 0 15px 0;
list-style:none;
background:url(/img/bg_sidemenu.gif) bottom left;
}

	ul.hand li {
	line-height:18px;
	margin:0 15px 0 15px;
	padding:3px 0 3px 0;
	background:url(/img/line_g.gif) bottom left repeat-x;
	}

		ul.hand li a {
		color:#333333;
		text-decoration:none;
		padding-left:13px;
		background:url(/img/bg_sidemenu_list_01.gif) top left no-repeat;
		}

		ul.hand li a:hover {
		color:#18a4d0;
		text-decoration:underline;
		}


	


/*-------------------------------------------------------------------------
　05　Topページ
　-------------------------------------------------------------------------*/
#readIndex {}

#readIndex h1 {
	width:710px;
	height:45px;
	background:url(/img/st_top_09.gif) top left no-repeat;
	text-indent:30px;
	color:#19A7D7;
	font-size:14px;
	font-weight:bold;
	line-height:48px;
}
	


table.kouryaku {
background-image:url(/img/top_bg01.jpg)
}

table.top_rank {
width:227px;
text-align:center;
}


/*月額ランキング色指定*/
.getugaku {
color:#29aed7;
font-weight:bold;
}

/*申し込みランキング色指定*/
.mousikomi {
color:#85ba34;
font-weight:bold;
}

/*年間額ランキング色指定*/
.nenkan {
color:#ffa300;
font-weight:bold;
}


/*ランキングリスト共通指定*/
ul.rank5 li {
height:25px;
text-align:left;
text-indent:53px;
padding:5px 0;
margin:0;
border-bottom:1px dotted #666;
}


ul.rank5 li.no01 {background:url(/img/bg_ranking_01.gif) top left no-repeat;}
ul.rank5 li.no02 {background:url(/img/bg_ranking_02.gif) top left no-repeat;}
ul.rank5 li.no03 {background:url(/img/bg_ranking_03.gif) top left no-repeat;}
ul.rank5 li.no04 {background:url(/img/bg_ranking_04.gif) top left no-repeat;}
ul.rank5 li.no05 {background:url(/img/bg_ranking_05.gif) top left no-repeat;}


/*家のタイプで探す*/

#topType {
background:url(/img/top_type_bg01.gif) bottom;
}

#topType table {
margin:11px 30px 20px 0;
}

#topType p {
padding:11px 33px 20px 33px;
}


/*地域で探す*/



#topchiiki {
margin:5px 20px 20px 48px;
text-align:left;
background:#ffffff url(/img/bg_haloowork.gif) top right no-repeat;
}

	#topchiiki table th {
	text-align:left;
	color:#ffffff;
	padding-left:28px;
	font-weight:normal;
	background:#a5a5a5 url(/img/bg_top_th.gif) bottom left no-repeat;
	}
	
	#topchiiki table td { padding-left:10px; }
	#topchiiki table tr { background:url(/img/line_g.gif) bottom left repeat-x; }





/*-------------------------------------------------------------------------
　06　ランキング
　-------------------------------------------------------------------------*/
div#ranking {}

div#ranking h1,
div div div div#ranking h2 {
color:#FFF;
font-size:18px;
line-height:40px;
text-indent:60px;
background:url(/img/ranking_h_bg.gif)top left no-repeat;
}

div#ranking table.hyo {
	background:#999;
}

div#ranking th {
	background:#aaa;
	color:#FFF;
}

div#ranking table td {
	background:#FFF;
	font-size:12px;
}


/*-------------------------------------------------------------------------
　07　初心者でもわかる光のポイント
　-------------------------------------------------------------------------*/

#biginner {}

#biginner h1 {
color:#ffffff;
font-size:18px;
line-height:60px;
text-indent:35px;
padding-bottom:20px;
background:url(/img/bg_st_biginner.gif) top left no-repeat;
}

#biginner h2 {
	background:url(/img/biginner_h4_bg01.jpg) top left no-repeat;
	height:68px;
	color:#f16497;
	font-size:18px;
	text-indent:160px;
	line-height:52px;

}

#biginner .link a {
	color:#f16497;
	font-weight:bold;
	text-decoration:none;
}

#biginner .link a:hover {
	text-decoration:underline
}


table#tuwa {
	font-size:12px;
	background:#CCC;}

#tuwa th {
	background:#F9C;
	color:#FFF;
}

#tuwa th.basho {
	background:#999;
}

#tuwa td {
	background:#FFF;
}
	
	
/*-------------------------------------------------------------------------
　08　光の開通方法別
　-------------------------------------------------------------------------*/
#kaitu {}

#kaitu h1 {
color:#ffffff;
font-size:18px;
line-height:60px;
text-indent:35px;
padding-bottom:20px;
background:url(/img/bg_st_kaitur.gif) top left no-repeat;
}

#kaitu h2 {
	background:url(/img/kaitu_h4_bg.gif) top left no-repeat;
	height:68px;
	color:#06a9dd;
	font-size:18px;
	text-indent:25px;
	line-height:35px;
}

#kaitu dt {
	font-weight:bold;
	}
	
#kaitu dd {padding-bottom:15px}

#kaitu img {padding:10px;}


/*-------------------------------------------------------------------------
　09　プロバイダの選び方
　-------------------------------------------------------------------------*/
#pro{}

#pro h1 {
color:#fff;
font-size:18px;
line-height:60px;
text-indent:35px;
padding-bottom:20px;
background:url(/img/bg_st_pro.gif) top left no-repeat;
}

#pro h2 {
	background:url(/img/pro_h4_bg.gif) top left no-repeat;
	height:68px;
	color:#ffaf00;
	font-size:18px;
	text-indent:25px;
	line-height:35px;
}

#pro img {padding:10px;}


/*-------------------------------------------------------------------------  
　10　家のタイプ別
------------------------------------------------------------------------- */
#type {}

#type h1 {
	width:710px;
	height:50px;
	background:url(/img/type_h.gif) top left no-repeat;
	text-indent:50px;
	color:#28b2dd;
	font-size:16px;
	line-height:50px
}

#type table {
	background:#ccc;
}
	
	
#type th {
	background:#9cf;
	color:#FFF;
}

#type td {
	background:#FFF;
	font-size:12px;
}



/*-------------------------------------------------------------------------  
　11　Q&A
------------------------------------------------------------------------- */
#qa {}


#qa h1 {
color:#35bce7;
font-size:18px;
line-height:75px;
text-indent:60px;
font-weight:bold;
background:url(../img/st_qa.gif) top left no-repeat;
}

#qa h2 {
color:#ffffff;
font-size:18px;
line-height:50px;
text-indent:50px;
padding-bottom:1px;
background:url(../img/bg_qa_st.gif)top left no-repeat;
}



#qa p {
padding:5px 20px;
}

.qa_list {
color:#ffffff;
padding:0 5px 15px 5px;
background:url(../img/bg_qa.gif) bottom left no-repeat;
}


#qa ul.top_qa {
margin:0;
padding:10px 10px 5px 15px;
list-style:none;
}

	#qa ul.top_qa li {
	padding:0 0 5px 10px;
	background:url(/img/bg_qa_list.gif) top left no-repeat;
	}
	
	#qa ul.top_qa li a { text-decoration:none; }
	#qa ul.top_qa li a:hover { text-decoration:underline; }
	
.qa_a {
padding:15px 20px 20px 50px;
background:url(/img/bg_qa_b.gif) bottom left no-repeat;
}












/*-------------------------------------------------------------------------  
　12　地域
------------------------------------------------------------------------- */

#chiiki {}


#chiiki h1 {
text-indent:65px;
background:url(/img/st_chiiki.gif) top left no-repeat;
font-size:20px;
font-weight:bold;
line-height:60px;
color:#18a4d0;
}