@charset "utf-8";
/* CSS Document */

#bgheader {
	background:url(../img/img003.jpg) left top repeat-x;
	}
	#header {
		position:relative;
		height:100px;
		width:840px;
		margin:0 auto;
		background:url(../img/img020.jpg) left top no-repeat;
		}
		#globalnav {
			position:absolute;
			top:0px;
			left:320px;
			width:500px;
			height:270px;
			z-index:1;
			}
			#globalnav li {
				float:left;
				width:100px;
				}
				#globalnav li a {
					display:block;
					overflow:hidden;
					width:100%;
					height: 0 !important;
					height /**/:100px;
					padding-top:100px;
					background-image:url(../img/img009.jpg);
					}
					/*オフマウス*/
					#nav01 a {background-position: 0px -100px;}
					#nav02 a {background-position: -100px -100px;}
					#nav03 a {background-position: -200px -100px;}
					#nav04 a {background-position: -300px -100px;}
					#nav05 a {background-position: -400px -100px;}
					/*選択*/
					#nav01 a.stay {background-position: 0 0;}
					#nav02 a.stay {background-position: -100px 0px;}
					#nav03 a.stay {background-position: -200px 0px;}
					#nav04 a.stay {background-position: -300px 0px;}
					#nav05 a.stay {background-position: -400px 0px;}
					/*オンマウス*/
					#nav01 a:hover {background-position: 0 -200px;}
					#nav02 a:hover {background-position: -100px -200px;}
					#nav03 a:hover {background-position: -200px -200px;}
					#nav04 a:hover {background-position: -300px -200px;}
					#nav05 a:hover {background-position: -400px -200px;}
				
		#header-h1 {
			position:absolute;
			top:12px;
			right:35px;
			z-index:2;
			}
		#head_map{
			position:absolute;
			font-size:10px;
			color:#61BAC7;
			top:12px;
			left:328px;
			z-index:2;
			}
			#head_map a {color:#61BAC7;}
			
		#rogo {
			position:absolute;
			top:0px;
			left:36px;
			width:221px;
			}
		#st_index{
			position:absolute;
			top:146px;
			right:58px;
			width:238px;
			height:60px;
			z-index:2;
			}	
			#st_index li a {
				display:block;
				overflow:hidden;
				width:100%;
				height: 0 !important;
				height /**/:60px;
				padding-top:60px;
				background-image:url(../img/img044.jpg);
			　}
				/*オフマウス*/
				#st_index_nav01 a {background-position: 0px 0px;}
				#st_index_nav02 a {background-position: 0px -60px;}
				/*オンマウス*/
				#st_index_nav01 a:hover {background-position: 0 -120px;}
				#st_index_nav02 a:hover {background-position: 0px -180px;}
			
/*ヘッダー*/			
			
/*内部*/			
#bgwrapper {
	background:url(../img/img012.gif) left top repeat-x;
	width:100%;
	}
.modern {/*モダンブラウザ:MacIE5：IE7:用flaot解除により背景表示可能*/
　　overflow: hidden;
	}
