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

body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object	{
	margin:0;
	padding:0;
	vertical-align:baseline;
}

body {
	font-size:62.5%;/**62.5%で、1.0emでデフォルト16pxを10pxにサイズダウン***/
	
	font-family: 'ヒラギノ角ゴ Pro','W3Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	line-height:1.5;
	/*text-align:center;*/
	/*\*/
	letter-spacing:0.1em;
	/*MacIE5回避（Backslash Hack）P71*/
}
/****終了　base*****/
/*****general*********/

h1 {font-size:12px;
	color:#cfcfcf;
}

h2 {
	font-size:1.5em;
	line-height:1.2em;
}

h3 {	font-size:1.4em;}
h4,h5,h6 {font-size:1.3em;}

h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
}

p {
	font-size:1.4em;
	color:#989d9f;
}

ul {
	font-size:1.4em;
	list-style:none;
} 

table {border-spacing:0;}

table,td,th,img {	border:0;}

strong {color:#00abee;}
.strong01 {color:#FF9900;}
.strong02 {color:#ec0064;}
.strong03 {color:#ac00ff;}

a {
	color :#ff9000;
	font-size:1.2em;
	text-decoration:none;

}

a:visited {
	text-decoration:none;
	color:#ff9000;
}

a:hover {
	color:#989d9f;
	text-decoration:none;/*underline;*/
}
img {
	vertical-align:bottom;
}		
/*****終了　general*********/

/*****ST-System　主要ＣＳＳ*******/

/*背景表示ハック*/	
.modan:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
	
/*\*/
* html .modan {
    height: 1em;
    overflow: visible;
}
/**/


/*ＣＳＳマニュアル　「height100%のボックス」「ウィンドウのサイズを変えてもフッターは常に画面の下.txt」を使用*/
html{
height:100%;
}
body{
height:100%;
}
body > #wrapper_bg {
    height: auto;
}
* html #wrapper_bg{
    height:100%;
}

#wrapper_bg {
/*ＣＳＳマニュアル　「height100%のボックス」「ウィンドウのサイズを変えてもフッターは常に画面の下.txt」を使用*/
	height:100%;
	min-height: 100%;
	position:relative;
	
	width:100%;
	background:url(../img/img079.gif) left top repeat-x;
	}
	
	#bg_header {
		background:url(../img/img078.gif) left top repeat-x;
	}
	#header {
		position:relative;
		height:100px;
		background:url(../img/img077.gif) left top no-repeat;
	}
			#h-right {
				position:absolute;
				z-index:2;
				top:0;
				right:0;
				}
				#h-right h1 {
					padding-right:20px;
					padding-top:10px;
					color:#12bcff;
					}
		#globalnav {
			position:absolute;
			top:0px;
			left:315px;
			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;}
					
			#h-left {
				position:absolute;
				top:0;
				left:38px;
				height:100px;
				}

	#container {
		width:100%;
		padding-bottom:297px;/*footer分のスペース*/
		}
		/*レフト*/
		#main_left {
			float:left;
			width:302px;
			position: relative;
			z-index: 2;
			}
			#left-cont {
				margin-top:32px;
				margin-left:25px;
			 	width:277px;
				}
			 #left_box1 {/*レフト上段*/
			 	padding:0 2px 13px 32px;
				}
				.top_link li{
					margin:0 0 5px 0;
					padding-left:22px;
					border-bottom:1px dashed #cccccc;
					background:url(../img/img090.gif) left center no-repeat;
					}
				.st_link li{
					margin:10px 0;
					}
					#st_link_top{
						margin:0;
						}

			 .left_box2 {/*レフト中段*/
					padding-left:20px;
					padding-right:20px;
				}	
					.pr{padding-left:22px;
						padding-top:5px;
						 font-size:1.2em;}
					#pr_a{
						color:#666666;
						
						}
				
					
		#main_right {
			width:100%;
			float:right;
			margin-left:-305px;
			}
			#main_content {
				margin-left:305px; 
				padding-top:32px;	
				text-align:left;
				}
				#content {
					width:96%;
					background:url(../img/img107.gif) left top repeat-y;
					}
					#content_bg{
						margin-left:56px;
						}
						/*.new_title h2{m_newpageで使用
							font-weight:bolder;
							padding:23px 0 26px 42px;
							color: #333366;
							}.new_title h2 span{
								color: #00CCFF;
								}
						*/
						.box1 p{
							color:#989d9f;
							padding:12px 0 12px 0px;
							}
						.box1 ol{
							margin-left:25px;
							margin-bottom:10px;
							font-size:1.2em;
							}
						/*st_index st_campaignで使用*/
						.st_h2 {
							border-bottom:1px solid #cccccc;	
							padding-bottom:10px;
							color:#0c2367;
							font-size:1.6em;
							font-weight:bolder;
							margin-bottom:12px;
							margin-top:15px;
							}
						#top_botton01 {margin-bottom:15px;}/*料金表へのボタン*/
						#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{
								padding-top:58px;
								padding-left:47px;
								}
								#bana01_p p{font-size:13px;}
						#st_system{
							background:url(../img/img008.jpg) left top no-repeat;
							padding-top:140px;
							}
						/*st-termsで使用*/	
						#terms_h2{
							background:url(../img/img125.gif) left top no-repeat;
							}
							#terms_h2 h2{
								padding-top:35px;
								color:#989d9f;
								margin-bottom:10px;
								}
							.terms_h3{
								font-weight:bolder;
								padding:9px 0 8px 15px;
								margin-bottom:10px;
								border-bottom:1px solid #cccccc;
								color:#0c2367;
								background-color:#eeeeee;
								}
						/*st_guideで使用*/		
						#guide_h2{
							background:url(../img/img091.gif) left top no-repeat;
							}						
							#guide_h2 h2{
								padding-top:35px;
								color:#989d9f;
								margin-bottom:10px;
								}
							.guide_tabel30{
								vertical-align:top;
								width:30%;
								}
						.guide_h3{
							font-weight:bolder;
							padding:9px 0 8px 0px;
							margin-bottom:10px;
							border-bottom:1px solid #ffad65;
							color:#ff7800;
							}
							#guide_table{
								margin-right:10px;
								font-size:0.7em;
								line-height:1.4;
								/*\*/
								letter-spacing:0.1em;
								/*MacIE5回避（Backslash Hack）P71*/
								}
								#guide_table ul li {
									background-color:#eeeeee;
									font-size:0.7em;
									padding:3px 3px 3px 6px;
									margin:3px 0;
									}
									
					/*box2内*/
					.box2{
						margin:5px 0;
						}
						#gaide_navi li {
							width:80px;
							display:inline;
							}		

					
					.page_top {
						padding-right:30px;
						text-align:right;
						}
					
							
	#footer-bg {
		clear:both;
		background:url(../img/img075.gif) left top repeat-x;
		width:100%;
		/*ＣＳＳマニュアル　「height100%のボックス」「ウィンドウのサイズを変えてもフッターは常に画面の下.txt」を使用*/
		position:absolute;
		bottom:0px;
	}
		#footer {
			margin-left:25px;
			height:296px;
			background:url(../img/img076.gif) left top no-repeat;
			}	
			#footer_inner{
				background:url(../img/img103.gif) right top no-repeat;
				width:96%;
				height:296px;
			}	
				#p-copy{
					width:100%;
					color:#525f75;
					padding-top:195px;
					}
					#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;
						width:580px;
						}
					#c {
						font-size:9px;
						}
						
					#f-img {
						position:absolute;
						bottom:10px;
						right:45px;
						text-align:right;
						width:100%;
						}
			
			
