@charset "utf-8";

/*----------- 

base.css

0.reset
1.base
2.navi
3.top
4.venue
5.collection
6.auction

-----------*/



/*---------------------------- 0. reset ----------------------------*/


html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, img, table, td, th, pre, code, form, fieldset, legend, input, textarea, blockquote {
margin:0;
padding:0;
}

a, ins {
text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

address, em {
font-style:normal;
}

img {
vertical-align:bottom;
border:none;
}

a img {
border:none;
}

ul, ol, dl {
list-style:none;
}

li, dt, dd{
line-height:1.2;
}

/*---------------------------- 1. base ----------------------------*/

*{
font-size:13px;
line-height:1.4;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

html{
color:#222222;
height: 100%;
overflow-y: scroll;
text-align:center;
}

#ja, #ja p, #ja li, #ja dt, #ja dd {
line-height:1.5;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

p, li, dt, dd {
font-size:0.947em;
}


body{
background:#fff url(../common/images/bg.gif) repeat-x 0 0;
}

#wrapper {
margin:0 auto;
width:800px;
text-align:left;
}

#header {
height:72px;
}

#navigation{
height:27px;
}

#footer{
margin:2em 0 2em 0;
padding:14px 0 11px 0;
overflow: auto;
width:800px;
background:#fff url(../common/images/line_black.gif) no-repeat 0 0;
}


h1{
float:left;
margin:15px 0 0 0;
}

h2{
margin:60px 0 30px 0;
width:800px;
height:25px;
}

h3{
float:left;
width:180px;
margin: 0 0 0 20px;
}

h4{
font-size:0.947em;
font-weight:bold;
margin:1em 0 0;
}

p{
margin:0 0 1em;
}

.logo{
float:left;
}

.copy{
float:right;
}

.corner{
margin:0 0 0 0;
padding:0;
}

.contents{
float:left;
width:575px;
margin:0 0 0 0;
}

.hr{
display:block;
margin:1.5em 0 2.5em;
width:800px;
height:1px;
clear:both;
}

img.rightImg{
float:right;
margin:0 0 1em 20px;
}

img.rightImg2{
float:right;
margin:0 0 1em 0px;
}

p.leftTxt{
width:345px;
}


p.leftTxt2{
width:345px;
font-size:0.85em;
}

a {
font-size:100%;
color:#666666;
text-decoration:underline;
}

a:visited{
color:#787878;
text-decoration:underline;
}

a:hover{
color:#e60012;
text-decoration:underline;
}

#en p.note{
margin:3px 0 0 130px;
}

#ja p.note{
text-align:right;
margin:3px 410px 0 0;
font-size:0.847em;
}

span.note{
font-size:100%;
color:#666666;
}

.strong{
font-size:100%;
font-weight:bold;
}

.em{
font-size:100%;
font-weight:bold;
}

.emred{
font-size:100%;
color:#e92030;
}

.emstrong{
font-size:100%;
color:#e92030;
font-weight:bold;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide from IE-mac */




/*---------------------------- 2. navi ----------------------------*/

ul#glabalNavi{
}

ul#globalNavi li{
margin:0 0 0 5px;
float:right;
}

ul#navi{
height:27px;
}

ul#navi li{
float:left;
}

/*---------------------------- 3. top ----------------------------*/

body.top{
background:#fff url(../images/top_bg.gif) repeat-x 0 0;
}

h2.keyvisual{
margin:0 0 0 0;
width:800px;
height:371px;
}

#topcorner{
margin:25px 0 50px 0;
}

#submmision, #purchase{
float:left;
width:390px;
text-align:center;
background: transparent url(../images/corner_bg.gif) repeat 0 0;
padding:0 0 6px 0;
border-bottom:1px solid #666666;
}

#submmision{
margin:0 20px 0 0;
}

#submmision p, #purchase p{
margin:0 auto 7px;
}

#submmision ul, #purchase ul{
margin:0 7px;
}

#submmision li, #purchase li{
float:left;
}

#topcorner h3{
float:none;
width:390px;
margin: 0 0 8px 0;
}

#topcorner ul li.leftItem{
margin:0 6px 0 0;
}

#topcorner{
width:800px;
margin:30px auto 0px;
}

#topcorner img{
vertical-align:bottom;
}

#submmision, #purchase{
float:left;
width:390px;
text-align:center;
background: transparent url(../images/corner_bg.gif) repeat 0 0;
padding:0 0 6px 0;
border-bottom:1px solid #666666;
}

#submmision, #purchase{
/padding:0 0 0 0;
}

#topcorner img{
vertical-align:bottom;
}

#submmision{
margin:0 20px 0 0;
}

#submmision p, #purchase p{
margin:0 auto 7px;
}

#submmision li, #purchase li{
float:left;
}

#topcorner h3{
float:none;
width:390px;
margin: 0 0 8px 0;
}

#topcorner ul li.leftItem{
margin:0 6px 0 0;
}

p.note{
font-size:0.85em;
text-align:left;
margin:5px 0 0 110px;
}

