/*　大外枠　*/
body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin: 15px 0px;
	padding: 0px;
	font-size: small;
	letter-spacing: 0.03em;
line-height:165%;
	text-align:center;
	background-color: #ffffff;
}
#layout{
	width: 700px;
	padding: 0px;
	margin: 0px auto;
	background-color: #ffffff;
}
#layout:after {  /* ボックスの最後でfloatをクリア */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*　外枠　*/

#title{
	width:700px;
	height:90px;
	padding: 0px;
	margin: 0px;
}

#topnavi{
	width:700px;
	height:30px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}
#topnavi2{
	width:700px;
	background-color: #ffffff;
}

#navi{
	width:200px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	float: left;
}
#main{
	width:500px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: #ffffff;
}
#main:after {  /* ボックスの最後でfloatをクリア */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#footer{
	width:700px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: #e2e2e2;
	border-top:solid 2px #FFF;

}
#extra{
	width:600px;
	padding:30px 50px 10px 50px;
	float: left;
	background-color: #ffffff;

}

/*　topnavi部分	　*/	
#topnavi a {
	display:block;
	height: 30px;
	width: 110px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images_gen/top_menu.gif) no-repeat;
}
#home a {
	background-position: 0px 0px;
}

#about a {
	background-position: -110px 0px;
}
#web a {
	background-position: -220px 0px;
}
#ill a {
	background-position: -330px 0px;
}
#print a {
	background-position: -440px 0px;
}

#link a {
	background-position: -550px 0px;
}


#home a:hover {
	background-position: 0px -30px;
}
#about a:hover {
	background-position: -110px -30px;
}
#web a:hover {
	background-position: -220px -30px;
}
#ill a:hover {
	background-position: -330px -30px;
}
#print a:hover {
	background-position: -440px -30px;
}
#link a:hover {
	background-position: -550px -30px;
}
	
	
/*　topnavi改訂部分	　*/	

#topnavi2 a {
	display:block;
	height: 25px;
	width: 98px;
	text-decoration: none;
	text-align:center;
	font-weight:bold;
		color:#a5a4ac;
}

#topnavi2  a:hover {
		color:#3c5382;
}

#topnavi2 #home a {
	background-position: 0px 0px;
	padding-top:8px;
}

#topnavi2 #web a {
	background-color:#d8eaf5;
	padding-top:8px;
}
#topnavi2 #ill a {
	background-color:#e6e6f3;
	padding-top:8px;
}
#topnavi2 #print a {
	background-color:#ecf2d3;
	padding-top:8px;
}
#topnavi2 #inst a {
	background-color:#e6f6ea;
	padding-top:8px;
}

#topnavi2 #about a {
	background-color:#eaebec;
	padding-top:8px;
}

#topnavi2 #link a {
	background-color:#eaebec;
	padding-top:8px;
}
/*　navi部分　*/

#box {
	display:block;
	height: 120px;
	width: 200px;
	text-indent: -9999px;
	background: url(../images_gen/top_btn.gif) no-repeat;
	background-position: 0px 0px;
}
.roundbox_s {
	width:110px;
	margin: 0px 0px 0px 25px;
	padding: 0px 20px 0px 20px;
	text-align:left;
	background-color: #ffffff;
}
.corner_s {
	width:150px;
	padding: 0px ;
	margin: 0px 0px 0px 25px;
	text-align:left;
}
.nabi_box {
	width: 200px;
	margin: 0px;
	padding:5px 0px 5px 0px ;
}


/*　メイン　*/
.mainbox {
	width:470px;
	margin: 0px;
	padding:20px 10px 10px 20px ;
	text-align:left;
}
.roundbox {
	width:420px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	text-align:left;
	background-color: #ffffff;
}
.corner {
	width:460px;
	padding: 0px ;
	margin: 0px;
	text-align:left;
}


/* --------------------GENERAL-------------------- */
strong {
font-weight:bold;
}

.textbold {
font-weight:bold;
}

.textnormal {
font-weight:normal;
}

.textll {
font-size:130%;
line-height:150%;
} /* bodyで14pxを設定した場合　フォントサイズ=18px) */

.textl {
font-size:115%;
line-height:150%;
} /* フォントサイズ=16px) */

.textml {
font-size:107%;
line-height:145%;
} /* フォントサイズ=15px) */

.textms {
font-size:93%;
line-height:130%;
} /* フォントサイズ=13px) */

.texts {
font-size:85%;
line-height:130%;
} /* フォントサイズ=12px) */

.texts1 {
font-size:78%;
line-height:130%;
} /* フォントサイズ=11px) */

.textss {
font-size:70%;
line-height:130%;
} /* フォントサイズ=10px) */

/* ------------------- */
.text_tsume150 {
line-height:150%;
}

/* ------------------- */
.texindent {
padding-left:1em;
}

.texindent2 {
padding-left:2em;
}

.texindentrev {
padding-left:1em;
text-indent: -1em;
} /* 文字1文字分飛び出す */

.vindent{
padding-top:10px;
}

.texcenter {
text-align:center;
} /* センタリング */

.texright {
text-align:right;
} /* 右寄せ */

.fleft {
float:left;
} /* 左側に */

.fright {
float:right;
} /* 右側に */

/* --HACK-- */
.fleft:after .fright:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}/* 回り込みの解除 */

.fclear {
clear:both;
}/* 回り込みの解除 */

/* ------------------- */
a:link,
a:visited {
text-decoration: none;
}

a:hover,
a:active {
text-decoration: underline;
}