@charset "utf-8";

/*

author:	Joshibi University
Copyright 2009 Joshibi University of ArtandDesign. All Rights Reserved.
date	:	2010.02.05
memo	:	this css for all single page.

*/


/* base -----------------------------------------------------------------*/

html {
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	line-height: 1.8;
	text-align: left;
	background-color:#fbeff2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	margin:0;
	padding:0;
}

p {
	font-size:12px;
	margin:0;
	line-height:1.4em;
	color: #333;
}

a{	
	outline: none;
	text-decoration:none;
}

a:link{
	color:#333;
}

a:visited{
	color:#333;
}

a:hover{
	text-decoration:none;
}

p a{
	padding:0;
	text-decoration:none;
}

img{
	margin:0;
	padding:0;
	border:none;
}

/* conteiner -----------------------------------------------------------------*/

#container {
	width: auto;
	margin: 0 auto;
	padding:10px 0 0 0 !important;
}

#container-inner {
	width: 910px;
	margin: 0 auto;
	padding:0;
}

/* navigation -----------------------------------------------------------------*/

/* header */
#menu {
	height:702px;
	text-align:left;
	line-height: 1.2em;
	margin: 0;
	float:left;
	width:220px;
}

#menu #header{
	background-color: #fff;
	height: 180px;
	width: 220px;
}

#menu #header a{
	background:url(../../images/shared/110th_logo.gif) no-repeat;
	background-position: 10px 40px;
	text-indent: -9999px;
	display: block;
	height: 140px;
	width: 200px;
}

/* menu */
#menu #navigation,
#menu #navigation02 {
	background-color: #fff;
	height: 450px;
	width: 220px;
	margin-top: 10px;
	float:left;
}

#menu #navigation02 {
	background-color: #fff;
	height: 510px;
}

#menu #navigation #na a,
#menu #navigation02 #na a{
	background:url(../../images/shared/about.gif) no-repeat;
}

#menu #navigation #nb a,
#menu #navigation02 #nb a{
	background:url(../../images/shared/history.gif) no-repeat;
}

#menu #navigation #nc a,
#menu #navigation02 #nc a{
	background:url(../../images/shared/project.gif) no-repeat;
}

#menu #navigation #nd a,
#menu #navigation02 #nd a{
	background:url(../../images/shared/event.gif) no-repeat;
}

#menu #navigation #ne a,
#menu #navigation02 #ne a{
	background:url(../../images/shared/messages.gif) no-repeat;
}

#menu #navigation #nf a,
#menu #navigation02 #nf a{
	background:url(../../images/shared/fund.gif) no-repeat;
}

#menu #navigation #ng a,
#menu #navigation02 #ng a{
	background:url(../../images/shared/information.gif) no-repeat;
}

#menu #navigation #ne_on2 a{
	background:url(../../images/shared/messages.gif) no-repeat;
}

#menu #navigation #nd_on2 a{
	background:url(../../images/shared/event.gif) no-repeat;
}

#menu #navigation02 #nf01 a{
	background:url(../../images/shared/fund_01.gif) no-repeat;
}

#menu #navigation02 #nf02 a{
	background:url(../../images/shared/fund_02.gif) no-repeat;
}

#menu #navigation #na a,
#menu #navigation #nb a,
#menu #navigation #nc a,
#menu #navigation #nd a,
#menu #navigation #ne a,
#menu #navigation #nf a,
#menu #navigation #ng a,
#menu #navigation02 #na a,
#menu #navigation02 #nb a,
#menu #navigation02 #nc a,
#menu #navigation02 #nd a,
#menu #navigation02 #ne a,
#menu #navigation02 #nf a,
#menu #navigation02 #ng a {
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 220px;
	margin-top:30px;
}
#menu #navigation #nd_on2 a, 
#menu #navigation #ne_on2 a {
	background-position: 0px -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 220px;
	margin-top:30px;
}

#menu #navigation02 #nf01 a,
#menu #navigation02 #nf02 a {
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 8px;
	width: 125px;
	margin-left:50px;
}

#menu #navigation #na a:hover,
#menu #navigation #nb a:hover,
#menu #navigation #nc a:hover,
#menu #navigation #nd a:hover,
#menu #navigation #ne a:hover,
#menu #navigation #nf a:hover,
#menu #navigation #ng a:hover,
#menu #navigation02 #na a:hover,
#menu #navigation02 #nb a:hover,
#menu #navigation02 #nc a:hover,
#menu #navigation02 #nd a:hover,
#menu #navigation02 #ne a:hover,
#menu #navigation02 #nf a:hover,
#menu #navigation02 #ng a:hover {
	background-position: 0px -30px;
}

