@charset "UTF-8";
/* Base Theme ============================================================= */

/* Reset ------------------------------------------------------------------ */

/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css by beausmith.com
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration: none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:auto;
}

body {
   overflow-y:scroll;
}


a {
    text-decoration: none;
    color:#0066FF;
}

a:hover {
    text-decoration: underline;
}

a img,:link img,:visited img {
    border: 1px solid #ccc;
}

/*---------------------------
 Font
 --------------------------- */
body{
	color:#222;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ　ゴシック", Osaka,;
}

.eng{
	font-family:"Trebuchet MS","Courier New";
}

.font_l{
	font-size:large;
}

.font_m{
	font-size:medium;
}

.font_s{
	font-size:small;
}

.font_xs{
	font-size:x-small;
}

.gray_xs{
	color:#737373;
	font-size:10px;
}

/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }
.float_l { float:left;}
.float_r { float:right;}
.clear { clear:both;}


/* Layout ----------------------------------------------------------------- */

body {
    text-align: center;
    background: #fff;
}

#container{
	width:550px;
	margin:0 auto;
}

#alpha, #beta, #footer {
    position: relative;
}

#alpha, #beta {
    display: inline;
    float: left;
}

#alpha-inner, #beta-inner {
    position: static;
}

#header ,#alpha-inner{
    width:530px;
    overflow: hidden;
    padding-left:20px;
}

#alpha{
	text-align: left;
}

/*---------------------------
 Background
 --------------------------- */
body{
background:#efefef url(images/bg_all_333.gif) top center repeat-y;
}

#alpha {
background:#fff;
}


/* Content ---------------------------------------------------------------- */

#alpha-inner {
    text-align:left;
    padding-right:20px;
}

/*---------------------------
 Header Discription
 --------------------------- */
#bata-discription{
	color:#ddd;
	font-size:12px;
	padding:5px 5px 5px 20px;
	margin-bottom:40px;
    background:url(images/header_link.gif) bottom right no-repeat #777777;
}
#bata-discription a{
	color:#ddd;
}

/*---------------------------
 Header
---------------------------*/

#header-name {
	margin-bottom:10px;
	padding-left:20px;
}

#header-name img,
#header-name img a{
	border:0px;
}

/*---------------------------
 Navigation
 --------------------------- */
#navi{
	width:510px;
	padding:0 20px;
	margin-bottom:20px;
    background-image:url(images/navi_bg.gif);
	background-position:top left;
	background-repeat:x-repeat;
} 
 
#navi ul{
    list-style:none;
    width:510px;
	height:50px;
}

#navi ul li{
    list-style:none;
	float:left;
    width:102px;
	height:50px;
}

#navi ul li img{
    list-style:none;
	float:left;
    width:102px;
	height:50px;
	border:0px;
}

/*---------------------------
 Exhibition area
---------------------------*/
/* main image */
div#main_image img{
	width:510px;
	height:200px;
	position:relative;
}

div#main_artist ,
div#main_artist_now ,
div#main_artist_upcoming {
	width:510px;
	height:200px;
	position:relative;
	top:-200px;
	text-align:center;
	color:#fff;
}

/* main artist name */

div#main_artist_now {
	background:url(images/caption_now_ex.gif) left top no-repeat;
}

div#main_artist_upcoming {
	background:url(images/caption_upcoming_ex.gif) left top no-repeat;
}

div#main_artist h2 ,
div#main_artist_now h2 ,
div#main_artist_upcoming h2 {
	padding-top:88px;
	font-size:24px;
}

div#main_artist h2 span ,
div#main_artist_now h2 span ,
div#main_artist_upcoming h2 span {
	font-size:medium;
	margin-right:10px;
}


/* main details & past exhibition list */
table#main_table {
	margin:-180px 0 30px 0;
}

table.past_list {
	margin:0px 0 30px 0;
}

table#main_table th img {
	margin-right:20px;
}
table#main_table td {
	text-align:left;
	padding-left:15px;
	border: 0px solid #ddd;
	border-left-width:5px;
}