#topAuction{
margin:30px 100px 50px;
background: transparent url(../en/images/corner_bg.gif) repeat 0 0;
border-bottom:1px solid #666666;
}

#topAuction h3{
width:600px;
margin: 0 0 8px 0;
}

#topAuction ul#topAucLeft{
float:left;
width:392px;
margin:0 7px 0 8px;
}

#topAuction ul#topAucLeft{
/margin:0 4px 0 4px;
}

#topAuction ul#topAucLeft li{
margin:0 0 7px 0;
}

#topAuction ul#topAucRight02 li{
margin:0 0 4px 0;
}

#topAuction ul#topAucRight01 li{
display:inline-block;
padding:43px 0 0 0;
}

#topAuction img{
vertical-align:bottom;
}


/*info*/


#info{
margin:30px auto 3em;
width:700px;
}

#info h3{
float:none;
margin:0;
}

#info dl{
margin:0;
}

#info dl dt{
float:left;
width:7em;
padding:0.8em 0 0.6em 0.5em;
}

#info dl dd{
padding:0.8em 0.5em 0.6em 8em;
background:transparent url(../images/info_line.gif) bottom no-repeat;
}


/*---------------------------- 4. venue ----------------------------*/

.hallBox{
margin:30px 0 1em 0 ;
}

.hallBox .info{
float:left;
width:255px;
}

.hallBox .map{
float:left;
width:300px;
margin:0 0 0 20px;
}

.info h4{
margin:0 0 18px 0;
}

.info ul{
margin:18px 0 36px 0;
}

.info ul li{
margin:0 0 0.4em 0;
padding:0 0 0 13px;
background:transparent url(../common/images/listmark_red.jpg) 0 5px no-repeat;
}

#ja .map p, #ja .map li{
font-size:0.924em;
}

#en .map, #en .map li{
font-size:0.847em;
}

p.address{
margin:1em 0 0 0;
}

ul.access{
margin:18px 0 0 0;
}

ul.access li{
margin:0 0 0.54em 0;
padding:0 0 0 13px;
background:transparent url(../common/images/listmark_gray.jpg) 0 5px no-repeat;
}


dl.note {
margin:2em 0 1em 0;
}

dl.note dt{
float:left;
width:3em;
font-size:0.85em;
}

dl.note dd{
padding:0 0 0 3.5em;
font-size:0.85em;
}

dl.note2 {
margin:0em 0 1em 0;
}

dl.note2 dt{
float:left;
width:1em;
font-size:0.85em;
display:block;
}

dl.note2 dd{
padding:0 0 0 1.5em;
font-size:0.85em;

}


dl.note3 {
	width:358px;
}

dl.note3 dt{
float:left;
display:block;
margin:0px;
padding:0px;
width:1em;
}

dl.note3 dd{
margin:0px;
padding:0px 15px 0px 1em;
display:block;}

dl.note4 {
	width:330px;
}

dl.note4 dt{
float:left;
display:block;
margin:0px;
padding:0px;
width:1em;
}

dl.note4 dd{
margin:0px;
padding:0px 15px 0px 1em;
display:block;}


ul.note, #ja ul.note{
margin:2em 0 1em 0;
}

ul.note li, #ja ul.note li{
padding:0 0 0 0;
background:none;
font-size:0.834em;
}

/*---------------------------- 5. collection ----------------------------*/

.view{
margin:2em 0 1em;
}

.follow{
margin:0 auto 3em;
width:520px;
text-align:left;
}

form{
margin:1em 0;
}

form img.rightImg{
margin:0 0 1em 1em;
}

.topnone{
margin:0 0 1em;
}

/*---------------------------- 6. auction ----------------------------*/

.auctionBox{
margin:0 0 1em 0;
}

.auctionBox h4{
margin:2px 0 15px 0px;
font-weight:bold;
}

.boxA, .boxB{
float:left;
width:280px;
background:#efede8;
}

.boxA{
margin:0 15px 0 0;
}

ul.auctionInfo{
margin:10px 8px 0 10px;
width:262px;
}

#en ul.auctionInfo{
height:16em;
}

#ja ul.auctionInfo{
height:17em;
}

ul.auctionInfo li{
margin:0 0 0.46em 0;
font-size:0.924em;
}

#ja ul.auctionInfo li{
margin:0 0 0.4em 0;
}
#en ul.auctionInfo li{
font-size:0.847em;
}

ul.auctionBtn{
margin:10px 10px 7px;
}

ul.auctionBtn li{
margin:0 0 2px 0;
}

.auctionBox p{
margin:0 10px 7px ;
font-size:0.85em;
color:#e92030;
}



/*---------------------------- 7. guideline ----------------------------*/




dl .glinesList{
width:575px;
}

dl.glinesList dt{
float:left;
display:block;
margin:0 0 0 0;
width:130px;
font-weight:bold;
}

dl.glinesList dd{
float:none;
display:block;
margin:0 0 1em 0;
width:435px;
padding: 0 0 1em 140px;
border-bottom:solid 1px #cccccc;
}


