﻿@charset "UTF-8";

* { 
padding : 0;
margin : 0;
}

body { 
color : black; 
font-size : 12px;
color:#666666;
font-family:"ＭＳ Ｐゴシック";
line-height:1.5;
}

img { 
padding : 3px; 
border : none;
}

img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 3px;
margin-top : 2px;
margin-left : 10px;
} 

img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 3px;
margin-top : 2px;
margin-right : 10px;
}

#wrapper { 
width : 926px;
margin : 0 auto;
background:url("../images/bg_wrapper.gif") repeat-y;
}

#header_menu {
border : none;
padding: 0 auto;
margin : 0 auto;
width : 926px;
height : 115px;
margin-left : 2px;
margin-bottom : 7px;
text-align: right;
background-image : url(../images/mainVisual_01.jpg); 
background-repeat: no-repeat
}

#header { 
border : none;
padding: 0 auto;
margin : 0 auto;
margin-left : 12px;
height : 80px;
margin-bottom : 20px;
/*background-image : url(../images/mainVisual.jpg);*/ 
} 

#main_visual { 
border : none;
margin : 0px;
margin-top : 5px;
margin-left : 14px;
margin-bottom : 12px;
height : 200px;
/*background-image : url(../images/mainVisual.jpg);*/
} 

/*左*/
#leftcolumn { 
margin : 0px;
margin-left : 15px;
padding-right : 3px;
display : inline;
width : 180px;
height: 280px;
float : left;
border : none;
}

#leftcolumn_01 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height: 280px;
float : left;
border : none;
}

#leftcolumn_02 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height:510px;
float : left;
border : none;
}

#leftcolumn_03 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height: 260px;
float : left;
border : none;
}

#leftcolumn_04 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height:2550px;
float : left;
border : none;
}

#leftcolumn_05 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height:2430px;
float : left;
border : none;
}

#leftcolumn_06 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height:1560px;
float : left;
border : none;
}

#leftcolumn_07 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height:750px;
float : left;
border : none;
}

#leftcolumn_08 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height:600px;
float : left;
border : none;
}

#leftcolumn_09 { 
margin : 0px;
margin-left : 10px;
display : inline;
width : 180px;
height:390px;
float : left;
border : none;
}

#server_status,		
/*#network_effect,*/
#skyserver_service	
{ 
margin : 0px;
display : inline;
width : 170px;
float : left;
border : 1px solid #ccc;
font-weight :bold;
} 

#server_status	
{
	height:150px;
	background-color : blue;
	margin-bottom:6px;
}

#network_effect	
{
	margin : 0px;
	display : inline;
	width : 170px;
	float : left;
	margin-bottom:12px;
}

#menu
{
	margin : 0px;
	margin-left:5px;
	margin-bottom:15px;
	display : inline;
	width : 180px;
	height:27px;
	float : left;
	background:url("../images/sky_menu.jpg") no-repeat;
}

/*中央*/
#centercolumn { 
border : 0px solid #ccc;
margin-left : 10px;
margin-right : 10px;
display : inline;
width : 488px;
float : left;
} 

#centercolumn_01 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:280px;
float : left;
}

#centercolumn_02 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:510px;
float : left;
} 

#centercolumn_03 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:260px;
float : left;
} 

#centercolumn_04 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:2550px;
float : left;
} 

#centercolumn_05 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:2430px;
float : left;
} 

#centercolumn_06 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:1560px;
float : left;
} 

#centercolumn_07 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:750px;
float : left;
} 

#centercolumn_08 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:600px;
float : left;
} 

#centercolumn_09 { 
border : 0px solid #ccc;
padding-left : 5px;
padding-right : 7px;
display : inline;
width : 500px;
height:390px;
float : left;
} 

/*各バナー*/
#banner,
#news { 
padding-top : 10px;
border : 0px solid #ccc;
}

#centercolumn .banner { 
margin-bottom : 12px;
}

#rightcolumn { 
margin : 0px;
margin-left : 7px;
display : inline;
width : 200px;
float : left;
border : none;
}

#rightcolumn .banner
{
margin-bottom:6px;
height:106px;
}

#rightcolumn .banner ul {
	margin: 0;
	padding: 0;
}

#rightcolumn .banner ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#rightcolumn .banner_02
{
padding-left:3px;
margin-bottom:6px;
height:150px;
}


/*その他*/
#network_effect h3,
#skyserver_service h3 { 
background-color : #000080;
font-size : 1em;
padding-top : 8px;
padding-bottom : 8px;
color : #fff;
font-weight : bolder;
text-align:center;
} 

#server_status h3 {
background-color : blue;
font-size : 1em;
padding-top : 8px;
padding-bottom : 8px;
color : #fff;
font-weight : bolder;
text-align:center;
}

.menuleft ul { 
margin : 0 0 0 0;
list-style-type : none;
margin-left : 0px;
} 

.menuleft ul li { 
width : 155px;
padding-top : 8px;
padding-bottom : 8px;
border-bottom : 1px dashed #868686;
}

