@charset "UTF-8";
body {

	font-family:Futura, HJosefin Slab, sans-serif,"メイリオ","Meiryo";
	font-size: 12px;
	line-height: 26px;
	color: #000000;
        background-color: #FFFFFF;
	margin: 0;
    padding: 0;
}

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #006CB6; }
a:active { color: #000080; }

img {
border-style: none;
}


/* --- コンテナ --- */
#container {
width: 990px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* コンテナの背景色 */
}

/* ------------------------------
header
------------------------------ */

#header h1{ 	
    display: inline;
    *display: inline; <!-- IE用 --> 
    *zoom: 1;  <!-- IE用の hasLayout を true にするための記述 -->
 } 
 
#header h2{ 	
    display: inline;
    *display: inline; <!-- IE用 --> 
    *zoom: 1;  <!-- IE用の hasLayout を true にするための記述 -->
 } 

#header h3{ 	
	font-size: 25px;
	font-weight: 300;
	text-align:right; 
 }

#headmenu{ 	
font-size: 12px;
margin-bottom: 5px
 }

#headmenu a{ 	
font-size: 18px;
text-decoration: none;
 }


/* ------------------------------
SNS
------------------------------ */
.sns{
width:280px;
display: inline;
} 

.sns ul{ 	
    display: inline;
    margin:0 0 0 0;
 } 
 
.sns li{ 	
    display: inline;
    margin:0 0 0 -5;
 } 
 
 /* ------------------------------
コンテンツ
------------------------------ */

#contents{ 
margin-top:10px;
width: 990px;
 }

#contents a{
text-decoration:none;
}


#info{ 
margin-bottom:5px;
 }

#online{ 	
width: 326px;
float:left;
 } 
 
#lebel{ 	
width: 326px;
padding-left:3px;
float:left;
 } 
 
#shibuya{ 	
width: 326px;
padding-left:5px;
float:left;
 } 

#online dl{
width: 330px;
margin-left: -2px;
background-image: url("../img/sogotop/parts/backline_1.jpg");
background-repeat: repeat-y;
}

#lebel dl{
width: 330px;
margin-left: -4px;
background-image: url("../img/sogotop/parts/backline_1.jpg");
background-repeat: repeat-y;
}

#shibuya dl{
width: 330px;
margin-left: -4px;
background-image: url("../img/sogotop/parts/backline_2.jpg");
background-repeat: repeat-y;
}


#contents dd{
text-align:left;
margin-left:28px;
width:277px;
}

#contents dt{
text-align:center;
margin-top:10px;
margin-left:-3px;
}

.titletext{ 	
font-size: 180%;
text-decoration: none;
 } 


#gototop{
text-align:right;
clear: left;
padding-top:10px;
margin-bottom:10px;
margin-right:15px;
}
 
 


/* ------------------------------
FOOTER
------------------------------ */
/* フッターを幅いっぱいにする為のボックス*/
#footerbg {
background-image: url(../img/sogotop/parts/blue.jpg);
width:100%;
min-width:1000px;
}
/* フッター*/
#footer {
font-size: 1em;
width: 990px;
height:100px;
margin-right: auto;
margin-left: auto;
margin-bottom:-20px;
padding:10px 10px 10px 10px;
text-align:center;
text-decoration:none;
}

#footer  a{
text-decoration:none;
}

ul.example a:link  { color: #ffffff; }
ul.example a:visited { color: #9eb7c8; }
ul.example a:hover { color: #000000; }
ul.example a:active { color: #000000; }

.navi ul{ 	
    display: inline;
        *display: inline; <!-- IE用 --> 
    *zoom: 1;  <!-- IE用の hasLayout を true にするための記述 -->
	text-align: center;
    margin:0 0 0 0;
 } 

.navi li{
	display: inline;
	    *display: inline; <!-- IE用 --> 
    *zoom: 1;  <!-- IE用の hasLayout を true にするための記述 -->
}

#copy{ 	
	margin: 10px 0;
	text-align: center;
	color: #000;
 }