/*■■*****ST-System　主要ＣＳＳ*******終了*/

/*******m_alldel_endで使用*/

#content_1colom {/*これだけm_alldel以外でも使用*/
	margin:0px; 
	text-align:center;
	/*margin-left:25px;*/
	}
	
	#cont_1colom {
		width:70%;
		margin: 0 auto;
		padding-top:32px;	
	}
		#cont_1colom table {
			margin-top:40px;
			width:100%;
			table-layout: fixed;
			border-collapse: collapse;
			} 
			#cont_1colom table td{
				text-align:center;
				padding: 15px;
				border: 1px dashed  #CCCCCC;
				background-color:#ffffff;
				
				}
				#cont_1colom table td p{
					font-size: 0.9em;
					}
				.1colom_a a:hover{
					color:#989d9f;
					}
					
/*■■m_alldel で使用********終了*/

/*******m_input m_loginで使用*/

#input_table{
		width:70%;
		margin: 0 auto;
		padding-top:32px;	
}
	#input_table table{
			margin-top:40px;
			width:100%;
			table-layout: fixed;
			border-collapse: collapse;
	}
		#input_table table th{
				text-align:center;
				padding: 15px;
				border: 1px solid  #CCCCCC;
				background-color:#eeeeee;
			}
				#input_table table th p{
					font-size:0.9em;
					color:#000000;
					}
		#input_table table td{
				width:70%;
				text-align:left;
				padding-left:15px;
				border: 1px solid  #CCCCCC;
				background-color:#ffffff;
			}
		#font_p{
			padding:15px;
			font-size:0.9em;
			color: #609ce5;
			line-height:1.3em;
			/*\*/
			letter-spacing:0.2em;
			/*MacIE5回避（Backslash Hack）*/
			}
			#p_strong{
				color:#ff00b4;
				}
		#submit {
			text-align: center;
			padding:15px 0;
			}
		.left_soloe{/*m_loginで使用*/
			text-align:left;
			}
		.left_soloe_01{/*m_pass_getで使用*/
			text-align:left;
			margin-top:15px
			}

		
/*■■m_input m_login で使用********終了*/