@charset "utf-8";

/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

/****************************************
		2. Basic Layout 
*****************************************/

body {
	font-size:12px;
	background:#c83a35 url(../img/bg.gif);
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#wrapper{
	background:url(../img/bg_top.gif) no-repeat top center;
}

#wrapper2{
	background: url(../img/bg_top.png) no-repeat top right;
}


#container {
	width: 1000px;


	margin: 0 auto; 
	text-align: left; 
}
#header { 
	padding:10px 0px 0 0px; 
}

#contents{
	padding:0px 0 0 0;
	margin:0 0 10px 0;
}

#logo{
	width:262px;
	height:680px;
	background:url(../img/logo.png) no-repeat bottom;
	margin:0 723px 0 15px;
	padding:20px 0 0 0;
}

#top_hatubai{
	width:450px;
	height:157px;
	margin:-150px 0 0 287px;
}

#topics{
	width:300px;
	height:170px;
	padding:15px 15px 90px 85px;
}

#topics2{
	width:152px;
	height:131px;
	margin:10px 100px 0px 10px;
}

#topics3{
	width:164px;
	height:164px;
	margin:15px 100px 50px 0;
	}


#contents ul{
	width:920px;
	margin:0 auto;
}

#contents li{
		width:100px;
		height:70px;
		float:left;
		padding:0 1px;
		position:relative;
		display:inline;
}

#mainContent {
	width:920px;
	margin:0 auto;
	padding: 0 30px; 
}

#mainContent dd{
	width:511px;
	float:left;
	padding:0;
	margin:0;
}

#mainContent dt{
	width:380px;
	float:right;
	padding:0 15px 0 0;
	margin:0;
}



#history{
	width:511px;
	height:150px;
	position:relative;
	background:url(../img/bg_history.png) no-repeat;
	margin:0;
	padding-top:50px;
	font-size:13px;
}

.text{
	width:480px;
	height:120px;
	color:#FFF;
	padding:0 5px 0 15px;
	text-align:left;
}

.whatnew{
	color:#FFFF00;
}


/****************************************
		2. twitter
*****************************************/

div.twitter_box{
	width:380px;
	height:150px;
	background-image:url(../img/twitter_bg.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding:5px;
	font-size:small;
}

div.twitter_txbox{
	width:360px;
	height:110px;
	color:#000;
	margin:0 auto;
}





/****************************************
		3. fotter
*****************************************/

#footer {
	width:100% !important;
	position:relative;
	background:#000000;
	color:#FFFFFF;
	font-size:10px;
	bottom:0;
} 

#footer_link{
	width:950px;
	background:#000000;
	margin:0 auto;
	text-align:left;
	padding:10px 0px 10px 30px;
}


/* scroll調整用css */
.scroll-pane {
    width: 480px;
    height: 120px;
    overflow: auto;
}
.scroll-pane .jspVerticalBar {
    width: 5px;
}
.scroll-pane .jspTrack{
    background:#666;
}
.scroll-pane .jspDrag{
    background:#CC0000;
}