table#main_table td.none {
	height:15px;
	border: 0px;
}

table#main_table td div.prof {
	line-height:140%;
	margin-top:10px;
}

table#main_table td ul{
	list-style:none;
	margin-left:0px;
}

table#main_table td ul li{
	list-style:none;
	background:url(images/ic_list.gif) 0px 3px no-repeat;
	padding-left:15px;
	margin-bottom:7px;
}

div.ex-past-list {
	border: 0px solid #ddd;
	border-top-width:5px;
	padding-top:20px;
}

/* sub images */
table#sub_images {
	clear:both;
	margin-bottom:15px;
}

table#sub_images tr {
}

table#sub_images tr td {
	width:165px;
	height:128px;
}

table#sub_images img {
	width:150px;
	height:113px;
	margin-right:15px;
	margin-bottom:15px;
}

/*---------------------------
 Subject
---------------------------*/
div#main_subject {
	border:5px solid #ddd;
	background:url(images/agg_logo.gif) left center no-repeat;
	padding:20px;
	margin-bottom:30px;
}

div#main_subject ul{
	list-style:none;
	margin:50px 0 50px 140px;
	background:url(images/bg_subject.gif) left bottom no-repeat;
}

/*---------------------------
 About us
---------------------------*/
div#contents-box {
	line-height:140%;
}

div#contents-box p {
	margin-bottom:15px;
}

div#contents-box ul {
	list-style:disc;
	margin:0 0 15px 40px;
}

div#contents-box ul li {
	list-style:disc;
}


/*---------------------------
 Access
---------------------------*/
div#contents-box table#main_table {
	margin-top:0px;
	margin-bottom:30px;
}

/*---------------------------
 Contact
---------------------------*/
dl#mailform dt {
	float:left;
	clear:both;
	width:60px;
	margin-right:5px;
	margin-bottom:5px;
}
dl#mailform dt.mailform_mess {
	float:none;
	width:360px;
}

dl#mailform > dd {
	float:left;
	width:270px;
	text-align:left;
}
dl#mailform > dd.mailform_mess {
	float:none;
	width:360px;
}
*+html dl#mailform > dd {
	float:none;
}

input ,textarea {
	border:1px solid #666;
	border-right-color:#efefef;
	border-bottom-color:#efefef;
	background-color:#EEEEEE;
	color:#333;
}

input.submit {
	border:1px solid #cc3333;
	border-left-color:#cc9999;
	border-top-color:#cc9999;
	background-color:#FFCCCC;
	color:#333;
	font-weight:bold;
}

input.checkbox {
	border:0px ;
	background-color:#fff;
}

/*---------------------------
 Attention
---------------------------*/
#attention ,
#attention_topmargin {
	clear:both;
	margin-bottom:30px;
	padding:15px;
	background:#ddd;
}

#attention_topmargin {
	margin-top:30px;
}

/*---------------------------
 Insert images
---------------------------*/

.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}


/*---------------------------
 Footer
---------------------------*/
#footer {
	background:#222;
	color:#dddddd;
	text-align:left;
	padding:15px;
}
#footer ul{
    list-style:none;
}
#footer ul li{
    list-style:none;
	float:left;
	margin-right:5px;
}

#footer p{
    margin-top:25px;
}


/*---------------------------
 Contact message
---------------------------*/
#contents-message {
	margin-bottom:30px;
}

#contents-message h3 {
	font-size:medium;
	font-weight:bold;
	margin-bottom:20px;
}

#contents-message p,
#contents-message table {
	margin-bottom:20px;
	font-size:small;
}

#contents-message td {
	padding:5px;
}

#contents-message input {
	border:1px solid #666;
	border-top-color:#ccc;
	border-left-color:#ccc;
	background-color:#EEEEEE;
}
/*---------------------------
 For Print
---------------------------*/
@media print {
    * {
        position: static ! important;
        overflow: visible ! important;
    }
}