@charset "utf-8";

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

	 1. Wrapper
 
 * ---------------------------------------------------------------------------------------------------------- */

#wrapper #idxdoc{
	margin:0 auto;
	padding-top:100px;
	width:870px;
	}



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

	 2. Idxdoc
 
 * ---------------------------------------------------------------------------------------------------------- */

#idxdoc .swfobj {
	/*height:336px;*/
	}

#idxdoc #idxmenu {
	padding-top:40px;
	height:75px;
	}

#idxdoc #idxfooter{
	width:870px;
	padding-top:10px;
	padding-bottom:30px;
	color:#fff;
}



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

	 3. Idxmenu
 
 * ---------------------------------------------------------------------------------------------------------- */

#idxmenu .logo {
	float:right;
	width:270px;
	background-color:#1e1e1e;
	height:75px;
	}

#idxmenu .logo h1 {
	float:right;
	margin:20px 20px 0 0;
	width:202px;
	height:14px;
	background:url(../../img/idx_logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	}

#idxmenu .navi {
	float:left;
	width:600px;
	background-color:#6b6b6b;
	height:75px;
	}

#idxmenu .navi ul {
	float:right;
	margin:20px 20px 0 0;
	width:355px;
	}

#idxmenu .navi ul li {
	height:18px;
	}

#idxmenu .navi ul li.top {
	padding-left:150px;
	}

#idxmenu .navi ul li div {
	float:left;
	}

#idxmenu .navi ul li.top a {
	float:left;
	height:10px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}

#idxmenu .navi ul li a.aboutus {
	background:url(../img/btn_aboutus.gif) no-repeat 0 0;
	width:80px;
	height:10px;
	}

#idxmenu .navi ul li a.aboutus a {
	background:url(../img/btn_aboutus.gif) no-repeat 0 0;
	width:80px;
	}

#idxmenu .navi ul li a.aboutus a:hover {
	background:url(../img/btn_aboutus_over.gif) no-repeat 0 0;
	}

#idxmenu .navi ul li a.contact {
	background:url(../img/btn_contact.gif) no-repeat 0 0;
	width:80px;
	height:10px;
	}

#idxmenu .navi ul li a.contact a {
	background:url(../img/btn_contact.gif) no-repeat 0 0;
	width:80px;
	}

#idxmenu .navi ul li a.contact a:hover {
	background:url(../img/btn_contact_over.gif) no-repeat 0 0;
	}

#idxmenu .navi ul li a.blog {
	background:url(../img/btn_blog.gif) no-repeat 0 0;
	width:45px;
	height:10px;
	}

#idxmenu .navi ul li a.blog a {
	background:url(../img/btn_blog.gif) no-repeat 0 0;
	width:45px;
	}

#idxmenu .navi ul li a.blog a:hover {
	background:url(../img/btn_blog_over.gif) no-repeat 0 0;
	}

#idxmenu .navi ul li.bottom {
	clear:right;
	color:#fff;
	font-size:0.9em;
	}

#idxmenu .navi ul li.bottom a {
	color:#fff;
	text-decoration:none;
	}

#idxmenu .navi ul li.bottom a:hover {
	color:#de0000;
	text-decoration:underline;
	}

#idxmenu .navi ul li.bottom a:hover span {
	color:#fff;
	}

#idxmenu .navi ul li div.works {
	width:60px;
	background:url(../img/btn_works.gif) no-repeat 0 50%;
	text-indent:-9999px;
	overflow:hidden;
	}



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

	 4. Idxfooter
 
 * ---------------------------------------------------------------------------------------------------------- */

.ftr_author {
	float:right;
	width:435px;
	text-align:right;
	font-size:0.9em;
	}

.ftr_copy {
	float:left;
	width:435px;
	text-align:left;
	font-size:0.75em;
	}