.menuleft ul li a { 
display : block;
color : #669999;
font : 400 12px;
padding : 0 0 0 10px;
}

.menuleft ul li a:hover { 
text-decoration : none;
color : #7e9dc8;
}

.menuleft ul li.last { 
border : none;
}

.menuleft_01 ul { 
margin : 0 0 0 0;
list-style-type : none;
margin-left : 0px;
} 

.menuleft_01 ul li a { 
display : block;
color : #666666;
font : 400 12px;
padding : 0 0 0 10px;
}

.menuleft_01 ul li a:hover { 
text-decoration : none;
color : #669999;
}

.menuleft_01 ul li.last { 
border : none;
}

.menuleft_02 th { 
margin : 0 0 0 0;
list-style-type : none;
margin-left : 0px;
} 

.menuleft_02 th a { 
display : block;
color : #666666;
font : 400 12px;
padding : 0 0 0 0px;
}

.menuleft_02 th a:hover {
text-decoration : none;
color : #669999;
}

.menuleft_02 th.last { 
border : none;
}

.menuleft_03 li { 
margin : 0 0 0 0;
list-style-type : none;
margin-left : 5px;
} 

.menuleft_03 li a:hover { 
text-decoration : none;
color : #669999;
}

.menuleft_03 ul li.last { 
border : none;
}

.menuleft_04 { 
margin : 0 0 0 0;
list-style-type : none;
margin-left : 0px;
} 

.menuleft_04:hover { 
text-decoration : none;
color : #669999;
}

.menuleft_04.last { 
border : none;
}

.menuleft_05 a { 
margin : 0 0 0 0;
list-style-type : none;
margin-left : 0px;
color:#669999;
} 

.menuleft_05 a:hover { 
text-decoration : none;
color : #669999;
}

.menuleft_05 a.last { 
border : none;
}

#rightcolumn h3 { 
background-color : #847ec8;
font-size : 1em;
padding-left : 7px;
padding-top : 2px;
padding-bottom : 2px;
color : #fff;
font-weight : bolder;
}

.line {
margin-top : 6px;
margin-right : 15px;
display : inline;
float : right;
width : 900px;
text-align : center;
height:6px;
background-color: #666666;
} 

#footer { 
display : inline;
float : left;
width : 940px;
padding-top : 12px;
padding-left : 12px;
position: absolute;
}

#footer_menu { 
display : inline;
float : left;
width : 470px;
text-align : left;
}

#footer_copyright {
display : inline;
float : left;
width : 376px;
text-align : right;
padding-top : 16px;
padding-right : 20px;
color:#FFFFFF;
}

#footer p { 
color : #a8bcf6;
}

#head { 
display : inline;
float : left;
width : 940px;
padding-top : 12px;
padding-left : 12px;
}

#head_01 { 
display : inline;
float : left;
width : 940px;
padding-top : 35px;
padding-left : 2px;
}

/*--------------------------------------*/
/*# メインフレーム #                    */
/*--------------------------------------*/

.innerWrapper{
	width:930px;
	background:url("../images/bg_wrapper_top.jpg") repeat-y;
}

.footer{
	position:relative;
	width : 926px;
	height:79px;
	margin: 2px;
	margin-top:20px;
	margin-bottom: auto;
	background:url("../images/bg_footer.jpg") repeat-x;
}

.footer_01{
	position:relative;
	width : 926px;
	height:79px;
	margin: 2px;
	margin-top:30px;
	margin-bottom: auto;
	background:url("../images/bg_footer.jpg") repeat-x;
}

/*--------------------------------------*/
/*# ヘッダー #                          */
/*--------------------------------------*/
.headNav,
.copyright{
	position:absolute;
	border : none;
	padding-left : 500px;
	padding-right : 5px;
}
.headNav{
	top:3px;
	width:426px;
	padding-right:2px;
	height:26px;
}
	.headNav ul{
	}

.headNav_01{
	position:absolute;
	border : none;
}
.headNav_01{
	top:32px;
	padding:0 auto;
	margin:0 auto;
	width:552px;
	height:80px;
}
	.headNav ul{
	}

/* 画像使ったリスト */
ul.imgList,
ol.imgList{
	font-size:0;
	line-height:0;
}

/* floatタイプのリスト */
ul.float,
ol.float{ /*floatClear内蔵*/}
	ul.float li,
	ol.float li{
		float:left;
		display:inline;
	}

/*--------------------------------------*/
/*# フッター #                          */
/*--------------------------------------*/
.ftrNav,
.copyright{
	position:absolute;
	border : none;
	width : 940px;
	margin-left : 16px;
	padding-right : 12px;
}
.ftrNav{
	top:17px;
	left:7px;
	width:919px;
	padding-right:2px;
	height:41px;
}
	.ftrNav ul{
	}


.copyright{
	top:35px;
	right:24px;
}

/*floatのクリア*/
.FloatEnd
{
	clear:both;
}

/*--------------------------------------*/
/*# こいこいページ #                    */
/*--------------------------------------*/
.title05{
	margin-left:15px;
	font-weight:bold;
}



