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

body {
   margin: 0;
   padding: 0;
   background-color: #ababab;
   color:#333;
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
   line-height: 1.5;
}


h1,h2,h3,h4,h5,h6 { line-height:1.6; }

p,li,dt,dl { line-height:1.6; }

p { margin:0 0 1em 0; }

ul li { list-style-type:none; }

a img { border:0; }

a:link {
   color:#078D00;
   text-decoration:none;
}

a:visited {
   color:#189B12;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

a:active {
   color:#666;
}

blockquote{
   margin-left:1em;
   padding-left:1em;
   border-left:2px solid #CCC;
   color:#CCC;
}

pre{
   width:100%;
   padding:1em 0;
   overflow:auto;
   border-top:1px dotted #333;
   border-bottom:1px dotted #333;
}

table{
   width:100%;
   margin: 0;
   padding: 0;
}

table th, table td{ padding:0.3em 0.1em }

img { vertical-align:bottom;}


.hidden {
   display: none;
   visibility: hidden;
}
.alignright {
   float: right;
}
.alignleft {
   float: left;
}
.clear {
   clear: both;
}

.section {
 margin:0;
 padding:0;


}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */




body {
	background-color: #FFFFFF;
	text-align:left;
	background-image: none;
}




div#wrapper {
	width: 810px;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0px;
	padding: 0px 50px;
	margin-bottom: 10px;
	background-image: none;
	text-align:left;
}



/*--------------------------------------
	header
---------------------------------------*/

div#header {
	margin: 0px;
	padding: 0px;
	width:100%
}

	div#header-home {
		background-image: url(../image/topmain/top2.jpg);
		background-repeat: no-repeat;
		background-color: #8c82ab;
		
		
	}
	
	div#header-design {
		background-image: url(../image/header/design2.jpg);
		background-repeat: no-repeat;	
		background-color: #87abda;
		
	}
	
	div#header-illustration {
		background-image: url(../image/header/illust2.jpg);
		background-repeat: no-repeat;
		background-color: #c271ab;
	}
	
	div#header-library {
		background-image: url(../image/header/library2.jpg);
		background-repeat: no-repeat;	
		background-color: #c4ac66;
	}
	
	div#header-profile {
		background-image: url(../image/topmain/profile2.jpg);
		background-repeat: no-repeat;	
		background-color: #43bdce;
		
	}
	
	
	div#header-map {
		background-image: url(../image/header/map2.jpg);
		background-repeat: no-repeat;	
		background-color: #e6b85c;
		
	}
	
	
	div#header-contact {
		background-image: url(../image/header/contact2.jpg);
		background-repeat: no-repeat;	
		background-color: #e198a6;
	}
	
	
	div#header-museum {
		background-image: url(../image/topmain/museum2.jpg);
		background-repeat: no-repeat;	
		background-color: #bcb4d8;
	}
	
	
	div#header-link {
		background-image: url(../image/header/link2.jpg);
		background-repeat: no-repeat;	
		background-color: #d1c400;

	}
		


div#header h1{
	padding: 0px;
	margin: 0px;	
	display: block;
	color: #FFFFFF;
	height: 85px;
}

div#header h1 a{
	color: #FFFFFF;
}

div#header h1 a:hover{
	color: #FFFFFF;
}

/*--------------------------------------
	global-nav
---------------------------------------*/
div#global-nav {
	display: none;
}



/*--------------------------------------
	global-nav-top（トップページのナビ）
---------------------------------------*/
div#global-nav-top {
	display: none;
	
	}

/*--------------------------------------contentの指定---------------------------------------*/


/*--------------------------------------
	content
---------------------------------------*/

div#content {
	width: 810px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background-image: none;
	background-color: #FFFFFF;	
}


div#content h2{
	line-height: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div#content h3{
	
}


p.p-copyright {
	display: none;
}



/*---------------------------topmain（表紙）---------------------------*/

