@charset "UTF-8";

/****************************
  GLOBAL SETTING
*****************************/

*  { margin:  0; padding: 0; }
ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; }

.cr {
	clear: both;
	font-size: 1px;
	height: 0;
	visibility: hidden;
	display: block;
}

a:link, 
a:visited {
	text-decoration: none;
	color: #0088cc;
	color: #ff6633;
}
a:hover, 
a:active {
	text-decoration: underline;
}

/****************************/

body {
	margin:      0;
	padding:     0;
	text-align:  center;
	font-family: verdana, arial, georgia;
	font-size:   80%;
	color:       #333333;
	background:  #ffffff url(../images_common/bg.gif) repeat-y center top;
}

/****************************
  container
*****************************/

#container {
	width:         760px;
	margin:        0 auto;
	padding:       10px 0 0 0;
	text-align:    left;
	border-top:    5px solid #cc0000;
	border-bottom: 7px solid #cc0000;
}

/****************************
  header
*****************************/

#header {
	width:        730px;
	height:       350px;
	margin:       0 0 10px 0;
	padding:      0 0 0 15px;
}

/****************************
  contents
*****************************/

#contents {
	width:        730px;
	margin:       0 0 10px 0;
	padding:      0 0 0 15px;
}

/****************************/

#contents h2 {
	margin:       0 0 5px 0;
	font-size:    100%;
}

#contents h3 {
	margin:       0 0 5px 0;
	font-size:    110%;
	color:        #574843;
}

#contents .mb20 {
	margin:       0 0 20px 0;
}

#contents .navi {
	margin:       0 0 20px 0;
	font-size:    10px;
	text-align:   center;
}

#contents p.lead {
	margin:       0 0 10px 0;
	padding:      0 0 0 64px;
}

#contents ul.notice {
	margin:       0 0 15px 0;
	padding:      0 0 0 64px;
}

/****************************/

#contents table.stripe {
	clear:             both;
	width:             100%;
	margin:            0 0 5px 0;
	padding:           0;
	border-collapse:   collapse;
}

#contents table.stripe th {
	margin:            0;
	padding:           3px 4px;
	text-align:        left;
	font-size:         12px;
	line-height:       13px;
}

#contents table.stripe td {
	margin:            0;
	padding:           0;
	text-align:        left;
	font-size:         12px;
}

#contents table.stripe th.boxno, 
#contents table.stripe td.boxno {
	text-align:        center;
	white-space:       nowrap;
}

#contents table.stripe th.boxno {
	font-size:         10px;
	line-height:       11px;
}

#contents table.stripe th.artist, 
#contents table.stripe td.artist {
	width:             10em;
}

#contents table.stripe td a {
	margin:            0;
	padding:           6px 4px 6px 4px;
	display:           block;
	color:             #222222;
	text-decoration:   none;
}

/* color */
#contents table.stripe th, 
#contents table.stripe td {
	border:            1px solid #688db8;
	border:            1px solid #70564c;
}

#contents table.stripe th {
	background-color:  #8cb8d8;
	color:             #465f7c;
	background-color:  #ae9b95;
	color:             #574843;
}

#contents table.stripe tr.odd {
	background:        #ffffff;
}

#contents table.stripe tr.even {
	background:        #f0f6ff;
	background:        #dde6ed;
	background:        #f8f1ed;
}

/* hovered for IE6 */
body {
	behavior: url("/js/csshover3.htc");
}

/* color hovered */
#contents table.stripe tr.odd:hover, 
#contents table.stripe tr.even:hover {
	background:        #fbffd7;s
	background:        #f8ffbe;
}

/****************************/

#contents p.exp_left {
	clear:         both;
	margin:        0 0 15px 0;
	text-align:    left;
}

#contents p.exp_right {
	text-align:    right;
}


/****************************
  footer
*****************************/

#footer {
	clear:        both;
	width:        730px;
	margin:       0;
	padding:      5px 0 15px 15px;
	font-size:    12px;
	text-align:   center;
}

#footer a:link, 
#footer a:visited {
	text-decoration: none;
	color:           #333333;
}
#footer a:hover, 
#footer a:active {
	text-decoration: underline;
	color:           #333333;
}

/****************************
  footer grid
*****************************/

#footer .grid {
	clear:      both;
	width:      382px;
	margin:     0 auto 20px auto;
	padding:    0;
	background: url(../images_common/grid_footer.gif) repeat-y left top;
}

#footer .grid_top {
	width:      382px;
	margin:     0;
	padding:    0;
	background: url(../images_common/grid_footer_top.gif) no-repeat left top;
}

#footer .grid_bottom {
	width:      358px;
	margin:     0;
	padding:    14px 12px 16px 12px;
	background: url(../images_common/grid_footer_bottom.gif) no-repeat left bottom;
}

#footer h4 {
	margin:     0 0 5px 0;
	font-size:  12px;
}

/****************************
  footer grid_event
*****************************/

#footer .grid_event {
	margin:        0;
	padding:       10px 0;
	background:    #522c1a;
	border-top:    15px solid #291109;
	border-bottom: 15px solid #291109;
	text-align:    center;
}

#footer h3.event {
	margin:       0 0 10px 0;
	font-size:    120%;
	color:        #ffffff;
}

#footer p.event {
	margin:       0 0 10px 0;
	padding:      0;
	color:        #ffffff;
}

#footer p.event.yellow {
	color:        #ffffcc;
	font-size:    110%;
}

#footer .grid_inner_event {
	width:    450px;
	margin:   0 auto 10px auto;
	padding:  20px;
	background-color: #765b46;
}

#footer h4.event {
	margin:       0 0 20px 0;
	font-size:    120%;
	color:        #ffffff;
	font-weight:  normal;
}

#footer h5.event {
	margin:       0 0 0px 0;
	font-size:    130%;
	color:        #ffffff;
}

#footer h5.event .fsmall {
	padding:      0 0 0 .5em;
	font-size:    12px;
	font-weight:  normal;
}

/*****************************************
  六花ファイルインフォメーション写真付き
******************************************/
#footer h4.event_left {
	margin:       0 0 20px 0;
	font-size:    120%;
	color:        #ffffff;
	font-weight:  normal;
	text-align: left;
}

#footer h5.event_left {
	margin:       0 0 0px 0;
	font-size:    130%;
	color:        #ffffff;
	text-align: left;
}

#footer h5.event_left .fsmall {
	padding:      0 0 0 .5em;
	font-size:    12px;
	font-weight:  normal;
}

#footer .grid_inner_event_left {
	width:    560px;
	background-color: #765b46;
	height: 220px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 40px;
}

#footer .grid_inner_event_left02 {
	width:    560px;
	background-color: #765b46;
	height: 145px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 40px;
}

#footer .grid_event .grid_inner_event_left img {
	float: right;
}

#footer .grid_event .grid_inner_event_left02 img {
	float: right;
}

/****************************/