@charset "euc-jp";

/* IMPORT 2008.12.17 :-) ąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁ*/ 
@import url(base2.css); /* ”Ess */


/* °EçÀßāEąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁ */ 
*{
	margin: 0px;
	padding: 0px;
	font-family: "ŁÍŁÓ ŁĐ„Ž„·„Ă„Ż", Osaka, "„Ò„é„ź„γфŽ Pro W3";
	color: #333;
	/*color: #959494;*/
	line-height: 1.3em;
	/*letter-spacing: 0.1em;*/
}
a{ outline-style: none;}
a:link{ color: #DEA200;}
a:visited{ color: #DEA200;}
a:hover{ color: #009ED2;}
a:active{ color: #009ED2;}
a img{ border: none;}

li{ list-style: none;}
li a{ word-break: break-all;}

/*html{ filter: expression(document.execCommand("BackgroundImageCache", false, true));}*/

body{ font-size: 12px;}
/* IE7 */
*:first-child+html body{ font-size: small;}
/* IE6 */
* html body{ font-size: small;}

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

/* MAIN CONTENTS ąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁ */ 
div#wapper{ position: relative;}

div#contents{
	position: absolute;
	top: 190px;
	left: 0px;
}
div#mainContents{
	width: 762px;
    padding-bottom:13px;
	clear: both;
}

div#column{
	width: 762px;
    background:url(../images/bg_section_repeat.gif) repeat-y;
	clear: both;
}

div#column-inner{
	width: 762px;
    background:url(../images/bg_section.gif) no-repeat;
	clear: both;
}

/* splash */
div#column h2.splash{
    width:762px;
    height:51px;
    background:url(../images/tit_lecture.gif) no-repeat;
}

div#column h2.splash:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
div#column h2.splash {display:inline-block;}
div#column h2.splash {display:block;}

div#column h2.splash p.btn{
    float:right;
    width:465px;
    height:36px;
    margin-top:10px;
    padding-right:15px;
}

div#column h2.splash p.btn a{
    display:block;
    width:465px;
    height:36px;
    background:url(../../images/btn_lower_facebook.png) no-repeat;
    text-indent:-9999px;
}

div#column h2.splash p.btn a:link, div#column h2.splash p.btn a:visited {background-position:left;}
div#column h2.splash p.btn a:hover, div#column h2.splash p.btn a:active {background-position:right;}







div#bottom {
    width:762px;
    height:10px;
    background:url(../images/bg_section_bottom.gif) no-repeat;
    text-indent:-9999px;
}

/* common
---------------------------------------- */
#upperContents {width:732px; margin:0 auto;}

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

#upperMain {float:left; width:394px;}

#upperAside {float:right; width:324px;}

#info,
#recent
{
    width:394px;
    margin-top:8px;
}

#desc
{
    width:324px;
    margin-top:8px;
}

#summary
{
  clear: both;
    width:732px;
    margin:0 auto;
    /*margin-top:8px;*/
    padding-top:8px;
}


/* info
---------------------------------------- */
#info div.area
{
    padding-top:7px;
    padding-bottom:8px;
    padding-left:7px;
    background:url(../images/bg_area_s.gif) repeat-y; border-bottom:1px solid #d6d6d6;
}

#info .area ul {}
#info .area ul:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#info .area ul {display:inline-block;}
#info .area ul {display:block;}

#info .area ul li
{
    float:left;
    width:120px;
    height:150px;
    padding-bottom:7px;
    padding-right:4px;
}

#info .area ul li a
{
    display:block;
    width:120px;
    height:150px;
    text-indent:-9999px;
    background-repeat:no-repeat;
}

#info .area ul li a:link, #info .area ul li a:visited {background-position:left;}
#info .area ul li a:hover, #info .area ul li a:active {background-position:right;}

#info .area ul li.pref01 a {background-image:url(../images/btn_pref01.jpg);}
#info .area ul li.pref02 a {background-image:url(../images/btn_pref02.jpg);}
#info .area ul li.pref03 a {padding-right:0px; background-image:url(../images/btn_pref03.jpg);}
#info .area ul li.pref04 a {background-image:url(../images/btn_pref04.jpg);}
#info .area ul li.pref05 a {background-image:url(../images/btn_pref05.jpg);}
#info .area ul li.pref06 a {padding-right:0px; background-image:url(../images/btn_pref06.jpg);}

/* recent
---------------------------------------- */
#desc .area
{
    padding:10px 10px 13px;
    background:url(../images/bg_area_m.gif) repeat-y; border-bottom:1px solid #d6d6d6;
    height:332px;
}

#desc .text
{
    width:295px;
    margin:0 auto;
    font-size:12px;
    line-height:1.5;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#desc .text{
  font-size:11px;
}
}

/*#desc .bnr {margin-top:17px;}*/

#desc h4
{
    width:294px;
    margin:0 auto;
    margin-top:13px;
}

#desc .movie
{
    width:294px;
    height:203px;
    margin:0 auto;
}

#noguchiCm {}

/*#desc .visual*/
/*{*/
    /*width:295px;*/
    /*height:229px;*/
    /*margin:0;*/
    /*margin-top:15px;*/
    /*margin-left:10px;*/
    /*padding:0;*/
/*}*/



/* recent
---------------------------------------- */
#recent ul.area
{
    padding:30px 12px 30px;
	padding:28px 12px 28px\9;
    /*_padding-top:12px;*/
    background:url(../images/bg_area_s.gif) repeat-y; border-bottom:1px solid #d6d6d6;
}

