@charset "utf-8";
/* ----------------------------------------------------------
  Author : Koichi Tsuji [2008.6.1]
  URI    : http://www.so-net.ne.jp/○○○○/
  (c) So-net Entertainment Corporation
---------------------------------------------------------- */
@import url(base.css);

/*----------------------------------------------------

base layout

------------------------------------------------------*/

#wrapper{
margin-left:53px;
width:780px;
}

#header{
margin:0 2px;
width:776px;
height:83px;
background:url(../img/bg_header.jpg) left bottom repeat-x ;
}

#header .logo{
float:left;
padding:13px 0 0 23px;
width:451px;
}

#header .information{
float:right;
margin:10px 10px 0 0;
width:200px;
}

#header .information ul li{
margin-bottom:2px;
line-height:1.5;
}



#naviArea{
	width:100%;
	background:#000 url(../img/menu_bg.jpg);
}

#main-navi{
	margin: 0px auto;
	text-align:center;
	width: 780px;
	height:43px;
}

#main-navi ul{
margin:0;
padding:0;
list-style:none;
}

#main-navi li{
text-align:left;
float:left;
margin:0;
padding:0;
height:43px;
}

.menu1 a,.menu2 a,.menu3 a,.menu4 a,.menu5 a,.menu6 a,.menu7 a,.menu8 a{
display:block;
background:url(../img/menu.jpg) no-repeat;
text-indent:-9999px;
height:43px;
text-decoration:none;
}

.menu1 a{
background-position:0 0;
width:74px;
}

.menu2 a{
background-position:-74px 0;
width:148px;
}
.menu3 a{
background-position:-222px 0;
width:89px;
}
.menu4 a{
background-position:-311px 0;
width:129px;
}
.menu5 a{
background-position:-440px 0;
width:58px;
}
.menu6 a{
background-position:-498px 0;
width:74px;
}
.menu7 a{
background-position:-572px 0;
width:91px;
}
.menu8 a{
background-position:-663px 0;
width:68px;
}

.menu1 a:hover,.menu2 a:hover,.menu3 a:hover,.menu4 a:hover,.menu5 a:hover,.menu6 a:hover,.menu7 a:hover,.menu8 a:hover{
text-decoration:none;
}
.menu1 a:hover{
background-position:0px -43px;
}
.menu2 a:hover{
background-position:-74px -43px;
}
.menu3 a:hover{
background-position:-222px -43px;
}
.menu4 a:hover{
background-position:-311px -43px;
}
.menu5 a:hover{
background-position:-440px -43px;
}
.menu6 a:hover{
background-position:-498px -43px;
}
.menu7 a:hover{
background-position:-572px -43px;
}

.menu8 a:hover{
background-position:-663px -43px;
}.menu1 a,.menu2 a,.menu3 a,.menu4 a,.menu5 a,.menu6 a,.menu7 a,.menu8 a{
display:block;
background:url(../img/menu.jpg) no-repeat;
text-indent:-9999px;
height:43px;
text-decoration:none;
}

.menu1 a{
background-position:0 0;
width:74px;
}

.menu2 a{
background-position:-74px 0;
width:148px;
}
.menu3 a{
background-position:-222px 0;
width:89px;
}
.menu4 a{
background-position:-311px 0;
width:129px;
}
.menu5 a{
background-position:-440px 0;
width:58px;
}
.menu6 a{
background-position:-498px 0;
width:74px;
}
.menu7 a{
background-position:-572px 0;
width:91px;
}
.menu8 a{
background-position:-663px 0;
width:68px;
}

.menu1 a:hover,.menu2 a:hover,.menu3 a:hover,.menu4 a:hover,.menu5 a:hover,.menu6 a:hover,.menu7 a:hover,.menu8 a:hover{
text-decoration:none;
}
.menu1 a:hover{
background-position:0px -43px;
}
.menu2 a:hover{
background-position:-74px -43px;
}
.menu3 a:hover{
background-position:-222px -43px;
}
.menu4 a:hover{
background-position:-311px -43px;
}
.menu5 a:hover{
background-position:-440px -43px;
}
.menu6 a:hover{
background-position:-498px -43px;
}
.menu7 a:hover{
background-position:-572px -43px;
}

.menu8 a:hover{
background-position:-663px -43px;
}

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

#footArea{
clear:both;
width:780px;
}

#footer{
margin-left:15px;
}

#footer ul{
margin:10px 0;
}

#footer ul li.firstItem{
border-left:1px dotted #666;
}

#footer ul li{
float:left;
display:inline;
padding:0 15px;
border-right:1px dotted #666;
}

div#copyright{
text-align:center;
margin:0px auto;
padding-top:10px;
width:760px;
height:30px;
border-top:1px solid #ddd;
}

/*------------------------------------

second page layout

------------------------------------*/

div#leftContents{
float:left;
margin:10px 0 0 0;
padding-left:10px;
width:182px;
}

div#leftContents .announce{
margin-top:20px;
}


div#mainContents{
float:right;
padding:10px 13px 20px 0;
width:560px;
}

#mainContents h2{
margin-bottom:15px;
}

#mainContents h3{
margin-top:20px;
clear:both;
}

#mainContents p{
margin:10px 0 5px 0;
line-height:1.8;
}

#mainContents .insertImg_left{
margin:0 10px 10px 0;
float:left;
}

#mainContents .insertImg_right{
margin:0 0 10px 10px;
float:right;
}


.top{
margin:6px 0;
text-align:right;
}