/***  mian style  ***/

body { color: #BD2138; background:#000 repeat-x center top; text-align: center; margin:0; }

a:link {color:#ffc800; text-decoration:underline; margin:0px; padding:0px}
a:visited {text-decoration: underline; color: #FFE793; }
a:hover {text-decoration: none; color: #D22500; }
a:active {text-decoration: underline; color: #FFC800; }



/***  contents style  ***/


#contents_bg {
	width:900px;
	height:826px;
	margin:0 auto;
	background:url(../images/index/bg.png) no-repeat center top;
}

#logo_title{  
  width: 167px;  
	height: 125px;
  float: left;
	display: inline; 
	margin-left: 30px;
	padding-top:25px;
}  

#logo_title ul.title li {
	list-style:none;
	display: inline; 
	float:left;
	text-align:left;
}

#menu{  
  width: 690px;  
	height: 125px;
  float: left;
	display: inline; 
	margin-left:4px;
  text-align:left;
	padding-top:25px;
}  

#menu ul.menu li {
	list-style:none;
	display: inline; 
	float:left;
	text-align:left;
	margin-right:8px;
}
  
#main{  
  width: 610px; 
	height: 510px;  
  float: left;
	margin-left: 32px;
	attachment:fixed;
  padding:0px;
	text-align:center;
}  

/*
#main ul.main li {
	width: 610px;
  float:left;
	position:absolute;
	margin: 0px;
	text-align:left;
}
*/

#sub_menu{  
  width: 220px;
	height:600px;
  float: right;
	text-align:center;
	margin-right: 35px;
  padding:0px;
}  

#sub_menu ul.sub_menu li {
  float:left;
	width:220px;
	margin-top: 0px;
	margin-buttom: 0px;
	padding-bottom: 7px; padding-top:0px;
	text-align:center;
}
 
#sub_images{  
  margin-bottom: 15px;
	text-align:center;
}  

#sns{
	width:900px;
	margin-top:0px;
	text-align:left;
}

#sns ul{
	margin:0px auto; margin-top:10px;
	text-align:right;
}

#sns li{
	list-style-type:none;
	float:left;
	top:10px;
	margin-left:10px;
	max-width: none!important;
	max-height: none!important;
}

.sns{
	margin-right:5px;
	text-align:right;
} 

.icon{
	margin-top:-11px; margin-right:10px;
} 

.twitter{
	width: 115px!important;
}

#page{
  position:relative;
  overflow:hidden;
  width:100%;
}

.page ul{
  position: relative;
  left: 50%;
  float: left;
}

.page ul li {

  position: relative;
  right:50%;
  float: left;
}



/***  info  ***/


#info_box {
	width:610px;
	height:230px;
	background:url(../images/index/main_visual06.png) no-repeat center 0px;
	margin-top:10px;
	padding-top:30px;
	text-align:left;
}

#info_scroll {
	width:540px;
	height:150px;
	margin:10px 0px 0px 40px;
	text-align:left;
	overflow-y:scroll;
}

#info_scroll dl {
	margin-top:10px;
}

#info_scroll dl dt {
	margin-top:10px;
}

#info_scroll dl.info_new {
	font-weight:bold;
}

#info_scroll dl.info_new dt {
	margin-top:10px;
}

#info_box a:link {color: #000; text-decoration: underline; }
#info_box a:visited {text-decoration: underline; color: #777; }
#info_box a:hover {text-decoration: none; color: #b73cff; }
#info_box a:active {text-decoration: underline; color: #000; }


#footer {
	width:900px;
	height:75px;
	margin:25px auto;
	float:left;
	background:url(../images/index/footer_1.gif) no-repeat center top;
}