#recent ul.area li
{
    margin-bottom:5px;
    padding-left:11px;
    background:url(../images/mark_recent.gif) 0px 3px no-repeat;
    font-size:12px;
}

#recent ul.area li a {color:#ec9400; font-weight:bold; text-decoration:underline;}
#recent ul.area li a:link,
#recent ul.area li a:visited {color:#ec9400; text-decoration:underline;}
#recent ul.area li a:hover,
#recent ul.area li a:active {color:#009ed2; text-decoration:underline;}


/* summary
---------------------------------------- */
/*--- common ---*/
#summary div.area
{
    padding:12px 8px 8px 11px;
    background:url(../images/bg_area_l.gif) repeat-y;
    border-bottom:1px solid #d6d6d6;
}

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

#summary .area .article
{
    float:left;
    padding-right:11px;
    padding-bottom:10px;
}

#summary .area .article .inner
{
    width:227px;
    height:294px;
    padding-top:18px;
    background:url(../images/bg_panel.gif) repeat-x;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}

#summary .area .article h4
{
    width:227px;
    height:41px;
}

#summary .area .article p.date
{
    width:170px;
    margin:0 auto;
    margin-top:4px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
}

#summary .area .article dl
{
    width:170px;
    margin:0 auto;
    margin-top:12px;
    font-size:12px;
}

#summary .area .article dl.date {
  width: 160px;
  margin: 0 auto;
  margin-top: 12px;
  font-size: 12px;
}

#summary .area .article dl:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#summary .area .article dl {display:inline-block;}
#summary .area .article dl {display:block;}

#summary .area .article dl.time {width:75px; margin:0 auto; margin-top:15px;}

#summary .area .article dl dt {float:left;}
#summary .area .article dl dd {}

#summary .area .article p.detail
{
    width:128px;
    height:26px;
    margin:0 auto;
    margin-top:16px;
}

#summary .area .article p.detail a
{
    display:block;
    width:128px;
    height:26px;
    background:url(../images/btn_detail.jpg) no-repeat;
    text-indent:-9999px;
}
#summary .area .article p.detail a:link, #summary .area .article p.detail a:visited {background-position:left;}
#summary .area .article p.detail a:hover, #summary .area .article p.detail a:active {background-position:right;}

/*--- .prefxx ---*/
#summary .area .article p.logo {margin:0 auto;}

#summary .area .pref01 p.logo {
  width: 118px;
  height: 44px;
  margin-top: 13px;
  padding-bottom: 6px;
}
#summary .area .pref01 dl.time {
  margin-top: 13px;
}
#summary .area .pref01 dl.place {
  width: 210px;
}

#summary .area .pref02 p.logo {
  width: 180px;
  height: 27px;
  margin-top: 19px;
}
#summary .area .pref02 dl.time {
  margin-top: 30px;
}
#summary .area .pref02 dl.place {
  width: 210px;
}

#summary .area .pref03 {padding-right:0px;}
#summary .area .pref03 p.logo {
  width: 121px;
  height: 43px;
  margin-top: 15px;
  padding-bottom: 4px;
}
#summary .area .pref03 dl.time {
  margin-top: 14px;
}
#summary .area .pref03 dl.place {
  width: 211px;
}

#summary .area .pref04 p.logo {
  width: 133px;
  height: 40px;
  margin-top: 27px;
  padding-bottom: 7px;
}
#summary .area .pref04 dl.time {
  margin-top: 23px;
}
#summary .area .pref04 dl.place {
  width: 140px;
}

#summary .area .pref05 p.logo {
  width: 72px;
  height: 42px;
  margin-top: 11px;
  padding-bottom: 5px;
}
#summary .area .pref05 dl.place {
  width: 130px;
}

#summary .area .pref06 {padding-right:0px;}
#summary .area .pref06 p.logo {
  width: 87px;
  height: 39px;
  margin-top: 15px;
  padding-bottom: 5px;
}
#summary .area .pref06 p.time {
  margin-top: 2px;
}
#summary .area .pref06 dl.place {
    width: 120px;
}


/* FOOTER CLEAR ąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁąŁ */ 

div#footer{clear:both;}





* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

#infooverray {
  position:absolute;
  top:142px;
  left:-8px;
  width:780px;
  height:475px;
  background:transparent url(../images/noguchi_cover_bg.png) no-repeat;
  z-index:3;
  /*display:none;*/
}

* html #infooverray {
	behavior: expression(IEPNGFIX.fix(this));
}

#infooverraybtn {
	position:absolute;
	top:488px;
	left:267px;
	width:251px;
	height:52px;
	z-index:4;
  display:none;
}

#infooverray .text {
	position:relative;
	top:116px;
	left:137px;
	width:520px;
	height:159px;
	text-indent:-9999px;
	background:transparent url(../images/noguchi_cover_text.png) no-repeat;
}

* html #infooverray .text {
	behavior: expression(IEPNGFIX.fix(this));
}

#infooverray .button {
	position:relative;
	top:190px;
	left:275px;
	width:249px;
	height:50px;
	background:url(../images/noguchi_cover_close.png) no-repeat;
}

* html #infooverray .button {
	behavior: expression(IEPNGFIX.fix(this));
}

#infooverray .button a {
	position:relative;
	display:block;
	width:251px;
	height:52px;
	text-indent:-9999px;
}