@charset "UTF-8";
/* 全体 ----------*/
body { margin:0; padding:0; font-size: 12px; background: #E4E4E4; color: #333;  font-family: "Century Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "ＭＳ Ｐゴシック", "ＭＳ ゴシック" }
img { border: 0 none hidden; }
/*--- コンテンツ ---*/
#container { margin: 20px auto; width: 820px; clear: both; }
#header { width: 820px; height: 100px; background: url(../image/bg_header.gif) no-repeat; clear: both; }
#topagetop { height: 20px; float: right; padding: 40px 0 10px 0; text-align: right; font-size: 12px; }
#footer { width: 820px; height: 20px; background: url(../image/bg_footer.gif) no-repeat bottom; }
#pagebody { width: 820px; background: url(../image/bg_page.gif) repeat-y; }
#pagebody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#pagetitle { width: 520px; height: 60px; margin: 40px 0 10px 30px; }
#topimage a{ margin:0px 0px 0px 10px; width: 800px; height: 280px; }
#copyright { clear: both; margin: 10px 30px 30px 30px; width: 760px; text-align: right; font-size: 10px; color: #666; }

#title { float: left; width: 160px; height: 80px; padding: 10px 0 0 10px; }

#pagebox { float: right; margin: 0px 30px 10px 0px; width: 560px; }
#news { float: left; margin: 20px 0px 30px 5px; width: 570px; clear: none; }
#newstitleimage { float: left; margin: 0px 0px 0px 10px; width: 520px; background: url(../image/news.gif) no-repeat; height: 20px; }
#newsbox { float: left; margin: 10px 0px 10px 40px; width: 470px; }
#side { float: right; margin: 20px 30px 30px 0; padding: 10px 0px; width: 210px; border-color: #999; border-style: Solid; border-width: 1px; clear: right; text-align: center; line-height: 155%; font-size: 12px; background-color: #F2F2F2; }

#InfoBox {  margin: 5px; padding: 5px 0px; border-color: #ccc; border-style: Solid; border-width: 1px; clear: right; text-align: left; }
#InfoBoxLine{  border-bottom:#dedede solid 1px; clear: right; text-align: left; height:1px; margin:10px 0;}
#InfoBoxLineT{  border-bottom:#cccccc dashed 1px; clear: right; text-align: left; height:1px; margin:10px 0;}

* html #InfoBoxLine{  border-bottom:#dedede solid 1px; clear: right; text-align: left; height:1px; margin:0px;  margin-bottom:10px;}
* html #InfoBoxLineT{  border-bottom:#cccccc dashed 1px; clear: right; text-align: left; height:1px; margin:0px;  margin-bottom:10px;}

#PCC p{ margin:0px 0px 0px 0px; padding:0;}
#PCC{ line-height:100%;}


.clearboth{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


.sideimage {  background: #333; margin: 8px 50px 10px 30px; border-color: #ccc; border-width: 1px; border-style: Solid; }
#imageleft { float: left; margin: 6px 20px 10px 0px; }
#imageright { float: right; margin: 6px 0px 10px 20px; }
#artcompeflyer { vertical-align: bottom; width: 560px; }
.newstextbox { line-height: 135%; font-size: 12px; margin: 30px 20px 20px 40px; }
.profbox { margin: 20px 10px 10px 12px; background-color: #F3F3F3; border: 1px solid #ccc; padding-left: 10px; font-size: 10px; }
.profimage { float: right; margin: 14px 14px 0px 20px; }


/*--- サブナビゲーションメニュー ---*/
#subnavimenu { float: right; margin: 0; padding: 18px 30px 26px 0; width: 260px; height: 17px; }
#subnavimenu ul { margin: 0; padding: 0; list-style: none; }
#subnavimenu a{ display: block; background: url(../image/subnavi_off.gif) no-repeat; }
#subnavimenu a:hover{ display: block; background: url(../image/subnavi_on.gif) no-repeat; }
#subnavimenu li.menu1 { float: left; }
#subnavimenu li.menu2 { float: left; }
#subnavimenu li.menu3 { float: left; }
#subnavimenu li.menu1 a{ width: 75px; height: 17px; background-position: 0 0; }
#subnavimenu li.menu2 a{ width: 110px; height: 17px; background-position: -75px 0; }
#subnavimenu li.menu3 a{ width: 75px; height: 17px; background-position: -185px 0; }
#subnavimenu li.menu1 a:hover{ width: 75px; height: 17px; background-position: 0 0; }
#subnavimenu li.menu2 a:hover{ width: 110px; height: 17px; background-position: -75px 0; }
#subnavimenu li.menu3 a:hover{ width: 75px; height: 17px; background-position: -185px 0; }








/*--- ナビゲーションメニュー ---*/
#navimenu { float: right; margin:0px; padding: 0 10px 0 0; width: 530px; height: 26px; }
#navimenu ul { margin: 0; padding: 0; list-style: none; }
#navimenu li { display: inline; }
#navimenu a{ display: block; background: url(../image/navi_off.gif) no-repeat; }
#navimenu a:hover{ display: block; background: url(../image/navi_on.gif) no-repeat; }

#navimenu li.menu1 { float: left; }
#navimenu li.menu2 { float: left; }
#navimenu li.menu3 { float: left; }
#navimenu li.menu4 { float: left; }
#navimenu li.menu5 { float: left; }
#navimenu li.menu6 { float: left; }

#navimenu li.menu1 a{ width: 141px; height: 26px; background-position: 0 0; }
#navimenu li.menu2 a{ width: 66px; height: 26px; background-position: -141px 0; }
#navimenu li.menu3 a{ width: 77px; height: 26px; background-position: -207px 0; }
#navimenu li.menu4 a{ width: 93px; height: 26px; background-position: -284px 0; }
#navimenu li.menu5 a{ width: 133px; height: 26px; background-position: -377px 0; }
#navimenu li.menu6 a{ width: 130px; height: 26px; background-position: -510px 0; }

#navimenu li.menu1 a:hover{ width: 141px; height: 26px; background-position: 0 0; }
#navimenu li.menu2 a:hover{ width: 66px; height: 26px; background-position: -141px 0; }
#navimenu li.menu3 a:hover{ width: 77px; height: 26px; background-position: -207px 0; }
#navimenu li.menu4 a:hover{ width: 93px; height: 26px; background-position: -284px 0; }
#navimenu li.menu5 a:hover{ width: 133px; height: 26px; background-position: -377px 0; }
#navimenu li.menu6 a:hover{ width: 130px; height: 26px; background-position: -510px 0; }



/*--- トップナビゲーションメニュー ---*/
#topnavimenu { clear: both; margin: 0; padding: 10px 30px 20px 30px; width: 760px; height: 60px; }
#topnavimenu ul { margin: 0; padding: 0; list-style: none; }
#topnavimenu li { display: inline; }
#topnavimenu a{ display: block; background: url(../image/topnavi_off.gif) no-repeat; }
#topnavimenu a:hover{ display: block; background: url(../image/topnavi_on.gif) no-repeat; }
#topnavimenu li.menu1 { float: left; }
#topnavimenu li.menu2 { float: left; }
#topnavimenu li.menu3 { float: left; }
#topnavimenu li.menu4 { float: left; }
#topnavimenu li.menu5 { float: left; }
#topnavimenu li.menu1 a{ width: 152px; height: 60px; background-position: 0 0; }
#topnavimenu li.menu2 a{ width: 152px; height: 60px; background-position: -152px 0; }
#topnavimenu li.menu3 a{ width: 152px; height: 60px; background-position: -304px 0; }
#topnavimenu li.menu4 a{ width: 152px; height: 60px; background-position: -456px 0; }
#topnavimenu li.menu5 a{ width: 152px; height: 60px; background-position: -608px 0; }
#topnavimenu li.menu1 a:hover{ width: 152px; height: 60px; background-position: 0 0; }
#topnavimenu li.menu2 a:hover{ width: 152px; height: 60px; background-position: -152px 0; }
#topnavimenu li.menu3 a:hover{ width: 152px; height: 60px; background-position: -304px 0; }
#topnavimenu li.menu4 a:hover{ width: 152px; height: 60px; background-position: -456px 0; }
#topnavimenu li.menu5 a:hover{ width: 152px; height: 60px; background-position: -608px 0; }


/*--- アーカイブナビゲーションメニュー ---*/
#archiveyear { margin: 0; width: 170px; height: auto; padding: 20px 0 0 56px; float: left; }
#archiveyear ul, #archiveyear li{ margin: 0; padding: 0; list-style: none; }
#archiveyear ul{ list-style: none; }
#archiveyear a, #archiveyear a:hover{ display: block; }
#archiveyear li{ width:100px; margin:0; padding:8px 0 0 0;}
#archiveyear li a{ width:100px; padding:6px 0 2px 10px; border-color: #ccc; border-left-style: Solid; border-bottom-style: Solid; border-width: 1px; } 
#archiveyear li a:hover{ width:100px; padding:6px 0 2px 10px; border-color: #f03; border-left-style: Solid; border-bottom-style: Solid; border-width: 1px; }
/*--- フォーム ---*/
div#form table { border: 1px solid #ccc; }
div#smform { margin: 10px auto 15px; }
div#smform .SmallType { font-size: 10px; font-weight: normal; line-height: normal; }
div#smform form { margin: 0px; }
div#smform td { padding: 4px; background: #f1f1f1; width: 512px; }
div#smform th { text-align: left; padding: 4px; background-color: #e4e4e4; vertical-align: top; }
div#smform .Submit { background: #fff; text-align: center; }
/*--- テキスト ---*/
h1 { margin: 0; width: 240px; height: 80px; background: url(../image/headlogo.gif) no-repeat; }
h1 a { display: block; width: 240px; height: 80px; }
h2 { font-size:14px; font-weight:bold; }
h3 { font-size:12px; }
.txt-main { line-height: 185%; font-size: 12px; }
.txt-newstitle { margin: 10px 0 10px 20px; line-height: 155%; font-size: 12px; }
.txt-news { line-height: 125%; font-size: 12px; margin: 30px 20px 20px 40px; }
.txt-chart { line-height: 125%; font-size: 12px; }
.txt-copyright { margin: 0 0 0 0; color: #8c8c8c;}
.txt-gold { font-size: 14px; margin: 0 0 0 1px; padding: 4px 100px 4px 10px; width: 180px; color: #fff; background: #fc0; }
.txt-silver { font-size: 14px; margin: 0 0 0 1px; padding: 4px 100px 4px 10px; width: 180px; color: #fff; background: #ccf; }
.txt-bronze { font-size: 14px; margin: 0 0 0 1px; padding: 4px 100px 4px 10px; width: 180px; color: #fff; background: #933; }
.txt-special { font-size: 14px; margin: 0 0 0 1px; padding: 4px 100px 4px 10px; width: 180px; color: #fff; background: #9c3; }
.txt-etc { font-size: 14px; margin: 0 0 0 1px; padding: 4px 100px 4px 10px; width: 180px; color: #666; background: #eeeeee; }
.txt-artcompeind { margin: 0 0 0 1px; padding: 4px 0px 4px 20px; font-size: 12px; }
.txt-flyer { font-size: 12px; text-align: right; vertical-align: bottom; line-height: 150%; }
/*--- テキスト装飾 ---*/
.j08px-gothic { font-size: 8px; }
.j09px-gothic { font-size: 9px;  }
.j10px-gothic { font-size: 10px; }
.j12px-gothic { font-size: 12px; }
.j14px-gothic { font-size: 14px; }
.j16px-gothic { font-size: 16px; }
.j18px-gothic { font-size: 18px; }
.j20px-gothic { font-size: 20px; }
.j24px-gothic { font-size: 24px; }
.j08px-mincho { font-size: 8px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j09px-mincho { font-size: 9px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j10px-mincho  { font-size: 10px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j12px-mincho  { font-size: 12px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j14px-mincho  { font-size: 14px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j16px-mincho  { font-size: 16px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j18px-mincho { font-size: 18px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j20px-mincho { font-size: 20px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
.j24px-mincho { font-size: 24px; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "ＭＳ 明朝" }
a:link { color : #333; text-decoration : none;}
a:visited { color : #333; text-decoration : none;}
a:hover  { color: #f03; text-decoration: none }
a:active  { color: #f03; text-decoration: none }
.off-txt { display: block; text-indent: -9999px;}
p.line800t { border-top: 1px solid #ccc; width:800px; margin:0 10px 0 10px; }
p.line800b { border-bottom: 1px solid #ccc; width:800px; margin:0 10px 0 10px; }
p.line540 { border-bottom: 1px solid #ccc; width:540px; margin:0 0 0 20px; }
p.line560 { border-bottom: 1px solid #ccc; width:560px; margin:0 0 0 0; }
p.clearfloat { clear: both;}
.imgleft { float: left; margin: 0px 20px 20px 20px; }
.imgright { float: right; margin: 0px 20px 20px 20px; }
.imgflyer { float: right; margin: 0 20px 0 0; }
.imgrightabout { float: right; margin: 0px 0px 0px 10px; }