@charset "UTF-8";
@import "./style.css";

body { background: #26355b url(../images/index/extendBackground.gif) repeat-x; }
a { text-decoration: none !important; }
div#globalHeader { height: 104px; background: #fff url(../images/common/globalHeaderBackground.gif) repeat-x; }
div#globalHeaderInner { margin: 0 auto; width: 950px; height: 104px; position: relative; }
div#english { float:right; padding: 0 0 0 15px; background: url(../images/common/arrow.gif) 0 center no-repeat; }

div#mainImage { height: 385px; background: url(../images/index/mainImageBackground.gif) repeat-x; }
div#mainImage h1 { margin: 0 auto; padding: 0; width: 1024px; height: 385px; background: url(../images/index/mainImage.jpg) no-repeat; text-indent: -9999px; }

div#main { background: url(/images/index/mainImageBackground.gif) 0 repeat-x; text-align: center; }
div#main h1 { margin: 0; }

div#contents { padding: 0; background: #fff; }
div#contentsInner { padding: 0 0 30px 0; width: 1024px !important; background-color: #fff; }
div#content { width: 1024px !important; float: none !important; }
div#content div#information { margin: 0 auto; width: 954px; }
div#content div#information div#works { padding: 38px 0 40px 0; width: 470px; float: left; }
div#content div#information div#works ul { margin: 0; padding: 0; width: 440px; list-style: none; display: flex; justify-content: space-between; }
div#content div#information div#works ul li { margin: 0 30px 0 0; padding: 12px; width: 179px; border: solid 1px #f0edee; /*float: left;*/ display: inline; }
div#content div#information div#works ul li.alpha { background: #f9f8f8; }
div#content div#information div#works ul li.beta { background: #f9f8f8; }
div#content div#information div#works ul li strong { margin: 0 0 15px; display: block; }
/*
div#content div#information div#works ul li.alpha { background: url(../images/index/worksBackground.gif) no-repeat; }
div#content div#information div#works ul li.beta { background: url(../images/index/worksBackground2.gif) 0 -1px no-repeat; }
div#content div#information div#works ul li strong { display: block; }
div#content div#information div#works ul li p { margin: 0; padding: 7px 0 10px 106px; }
div#content div#information div#works ul li p a { width: 76px; height: 16px; text-indent: -9999px; display: block; }
*/
div#content div#information div#works ul li div { height: 190px; overflow: hidden; }
div#content div#information div#works ul li img { vertical-align: top; }
div#content div#information div#works ul li span { padding: 8px 0 0 0; font-size: 80%; line-height: 1.3; text-align: center; display: block; }
div#content div#information div#news { padding: 38px 0 40px 0; width: 442px; font-size: 90%; float: right; }
div#content div#information div#news strong { padding: 0 0 8px 0; background: url(../images/common/dotline.gif) bottom repeat-x; display: block; }
div#content div#information div#news table { border-collapse: collapse; }
div#content div#information div#news table th { padding: 8px 24px 7px 1px; background: url(../images/common/dotline.gif) bottom repeat-x; font-weight: 400; text-align: left; line-height: 1.3; white-space: nowrap; }
div#content div#information div#news table th span { font-family: sans-serif; font-weight: 700; display: block; }
div#content div#information div#news table th span.ippin { color: #cd7c5f; }
div#content div#information div#news table th span.sakuhin { color: #cd7c5f; }
div#content div#information div#news table th span.oshirase { color: #69aaa6; }
div#content div#information div#news table th span.essay { color: #d0879a; }
div#content div#information div#news table th span.tayori { color: #7d88a8; }
div#content div#information div#news table th span.column { color: #ad6686; }
div#content div#information div#news table th span.museum { color: #6e67b2; }
div#content div#information div#news table td { padding: 8px 3px 7px 0; width: 100%; background: url(../images/common/dotline.gif) bottom repeat-x; font-size: 110%; }
div#content div#categoryNavigation { padding: 12px 0 0 0; background: url(../images/index/categoryBackground.gif) top no-repeat; font-size: 90%; }
div#content div#categoryNavigation ul { margin: 0; padding: 0; background: url(../images/index/categoryBackground.gif) bottom no-repeat; list-style: none; }
div#content div#categoryNavigation ul li { padding: 17px 0 40px 36px; width: 476px; }
div#content div#categoryNavigation ul li.left { float: left; }
div#content div#categoryNavigation ul li.right { float: right; }
div#content div#categoryNavigation ul li dl { margin: 0; padding: 0; }
div#content div#categoryNavigation ul li dl dt { margin: 0; padding: 0; width: 206px; float: left; }
div#content div#categoryNavigation ul li dl dt img { vertical-align: top; }
div#content div#categoryNavigation ul li dl dd { margin: 0; padding: 0; width: 270px; float: left; }
div#content div#categoryNavigation ul li dl dd strong { margin: 0 0 10px 0; display: block; }
div#content div#categoryNavigation ul li dl dd strong a { padding: 0 0 0 10px; background: url(../images/common/arrow.gif) 0 center no-repeat; }
div#content div#categoryNavigation ul li dl dd img { vertical-align: top; }
div#content div#categoryNavigation ul li dl dd ul { margin: 0; padding: 0; background: none !important; list-style: none; }
div#content div#categoryNavigation ul li dl dd ul li { margin: 0 0 3px 0; padding: 0 !important; width: 270px !important; font-size: 105%; line-height: 1.6; float: left; }
div#content div#categoryNavigation ul li dl dd ul li.left { width: 135px !important; float: left; }
div#content div#categoryNavigation ul li dl dd ul li.right { width: 135px !important; text-align: left; float: right; }
div#content div#categoryNavigation ul li dl dd ul li a { padding: 0 0 0 10px; background: url(../images/common/arrow.gif) 0 center no-repeat; }
div#content div#categoryNavigation ul li dl dd div.sns { margin-top: 10px; }
div#content div#categoryNavigation ul li dl dd div.sns a { margin: 0 0.2em; }
div#globalFooter { background: url(../images/common/globalFooterBackground.gif) repeat-x; }
div#globalFooterInner { padding: 15px 39px 40px 39px; width: 946px; background: url(../images/common/globalFooterBackground.gif) repeat-x; }