div#topmain {
	width :500px;
	padding: 50px 155px;
	background: #e7e1dd url(../image/gradetop.gif) repeat-x;
	height: 500px;
	display: block;	
	
}

div#topmain ul {
	margin: 0px;
	padding: 40px;
	background-color:#FFFFFF;
	height: 420px;
	width: 420px;
}

div#topmain li {
	font-size: 2em;
	margin: 0px;
	padding: 10px;
	float: left;
	height: 120px;
	width: 120px;
	display: block;
	line-height: 150px;
	text-align: center;
	line-height: 1.0em;
}

div#topmain li a {
	display: block;
}

/*---------------------------content-main（基本）---------------------------*/

div#content-main {
	width: 810px;
	padding: 20px;
	margin: 0px;
}

/*---------------------------content-museum（ミュージアム）---------------------------*/

div#content-museum {
	width: 730px;
	margin: 0px;
	padding: 20px 40px;
	clear: both;
	background-color: #fff;
	background-image: none;
	
}

div#content-museum h2 {
	position: relative;
	left: -40px;
	margin-bottom: -10px;
	width: 100%;
	
}

div#content-museum table {
	
}

div#content-museum table td {
	padding: 10px 0px;
	margin: 0px;
}




div#content-museum div.hr {
	background-image: none;
	height: 20px;
}

div#content-museum p.p-lightbox {
	color: #FFFFFF;
	text-align:center;
}

div#content-museum p.p-copyright2 {
	font-size:12px;
	margin-top:20px;
	padding-top:25px;
	clear: both;
	background-image: none;
	text-align: center;
	line-height: 30px;
	height: 50px;
	color: #333333;
}


/*--------------------------------------メインの指定---------------------------------------*/


div#main {
	width: 636px;
	margin: 0px;
	padding: 20px 30px 20px 30px;
	float: left;
	background-image: none;
	position: relative;
}

div.lead-in-h2 {
	display: block;
	height: 80px;
	width: 300px;
	position: absolute;
	left: 340px;
	top: 35px;
}
div.lead-in-h2 p{
	font-size: 10px;
	text-align: left;
}





/*--------------------------------------トビラページの指定---------------------------------------*/


/*--------------------------------------
	design-index
---------------------------------------*/

div#design-index {
	background-image: none;	
	height: 550px;
}

div#design-index h2 {
	background-image: none;
	padding-left: 0px;
	line-height: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
}

div#design-index .index-paragraph {
	padding: 80px 80px;

}

div#design-index p {
	text-align: center;
	font-size: 12px;
}

div#design-index table {
	text-align: center;
	margin-top: 20px;
}

div#design-index td {
	padding: 5px;
}

/*--------------------------------------
	book-index
---------------------------------------*/

div#book-index {
	background-image: none;
	height: 550px;
}

div#book-index h2 {
	background-image: none;
	padding-left: 0px;
	line-height: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
}

div#book-index .index-paragraph {
	padding: 80px 75px;

}

div#book-index p {
	text-align: center;
	font-size: 12px;

}

div#book-index table {
	text-align: center;
	margin-top: 20px;
}

div#book-index td {
	padding: 5px;
}


/*--------------------------------------
	illust-index
---------------------------------------*/

div#illust-index {
	background-image: none;
	height: 550px;
}

div#illust-index h2 {
	background-image: none;
	padding-left: 0px;
	line-height: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
}

div#illust-index .index-paragraph {
	padding: 80px 75px;

}

div#illust-index p {
	text-align: center;
	font-size: 12px;

}

div#illust-index table {
	text-align: center;
	margin-top: 20px;
}

div#illust-index td {
	padding: 3px;
}

/*--------------------------------------
	studyguide-index
---------------------------------------*/

div#studyguide-index {
	background-image: none;
	height: 550px;
}

div#studyguide-index h2 {
	background-image: none;
	padding-left: 0px;
	line-height: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
}

