@charset "utf-8";

/*
======== table of content. =================================

summary:ページ設定

- BODY
- TABLE
- CLEAFIX


============================================================
*/


/*-----------------------------------------------------
body
-------------------------------------------------------*/


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







body {
margin:0 0 0 0;
padding:0;
background: url(../images/common/background.gif) left top repeat;
width:100%;
font-size: 12px;
color:#333;
line-height: 2;
font-family: verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro
W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}


/* for IE6 */
* html body {
    font-size: 75%;
	font-family: verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

/* for IE7 */
*:first-child + html body {
    font-size: 75%;
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


div#header {
margin:29px auto 0 auto;
padding:10px 0 0 0;
width:960px;
height:29px;
background:#ffffff;
}

div#header p {
float:right;
margin:0 10px 0 0;
}

/*-----------------------------------------------------
container
-------------------------------------------------------*/

div#container {
clear:both;
margin:0 auto 0 auto;
padding:30px 0;
width:960px;
background: url(../images/common/bk_main.gif) left top repeat-y;
border-top:1px solid #D01126;
border-bottom:1px solid #D01126;
}



/*-----------------------------------------------------
leftcol
-------------------------------------------------------*/


div#container div#leftcol {
float:left;
width:293px;
margin:0;
padding:0;
}


div#container div#leftcol h1,div#navi,div#banner {
margin:0 0 0 30px;
}


div#banner dl {
clear:both;
margin:50px 0 0 0;
height:89px;
background: url(../images/common/back_bnr.gif) left top no-repeat;
position:relative;
}


div#banner dl dt {
position:absolute;
top:-30px;
left:0;
}

div#banner dl dd {
margin:0px 0 0 1px;
padding:1px;
float:left;
position:relative;
top:1px;

}

div#banner dl dd.bottom {
margin:1px 0 0 1px;
}



div#container div#leftcol div#banner {

margin:46px 0 0 30px;
}


div#container div#leftcol div#banner ul {
clear:both;
}

div#container div#leftcol div#banner ul li {
margin:10px 0 0 0;
}





/*----------------
menu
------------------*/




div#container div#leftcol div#navi ul#slide a {
padding:1px 0 5px 0;
background:url(../images/common/bk_slide_menu.gif) -599px 0 repeat; !important
display:block;
height:19px;
}


/* for IE6 */
* html div#container div#leftcol div#navi ul#slide a {
padding:0 0;

}


/* for IE7 */
*:first-child + html div#container div#leftcol div#navi ul#slide a {
padding:0 0;


}


/* safari only \*/  
html:\66irst-child div#container div#leftcol div#navi ul#slide a {
background:url(../images/common/bk_slide_menu.gif) -599px 2px repeat; !important
}


div#container div#leftcol div#navi ul {
padding:0 0 30px 0;
}


div#container div#leftcol div#navi ul li {
margin:16px 0 0 0;
height:19px;

}



div#container div#leftcol div#navi ul li a {
margin:16px 0 0 0;
height:19px;
padding:3px 0;}










/*-----------------------------------------------------
rightcol
-------------------------------------------------------*/


div#rightcol{
float:left;
width:606px;
margin:0 0 0 30px;
padding:0;
}

body#exhibition div#container div#rightcol {
float:left;
width:606px;
margin:0 0 0 30px;
padding:0;
}

body#logo div#container div#rightcol {
float:left;
width:606px;
margin:0 0 0 30px;
padding:0;
}


.rightimg {
margin:0 0 0 16px;
}


h2 {
margin:15px 0 0 0 ;
padding:0 0 10px 0;
background:url(../images/common/h2_background.gif) left bottom no-repeat; 
}




/*----------------
pagenavi
------------------*/


ul.pagenav {
padding:2px 0 2px 0;
margin:10px 0 0 0;
width:609px;
border-bottom:1px solid #CE1029;
overflow:hidden;
line-height:1.5em;
background:url(../images/common/pagenav_li.gif) left 0.2em no-repeat; 
}

ul.pagenav li {
float:left;
margin:0;
padding:0 8px 0 8px;
background:url(../images/common/pagenav_li.gif) right 0.2em no-repeat; 
}



ul.pagenav li.first {
padding:0;
background:none; 
}


ul.pagenav li a {
padding:0 0 0 15px;
background:url(../images/common/link_mark.gif) left top no-repeat; 
}


span.active {
margin:0 2px 0 2px;
padding:2px 8px 2px 8px;
color:#ffffff;
background:#CE1029;
}



/*----------------
ttl
------------------*/

h3{
width:605px;
clear:both;
margin:30px 0 10px 0;
padding:0 0 8px 0;

}

h4 {
clear:both;
margin:28px 0 20px 0 ;
padding:0 0 0 12px;
border-left:7px solid #D01126;
font-size:120%;
font-weight:bold;
line-height:1.2 ;

}


/*----------------
aright,aleft
------------------*/
.aright {
text-align:right;
}



/*----------------
line
------------------*/

p.dotline {
margin:5px 0 0 0;
width:400px;
border-bottom:1px dotted #999999;
}


/*-----------------------------------------------------
table
-------------------------------------------------------*/

table.base {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #FFFFFF;
width: 100%;
margin-bottom: 30px;
text-align:left;
}


table.base th {
width:90px;
padding: 3px 7px;
border: 1px solid #FFFFFF;
font-weight:normal;
background:#FEECEC;
}


table.base td {
padding: 3px 7px;
border: 1px solid #FFFFFF;
background:#F7F7F7;
}


/*-----------------------------------------------------
footer
-------------------------------------------------------*/

div#footer {
clear:both;
margin:0 auto;
width:960px;
background:#ffffff;
}


div#footer p {
float:left;
padding:14px 0 14px 10px;
}


div#footer p.copyright {
float:right;
text-align:right;
padding:14px 10px 14px 0;
}


/*-----------------------------------------------------
pagetop
-------------------------------------------------------*/



p.pagetop {
margin:40px 0 20px 0;
clear:both;
float:right;
padding:0 0 0 15px;
background:url(../images/common/pagetop.gif) left 1em no-repeat; 
font-size:80%;
}





/*-----------------------------------------------------
clearfix
-------------------------------------------------------*/


.clearfix:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}
.clearfix {
 _height: 1px;
 min-height: 1px;
 /*￥*//*/
 height: auto;
 overflow: hidden;
 /**/
}


.clear {
	clear:both;
}