#menu #navigation02 #nf01 a:hover,
#menu #navigation02 #nf02 a:hover {
	background-position: 0px -14px;
}

/* on */
#menu #navigation #na_on,
#menu #navigation02 #na_on {
	background:url(../../images/shared/about.gif) no-repeat;
}

#menu #navigation #nb_on,
#menu #navigation02 #nb_on {
	background:url(../../images/shared/history.gif) no-repeat;
}

#menu #navigation #nc_on,
#menu #navigation02 #nc_on {
	background:url(../../images/shared/project.gif) no-repeat;
}

#menu #navigation #nd_on,
#menu #navigation02 #nd_on {
	background:url(../../images/shared/event.gif) no-repeat;
}

#menu #navigation #ne_on,
#menu #navigation02 #ne_on {
	background:url(../../images/shared/messages.gif) no-repeat;
}

#menu #navigation #nf_on,
#menu #navigation02 #nf_on {
	background:url(../../images/shared/fund.gif) no-repeat;
}

#menu #navigation #ng_on,
#menu #navigation02 #ng_on {
	background:url(../../images/shared/information.gif) no-repeat;
}

#menu #navigation02 #nf01_on{
	background:url(../../images/shared/fund01.gif) no-repeat;
}

#menu #navigation02 #nf02_on{
	background:url(../../images/shared/fund02.gif) no-repeat;
}

#menu #navigation #na_on,
#menu #navigation #nb_on,
#menu #navigation #nc_on,
#menu #navigation #nd_on,
#menu #navigation #ne_on,
#menu #navigation #nf_on,
#menu #navigation #ng_on,
#menu #navigation02 #na_on,
#menu #navigation02 #nb_on,
#menu #navigation02 #nc_on,
#menu #navigation02 #nd_on,
#menu #navigation02 #ne_on,
#menu #navigation02 #nf_on,
#menu #navigation02 #ng_on {
	background-position: 0px -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 220px;
	margin-top:30px;
}

#menu #navigation02 #nf01_on,
#menu #navigation02 #nf02_on {
	background-position: 0px -14px;
	text-indent: -9999px;
	display: block;
	height: 8px;
	width: 125px;
	margin-left:50px;
}

/* logo */
#menu #logo{
	background-color: #fff;
	height: 58px;
	width: 220px;
	margin-top: 10px;
	float:left;
	text-indent: -9999px;
}

#menu #logo a{
	background:url(../../images/shared/logo.gif) no-repeat;
	background-position: 0 0;
	height: 30px;
	width: 150px;
	float:left;
	margin:14px 0 0 30px;
}

/* copyrights */
#menu #copyrights{
	background-color: #fff;
	height: 58px;
	width: 220px;
	margin-top: 10px;
	float:left;
	text-indent: -9999px;
}

/* wrap -----------------------------------------------------------------*/
#contents_area {
	width:680px;
	float:right;
	margin:0;
	padding:0;
}

#contents_block_title,
#contents_block_title_detail,
#contents_block, 
#contents_block_footer {
	width:680px;
	margin:0 0 10px 0;
	padding:0;
}

#contents_block_title {
	height:360px;
	padding:0;
}

#contents_block_title_detail {
	height:264px;
	padding:0;
}

#contents_block_footer {
	height:28px;
	margin:0;
	*margin:0 0 10px 0;
}

#contents_block div.wrap{
	width:620px;
	margin:0;
	padding:0 30px;
}

#contents_block div.wrap div.textArea {
	margin:0;
	padding:0;
}

#contents_block div.wrap div.textArea p {
	font-size:12px;
	line-height:1.6;
	color:#333;
}

#contents_block_footer #footer_00 {
	padding:9px 0 9px 295px;
}

#footer, 
#footer_end{
	width:680px;
	float:right;
}

#footer{
	height:30px;
	margin:0 0 5px 10px;
	padding:0;
	width:680px;
	background-color:#fff;
}

#footer div.copylight{
	margin:10px 0 0 295px;
}

/* clear -----------------------------------------------------------------*/
.clearfix:after {
	content:"."; 
	display:block; 
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}