/*---base---*/



body{



font-family:"ＭＳ Ｐゴシック", Verdana, Osaka, "ヒラギノ角ゴ Pro W3";



font-weight:normal;



font-style:normal;



font-size:75%;



line-height:140%;



color:#333333;



margin:0;



padding:0;



}







h1, h2, h3, h4, h5, h6{



font-size:100%; 



font-weight:lighter;



margin:0;



padding:0;



}







img{



border-width:0px; 



border-style:none; 



vertical-align:top}







p{



margin:0px; 



padding:0px}







ul, li{



margin:0px; 



padding:0px; 



list-style:none}







form,input{



margin:0;



padding:0;



}







#wrapper{



width:970px; 



margin:0 auto;



}







#main_frame{



width:950px; 



margin:0px 10px; 



background-image:url(/access/img/background.gif); 



background-repeat:repeat-y;



clear:both;



}







#header{



width:950px;



}







#main{



width:763px; 



overflow:hidden; 



float:right;



}







#main_box{



width:745px; 



margin:4px 9px 0 9px; 



display:inline; 



float:left}







#main_bg{



width:753px; 



float:left; 



background-color:#f8f8f8; 



margin:0 0 0 9px; 



display:inline}







a:link, a:visited{



color:#5b78a4; 



text-decoration:none}







a:active, a:hover{



color:#5b78a4; 



text-decoration:underline}







.orange_text{



color:#ff7f00}







.red_text{



color:#e40000}







.blue_text{



color:#5b78a4}







#sidenavigation{



width:187px;



float:left;



}







/* subnavi */







.naviwidth{



width:60%;



}







/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.seg01{



width:745px; 



float:left; 



padding-bottom:15px}







/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#main_navi_frame{



width:763px; 



height:63px; 



overflow:hidden; 



background-color:#ffffff}







#main_navi{



width:763px; 



height:52px; 



margin:11px 0 0 0; 



background-image:url(/access/img/navi_end.gif); 



background-repeat:no-repeat; 



background-position:100% 100%; 



float:left}







#main_navi li{



float:left;



}







#left_navi{



width:187px; 



float:left;



}







.left_navi_info{



width:187px; 



float:left;



font-size:90%;



}







#left_navi li.ln01{



margin:0px;



}







#left_navi li.ln02{



margin:0 0 0 6px;



}







#left_navi li.ln03{



margin:0 0 16px 6px;



}







.left_navi_info li.ln01{



margin:5px 0 0 6px;



}







.left_navi_info li.ln02{



margin:0 0 0px 8px; 



background-image:url(/access/img/left_navi_pt.gif); 



background-repeat:no-repeat; 



background-position:3px 4px; 



padding:0 5px 5px 10px;



}







.left_navi_info li.ln03{



margin:0 0 0px 8px; 



background-image:url(/access/img/left_navi_pt.gif); 



background-repeat:no-repeat; 



background-position:3px 4px; 



padding:0 5px 5px 10px:



}











.left_navi li#ln_bottom{



margin:0 0 200px 6px; 



clear:both;



}







#left_navi02{



width:187px; 



float:left;



}







#left_navi02 li.ln02{



margin:0 0 0 6px}







/*--- 印刷対応 ---*/







/* for IE */



*+html body #sidenavigation,



*+html body #left_navi,



*+html body .left_navi_info,



*+html body #left_navi02 { margin-right: -3px; }







* html body #sidenavigation,



* html body #left_navi,



* html body .left_navi_info,



* html body #left_navi02 {	margin-right: -3px; }



/* --- */







/*-------area--------*/







#area_search {



width:175px;



height:156px;



background-image:url(/access/img/area.jpg);



background-repeat:no-repeat;



float:left;



margin:0 0 5px 6px;



display:inline;



position:relative;



}











#area_search #line01 {



position:absolute;



top:61px;



left:58px;



}







#area_search #line02 {



position:absolute;



top:61px;



left:111px;



}







#area_search #line03 {



position:absolute;



top:103px;



left:58px;



}







#area_search #text01 {



position:absolute;



top:126px;



left:30px;



}







#area_search #tel01 {



border: 1px solid #aaaaaa;



position:absolute;



top:58px;



left:15px;



width:35px;



height:17px;



}







#area_search #tel02 {



border: 1px solid #aaaaaa;



position:absolute;



top:58px;



left:69px;