div#studyguide-index .index-paragraph {
	padding: 80px 75px;

}

div#studyguide-index p {
	text-align: center;
	font-size: 12px;

}

div#studyguide-index table {
	text-align: center;
	margin-top: 20px;
}

div#studyguide-index td {
	padding: 2px;
}



/*--------------------------------------
	library-index
---------------------------------------*/

div#library-index {
	background-image: none;
	height: 550px;
	text-align: center;
}

div#library-index h2 {
	background-image: none;
	padding-left: 0px;
	line-height: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
}

div#library-index .index-paragraph {
	padding: 80px 70px;

}

div#library-index p {
	text-align: center;
	font-size: 12px;

}

div#library-index table {
	text-align: center;
	margin-top: 20px;
}

div#library-index td {
	padding: 2px;
}

/*--------------------------------------
	profile-index
---------------------------------------*/

div#profile-index {
	background-image: none;
	height: 550px;
}

div#profile-index h2 {
	background-image: none;
	line-height: 2em;
	text-transform: capitalize;
	font-style: italic;
	font-weight: normal;
}

div#profile-index .index-paragraph {
	padding: 80px 80px;

}


div#profile-index .lead-in-h2 p{
	font-size: 10px;
}
div#profile-index td{
	font-size: 13px;
}



div#profile-index img.bt-message {
	margin-left: 350px;
	margin-top: 10px;

}



/*--------------------------------------その他の指定---------------------------------------*/


/*--------------------------------------
	lib-profile
---------------------------------------*/

div#lib-profile {
	left: 70px;
	top: 85px;
	position: absolute;
	width: 560px;
}



div#lib-profile p {
	font-size: 12px;
}




/*--------------------------------------portfolioの置き方---------------------------------------*/


div#portfolio {
	width: 100%;
}



div#portfolio div.right {
	float: right;
	width:295px;
	margin: 0px;
	padding: 0px;
	height: 300px;
	position: relative;
}

div#portfolio div.left {
	float: left;
	width:295px;
	margin: 0px;
	padding: 0px;
	height: 300px;
	position: relative;	
}

div#portfolio div.3-1 {
	width:180px;
	margin: 0px;
	padding: 10px;
	float:left;
	display: block;
}

div#portfolio div.3-2 {
	width:180px;
	margin: 0px;
	padding: 10px;
	float:left;
	display: block;
}

div#portfolio div.3-3 {
	width:180px;
	margin: 0px;
	padding: 10px;
	float:left;
	display: block;
}

div#portfolio.left img,
div#portfolio.right img,
div#portfolio.3-1 img,
div#portfolio.3-2 img,
div#portfolio.3-3 img {
	position: absolute;
	left: 0px;
	top: 60px;
	}

div#portfolio h3 {
	font-size: 90%;
	background-image: url(../image/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 5px;
	padding-left: 20px;
	font-weight: normal;
}

div#portfolio ul {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100px;
	}
div#portfolio li {
	margin: 0px;
	padding: 0px;


	}
	
div#portfolio dl {
	margin: 1em 0;
	padding: 0px;
	float: left;
	}
div#portfolio dt {
	margin: 0 0 5px 0;
	padding: 0;
	background-image: url(../image/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	line-height: 1em;
	font-weight: normal;
	font-size: 90%;
	}
div#portfolio dd {
	margin: 0 10px 0 0;
	padding: 0px;
	float: left;
	display: inline;

	}

	
div#portfolio p.info1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	top: 60px;
	left: 160px;
	position: absolute;
	background-image: url(../image/TRIANGLE_SS.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	font-family: "ＭＳ Ｐ明朝";
	font-size: 0.8em;
	}
	
div#portfolio p.info2 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	top: 220px;
	left: 160px;
	position: absolute;
	background-image: url(../image/TRIANGLE_SS.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "ＭＳ Ｐ明朝";
	font-size: 0.8em;

	}
	

