@charset "utf-8";

/* ==========================================
KASAMA NICHIDO MUSEUM OF ART : BASE CSS
============================================*/

* {
	font-family: Arial, Helvetica, sans-serif;
    }

body,form,fieldset {
    margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6,
div,p,pre,ul,li,ol,dl,dt,dd,
address,form,blockquote
	{
	margin:0;
	padding:0;
	line-height:1;
	}

p {
    line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
	}

li {
    list-style:none;
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
dl,dt,dd {
	line-height:1.8;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
table,tr,td,th {
    line-height:1.8;
	}

input, textarea {
    font-size:1em;
	}

img {
    border:none;
	}



/* ==========================================
KASAMA NICHIDO MUSEUM OF ART : COMMON CSS
============================================*/

/* body
============================================*/
body{ 
    font-size:70%;
    color:#555;
	background:#fff;
	text-align:center;
    }


/* link
============================================*/
a:link { 
    color:#09f;
	text-decoration:underline;
	border:0;
    }
a:visited { 
    color:#09f;
	text-decoration:underline;
	border:0;
    }
a:active {
    color:#09f;
	text-decoration:underline;
	border:0;
    }
a:hover {
    color:#0b4dd7;
	text-decoration:none;
	border:0;
    }


/* wrapper
============================================*/
#wrapper {
    width:800px;
	padding:20px 0 10px 0;
    text-align:left;
	background:#fff;
	margin:0 auto;
    }
	
/* language
============================================*/
#languageSelect {
	margin:20px 0 0 572px;
	position:absolute;
	}
	
li#langBar,
li#langEnglish,
li#langJapanese {
	width:67px;
	height:17px;
	text-indent:-5000px;
	font-size:1px;
	float:left;
    }
li#langBar {
    width:47px;
	background:url(../images/lang.gif) no-repeat;
    }
li#langEnglish {
	background:url(../images/lang_eng.gif) no-repeat;
	margin-right:5px;
    }
li#langJapanese {
    width:68px;
	background:url(../images/lang_jap.gif) no-repeat;
    }

li#langEnglish a,
li#langJapanese a {
	width:67px;
	height:17px;
	display:block;
    }
li#langJapanese a {
	width:68px;
    }
li#langEnglish a:hover {
    background:url(../images/lang_eng_on.gif) no-repeat;
    }
li#langJapanese a:hover {
    background:url(../images/lang_jap_on.gif) no-repeat;
    }

/* topNavigation
============================================*/
#topNavigation {
    width:760px;
	_font-size:10px;
	font-size:80%;
	clear:both;
	background:#fff;
	}
	
#topNavigation p {
    background:url(images/icon_arrow_01.gif) no-repeat left center;
	padding-left:10px;
	margin:5px 20px;
    width:500px;
	float:left;
	}
#topNavigation p.japanese {
    background: none;
	padding-right:20px;
	margin:5px 0;
    width:100px;
	text-align:right;
	float:right;
	}	

/* content
============================================*/
#content {
    width:760px;
    margin:0 auto;
    }
   
	   
/* header
============================================*/
#header {
    width:760px;
	height:70px;
	margin:0 auto;
	background:url(images/logo.gif) no-repeat #fff;
	}

#header p {
    width:220px;
	height:50px;
	position:absolute;
	text-indent:-5000px;
	font-size:1px;
	}
#header p a {
    width:220px;
	height:50px;
	display:block;
	}	

/* contentMain
============================================*/
#contentMain {
    width:760px;
	clear:both;
	margin-bottom:10px;
	background:url(images/bg_content_main.gif) repeat-y;
	}
	
		
/* contentLeft
============================================*/
#contentLeft {
    width:190px;
	clear:both;
	float:left;
	padding-top:5px;
	}


/* subNavigation
============================================*/
#subNavigation {
    width:190px;
	}
	

/* contentRight
============================================*/
#contentRight {
    width:550px;
	float:right;
	padding-top:5px;
	}


/* toTop
============================================*/
#toTop {
    width:760px;
	height:40px;
	clear:both;
	margin-bottom:20px;
	border:1px solid #ddd;
	}

#toTop p {
    width:176px;
	height:12px;
	position:absolute;
	margin:15px 0 0 565px;
	background:url(images/btn_to_top.gif) no-repeat right center;
	text-indent:-5000px;
	font-size:1px;
	}
#toTop p a {
    width:176px;
	height:12px;
	display:block;
	}
#toTop p a:hover {
    background:url(images/btn_to_top_on.gif) no-repeat;
	}



/* footer
============================================*/
#footer { 
    clear:both;
	width:760px;
	}
	