width:35px;



height:17px;



}







#area_search #tel03 {



border: 1px solid #aaaaaa;



position:absolute;



top:58px;



left:122px;



width:35px;



height:17px;



}







#area_search #po01 {



border: 1px solid #aaaaaa;



position:absolute;



top:100px;



left:15px;



width:35px;



height:17px;



}







#area_search #po02 {



border: 1px solid #aaaaaa;



position:absolute;



top:100px;



left:69px;



width:55px;



height:17px;



}







#area_search #button {



border:0px solid #aaaaaa;



position:absolute;



top:127px;



left:118px;



width:46px;



height:19px;



background-image:url(/access/img/area_button.jpg);



background-repeat:no-repeat;



}







/*-------search--------*/







#search_form {



background-color:#FFFFFF;



}







#search_form p {



display:inline;



margin:12px 10px 0 0 ;



float:right;



}







#search_form form {



margin:10px 10px 0 0 ;



float:right;



display:inline;



}







#search_form #search_button {



margin:10px 0 0 0 ;



float:right;



display:inline;



}











/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#footer_banner{



width:950px; 



margin:20px 0 0 0; 



float:left}







#footer_copy{



background-color:#FFFFFF;



border-top:1px solid #999999;



clear:both;



height:70px;



margin:0pt;



padding:5px 0pt;



width:950px;



}







/* footer */



#footertopleft ul{



	list-style:none;



	padding:0px 0px 0px 10px;



	margin:0px;



}



#footertopleft ul li{



	float:left;



	text-align:left;



	background-image:url(/access/img/icon_arrow.gif);



	background-repeat:no-repeat;



	background-position:left 50%;



	padding:0px 0px 0px 15px;



	margin:0px 8px 0px 0px;



	font-size:10px;



}



#footer a:link,#footertopleft a:link{color:#000000; text-decoration:none; padding:0px 0px 1px 0px;}



#footer a:visited,#footertopleft a:visited{color:#000000; text-decoration:none;}



#footer a:hover,#footertopleft a:hover{color:#000000; text-decoration: underline;}



#footer a:active,#footertopleft a:active{color:#000000; text-decoration:none;}



#safety{



	font-size:10px;



	padding:0px 10px 0px 0px;



}



#footer{



	font-size:10px;



	width:100%;



	background-image:url(/access/img/bg_dotline01.gif);



	background-position:top;



	background-repeat:repeat-x;



	padding:0px;



	margin:0px;



}



#footer td{padding:10px;}



#footer span{



	padding:0px 15px 0px 0px;



	background-image:url(/access/img/bg_header_menu.gif);



	background-position:right;



	background-repeat:no-repeat;



}



/* footer ここまで */







/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.top_showcase{



width:745px; 



float:left; 



/*background-color:#f7f7f7; */



margin:0 0 15px 0}







#top_flash{



width:750px; 



float:left; 



display:inline; 



margin:5px 0 0 9px}







.top_box01{



width:356px; 



border:2px solid #d9d9d9; 



float:left; 



display:inline; 



margin:0 0 0 12px}







.top_box01 h3{



margin:7px 0 10px 15px}







.top_box01 p.tb01_text{



width:335px; 



margin:0 0 10px 15px}







.top_box01 p.tb01_text_s{



font-size:85%; 



width:335px; 



margin:0 0 10px 15px}







