@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
line-height:150%;
}
div,h1,h2,h3,ul,li,th,td,input,textarea{
	margin: 0;
	padding: 0;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size: medium;	
}

p {
	padding: 0;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size: medium;	
}

img{
	border: 0;
}
a{
	color: #58558f;
}
a:hover{
	color:#4D62C2;
}
.clearr{
	clear: right;
}
.clearl{
	clear: left;
}
.clearboth{
	clear:both;
}
/* ======= general classes ======= */
.smalltext{
	font-size: x-small;
}
.firstline_indent_1em {
	padding-left: 1em;
}
.notice{
	font-weight: bold;
	color:#d04500;
}
#home .notice {
	font-size: smaller;
	line-height: 150%;
	font-weight: normal;
	color: inherit;
}

/* ========== centering ========== */
#home,
#page_01{
	margin: 0 auto 0 auto;
	width:900px;
	text-align:left;
}
/* ========== home ========== */
#home #header{
margin:0 10px 0 0;
/*height:170px;*/
height:110px;
width:150px;
float:right;
}
#home #header img{
/* margin:50px 0 0 680px; */
margin:0 20px;
}
/* ========== home navigation ========== */
#homenav{
margin:20px 0 0 20px;
width:300px;
/*height:110px;*/
height:150px;
float:left;
}
#homenav ul{
	list-style-type: none ;
	position: absolute;
}
#homenav li{
	
}
#homenav li a{
	width:20px;
	display:block;
}
#homenav li a span{
	display:none;
}
/* = nav01 = */
#homenav li.nav01{
position: absolute;
left: 280px;
top: 0px;
}
#homenav li.nav01 a{
/* height:62px; */
height:120px;
/*background-image:url(../images/nav_message.jpg);*/
background-image:url(../images/nav1.png);
background-repeat: no-repeat;
}
#homenav li.nav01 a:hover{
background-position: -20px 0;
}
/* = nav02 = */
#homenav li.nav02{
position: absolute;
left: 240px;
top: 0px;
}
#homenav li.nav02 a{
height:120px;
/*background-image:url(../images/nav_biography.jpg);*/
background-image:url(../images/nav2.png);
background-repeat: no-repeat;
}
#homenav li.nav02 a:hover{
background-position: -20px 0;
}
/* = nav03 = */
#homenav li.nav03{
position: absolute;
left: 200px;
top: 0px;
}
#homenav li.nav03 a{
height:120px;
background-image:url(../images/nav3.png);
background-repeat: no-repeat;
}
#homenav li.nav03 a:hover{
background-position: -20px 0;
}
/* = nav04 = */
#homenav li.nav04{
position: absolute;
left: 160px;
top: 0px;
}
#homenav li.nav04 a{
height:120px;
background-image:url(../images/nav4.png);
background-repeat: no-repeat;
}
#homenav li.nav04 a:hover{
background-position: -20px 0;
}
/* = nav05 = */
#homenav li.nav05{
position: absolute;
left: 120px;
top: 0;
}
#homenav li.nav05 a{
height:120px;
background-image:url(../images/nav5.png);
background-repeat: no-repeat;
}
#homenav li.nav05 a:hover{
background-position: -20px 0;
}
/* = nav06 = */
#homenav li.nav06{
position: absolute;
left: 80px;
top: 0;
}
#homenav li.nav06 a{
height:120px;
background-image:url(../images/nav6.png);
background-repeat: no-repeat;
}
#homenav li.nav06 a:hover{
background-position: -20px 0;
}
/* = nav07 = */
#homenav li.nav07{
position: absolute;
left: 40px;
top: 0;
}
#homenav li.nav07 a{
height:120px;
background-image:url(../images/nav7.png);
background-repeat: no-repeat;
}
#homenav li.nav07 a:hover{
background-position: -20px 0;
}
/* = nav08 = */
#homenav li.nav08{
position: absolute;
left: 0;
top: 0;
}
#homenav li.nav08 a{
height:120px;
background-image:url(../images/nav8.png);
background-repeat: no-repeat;
}
#homenav li.nav08 a:hover{
background-position: -20px 0;
}
/* ========== news nav basic layout ========== */
#news_nav {
background-color:#f4f4f4;
padding: 4px 15px;
text-align:right;
font-size:0.85em;
}
#news_nav a {
color: #0085B2;
text-decoration: none;
}