div#portfolio p.info3 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../image/TRIANGLE_SS.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "ＭＳ Ｐ明朝";
	font-size: 0.8em;
	}
	
div#portfolio p.info4 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../image/TRIANGLE_SS.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "ＭＳ Ｐ明朝";
	font-size: 0.8em;

	}

div#portfolio img {
	margin: 10px 0;

	}
	
	
div#portfolio img.frame-eno1 {
	border: 3px ridge #666666;	

	}


div#portfolio img.frame-saito1 {
	border: 4px ridge #999;	

	}

div#portfolio img.frame-cr1 {
	border: 3px ridge #b47c1d;	
	padding:3px;
	}
	
div#portfolio table {
	width: 100%;
	}




div#portfolio td {
	vertical-align: middle;
	text-align: center;

	}



div#portfolio img {
	margin: 0px 0;

	}
	
	
div#portfolio img.frame-eno1 {
	border: 3px ridge #666666;	

	}


div#portfolio img.frame-saito1 {
	border: 4px ridge #999;	

	}

div#portfolio img.frame-cr1 {
	border: 3px ridge #b47c1d;	
	padding:3px;
	}
	
div#portfolio img.frame-ao1 {
	border: 4px ridge #999;	

	}
	
div#portfolio img.frame-fuka1 {
	border: 4px ridge #999;	

	}
	
div#portfolio table {
	width: 100%;
	margin-bottom: 15px;
	}



div#portfolio td {
	vertical-align: middle;
	text-align: center;

	}

div#portfolio table td h3 {
	font-size:110%;
	}
	
div#portfolio table tr.info5 ul{
	margin: 0;
	padding:0;
	float: left;
	width:100%;
	}
 


div#portfolio table tr.info5 li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../image/TRIANGLE_SS.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align:left;
	font-family: "ＭＳ Ｐ明朝";
	font-size: 0.9em;
	}	


div#portfolio table.oosama {
	width: 600px;
	margin-bottom: 15px;
	border-spacing: 0px;
	}


div#portfolio table.oosama tr {
	margin: 0;
	padding:0;

	}

div#portfolio table.oosama td {
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding:0;

	}





/*--------------------------------------サイドバーの指定---------------------------------------*/

div#sidebar {
	display: none;	
}




/*--------------------------------------フッターの指定---------------------------------------*/

div#footer {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

	div#footer-home {
		background-image: url(../image/topmain/top2.jpg);
		background-repeat: no-repeat;
		background-color: #8c82ab;		
	}
	
	div#footer-design {
		background-image: url(../image/header/design2.jpg);
		background-repeat: no-repeat;
		background-color: #c271ab;	
	}
	
	div#footer-illustration {
		background-image: url(../image/header/illust2.jpg);
		background-repeat: no-repeat;
		background-color: #c4ac66;	
	}
	
	div#footer-library {
		background-image: url(../image/header/library2.jpg);
		background-repeat: no-repeat;	
		background-color: #c4ac66;
	}
	
	div#footer-profile {
		background-image: url(../image/topmain/profile2.jpg);
		background-repeat: no-repeat;	
		background-color: #43bdce;
	}
	
	
	div#footer-map {
		background-image: url(../image/header/map2.jpg);
		background-repeat: no-repeat;
		background-color: #e6b85c;	
	}
	
	
	div#footer-contact {
		background-image: url(../image/header/contact2.jpg);
		background-repeat: no-repeat;	
		background-color: #bcb4d8;
	}
	
	
	div#footer-museum {
		background-image: url(../image/topmain/museum2.jpg);
		background-repeat: no-repeat;	
		background-color: #d1c400;
	}
	
	
	div#footer-link {
		background-image: url(../image/header/link2.jpg);
		background-repeat: no-repeat;	
		background-color: #e198a6;
	}

div#footer address {
	margin: 0px;
	padding: 5px;
	text-align: center;
	color: #ffffff;
	font-size: 0.9em;
	line-height: 1.2em;	
}