.top_box01 p.tb01_text02{



width:330px; 



margin:0 0 10px 15px; 



border-bottom:1px dotted #CCCCCC}







.top_box01 p.tb01_text02s{



width:330px; 



margin:0 0 10px 15px; 



font-size:85%; 



border-bottom:1px dotted #CCCCCC}







.top_box01 p.tb01_text03{



display:inline;



float:left; 



margin:0 0 10px 15px}







.top_box01 p.tb01_price{



float:left; 



display:inline; 



margin:0 0 10px 15px; 



font-weight:bold}







.top_box01 p.tb01_price strong{



color:#ff7f00}







.top_box01 p.tb01_price3{



width:200px; 



height:42px; 



line-height:14px; 



float:left; 



display:inline; 



margin:0 0 10px 15px; 



font-weight:bold}







.top_box01 p.tb01_price3 strong{



color:#ff7f00}







.top_box01 p.tb01_button{



margin:10px 10px 10px 0; 



float:right}







.top_box01 div.tb01_button form{



margin:5px 10px 10px 0;



display:inline;



float:right}







.top_box01 p.tb01_button02{



margin:0 10px 0 0; 



float:right}







.top_box01 div.tb01_button02 form{



margin:0 10px 15px 0; 



float:right}







.top_box01 p.tb01_button02 img{



margin:0 0 5px 0}







.top_box01 p.tb01_banner{



width:356px; 



height:60px; 



background-color:#f3f3f3; 



float:left; 



text-align:center}







.top_box01 p.tb01_banner img{



margin:8px 0 0 0}







.top_box02_left{



margin:0 0 15px 0; 



border-right:1px solid #CCCCCC; 



float:left}







.top_box02_left p{



	border-bottom:dotted 1px #CCCCCC;



	margin:0 15px 5px 10px



}







.top_box02_left img.tb02img_l{



	margin:0 5px 5px 0



}







.top_box02_left img.tb02img_r{



	margin:0 0 5px 0



}







.top_box02_right{



float:right}







.top_box03_left{



width:367px; 



float:left}







.top_box03_right{



width:367px; 



float:right}







.top_box03_contents{



width:367px; 



float:left; 



clear:both; 



border-bottom:1px dotted #CCCCCC; 



margin:0 0 10px 0}







.top_box03_contents img{



margin:0 25px 0 25px; 



float:left}







.top_box03_contents p{



margin:0 0 0 0; 



float:left}







.top_box03_contents a:link, 



.top_box03_contents a:visited, 



.top_box03_contents a:active, 



.top_box03_contents a:hover{



color:#5c76a4}







.course_frame{



width:360px; 



height:20px; 



line-height:20px; 



float:left; 



background-color:#f6f4f7; 



display:inline; 



text-align:center; 



margin:0 0 0 12px}







/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#title_line{



width:763px; 



height:26px; 



/*background-color:#ebedf0*/



}







#title_line p{



margin:2px 0 0 15px; 



float:left; 



color:#5c76a4; 



display:inline}







#title_line img{



margin:0 5px 0 0; 



float:right}







.titlebar_01{



width:745px; 



height:65px; 



background-image:url(/access/img/titlebar_01_bg.gif); 



background-repeat:repeat-x; 



clear:both}







.titlebar_01 h2{



float:left}







.titlebar_01 p{



margin:25px 5px 0 0; 



display:inline; 



float:right}







.titlebar_01 p a{



width:139px; 



height:18px; 



line-height:18px; 



text-indent:5px; 



display:block}







.titlebar_01 p a:link, 



.titlebar_01 p a:visited{



background-image:url(/access/img/btn_index.gif); 



background-repeat:no-repeat; 



color:#FFFFFF; 



text-decoration:none}







.titlebar_01 p a:hover, 



.titlebar_01 p a:active{



background-image:url(/access/img/btn_index_on.gif); 



background-repeat:no-repeat; 



color:#FFFFFF; 



text-decoration:none}



.titlebar_01{



width:745px; 



height:65px; 



background-image:url(/access/img/titlebar_01_bg.gif); 



background-repeat:repeat-x; 



clear:both}







.titlebar_012 h2{



float:left}







.titlebar_012 p{



margin:25px 5px 0 0; 



display:inline; 



float:right}







.titlebar_012 p a{



width:169px; 



height:18px; 



line-height:18px; 



text-indent:5px; 



display:block}







.titlebar_012 p a:link, 



.titlebar_012 p a:visited{



background-image:url(/access/img/btn_index02.gif); 



background-repeat:no-repeat; 



color:#FFFFFF; 



text-decoration:none}







.titlebar_012 p a:hover, 



.titlebar_012 p a:active{



background-image:url(/access/img/btn_index02_on.gif); 



background-repeat:no-repeat; 



color:#FFFFFF; 



text-decoration:none}







.titlebar_02{



width:745px; 



height:24px; 



margin:0 0 15px 0; 



background-color:#e7e7e7; 



clear:both}







.titlebar_02 h2{



margin:0 0 0 15px; 



display:inline; 



float:left}







.titlebar_02 p{



margin:3px 5px 0 0; 



display:inline; 



float:right}







.titlebar_02 p a{



width:139px; 



height:18px; 



line-height:18px; 



text-align:center; 



display:block}







.titlebar_02 p a:link, 



.titlebar_02 p a:visited{



background-image:url(/access/img/btn_index.gif); 



background-repeat:no-repeat; 



color:#FFFFFF; 



text-decoration:none}







.titlebar_02 p a:hover, 



.titlebar_02 p a:active{



background-image:url(/access/img/btn_index_on.gif); 



background-repeat:no-repeat; 



color:#FFFFFF; 



text-decoration:none}







.titlebar_03{



width:367px; 



height:24px; 



margin:0 0 15px 0; 



background-color:#e7e7e7; 



clear:both}







.titlebar_03 h2{



margin:0 0 0 15px; 



display:inline; 



float:left}







.titlebar_03 p{



margin:3px 10px 0 0; 



float:right; 



font-size:85%; 



background-image:url(/access/img/titlebar_01_icon.gif); 



background-repeat:no-repeat; 



background-position:100% 3px; 



display:inline}







.titlebar_03 p a{



margin:0 20px 0 0}







.titlebar_04{



width:752px; 



height:63px; 



background-image:url(/access/img/titlebar_04_bg.gif); 



background-repeat:repeat-x; 



clear:both}







.recommend_title{



margin:0 0 10px 15px}







.box_line{



margin:0 0 15px 0}







.detail_bt{



height:40px; 



line-height:40px; 



float:left; 



border:1px solid #CCCCCC}







.detail_bt p{



margin:0 10px 0 10px; 



float:left; 



display:inline}







.detail_bt img{



margin:10px 10px 0 0; 



float:left; 



display:inline}







.icon01{



	display:block;



	background-image:url(/access/img/icon01.gif);



	background-position:0 4px;



	background-repeat:no-repeat;



	padding-left: 25px;



}







.icon02{



display:block; 



padding-left:25px; ; 



background-image:url(/access/img/icon02.gif); 



background-position:0 4px; 



background-repeat:no-repeat}







.number01{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number01.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number02{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number02.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number03{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number03.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number04{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number04.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number05{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number05.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number06{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number06.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number07{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number07.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number08{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number08.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.number09{



display:block; 



padding-left:25px; 



background-image:url(/access/img/number09.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome01{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome01.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome02{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome02.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome03{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome03.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome04{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome04.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome05{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome05.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome06{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome06.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome07{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome07.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome08{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome08.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.kome09{



display:block; 



padding-left:25px; 



background-image:url(/access/img/kome09.gif); 



background-position:0 1px; 



background-repeat:no-repeat}







.no01{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no01.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no02{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no02.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no03{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no03.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no04{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no04.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no05{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no05.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no06{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no06.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no07{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no07.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no08{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no08.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no09{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no09.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no10{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no10.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







.no11{



display:block; 



padding-left:25px; 



background-image:url(/access/img/no11.gif); 



background-position:0 3px; 



background-repeat:no-repeat}







/*fiber*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



h2#fiber_title{



margin:0 0 20px 0}







#fiber_navi{



margin:0 2px 5px 0; 



float:right; 



display:inline}







#fiber_navi li{



margin:0 0 2px 2px; 



float:left; 



display:inline}







#fiber_text01{



width:752px; 



background-color:#f3f3f3; 



float:left; 



margin:0 0 10px 0}







#fiber_text01 p{



margin:15px 25px}







#fiber_course{



width:752px; 



background-color:#f3f3f3; 



float:left}







#fiber_course h3{



width:742px; 



margin:10px 0 10px 10px; 



float:left; 



display:inline}







#fiber_course ul{



margin:0 0 15px 8px; 



float:left; 



display:inline}







#fiber_course ul li{



margin:0 5px 0 0; 



float:left}







/*discount*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#discount_contents01{



margin:11px 0px 0px 0px; 



padding:0 0 14px 0; 



width:753px; 



background-color:#f8f8f8; 



float:left; 



display:inline}







#discount01{



width:360px; 



border:2px solid #d9d9d9; 



float:left; 



display:inline; 



margin:26px 0 0 8px}







#discount02{



width:360px; 



border:2px solid #d9d9d9; 



float:left; 



display:inline; 



margin:26px 0 0 8px}







#discount03{



width:360px; 



height:310px; 



border:2px solid #d9d9d9; 



float:left; 



display:inline; 



margin:10px 0 0 8px}







#discount04{



width:360px; 



height:310px; 



border:2px solid #d9d9d9; 



float:left; 



display:inline; 



margin:10px 0 0 8px}







#discount_contents01 h2{



margin:10px 0 0px 14px}







.discount01_image01{



width:323px; 



height:85px; 



margin:10px 0px 0px 14px; 



float:left; 



display:inline; 



background-image:url(/access/img/discount_image_01_01.gif); 



background-repeat:no-repeat}







.discount01_image02{



width:323px; 



height:85px; 



margin:10px 0px 0px 14px; 



float:left; 



display:inline; 



background-image:url(/access/img/discount_image_01_02.gif); 



background-repeat:no-repeat}







#discount_contents01 .button{



width:104px; 



height:21px; 



line-height:21px; 



margin:38px 0px 0px 219px; 



float:left; 



display:inline; 



background-image:url(/access/img/discount_button_01.gif); 



background-repeat:no-repeat; 



text-align:center}







.discount02_image01{



width:323px; 



height:85px; 



margin:10px 0px 0px 14px; 



float:left; 



display:inline; 



background-image:url(/access/img/discount_image_02_01.gif); 



background-repeat:no-repeat}







.discount02_image02{



width:323px; 



height:85px; 



margin:10px 0px 0px 14px; 



float:left; 



display:inline; 



background-image:url(/access/img/discount_image_02_02.gif); 



background-repeat:no-repeat}







#discount_contents02 .button{



width:104px; 



height:21px; 



line-height:21px; 



margin:38px 0px 0px 219px; 



float:left; 



display:inline; 



background-image:url(/access/img/discount_button_01.gif); 



background-repeat:no-repeat; 



text-align:center}







#discount_contents01 a{



color:#ffffff}







#discount_gotop{



margin:22px 28px 24px 0px; 



float:right; 



display:inline}







.discount_bar{



margin:0 0 0px 0; 



display:inline; 



float:left}







.discount_text01{



margin:10px 0px 0px 28px; 



width:320px; 



display:inline; 



float:left}







.discount_text02{



margin:0px 0px 0px 28px; 



font-size:120%; 



width:320px; 



display:inline; 



float:left}







.discount_text03{



margin:0px 0px 0px 28px; 



width:320px; 



display:inline; 



float:left}







.discount_text04{



margin:0px 0px 0px 28px; 



width:320px; 



display:inline; 



float:left}







.discount_text05{



margin:0px 0px 0px 28px; 



width:320px; 



display:inline; 



float:left}







.course_font_orange{



color:#ff9000}







.course_font_orange2{



font-size:120%; 



color:#ff9000}







.course_dot_line{



margin:1px 0px 0px 18px; 



width:322px; 



display:inline; 



float:left}







/*----------------------table----------------------*/







.t_one_table{



width:685px; 



font-size:100%; 



margin:0 0 15px 15px; 



border-collapse:collapse}







.t_one_table td{



border:1px solid #CCCCCC; 



padding:8px}







.t_one_table em{



font-style:normal; 



font-weight:bold; 



color:#FF9933}







.t_one_table02{



width:605px; 



font-size:100%; 



margin:0 0 15px 55px; 



border-collapse:collapse}







.t_one_table02 td{



border:1px solid #CCCCCC; 



padding:8px}







.t_one_table02 em{



font-style:normal; 



font-weight:bold; 



color:#FF9933}







.a{



width:100px}







.color{



color:#ff9000; 



font-weight:bold}







.red{



color:#dd0000}







.yellow{



background-color:#a1b2d2; 



color:#FFFFFF; 



text-align:left; 



font-weight:bold}







.sonet{



background-color:#7a98d0; 



color:#FFFFFF; 



text-align:left; 



font-weight:bold}







.a01{



background-color:#83ce83; 



color:#FFFFFF}







.a02{



background-color:#deebde; 



text-align:center; 



color:#333333}







.blue_light{



background-color:#dee4ed; 



color:#333333}







.link{



text-decoration:underline; 



color:#5c76a4}







.style1{background-color:#dee4ed; color:#333333; font-weight:bold}



.style3{color:#333333}







/*------------------connect_navi---------------------*/



#connect_navi{



width:756px; 



margin:10px 0 10px 9px; 



float:left; 



display:inline}







#connect_navi a{



width:188px; 



height:29px; 



display:block}







#connect_navi li{



width:188px; 



height:29px; 



line-height:29px; 



text-indent:15px; 



background-image:url(/access/img/connect_navi.gif); 



float:left; 



letter-spacing:-1px}







#connect_navi li.bottomline{



border-bottom:1px solid #d4d4d4}







#connect_navi li.frameline{



border-bottom:1px solid #d4d4d4; 



border-right:1px solid #d4d4d4; 



float:left}







#connect_navi02{



background-image:url(/access/img/rule_navi_right.jpg); 



/*background-position:100% 100%; 



background-repeat:no-repeat; */



background-repeat:repeat-x; 



float:left; 



margin:0 0 25px 0}







#connect_navi02 li{



float:left}







#connect_subtitle{



width:753px; 



background-image:url(/access/img/title_bg.jpg); 



background-repeat:no-repeat; 



float:left}







#connect_subtitle img{



margin:29px 0 17px 20px}







.go_top {



clear:both;



margin:20px 10px 20px 0px;



text-align:right;



}







.back_to_top{



margin:20px 20px 10px 0; 



float:right; 



display:inline}







.bluelink a:link, 



.bluelink a:visited, 



.bluelink a:active, 



.bluelink a:hover{



font-weight:bold; 



color:#3d80cb}







.detail_button{



width:104px; 



height:21px; 



line-height:21px; 



margin:0 10px 10px 0; 



background-image:url(/access/img/tb01_button.gif); 



background-repeat:no-repeat; 



text-align:center}







.detail_button a{



width:104px; 



height:21px; 



display:block; 



color:#FFFFFF}







/*---adsl---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#adsl_seg01{



width:752px; 



float:right; 



margin:0px 1px 0px 0px; 



padding:0px; 



background-color:#fff}







.top_img{



clear:both; 



padding-top:6px}







.adsl_index_mainbox_01{



width:752px; 



visibility:visible; 



margin:9px 0px 0px 0px; 



padding:0px 0px 10px 0px; 



background-color:#f3f3f3}







.mainbox_01_buttonbox{



width:738px; 



height:99px; 



margin:6px 0px 0px 8px}







.mainbox_01_buttonbox_left{



width:430px; 



float:left; 



visibility:visible}







.mainbox_01_buttonbox_right{



width:301px; 



float:right; 



visibility:visible}







.adsl_index_mainbox_02{



clear:both; 



width:752px; 



visibility:visible; 



margin:10px 0px 0px 0px}







.mainbox_01_coursebox{



width:752px; 



visibility:visible; 



margin:6px 0px 0px 0px}







.mainbox_01_coursebox_left{



width:369px; 



float:left; 



visibility:visible; 



border:2px solid #d9d9d9}







.mainbox_01_coursebox_right{



width:369px; 



float:right; 



visibility:visible; 



border-top:2px solid #d9d9d9; 



border-right:1px solid #d9d9d9; 



border-bottom:2px solid #d9d9d9; 



border-left:2px solid #d9d9d9}







.coursebox_inner{



margin:10px 13px 0px 12px}







.stext{



font-size:10px; 



line-height:140%; 



margin:11px 0px 0px 3px}







.coursebox_price_left{



float:left; 



margin:0px 0px 8px 0px}







.coursebox_price_right{



float:right; 



margin:8px 0px 0px 0px}







.button_detail{



width:105px; 



height:21px; 



background-image:url(/access/img/button_detail.gif); 



background-repeat:no-repeat}







.button_detail a{



display:block; 



padding:3px 0px 0px 16px}







.button_detail a:link{color:#fff}



.button_detail a:visited{color:#fff}



.button_detail a:hover{color:#fff}







.campaign_box{



clear:both; 



width:369px; 



height:54px; 



padding:0px 0px 0px 0px; 



background-color:#fff; 



/*background-color:#f3f3f3*/}







.campaign_box p{



margin:0px 0px 0px 12px}







.adsl_hr{



clear:both}



#search_text {



	float: left;



}



.adsl_nyu_button {



	text-align: right;



	margin: 0px 10px 10px;



}







/*---リンク矢印アイコン（右向き矢印）---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







a.allow{



	background-image:url(/access/img/left_navi_pt.gif);



	background-position:left center;



	background-repeat:no-repeat;



	padding:0px 0px 0px 7px;



	color:#4E6EA0;



}







/*---リンク矢印アイコン（上向き矢印）---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







a.allow_t{



	background-image:url(/access/img/left_navi_pt_top.gif);



	background-position:left center;



	background-repeat:no-repeat;



	padding:0px 0px 0px 9px;



	color:#4E6EA0;



}







/*---リンク矢印アイコン（下向き矢印）---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







a.allow_b{



	background-image:url(/access/img/left_navi_pt_bottom.gif);



	background-position:left 50%;



	_background-position:left top;



	background-repeat:no-repeat;



	padding:0px 0px 0px 9px;



	color:#4E6EA0;



}







/*--- 見出し(ページタイトル緑) ---*/



h1.title{



font-size:200%;



color:#090;



line-height:160%;



font-weight:bold;



}







/*--- 見出し(項目タイトル緑) ---*/



h2.gakuwari{



font-size:140%;



color:#333;



font-weight:bold;



line-height:160%;



}







/*--- 見出し(項目タイトル緑) ---*/



h2.course{



font-size:180%;



color:#090;



font-weight:bold;



line-height:160%;



}







/*--- 見出し(項目タイトル青) ---*/



h2.service{



font-size:140%;



font-weight:bold;



color:#036;



}







/*--- 見出し(タイトルバー青) ---*/



h2.titlebar{



font-size:140%;



font-weight:bold;



color:#036;



margin-top:15px;



}







/*--- 見出し(コースタイトル青) ---*/



h3.course{



font-size:120%;



color:#036;



font-weight:bold;



line-height:160%;



}







/*--- 見出し(おすすめコースオレンジ) ---*/



h3.recommend{



font-size:160%;



color:#F90;



font-weight:bold;



line-height:160%;



}







/*--- 見出し(情報グレー) ---*/



h4.information{



font-size:100%;



color:#666;



font-weight:bold;



line-height:160%;



}







/*--- 見出し(注意書き黒) ---*/



h4.attention{



font-size:100%;



color:#333;



font-weight:bold;



line-height:160%;



}







/*--- パンクズナビ(現在地) ---*/



.position{



color:#069;



font-weight:bold;



}







/*--- ※印(普通) ---*/



.note{



font-size:100%;



color:#F60;



}







/*--- ※印(大きめ) ---*/



.note-large{



font-size:100%;



color:#F60;



}







/*--- ※印(小さめ) ---*/



.note-small{



font-size:100%;



color:#F60;



}







/*--- ※印(普通：太字) ---*/



.note-bold{



font-size:100%;



color:#F60;



font-weight:bold;



}







/*--- ※印(大きめ：太字) ---*/



.note-large-bold{



font-size:100%;



color:#F60;



font-weight:bold;



}







/*--- ※印(小さめ：太字) ---*/



.note-small-bold{



font-size:100%;



color:#F60;



font-weight:bold;



}







/*--- ●印(普通) ---*/



.circle{



font-size:12px;



color:#999;



}











/*--- ご利用開始までの流れ ---*/



h3.flow-step{



font-size:140%;



color:#090;



font-weight:bold;



line-height:160%;



}







h4.flow-step{



font-size:120%;



color:#036;



font-weight:bold;



line-height:100%;



}







h5.flow-step{



font-size:100%;



font-weight:bold;



line-height:160%;



}







.large{



font-size:120%;



}







.small{



font-size:80%;



}











.aa07 {



	background-color: #ECF4E3;



}



.aa08 {



	background-color: #F0F0F0;



}



.aa06 {



	background-color: #DEE4ED;



}







/*course.cssからの移行_071109*/



a.corse:link, a.corse:hover, a.corse:visited, a.corse:active {



	color: #FFFFFF;



}











/*追加_071109*/



a.tit_list:link, a.tit_list:hover, a.tit_list:visited, a.tit_list:active {



	font-size:170%;



	color: #FFFFFF;



}











.kensaku_back {

	background-image: url(../img/comparison/back_bar.gif);

	background-repeat: repeat-x;

}

.boxside_left {

	background-image: url(../img/comparison/boxside_left.gif);

	background-position: left;

	background-repeat: repeat-y;

}

.boxside_right {

	background-image: url(../img/comparison/boxside_right.gif);

	background-repeat: repeat-y;

	background-position: right;

}

/*追加_080603*/

#main_02{

width:763px;
margin:auto;
border:solid 1px #CCCCCC;
padding:10px;

}

h1.title_02{



font-size:200%;



color:#003366;



line-height:160%;



font-weight:bold;



}