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


/* Common Part
----------------------------------------------- */


body {
	background-color:white;
	font-family: Verdana, sans-serif;
	color:#222;
	font-size:0.7em;
	margin:0;
	padding:0;
}



/* =Misc(links)
----------------------------------------------- */

#top {
	width: 720px;
	margin: 0 auto;
	padding: 0 auto;
	margin-top: 140px;
}


#index {
	width: 720px;
	margin: 0 auto;
	padding: 0 auto;
	text-align:center;
	margin-top: 150px;
}

#index ul {
	margin: 0 auto;
	padding: 0 auto;
	text-align:center;
}

.margin_r100 {
	margin-right: 100px;
}


#index li {
	float :left;
	text-align: center;
}



#nav {
	margin:60px 0 0 40px;
}


#sub_nav {
	word-spacing:0.3em;
	line-height: 1.6;
	float: right;	
	margin-top:0px;
	font-size:134px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#sub_nav a{
	color:#f9f9f9;
	text-decoration: none;

}

#sub_nav a:hover{
	color: #F8E3C0;
	text-decoration: none;

}

#sub_nav a.marked {
	color: #222;
}

#sub_nav p {
	margin:0;
	padding:0;
}




a.header{display:block;margin:0;padding:0;width:100px;}

a {
	color:#777;
	text-decoration: none;
}

a img{
	border:none;
}


a:hover {
	color:#222;
}

a.marked {
	color: #f2f2f2;
}

ul,li {
	list-style:none;
	}


/* =Content
----------------------------------------------- */


#categories {
	margin-top:50px;
	width:120px;
	top:10px;
}
.basic p{
	padding:0px;
	line-height:14px;
	margin-top:0.5em;
	margin-bottom:1em;
}

/* =menu
----------------------------------------------- */

.home {

}

.home a {
	height:25px;
	background:url(../images/effective_logo-01.jpg) no-repeat;
}

.home a:hover{
	background:url(../images/effective_logo-02.jpg) no-repeat;
}

.home a:active{
	background:url(../images/effective_logo-02.jpg) no-repeat;
}


.create {

}

.create a {
	height:25px;
	background:url(../images/create_logo-01.jpg) no-repeat;
}

.create a:hover{
	background:url(../images/create_logo-02.jpg) no-repeat;
}

.create a:active{
	background:url(../images/create_logo-02.jpg) no-repeat;
}

.archives {
}

.archives a {
	height:25px;
	background:url(../images/archives_logo-01.jpg) no-repeat;
}

.archives a:hover{
	background:url(../images/archives_logo-02.jpg) no-repeat;
}

.archives a:active{
	background:url(../images/archives_logo-02.jpg) no-repeat;
}

.showcase {
}

.showcase a {
	height:25px;
	background:url(../images/showcase_logo-01.jpg) no-repeat;
}

.showcase a:hover {
	background:url(../images/showcase_logo-02.jpg) no-repeat;
}

.showcase a:active {
	background:url(../images/showcase_logo-02.jpg) no-repeat;
}

.contents {
}

.contents a {
	height:auto;
	background:url(../images/white_logo.gif) no-repeat;
}

.contents a:hover {
	background:url(../images/white_logo.gif) no-repeat;
}

.contents a:active {
	background:url(../images/white_logo.gif) no-repeat;
}


/* =image
----------------------------------------------- */


#img {
	position:absolute;
	top:67px;
	left:280px;
	margin-top:0px;
	line-height:14px;
}


#img h1 {font-size: 13px; margin:0; padding: 0; line-height:3.0;}
 
#img h2 {font-size: 12px; margin:0; padding: 0;}


ul .float{
	float: left;
}


/* =comment
----------------------------------------------- */
#event {
	width:160px;
	position:absolute;
	top:380px;
	left:8px;
	color:#222;
	font-size:0.95em;
	line-height:1.6;
	}
	
#event li{
	padding-left:5px;
	width:160px;
	border-bottom: 1px solid #CDD8DC;
	}