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

/* all--------------------------------------------------------------------*/

html{
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:scroll;
}

body{
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}

img{
	border:0px;
}

ul{
	list-style:none;
}

hr{
	margin:0px;
}

#page{
	width:800px;
	margin:0px auto;
	text-align:left;
	line-height:1.4em;
}


/* link--------------------------------------------------------------------*/

a:link{
	color:#0033FF;
	text-decoration:none;
}

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

a:hover{
	color:#0033FF;
	text-decoration:underline;
}



a:active{
	color:#0033FF;
	text-decoration:underline;
}


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

#header{
	width:800px;
	height:170px;
	background-image:url(images/header-bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#logo{
	width:130px;
	height:70px;
	position:absolute;
	left:630px;
	top:80px;
}

#comment{
	font-size:14px;
	position:absolute;
	left:20px;
	top:100px;
}

#utility{
	width:800px;
	font-size:13px;
	font-family:HGS明朝E;
	text-align:right;
	margin-top:8px;
	margin-bottom:-2px;
	margin-right:5px;
}

#utility a:link{
	color:#8c8c8c;
}

#utility a:visited{
	color:#8c8c8c;
}

#utility a:hover{
	color:#8c8c8c;
}

#utility a:activ{
	color:#8c8c8c;
}


/* leader------------------------------------------------------------------*/

#leader{
	width:800px;
	height:50px;
}


#navi{
	width:780px;
	height:50px;
	text-align:center;
}

#navi ul{
	margin-left:-15px;
}

#navi ul li{
	margin:0px;
	width:120px;
	display:inline;
}





/* main------------------------------------------------------------------*/

#main{
	width:770px;
	padding:0px 15px;
}

#con-navi{
	width:200px;
	margin:0px;
	float:left;
	background-image:url(images/con-navi-bg.jpg);
	background-repeat:repeat-y;
}

#content{
	width:550px;
	float:right;
}


/* footer------------------------------------------------------------------*/

#footer{
	width:800px;
	clear:both;
}

#sponsor{
	font-size:12px;
	text-align:center;
}

#copyright{
	font-size:11px;
	margin-top:3px;
	margin-right:30px;
	text-align:right;
}

#tracks{
	font-size:12px;
}



/* contents--------------------------------------------------------------------*/

.section2{
	display:inline;
}

.section3{
	clear:both;
}

.title1{
	background-image:url(images/button1.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:15px;
	width:145px;
	padding-left:25px;
	margin-left:15px;
}

.title2{
	background-image:url(images/button2.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:15px;
	width:280px;
	padding-left:25px;
	margin-left:10px;
}

.title3{
	background-image:url(images/button2.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:15px;
	width:400px;
	padding-left:25px;
	margin-left:10px;
}

#content img{
	width:200px;
	height:170px;
	float:right;
}

#c-head{
	margin-bottom:5px;
}

.text1{
	margin-left:15px;
}

.text2{
	margin-left:15px;
}

.text3{
	margin-left:15px;
}


ul{
	margin-top:5px;
}

p{
	margin-top:0px;
}