@charset "UTF-8";
/*shared design css*/

/*
---------------------------------------------------------
select-lang
---------------------------------------------------------
*/
ul.select-lang
{
}
ul.select-lang li
{
	border: 5px outset #CCC;
	font-size: 25px;
	line-height: 1em;
	margin: 10px;
	text-align: center;
	display: block;
}
ul.select-lang li a,
ul.select-lang li a:active,
ul.select-lang li a:visited
{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #333;
	background: #E5E5E5;
}
ul.select-lang li a:hover
{
	background: #FC3;
	display: block;
}
ul.select-lang,
ul.select-lang li
{
	list-style: none;
	display: block;
}
/*
---------------------------------------------------------
update
---------------------------------------------------------
*/
/* update */
div.update
{
	color: #FFF;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*
---------------------------------------------------------
rollover css
---------------------------------------------------------
*/
.btngroup
{
}
.btn
{
}
.allbtn
{
}
/*
---------------------------------------------------------
timetable
---------------------------------------------------------
*/
p.timetable
{
	text-align: right;
	padding-top: 5px;
}
/*p.timetable a {
	display: inline-table;
	background: url(../img/arrow_link_r.gif) no-repeat left center;
	padding-left: 15px;
}
p.timetable a:hover { background: url(../img/arrow_link_r_f2.gif) no-repeat left center; }*/
/*
---------------------------------------------------------
headline 
---------------------------------------------------------
*/

/* h2 */
#contents div.title-h2
{
	background: url(../img/bg_h2_vr.gif) repeat-y left top;
	padding-left: 8px;
	margin-bottom: 20px;
	zoom:1;
}
#contents div.title-h2 h2
{
	background: url(../img/bg_h2_shadoww.gif) repeat-x left top;
	font-size: 160%;
	line-height: 1;
	padding: 7px 10px 5px;
	border-top: 2px solid #EBEBE3;
	border-right: 2px solid #EBEBE3;
	border-bottom: 2px solid #EBEBE3;
	border-left: 2px none #EBEBE3;
}
/* h3 */
#contents div.title-h3
{
	min-height:35px;/*Min Height Works in all browsers*/
	height:auto !important;/*Min Height Works in all browsers*/
	height:35px;/*Min Height Works in all browsers*/
	background: url(../img/bg_h3_vr.jpg) no-repeat left top;
	margin-bottom: 10px;
}
#contents div.title-h3 h3
{
	font-size: 120%;
	line-height: 1.3;
	color: #693017;
	padding-top: 7px;
	padding-left: 20px;
}
/* h3 en版 */
#contents .en div.title-h3
{
	min-height:35px;/*Min Height Works in all browsers*/
	height:auto !important;/*Min Height Works in all browsers*/
	height:35px;/*Min Height Works in all browsers*/
	background: url(../img/bg_h3_vr.jpg) no-repeat left top;
	margin-bottom: 10px;
}
#contents .en div.title-h3 h3
{
	font-size: 120%;
	line-height: 1.3;
	color: #693017;
	padding-top: 7px;
	padding-left: 20px;
}
/*
---------------------------------------------------------
button 
---------------------------------------------------------
*/
.submit .button-type-a
{
	border: 2px solid #D2D1C9;
	display: inline-block;
}
.submit .button-type-a .button-bg
{
	border: 2px solid #ffffff;
	display: inline-block;
}
.submit .button-type-a .button-bg a
{
	line-height: 1;
	font-weight: bold;
	padding: 8px 8px 5px;
	display: inline-block;
}
.submit .button-type-a .button-bg a:link,
.submit .button-type-a .button-bg a:visited
{
	color: #FFF;
	text-decoration: none;
	background: #09C url(../../shared/img/bg_bt_v.jpg) repeat-x left bottom;
}
.submit .button-type-a .button-bg a:hover
{
	background: #09C url(../../shared/img/bg_bt_v_f2.jpg) repeat-x left bottom;
}
.submit .button-type-a .button-bg .arrow
{
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
}
/*
---------------------------------------------------------
active color
---------------------------------------------------------
*/
/* type1 yellow------------------------------ */
/* outline */
body.outline #topnav-section div.nav,
body.venue #topnav-section div.nav,
body.news #topnav-section div.nav
{
	background: url(../img/bg_topnav_type1_vr.jpg) no-repeat left center;
}
body.outline #title-section, body.news #title-section, body.venue #title-section, {
 margin-left: 30px;
 background: url(../img/bg_title_type1_repeat.gif) repeat-y left top;
}
body.outline #title-section div.border-block,
body.news #title-section div.border-block,
body.venue #title-section div.border-block
{
	background: url(../img/bg_title_type1_vr.jpg) no-repeat left top;
}
body.outline #contents div.title-h2,
body.news #contents div.title-h2,
body.venue #contents div.title-h2
{
	background: url(../img/bg_h2_type1_vr.gif) repeat-y left top;
}
/* type2 green------------------------------ */
/* abstract */
/* papers */
body.abstract #topnav-section div.nav,
body.papers #topnav-section div.nav
{
	background: url(../img/bg_topnav_type2_vr.jpg) no-repeat left center;
}
body.abstract #title-section,
body.papers #title-section
{
	margin-left: 30px;
	background: url(../img/bg_title_type2_repeat.gif) repeat-y left top;
}
body.abstract #title-section div.border-block,
body.papers #title-section div.border-block
{
	background: url(../img/bg_title_type2_vr.jpg) no-repeat left top;
}
body.abstract #contents div.title-h2,
body.papers #contents div.title-h2
{
	background: url(../img/bg_h2_type2_vr.gif) repeat-y left top;
}
/* type3 orange------------------------------ */
/* registration */
body.registration #topnav-section div.nav,
body.stay #topnav-section div.nav
{
	background: url(../img/bg_topnav_type3_vr.jpg) no-repeat left center;
}
body.registration #title-section,
body.stay #title-section
{
	margin-left: 30px;
	background: url(../img/bg_title_type3_repeat.gif) repeat-y left top;
}
body.registration #title-section div.border-block,
body.stay #title-section div.border-block
{
	background: url(../img/bg_title_type3_vr.jpg) no-repeat left top;
}
body.registration #contents div.title-h2,
body.stay #contents div.title-h2
{
	background: url(../img/bg_h2_type3_vr.gif) repeat-y left top;
}
/* type4 blue------------------------------ */
/* privacy */
/* policy */
body.program #topnav-section div.nav,
body.symposium #topnav-section div.nav,
body.design48hour #topnav-section div.nav,
body.speaker #topnav-section div.nav
{
	background: url(../img/bg_topnav_type4_vr.jpg) no-repeat left center;
}
body.program #title-section,
body.symposium #title-section,
body.design48hour #title-section,
body.speaker #title-section
{
	margin-left: 30px;
	background: url(../img/bg_title_type4_repeat.gif) repeat-y left top;
}
body.program #title-section div.border-block,
body.symposium #title-section div.border-block,
body.design48hour #title-section div.border-block,
body.speaker #title-section div.border-block
{
	background: url(../img/bg_title_type4_vr.jpg) no-repeat left top;
}
body.program #contents div.title-h2,
body.symposium #contents div.title-h2,
body.design48hour #contents div.title-h2,
body.speaker #contents div.title-h2
{
	background: url(../img/bg_h2_type4_vr.gif) repeat-y left top;
}

/* type5 gray------------------------------ */