p.copyright {
    font-size:1px;
	text-indent:-5000px;
	margin:0;
	padding:20px;
	height:12px;
    background:url(images/img_copyright.gif) no-repeat center;
	}


/* フッターナビゲーション
============================================*/
#footerNavigation {
	clear:both;
	margin-bottom:20px;
	padding:10px;
	background:#f3f3f3;
	text-align:center;
	line-height:1.8;;
	font-size:80%;
	letter-spacing:0.1em;
    }
	
p.detail {
    width:109px;
	height:32px;
	position:absolute;
	margin-left:240px;
	background:url(images/btn_detail.gif) no-repeat;
	text-indent:-5000px;
	font-size:1px;
	}
p.detail a {
    width:109px;
	height:32px;
	display:block;
	}
p.detail a:hover {
    background:url(images/btn_detail_on.gif) no-repeat;
	}
	
	
/* address
============================================*/
#address {
    width:760px;
	height:50px;
	clear:both;
	margin:20px 0;
	background:url(images/img_address.gif) no-repeat;
    }
#address p {
    text-indent:-5000px;
	font-size:1px;
    }
	
	
/* title
============================================*/
h1 {
	height:135px;
	text-indent:-5000px;
	font-size:1px;
	clear:both;
	}

h2 {
	text-indent:-5000px;
	font-size:1px;
	background:#eee;
	clear:both;
	}
	
h3 {
    margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding:0 0 3px 0;
	color:#09f;
	font-size:130%;
	line-height:1.6;
	clear:both;
	}
h3 span {
	font-size:80%;
	}
	
h4 {
    margin-bottom:10px;
	border-bottom:1px solid #ddd;
	color:#666;
	font-size:110%;
	line-height:1.6;
	clear:both;
	}
	
	
/* text
============================================*/
p {
    margin:0 10px 10px 10px;
	}
p.clear {
	clear:both;
	}
.spacer {
    margin-bottom:80px;
	clear:both;
	}
.spacerS {
    margin-bottom:20px;
	clear:both;
	}
.spacerM {
    margin-bottom:40px;
	clear:both;
	}
p.separator {
    height:40px;
	clear:both;
	background:url(images/line_dotted_01.gif) repeat-x center;
	}
p.small {
    font-size:80%;
	}
p.form {
    text-align:center;
	margin-bottom:40px;
	}	
	
span {
    font-size:80%;
	}

strong {
	color:#666;
	}
	
ul.number {
    margin:0 10px 25px 10px;
	
	}
ul.number li {
    margin-left:25px;
	list-style:decimal;
	}
	
blockquote {
    line-height:1.8;
	font-size:80%;
	color:#666;
	margin-bottom:40px;
	border:1px solid #ddd;
	padding:10px;
	}
	
img.spacer {
    margin-bottom:20px;
	}
	
	
/* table
============================================*/
table {
    width:550px;
	background:#ccc;
	margin-bottom:20px;
	}
table.spacer {
	margin-bottom:40px;
	}
table.form td {
    padding:5px;
	}
th {
    width:100px;
	background:#9cc36c;
	padding-left:10px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	}
td {
	background:#fff;
	padding-left:10px;
	vertical-align:top;
	}
td span {
    font-size:100%;
	font-weight:bold;
	}
td span.small {
    font-size:80%;
	}
	
fieldset {
    border:1px solid #ccc;
	}
	
legend {
	text-align:center;
	}
	
	
/* ==========================================
KASAMA NICHIDO MUSEUM OF ART : English CSS
============================================*/
	
	
/* タイトル画像
============================================*/
body#information h1 {
    background:url(images/title_english.jpg) no-repeat;
	}
	

/* naviNavigation
============================================*/
li#naviInformation00,
li#naviInformation01,
li#naviInformation02,
li#naviInformation03,
li#naviInformation04,
li#naviInformation05,
li#naviInformation06 {
	width:178px;
	height:28px;
	margin-left:5px;
	position:absolute;
	background:url(images/icon_arrow_02.gif) no-repeat #fff center left;
	border:1px solid #ccc;
    }
li#naviInformation00 {
    background:url(images/navi_title_information.gif) no-repeat;
	width:180px;
	height:20px;
	border:none;
	text-indent:-5000px;
	font-size:1px;
	}
li#naviInformation01 {
    margin-top:20px;
	}
li#naviInformation02 {
	margin-top:49px;
    }
li#naviInformation03 {
	margin-top:77px;
    }
li#naviInformation04 {
	margin-top:106px;
    }
li#naviInformation05 {
	margin-top:134px;
    }