/*
#news_nav .prev {
font-size:0.75em;
float: left;
}
#news_nav .nav_center {
font-size:0.75em;
text-align: center;
float: left;
}
#news_nav .next {
font-size:0.75em;
text-align: right;
float: left;
}
#news_nav .prev a,
#news_nav .next a,
#news_nav .nav_center a {
display:box;
width:100%;
text-decoration: none;
}
#news_nav .prev a:hover,
#news_nav .next a:hover,
#home #news #news_nav .nav_center a:hover {
text-decoration: underline;
}
#news_nav .disabled {
color: #d2d2d2;
}
*/




/* ========== home news ========== */
#home #news{
margin:20px 0 0 180px;
padding:0 0 5px 10px;
border-left:#d2d2d2 solid 1px;
width:379px !important;
width:370px; 
float:left;
}
#home #news h1 {
	margin: 0 0 1.5em 10px;
	font-size:0.9em;
}
#home #news img{
margin:0 0 10px 10px;
}
#home #news ul{
list-style:none;
padding: 0 0 0 10px;
}
#home #news ul li{
margin:0 0 5px 0;
line-height:1.6em;
font-size:0.9em;
}
#home #news p{
padding:0 0 5px 10px;
line-height:1.6em;
font-size:0.9em;
}

#home #news #news_nav {
margin:1em 0 5px 10px;
}
#home #news #news_nav .prev {
width: 15%;
}
#home #news #news_nav .nav_center {
width: 70%;
}
#home #news #news_nav .next {
width: 15%;
}

/* ========== home nav2 ENGLISH ========== */

#homenav2{
margin:20px 0 0 833px;
}
#homenav2 a{
width:47px;
height:16px;
background-image:url(../images/nav_english.jpg);
background-repeat: no-repeat;
display:block;
}
#homenav2 a:hover{
background-position: -74px 0;
}
#homenav2 a span{
display:none;
}




/* ========== area seperation ========== */
#sidecolumn{
	margin:0 10px 0 0;
	width:150px;
	float:right;
}
#maincolumn{
	margin:0;
	width:720px;
	float:left;
}

#gallery #maincolumn{
/*	padding-top: 170px; ★ */

padding-top: 110px;
	
	text-align: center;
}

/* ========== navigation ========== */
#sitetitle{
border-bottom:#d2d2d2 solid 1px;
}
#sitetitle img{
margin:0 20px;
}
#nav{
margin:30px 0 0 0;
/*height:330px;*/
height:1000px;
}
#nav ul{
	list-style-type: none ;
	position: absolute;
}
#nav li{
}
#nav li a{
	width:20px;
	display:block;
}
#nav li a span{
	display:none;
}
/* = nav01 = */
#nav li.nav01{
position: absolute;
left: 110px;
top: 0px;
}
#nav li.nav01 a{
height:120px;
background-image:url(../images/nav1.png);
background-repeat: no-repeat;
}
#nav li.nav01 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav01 a.this{
background-position: -40px 0;
}

/* = nav02 = */
#nav li.nav02{
position: absolute;
left: 80px;
top: 0px;
}
#nav li.nav02 a{
height:120px;
background-image:url(../images/nav2.png);
background-repeat: no-repeat;
}
#nav li.nav02 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav02 a.this{
background-position: -40px 0;
}

/* = nav03 = */
#nav li.nav03{
position: absolute;
left: 50px;
top: 0px;
}
#nav li.nav03 a{
height:120px;
background-image:url(../images/nav3.png);
background-repeat: no-repeat;
}
#nav li.nav03 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav03 a.this{
background-position: -40px 0;
}

/* = nav04 = */
#nav li.nav04{
position: absolute;
left: 20px;
top: 0px;
}
#nav li.nav04 a{
height:120px;
background-image:url(../images/nav4.png);
background-repeat: no-repeat;
}
#nav li.nav04 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav04 a.this{
background-position: -40px 0;
}

/* = nav05 = */
#nav li.nav05{
position: absolute;
left: 110px;
top: 135px;
}
#nav li.nav05 a{
height:120px;
background-image:url(../images/nav5.png);
background-repeat: no-repeat;
}
#nav li.nav05 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav05 a.this{
background-position: -40px 0;
}

/* = nav06 = */
#nav li.nav06{
position: absolute;
left: 80px;
top: 135px;
}
#nav li.nav06 a{
height:120px;
background-image:url(../images/nav6.png);
background-repeat: no-repeat;
}
#nav li.nav06 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav06 a.this{
background-position: -40px 0;
}