.modern:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
　　overflow: hidden;
}
				/*\*/
				* html .modern {
				    height: 100%;
			　       overflow: visible;
					}
				/*IE5～6対策*/
				
				
	#container {
		width:840px;
		margin:0  auto;
		}
		#main {
			background:url(../img/img007.gif) right top repeat-y;
			height:100%;
			margin:0 0 -1px 0;/*モダンブラウザの１px背景表示調整系*/
			width:840px;
			}
			#pgbody {
				width:840px;
				text-align:left;
				background:url(../img/img011.gif) left top repeat-y;
				overflow: hidden;
				}
				.img_bg {
					width:840px;
					height:235px;
					background:url(../img/img019.jpg) right top no-repeat;
					}
				
				#content {
					width:551px;
					float:right;
					margin:0 0 -1px 0;
					background:url(../img/img007.gif) left top repeat-y;
					}

					/*コンテンツ内部*/
					#box1 {
						margin-left:30px;/*マージン30＋box1内の幅に注意＜幅指定の場合515以下に収めること*/
						background:url(../img/img001.jpg) right top no-repeat;
						padding-top:17px;
						
						}
						#top_botton01 {margin-bottom:6px;}/*料金表へのボタン*/
						#top_botton01 li{display:inline;}
						#set_bana {margin:0px 0 10px 0;}/*セットプランのボタン*/
						
						.top_box_bana01{/*キャンペーン*/
							background:url(../img/img080.gif) left top no-repeat;
							height:150px;
							}
							#bana01_p{/*■firefoxではmarginで指定すると親ボックスに影響する*/
								padding-top:44px;
								padding-left:50px;
								}
								#bana01_p p{font-size:12px;}
						.top_h2 {
							/*border-left:2px solid #990000;*/
							padding:6px 0 0 15px;
							font-weight:bold;
							margin-top:7px;
							color: #FF0066;
							}
						.box1_top_img {/*flot用ボックスとして使用*/
							width:479px;
							}
							.box1_top_img img {/*右へ画像を回り込ませる*/
								float:right;
								width:150px;
								}
							#box_clear {
								clear:both;
								}
						
						.box1_otoku {/*お得な理由リンクボタン*/
								float:right;
								width:220px;
							}
							.box1_otoku a{
								display:block;
								width:220px;
								height: 0px !important;
								height /**/:55px;
								padding-top:55px;
								overflow:hidden;
								background-image:url(../img/img069.gif);
								}
							/*オフマウス*/
							#otoku_nav01 a {background-position: 0px 0px;}
							/*オンマウス*/
							#otoku_nav01 a:hover {background-position: 0px -55px;}
						
						#box1 h3 {
							margin:28px 30px 0 5px;
							color:#0066FF;
							font-weight:bold;
							}
						#box1 p {
							line-height:1.7;
							margin-top:20px;
							margin-right:30px;
							margin-left:5px;
							}
						.box1_ul {
							margin-top:15px ;
							margin-bottom:25px;
							margin-right:30px;
							list-style:url(../img/img008.gif);
							}
							.box1_ul li {
								margin: 10px 0 10px 35px;
								padding-left:10px;
								}
						
						#img054 {
							margin:10px 0; 
							}
									
						#p_up {
							padding-left:390px;
							margin-bottom:30px;
							margin-top:15px;
							}
				/*左サブナビゲーション*/			
				#sub-content {
					width:289px;
					float:left;
					background:url(../img/img004.gif) left top repeat-y;
					margin:0;
					}
					.box2 {
						margin-bottom:5px;
						}
					#box2_bg {/*サブナビ上段専用背景あわせ*/
						background:url(../img/img005.jpg) left top no-repeat;
						}
						.box2 h3 {
							padding-left:42px;
							padding-top:15px;
							height: 37px !important;
							height /**/: 52px;
							color:#ffffff;
							font-size:15px;
							background:url(../img/img006.jpg) left top no-repeat;
							}
						#box_h3_bg {/*サブナビ上段専用背景あわせ*/
							background:url(../img/img010.jpg) left top no-repeat;
							}
							.box2 ul {
								margin:0;
								padding:0;
								}	
								.box2 ul li {
										background: url(../img/img014.jpg) left center no-repeat;
									}
									
									.box2 ul li a{
										padding:15px 0px 15px 42px; 
										background:url(../img/img013.jpg) left center no-repeat;
										display: block;
										width: 247px !important;
										width /**/: 289px;
										font-size:13px;
										color:#000000;
										}
									.box2 ul li a:hover{
											text-decoration:none;
											color:#FF0099;
											background-image:none;

											}
									.box2 ul li a:visited {
											background:url(../img/img018.jpg) left center no-repeat;
											}

									#box2_ul_li_a a{/*サブナビ上段リンクＢ専用背景*/
										padding:15px 0px 15px 42px; 
										background:url(../img/img015.jpg) left center no-repeat;
										display: block;
										width: 247px !important;
										width /**/: 289px;
										font-size:13px;
										color:#000000;
										}
									#box2_ul_li_a a:hover{/*サブナビ上段リンクＢ専用背景*/
											text-decoration:none;
											color:#FF0099;
											background:url(../img/img016.jpg) left center no-repeat;
											}
									#box2_ul_li_a a:visited{/*サブナビ上段リンクＢ専用背景*/
											background:url(../img/img017.jpg) left center no-repeat;
											}
		
						.box2 p {
							padding-left:42px;
							padding-top:10px;
							padding-right:20px;
							font-size:12px;
							}
						.box2 img {
							padding-left:42px;
							padding-top:4px;
							padding-right:20px;
							}
							.pr a{font-size:0.9em;color:#666666;}
						#box2_footer {
							width:289px;
							}
															
				

		#sub-footer {/*container内フッター*/
			clear:both;
			height:130px;
			}
/*フッター*/
#bgfooter {
	clear:both;
	background:url(../img/img016.gif) left bottom repeat-x;
}
		#footer{
			width:840px;
			margin-right:auto;
			margin-left:auto;
			text-align:left;
			}
			#f-rogo {
				width:840px;
				height:287px;
				background:url(../img/img015.gif) left bottom no-repeat;
				overflow: hidden;
				}
				#p-copy{
					float:left;
					width:580px;
					margin-top:190px;
					color:#525f75;
					}
					#p-copy ul li{
						display:inline;
						}
						#p-copy ul li a {
							font-size:11px;
							color:#ff8a00;
							}
						#p-copy ul li a:hover {
							color:#ffffff;
							text-decoration:none;
							}
					#p-copy p{
						font-size:11px;
						color:#525f75;
						}
					#c {
						font-size:9px;
						}
						
				#f-img {
					float:right;
					margin-top:230px;
					width:250px;
					}