li#naviInformation06 {
	margin-top:163px;
    }

li#naviInformation01 a,
li#naviInformation02 a,
li#naviInformation03 a,
li#naviInformation04 a,
li#naviInformation05 a,
li#naviInformation06 a {
	width:148px;
	height:28px;
	display:block;
	padding-left:30px;
	line-height:2.1;
	text-decoration:none;
    }
li#naviInformation01 a:hover {
    background:url(images/icon_arrow_02.gif) no-repeat #eee center left;
    }
li#naviInformation02 a:hover {
	background:url(images/icon_arrow_02.gif) no-repeat #eee center left;
    }
li#naviInformation03 a:hover {
	background:url(images/icon_arrow_02.gif) no-repeat #eee center left;
    }
li#naviInformation04 a:hover {
	background:url(images/icon_arrow_02.gif) no-repeat #eee center left;
    }
li#naviInformation05 a:hover {
	background:url(images/icon_arrow_02.gif) no-repeat #eee center left;
    }
li#naviInformation06 a:hover {
	background:url(images/icon_arrow_02.gif) no-repeat #eee center left;
    }
	

/* sub_title
============================================*/
body#information h2.info01,h2.info02,h2.info03,h2.info04,h2.info05,h2.info06 {
    width:180px;
	height:25px;
	margin-bottom:10px;
    background:url(images/sub_information_01.gif) no-repeat;
	}
body#information h2.info02 {
    background:url(images/sub_information_02.gif) no-repeat;
	}
body#information h2.info03 {
    background:url(images/sub_information_03.gif) no-repeat;
	}
body#information h2.info04 {
    background:url(images/sub_information_04.gif) no-repeat;
	}
body#information h2.info05 {
    background:url(images/sub_information_05.gif) no-repeat;
	}
body#information h2.info06 {
    background:url(images/sub_information_06.gif) no-repeat;
	}
	
	
/* table
============================================*/
body#information table.admission th {
	width:200px;
	}
	
admission

/* ul, li
============================================*/
body#information ul.regulation {
    margin:0 10px;
	}

body#information ul.regulation li {
    margin-left:20px;
    list-style:disc;
	}
	
	
/* contact
============================================*/
body#information p.contact {
    width:300px;
	margin:20px auto 40px auto;
	background:#f9f9f9;
	padding:10px;
	text-align:center;
	}
	
	
/* form
============================================*/
body#information input.length01 {
    width:350px;
	}
body#information input.length02 {
    width:150px;
	}
body#information input.btn {
    border:1px solid #ddd;
	background:#fcfcfc;
	padding:1px;
	margin-right:10px;
	}
	
	
/* img
============================================*/
img.pic {
    float:left;
	padding:5px;
	border:1px solid #eee;
	margin:0 10px 0 0;
	}

img.right {
    float:right;
	padding:5px;
	border:1px solid #eee;
	margin:0 0 0 10px;
	}
	

/* ==========================================
KASAMA NICHIDO MUSEUM OF ART : Views CSS
============================================*/

/* Map
============================================*/
#guidanceMap {
    background:url(images/map_guidance.gif) no-repeat;
	margin:0 auto 40px auto;
	width:451px;
	height:180px;
	}
	
/* sub_title
============================================*/
h2.guidance01 {
    width:550px;
	height:25px;
	margin-bottom:15px;
    background:url(images/sub_guidance_01.gif) no-repeat;
	}

h2.guidance02 {
    width:550px;
	height:25px;
	margin-bottom:15px;
    background:url(images/sub_guidance_02.gif) no-repeat;
	}
	
h2.guidance03 {
    width:550px;
	height:25px;
	margin-bottom:15px;
    background:url(images/sub_guidance_03.gif) no-repeat;
	}

h2.guidance04 {
    width:550px;
	height:25px;
	margin-bottom:15px;
    background:url(images/sub_guidance_04.gif) no-repeat;
	}



/* ==========================================
KASAMA NICHIDO MUSEUM OF ART : collection CSS
============================================*/
h2.collection {
    width:550px;
	height:25px;
	margin-bottom:15px;
    background:url(images/sub_collection.gif) no-repeat;
	}
	
	
table.collection {
    width:550px;
	background:#fff;
	margin-bottom:20px;
	}
table.collection th {
    width:250px;
	background:#fff;
	padding-left:0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	}
table.collection td {
	background:#fff;
	padding-left:0;
	vertical-align:middle;
	}
	
	
h2.contact {
    width:550px;
	height:25px;
	margin-bottom:15px;
    background:url(images/sub_contact.gif) no-repeat;
	}