dl.glinesList dd.lastItem{
border-bottom:none;
}

dl.glinesList dd.lastItem2{
	margin:0 0 0.5em 0px;
border-bottom:none;
}


dl.glinesList ul{
margin:0 0 -1em;
}

dl.glinesList ul li{
margin:0 0 1em;
}

.form{
text-align:center;
}

.formbtn{
margin:2em 0;
}

.formbtn1{
margin:2em 0 2em 0px;
padding:0 0 0 200px;
_padding:0 0 0 220px;
float:left;
}


.formbtn2{
margin:2em 0 2em 30px;
float:left;
}

.clearp{
clear:both;
text-align:left;
margin:0 0 0 200px;
_margin:0 0 0 220px;
}



/*/////////////////////////////////////////////////////////////////////add scholaor*/ 

#bn_space{
margin: 20px 180px 30px 200px;
}

#bn_space2{
margin: 0px;
}

.sclar_bn{
margin:20px 0 0 0;
display:block;
}

.sclar_bn a{
display:block;
overflow:hidden;
text-indent:-9999px;
width:400px;
height:60px;
background:transparent url(../images/scholar_bn.jpg)  no-repeat 0 0;
}

.sclar_bn a:hover {
background:transparent url(../images/scholar_bn.jpg)  no-repeat 0 -60px;
}


dl .detailsList{
width:575px;
}

dl.detailsList dt{
float:left;
display:block;
margin:0 0 0 0;
width:135px;
font-weight:bold;
}

dl.detailsList dd{
float:none;
display:block;
margin:0 0 1em 0;
width:430px;
padding: 0 0 1em 145px;
border-bottom:solid 1px #cccccc;
}

*html dl.detailsList dd{
margin:-1.5em 0 1em 0;
}

*html dl.detailsList dd.twoline{
margin:-3em 0 1em 0;
}


.detailsList dd dt{
float:left;
display:block;
margin:0 0 0.5em 0;
font-weight:normal;
width:85px;
}

.detailsList dd dd{
float:none;
display:block;
margin:0 0 1em 0;
padding: 0 0 1em 96px;
width:334px;
border-bottom:solid 1px #cccccc;
}


.detailsList dd dd.lastItem{
border-bottom:none;
margin:0 0 0 0;
padding: 0 0 0 8em;
}

*html dl.detailsList dd dd{
margin:-2em 0 1em 0;
}

*html dl.detailsList dd dd.lastItem{
margin:-2em 0 0 0;
}

ul.numberList li, ul.numberList2 li{
margin:0 0 0 2em;
padding:0 0 0 0;
list-style: decimal outside;
}

ul.numRoman li{
list-style:lower-roman outside;
}

a.btnSchoPdf{
display:block;
overflow:hidden;
width:216px;
height:32px;
text-indent:-9999px;
background:url(../program/images/btn_scholar_pdf.gif) 0 0 no-repeat;
}

a:hover.btnSchoPdf{
background:url(../program/images/btn_scholar_pdf_on.gif) 0 0 no-repeat;
}

a.btnSchoXls{
display:block;
overflow:hidden;
width:216px;
height:32px;
text-indent:-9999px;
background:url(../program/images/btn_scholar_excel.gif) 0 0 no-repeat;
}

a:hover.btnSchoXls{
background:url(../program/images/btn_scholar_excel_on.gif) 0 0 no-repeat;
}

ul.formList {
margin:1em 0;
}

ul.formList li{
margin:0 0 3px 0;
}

p.onList{
margin:0 0 1em 0;
}


*html ul.numberList2 li{
display:block;
margin:0 0 0 2.5em;
}

*html dl.detailsList dd dd.twoline{
margin:-3.5em 0 0 0;
}

/*---------------------------- 7. scholarship ----------------------------*/

body.scholarship {
	/*background: url(../scholarship/images/bg_scholarship.gif) top left repeat-x;*/
}

body.scholarship h2 {
	margin: 40px 0px 0px;
}

.read {
	margin: 28px 0px;
	line-height: 1.8em !important;
}

#outline h3, #profile h3 {
	margin: 0px 0px 10px 2px;
	float: none;
}

.schedule p {
	line-height: 2em !important;
	margin: 0px 0px 15px 10px;
}

.schedule {
	width: 270px;
	float: left;
}

.place {
	width: 490px;
	float: right;
	padding: 10px 20px 10px 10px;
	border: 1px solid #999999;
}

.place ul {
	font-size: 0.834em;
}

.gareAccess {
	padding-left: 259px;
}
 
.place li {
	background: url(../scholarship/images/listmark.gif) 0px 4px no-repeat;
	padding-left: 12px;
}

.gyreMap {
	width: 239px;
	float: left;
	margin: 0px 20px 0px 0px;
}

#profile {
	margin-top: 40px;
}

.scholar {
	width: 390px;
	height: 290px;
	float: left;
	padding-top: 12px;
	margin: 0px;
}

.scholar p {
	margin: 0px;
}

.next {
	margin-left: 20px;
}