@charset "euc-jp";

body {
	background: url(../img/bg_main.png) repeat-x top left !important;
}

/* head */
#head {
	font-family: Meiryo,"¥á¥¤¥ê¥ª","£Í£Ó £Ð¥´¥·¥Ã¥¯",'Hiragino Kaku Gothic Pro',"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Osaka,sans-serif;
	width: 956px;
	height:66px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
	#head #logo {
		display:block;
		float:none;
		height:auto;
		width:auto;
		text-align:left;
	}
	#logo a{
		position:absolute;
		bottom:2px;
		height:50px;
		width:164px;
		background: url(../img/melma_logo.png) no-repeat left bottom;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	}
	#head ul {
		bottom:0;
		overflow:hidden;
		display:block;
		padding:0;
	}
	#head ul li ul {
		top:0;
	}
	#head .big{
		position:absolute;
		left:186px;
		bottom:0;
		width:600px;
		height:100%;
	}
		#head .big li {
			position:absolute;
			overflow:hidden;
			height:29px;
			zoom:1;
			bottom:0;
		}
		html:not([lang*=""]) #head .big li a {
			position:relative;
			}

		#head .big .read,
		#head .big .write {
			text-indent:-9999px;
			height:100%;
		}
		#head .big li ul {
			top:0;
			height:100%;
			position: absolute;
		}
		#head .big .read {
			background: url(/common/img/head2-bg1.png) no-repeat left bottom;
			width:338px;
			left:0;
		}
				#head .big .read ul {
					left:38px;
					width:300px;
				}
		#head .big .write {
			background: url(/common/img/head2-bg2.png) no-repeat left bottom;
			width:252px;
			right:0;
		}
				#head .big .write ul {
					left:43px;
					width:209px;
				}
				#head .big .nav01 { width:93px; left:0; }
				#head .big .nav02 { width:105px; left:93px;}
				#head .big .nav03 { width:104px; left:0;}
				#head .big .nav04 { width:105px; right:0;}
				#head .big .nav05 { width:102px; right:0;}
				#head .big li a {
					display:block;
					height:100%;
					width:100%;
					}
				#head .big li ul .nav01 a:hover {	background: url(/common/img/head2-bg11.png) no-repeat left top;	}
				#head .big li ul .nav02 a:hover {	background: url(/common/img/head2-bg11.png) no-repeat -93px top;	}
				#head .big li ul .nav03 a:hover {	background: url(/common/img/head2-bg21.png) no-repeat left top;	}
				#head .big li ul .nav04 a:hover {	background: url(/common/img/head2-bg21.png) no-repeat right top;	}
				#head .big li ul .nav05 a:hover {	background: url(/common/img/head2-bg11.png) no-repeat right top;	}
	#head .small{
		bottom:2px;
		font-size:8pt;
		position:absolute;
		right:0;
		text-align:right;
		width:170px;
	}
		#head .small li{
			background:url(../img/icon_more.png) no-repeat scroll -4px 50% transparent;
			display:inline;
			height:1.4em;
			overflow:hidden;
			padding:0 7px;
			white-space:nowrap;
		}

/* foot */
#foot {
	font-family: Meiryo,"¥á¥¤¥ê¥ª","£Í£Ó £Ð¥´¥·¥Ã¥¯",'Hiragino Kaku Gothic Pro',"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Osaka,sans-serif;
	font-size:small;
	margin:20px 0;
	overflow:visible;
	padding:0;
	text-align:center;
	width:100%;
	}
	#foot ul {
		padding:0;
		}
	#foot *{	font-size:12px;}
	#foot .up {
		width:956px;
		margin:0 auto;
		position:relative;
		bottom:16px;
	}
		#foot .up a {
			text-indent: -9999px;
			display: block;
			height: 17px;
			width: 41px;
			position: absolute;
			right: 0px;
			background: url(../img/icon_up.png) no-repeat left top;
		}
	#foot .genreBox {
		background: #FFF;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		padding: 1px 0;
		text-align:left;
	}
		#foot .genreBox .inner {
	background: url(../img/foot_bg_cat2.png) repeat left top;
		}
			#foot .genreBox .inner ul {
				margin:0 auto;
				width:860px;
				display:block;
			}
			#foot .genreBox .inner ul li {
				position:relative;
			}
			#foot .genreBox .inner ul li h2 {
				background: url(../img/foot_bg_cat1.png) no-repeat left top;
				padding:4px 0 0 40px;
				height: 18px;
				width: 83px;
				position: absolute;
				left: 0px;
				top:-21px;
				}
				#foot .genreBox .inner ul li ul {
					overflow:hidden;
						padding:13px 0 5px;
				}
					#foot .genreBox .inner ul li ul li {
						float:left;
						width:18%;
						padding:0 0 5px 2%;
						background: url(../img/foot_bg_cat3.png) no-repeat left 0.3em;
					}
	#foot .basic {
		margin: 0 auto 12px;
		border-bottom:2px solid #F90;
		background: #EEE url(../img/foot_bg.png) repeat-x left top;
		}
		#foot .basic .inner {
			width:956px;
			margin:0 auto;
			padding:12px 0;
		}
	#foot .hikaku,
	#foot .kyousan {
			width:956px;
			margin:0 auto;
			padding:0 0 3px;
			overflow:hidden;
			}
			#foot .hikaku *,
			#foot .kyousan * {
				display:inline;
				}
			#foot .hikaku h2,
			#foot .kyousan h2 {
				background-color:#FFF;
				color:#000;
				float:none;
				}
	#foot a img {
		margin:10px 0 0;
		}
/* pseudo-classes  */

#head a:link {	color: #03C;	text-decoration: none;}
#head a:visited {	color: #551A8B;	text-decoration: none;	}
#head a:active,
#head a:hover,
#head a:focus {	color: #03C;	text-decoration: underline;	}

#foot a:link {	color: #03C;	text-decoration: none;}
#foot a:visited {	color: #551A8B;	text-decoration: none;	}
#foot a:active,
#foot a:hover,
#foot a:focus {	color: #03C;	text-decoration: underline;	}

#foot .genreBox a:link,
#foot .basic a:link{ color:#000;	text-decoration: none;}
#foot .genreBox a:visited,
#foot .basic a:visited{ color:#666;	text-decoration: none;}
#foot .genreBox a:active,
#foot .genreBox a:hover,
#foot .genreBox a:focus,
#foot .basic a:active,
#foot .basic a:hover,
#foot .basic a:focus{ color:#000;	text-decoration: underline;}