@charset "utf-8";

/* html*/

body{
	margin:0;
	padding:0;
	background:#E0E0E0;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	color:#333;
	line-height:1.5;
	text-align:center;
}

html {
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6,p,div,strong,em,address,table,textarea,form{
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}

img{
	border:none;
	vertical-align:bottom;
}

/*Link*/

a:link   {color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover  {color:#999; text-decoration:underline;}
a:active {color:#999; text-decoration:underline;}

/*container*/

#container{
	width:780px;
	margin:0 auto;
	background:#FFF;
}

#container-inner{
	width:740px;
	margin:0 auto;
	text-align:left;
}

/*header*/

#header {margin:0 0 10px 0;}

#header h1{
	font-size:80%;
	margin:10px 0 0 0;
}

#h-logo{
	width:450px;
	margin:10px 0 0 0;
	float:left;
}

#header p{
	width:170px;
	float:left;
}

#h-menu{
	width:280px;
	margin:20px 0 0 0;
	background:url(../images/h_menu_on.gif) no-repeat;
	float:right;
	display:inline; /*IE*/
}

#h-menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

#h-menu li{
	padding:0;
	margin:0;
	float:left;
}

#h-menu li a{display:block;}
#h-menu li a:hover {background-color:transparent;}
#h-menu li a:hover img{visibility:hidden;}

/*global-menu*/

#global-menu{
	background:url(../images/menu_on.jpg) no-repeat;
	margin:0 0 15px 0;
	clear:both;
}

#global-menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

#global-menu li{
	margin:0;
	padding:0;
	float:left;
}

#global-menu li a{display:block;}
#global-menu li a:hover {background-color:transparent;}
#global-menu li a:hover img{visibility:hidden;}


/*side*/

#side{
	width:180px;
	float:left;
	clear:both;
}

#side-menu{
	border:1px solid #CCC;
	margin:0 0 10px 0;
}

#side-menu h2{
	margin:1px;
}

#side-menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#side-menu li{
	margin:1px;
	border:1px solid #CCC;
	background:url(../images/side/arrow.gif) no-repeat left center;
}

#side-menu a{
	padding:10px 5px 10px 15px;
	display:block;
}

#side-menu a:link   {color:#333; text-decoration:none;}
#side-menu a:visited{color:#333; text-decoration:none;}
#side-menu a:hover  {color:#FF6600; text-decoration:none;}
#side-menu a:active {color:#FF6600; text-decoration:none;}

#side-menu #on a{
	color:#FF6600;
}

#side p{
	margin:0 0 10px 0;
}


/*main*/

#main{
	width:540px;
	float:right;
}

#pan{
	margin:5px;
	font-size:80%;
}

/*cover*/

#cover{
	background:url(../images/cover_middle.gif) repeat-y;
	margin:0 0 15px 0;
}

#cover p{color:#FFF;}

#cover-img{
	background:url(../images/cover_top.gif) no-repeat top left;
	padding:20px 0 0 0;
	text-align:center;
}

#cover-img div{
	background:url(../images/cover.gif) no-repeat top left;
	height:228px;
	margin:0 20px;
	text-align:left;
}

#cover-img p{
	width:123px;
	position:relative; top:150px; left:530px;
	background:url(../images/login_on.gif) no-repeat;

}

#cover-img p a{display:block;}
#cover-img p a:hover {background-color:transparent;}
#cover-img p a:hover img{visibility:hidden;}

#cover-note{
	background:url(../images/cover_bottom.gif) no-repeat bottom left;
	margin:15px 0 0 0;
	padding:0 0 15px 0;
}

.cover-catch{margin:0 20px;}

#cover-note .left{
	width:330px;
	float:left;
	margin-left:25px;
	text-align:left;
	display:inline; /*IE*/
}

#cover-note .right{
	width:330px;
	float:right;
	margin-right:25px;
	text-align:left;
	display:inline; /*IE*/
}

/*footer*/

#f-menu{
	background:url(../images/f_menu_on.gif) no-repeat right;
	clear:both;
	margin:10px 0 0 0;
}

#f-menu ul{
	width:340px;
	padding:0;
	margin:0;
	list-style-type:none;
	float:right;
}

#f-menu li{
	float:left;
	padding:0;
	margin:0;
}

#f-menu li a{display:block;}
#f-menu li a:hover {background-color:transparent;}
#f-menu li a:hover img{visibility:hidden;}

#footer{border-top:1px dotted #333;margin-top:10px;}

#footer{padding:10px 0;}

.pagetop{
	width:124px;
	float:right;
	background:url(../images/pagetop_on.jpg) no-repeat right;
}

#footer .pagetop a{display:block;}
#footer .pagetop a:hover {background-color:transparent;}
#footer .pagetop a:hover img{visibility:hidden;}