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

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

div#container{
	margin:0 auto;
}

div#header h1{
	padding:0;
	margin:0;
	background-image: url(../img/header_logo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div#header h1 a{
	display:block;
	text-indent:-9999px;
}


div#mainMenu ul{
	margin:0;
	padding:0;
}

div#mainMenu li{
	padding-left:0;
	list-style:none;
}

div#mainMenu li a{
	display:block;
	width:auto;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-9999px;
}

div#mainMenu li.menu01 a{
	background-image:url(../img/menu01.gif);
	background-color:#666;
}
div#mainMenu li.menu02 a{
	background-image:url(../img/menu02.gif);
}
div#mainMenu li.menu03 a{
	background-image:url(../img/menu03.gif);
}
div#mainMenu li.menu04 a{
	background-image:url(../img/menu04.gif);
}
div#mainMenu li.menu05 a{
	background-image:url(../img/menu05.gif);
}
div#mainMenu li.menu06 a{
	background-image:url(../img/menu06.gif);
}
div#mainMenu li.menu07 a{
	background-image:url(../img/menu07.gif);
}
div#mainMenu li.menu08 a{
	background-image:url(../img/menu08.gif);
}
div#mainMenu li.menu09 a{
	background-image:url(../img/menu09.gif);
}

div#mainMenu br{
	clear:left;
}


/*フッターメニュー*/

#footerMenu {
	width: 890px;
	margin: 0 auto;
}

#footerMenu dl.box-footer {
	display: block;
	width: 120px;
	float: left;
	margin: 0 10px 10px 0;
}

#footerMenu dl.box-footer02 {
	display: block;
	width: 230px;
	float: left;
	margin: 0 10px 10px 0;
}

#footerMenu dl.box-footer dt, #footerMenu dl.box-footer02 dt {
	color: #FFF;
	font-size: 10px;
}

#footerMenu dl.box-footer dd, #footerMenu dl.box-footer02 dd {
	margin: 0;
	border-left: solid #FFF 1px;
	border-top: solid #FFF 1px;
	height: 100px;
}

#footerMenu dl.box-footer dd ul, #footerMenu dl.box-footer02 dd ul {
	margin: 5px 0 5px 5px;
}
#footerMenu dl.box-footer02 dd div {
	width: 110px;
	float: left;
	margin: 0;
	padding: 0;
}

#footerMenu dl.box-footer dd ul li ,#footerMenu dl.box-footer02 dd ul li {
	list-style: none;
}


#footerMenu dl.box-footer dd ul li a ,#footerMenu dl.box-footer02 dd ul li a {
	color: #333;
	font-size: 10px;
}

#footerMenu dl dd ul li a:hover {
	color: #09F;
}



/*div#footerMenu ul{
	margin:0;
	padding:0;
}

div#footerMenu li{
	float:left;
	padding-left:0;
	list-style:none;
	border-left:1px #666 solid;
	padding-left:0.5em;
	margin-left:0.5em;
	width:auto;	
}

div#footerMenu ul{
	margin:0 auto;
}

div#footerMenu li.first{
	border-left:none;
	padding-left:0;
	padding-left:0em;
	margin-left:0em;
}

div#footerMenu li.first a{
	padding-left:0;
}

div#footerMenu br{
	clear:left;
}

↓フッターメニューを中央にする場合
div#footerMenu {
   position:relative;
   overflow:hidden;
}

div#footerMenu ul {
   position:relative;
   left:50%;
   float:left;
}

div#footerMenu li {
   position:relative;
   left:-50%;
   float:left;
}
↑フッターメニューを中央にする場合*/


/*フッターメニューここまで*/

#copyRight{
	margin-top:1em;
	text-align:center;
	font-size:10px;
}


#mailForm{
	width:100%;

}

#mailForm th{
	width:30%;
	text-align:right;
	vertical-align:top;
}

#mailForm td input , #mailForm td textarea{
	width:80%;
}

#mailForm table{
	width:100%;
}

#mailForm {
   position:relative;
   overflow:hidden;
}

#mailForm #submit {
   position:relative;
   left:50%;
   float:left;
}

#mailForm #submit button {
   position:relative;
   left:-50%;
   float:left;
}

#mailForm #submit button{
	display:block;
	float:left;
}

.folder-handling p {
	line-height: 1;
	margin: 0;
	padding: 0;
}

.folder-handling form {
	width: 360px;
	float: left!important;
}

.folder-button {
	float: left!important;
}

.folder-button {
	float: left!important;
}

.remove-folder {
	/*width: 50px;
	height: 10px;
	color: #FFF;
	background: #666;
	padding: 4px 0;
	margin: 0 5px;
	text-align: center;*/
	font-size: 10px;
	height: 20px;
	width: 50px;
	display: block;
	float: left;
	margin: 0 5px;
	cursor: pointer;
}

.create-folder {
	/*width: 110px;
	height: 10px;
	color: #FFF;
	background: #666;
	padding: 4px 0;
	text-align: center;*/
	font-size: 10px;
	height: 20px;
	width: 104px;
	display: block;
	float: left;
	cursor: pointer;
}

.index-page {
	width: 50px;
	height: 18px;
	float: right;
	margin: 1px 15px 0 5px;
	_margin: 1px 15px 0 2px;
}

.name-window {
	width: 100px;
}

div.contentHeader{
	width: 740px;
	height: 24px;
	padding: 0 0 3px;
	margin: 0 0 10px;
	border-bottom: solid #666 1px;
}

div.contentFooter{
	border-top:#666  solid 1px;
	padding-top:5px;
}

div.contentHeader h2{
	margin-top:0;
	margin-bottom:0;
	margin-left:5px;
	height:24px;
	text-indent:30px;
	color:#0573E1;
	line-height:24px;
	font-size:14px!important;
	float:left;
	display: inline;
}

.sort {
	float: right;
}

.genre {
	width: 180px;
	float: right;
}

.genre-text {
	float: left;
}

#areaheader {
	width: 740px;
	height: 24px;
	clear: both;
}

#areafooter {
	width: 740px;
	height: 24px;
	clear: both;
	margin: 0 0 20px;
}

.folder-handling {
	width: 540px;
	margin: 5px 0;
	height: 24px;
	float: right;
}