/* = nav07 = */
#nav li.nav07{
position: absolute;
left: 50px;
top: 135px;
}
#nav li.nav07 a{
height:120px;
background-image:url(../images/nav7.png);
background-repeat: no-repeat;
}
#nav li.nav07 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav07 a.this{
background-position: -40px 0;
}

/* = nav08 = */
#nav li.nav08{
position: absolute;
left: 20px;
/*top: 115px;*/
top: 135px;
}
#nav li.nav08 a{
height:120px;
background-image:url(../images/nav8.png);
background-repeat: no-repeat;
}
#nav li.nav08 a:hover{
background-position: -20px 0;
}
#page_01 #nav li.nav08 a.this{
background-position: -40px 0;
}


/* = nav09 （トップページ）= */
#nav li.nav09{
position: absolute;
left: 20px;
top: 280px;
}
#nav li.nav09 a{
width:75px;
height:16px;
background-image:url(../images/nav_top.jpg);
background-repeat: no-repeat;
}
#nav li.nav09 a:hover{
background-position: -74px 0;
}
/* = nav10 （English）= */
#nav li.nav10{
position: absolute;
left: 20px;
top: 310px;
}
#nav li.nav10 a{
width:50px;
height:16px;
background-image:url(../images/nav_english.jpg);
background-repeat: no-repeat;
}
#nav li.nav10 a:hover{
background-position: -74px 0;
}
/* = nav current settings = */
/*
#page_01 #nav li.nav02 a{
	background-position: -40px 0;
}
*/

/* ========== footer ========== */
#footer{
margin:20px 0;
padding:25px 20px;
border-top:#d2d2d2 solid 1px;
}
#footer p{
margin:0 0 0.8em 0;
font-size:small;
line-height:1.6em;
color:#ACACAC;
}
#footer p a{
color:#ACACAC;
}
/* ========== header shared except for HOME header ========== */
/* header with image */
/*
#page_01 #header {
margin:0;
height:310px;
height:110px;
background-position: 0 130px;
background-repeat: no-repeat;
}
*/

/* header without image */
/*
#news_archive #header,
#message #header,
#shop #header,
#contact #header {
margin:40px 0 0 0;
height: 130px;
}
*/

/* ========== subnav shared ========== */
#page_01 #subnav {
padding:15px 20px 15px 20px;
border-right:#dedede solid 1px;
border-bottom:#dedede solid 1px;
border-left:#dedede solid 1px;
border-top:#dedede solid 1px;
margin:0;
background-color:#f7f7f7;
}
#page_01 #subnav p {
font-size: small;
margin:0;
}



/* ========== #page_01 ========== */
#page_01 #header {
/* background-image: url(../images/biography_bg.jpg); */
}
#page_01 #header img{
/* margin:0 0 0 620px; */
margin:0;
padding:110px 0 0 0;
}
#page_01 #contents{
margin:40px 20px;
}
#page_01 #contents table{
table-layout:fixed;
width:100%;
margin:0;
padding:0;
}
#page_01 #contents table th,
#page_01 #contents table td{
vertical-align:top;
line-height:1.6em;
font-size:0.9em;
}
#page_01 #contents table th{
width:5em;
}
#page_01 #contents table td{
padding: 0 0 20px 0;
font-size:0.9em;
}
#page_01 #contents table ul{
list-style:none;
padding:0 0 0 1em;
border-left:#d2d2d2 solid 4px;
}
#page_01 #contents table ul li{
margin:0 0 0.8em 0;
font-size:0.9em;
}
#page_01 #contents p{
font-size:small;
/*text-align:right;*/
}

/* BOX */
#srj_box01{
margin:20px 0;
padding:12px;
border:1px solid  #ccc;
font-size:0.9em;
background:#f3f8ca;
text-align:center;
} 
#srj_box02{
margin:0;
padding:0 0 0 26px;
/*border-bottom:1px solid  #ccc;*/
font-size:0.9em;
/*background:#dff1f8;*/
color:#644818;
text-align:left;
} 



/* 著者明記 */
#m_author{
text-align:right;
font-size:0.8em;
color:#666;
}



h2{
color:#0075a9;
font-size:1.5em;
border-bottom:1px solid  #0075a9;
font-weight:normal;
}

/* テーブルセル */
.tbl00{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.tbl01{
border-bottom:1px solid #ccc;
}
.tbl02{
background:#eef;
}