@charset "UTF-8";

/****************************************
	0. Reset
*****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}
img{ vertical-align: bottom; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

/****************************************
	1. General Setting
*****************************************/

/*
theme & link color	#1E90FF
onmouse color		#4169E1
*/

body{
    background: #fff;
    color: #333;
	font-size: 16px;
	font-family: 'Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;　
    line-height: 150%;
}
a {
	outline: 0 none;
	color: #1E90FF;
	text-decoration: none;
}
a:hover,
a:active{
	color: #4169E1;
	text-decoration: underline;
}
.clear{
	display: block;
	clear: both;
}
.right-align{
	text-align: right;
}
.center-align{
	text-align: center;
}
.small,small{
	font-size: 80%;
}
.strong,strong{
	font-weight: bold;
}
sup { 
    vertical-align: super;
    font-size: 60%;
}
.red{
	color: red;
}
	
/****************************************
	2. Main Layout
*****************************************/
#header{
	margin:0 0 20px 0;
	padding-top:15px;
	clear: both;
	border-top: solid 5px #efe40f;/*色の変更はココ(1/4)*/
}
#navi{
	clear: both;
}
#totop{
	margin:20px 0;
	clear: both;
}
#footer{
	margin:0;
	clear: both;
	padding: 30px 0;
	border-top: solid 1px #333;
	border-bottom: solid 10px #333;
	font-size: 90%;
	line-height: 200%;
}


/*
#header,#main,#sidebar,#footer,#totop{
	border: 1px solid red;
}

/****************************************
	3. Header
*****************************************/
#site-top-title h1{
	font-size: 42px;
}
#site-top-info p{
	font-size: 80%;
}

/****************************************
	4. Global Navi
*****************************************/

#navi{
	margin:15px 0 0 0;
	background-color: #eee;
}
#navi ul{
	display:inline;
	list-style-type:none;
}
#navi ul a li{
	float:left;
    display:block;
	margin:0px;
	padding:10px 21px;
    display:block;
	color:#111;
	font-size: 16px;
}
#navi ul a:hover li{
	color:#fff;
	background-color: #efe40f;/*色の変更はココ(2/4)*/
}
#navi ul li .sub_english{
	font-size:10px;
	color:#999;
}
#navi ul a:hover li .sub_english{
	color:#fff;
}

/****************************************
	5. Main
*****************************************/

#main h2{
	margin:30px 0 20px;
	padding-left: 10px;
	font-size: 150%;
	border-left: solid 5px #efe40f;/*色の変更はココ(3/4)*/
}
#main h3{
	margin:30px 0 0 0;
	font-weight: bold;
	}


/****************************************
	6. Sidebar
*****************************************/

#sidebar h3{
	margin:5px 0px;
	padding: 3px 0px 3px 5px;
	border-left: solid 5px #efe40f;/*色の変更はココ(4/4)*/
	background-color: #eee;
}
#sidebar img{
	margin: 3px 0;
}

/****************************************
	7. footer
*****************************************/

.copyright{
	line-height: 300%;
}
#footer ul{
	list-style-type: none;
}
#footer ul li{
	line-height: 100%;
	margin: 10px 0;
	padding-left: 8px; 
}
#footer a{
	color: #333;
}

/****************************************
	8. Table
*****************************************/

.sponsorship table{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 20px;
}
.registration table{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 20px;
}
td{
	padding: 5px;
	border-bottom: 1px solid #999;
	vertical-align: middle;
}
tr.first td{
	border-top: 1px solid #999;
}


/****************************************
	9. Other
*****************************************/
/*define dd table*/
#main .dd180 dl{  
  font-weight : bold;
}
#main .dd180 dt{
  padding:0;
  width : 180px;
  float : left;
  clear : both;
}
#main .dd180 dd{    
  padding:0;
  margin-left : 180px;/* dtの幅分の設定 */
}
#main .dd120 dl{  
  font-weight : bold;
}
#main .dd120 dt{
  padding:0;
  width : 120px;
  float : left;
  clear : both;
}
#main .dd120 dd{    
  padding:0;
  margin-left : 120px;/* dtの幅分の設定 */
}
#main .dd60 dl{  
  font-weight : bold;
}
#main .dd60 dt{  
  padding:0;
  width : 60px;
  float : left;
  clear : both;
}
#main .dd60 dd{    
  padding:0;
  margin-left : 60px;/* dtの幅分の設定 */
}
#main .dd40 dl{  
  font-weight : bold;
}
#main .dd40 dt{  
  padding:0;
  width : 40px;
  float : left;
  clear : both;
}
#main .dd40 dd{    
  padding:0;
  margin-left : 40px;/* dtの幅分の設定 */
}

.submission ul li,
.registration ul li,
.sponsorship ul li,
.access ul li{
	margin-left: 20px;
	list-style-type:disc;
}

.program h3.pgrm {
	margin:20px 0 5px 0;
	border-bottom: solid 1px #333; 
}

/* form-link */
.form-link{
	margin:20px 0;

}

/****************************************
	960 Grid System~ Core CSS
		Learn more ~ http://960.gs/ 
*****************************************/

/* `Container */
.container_12 {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}

/* `Grid >> Global */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
	  position: relative;
	  }

/* `Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {
	  clear: both;
	  margin-left: 0;
	  }
.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns */
.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 {
	width: 140px;
}
.container_12 .grid_3 {
	width: 220px;
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 {
	width: 380px;
}
.container_12 .grid_6 {
	width: 460px;
}
.container_12 .grid_7 {
	width: 540px;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_9 {
	width: 700px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
.container_12 .grid_12 {
	width: 940px;
}

/* `Prefix Extra Space >> 12 Columns */
.container_12 .prefix_1 {
	padding-left: 80px;
}
.container_12 .prefix_2 {
	padding-left: 160px;
}
.container_12 .prefix_3 {
	padding-left: 240px;
}
.container_12 .prefix_4 {
	padding-left: 320px;
}
.container_12 .prefix_5 {
	padding-left: 400px;
}
.container_12 .prefix_6 {
	padding-left: 480px;
}
.container_12 .prefix_7 {
	padding-left: 560px;
}
.container_12 .prefix_8 {
	padding-left: 640px;
}
.container_12 .prefix_9 {
	padding-left: 720px;
}
.container_12 .prefix_10 {
	padding-left: 800px;
}
.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns */
.container_12 .suffix_1 {
	padding-right: 80px;
}
.container_12 .suffix_2 {
	padding-right: 160px;
}
.container_12 .suffix_3 {
	padding-right: 240px;
}
.container_12 .suffix_4 {
	padding-right: 320px;
}
.container_12 .suffix_5 {
	padding-right: 400px;
}
.container_12 .suffix_6 {
	padding-right: 480px;
}
.container_12 .suffix_7 {
	padding-right: 560px;
}
.container_12 .suffix_8 {
	padding-right: 640px;
}
.container_12 .suffix_9 {
	padding-right: 720px;
}
.container_12 .suffix_10 {
	padding-right: 800px;
}
.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Push Space >> 12 Columns */
.container_12 .push_1 {
	left: 80px;
}
.container_12 .push_2 {
	left: 160px;
}
.container_12 .push_3 {
	left: 240px;
}
.container_12 .push_4 {
	left: 320px;
}
.container_12 .push_5 {
	left: 400px;
}
.container_12 .push_6 {
	left: 480px;
}
.container_12 .push_7 {
	left: 560px;
}
.container_12 .push_8 {
	left: 640px;
}
.container_12 .push_9 {
	left: 720px;
}
.container_12 .push_10 {
	left: 800px;
}
.container_12 .push_11 {
	left: 880px;
}

/* `Pull Space >> 12 Columns */
.container_12 .pull_1 {
	left: -80px;
}
.container_12 .pull_2 {
	left: -160px;
}
.container_12 .pull_3 {
	left: -240px;
}
.container_12 .pull_4 {
	left: -320px;
}
.container_12 .pull_5 {
	left: -400px;
}
.container_12 .pull_6 {
	left: -480px;
}
.container_12 .pull_7 {
	left: -560px;
}
.container_12 .pull_8 {
	left: -640px;
}
.container_12 .pull_9 {
	left: -720px;
}
.container_12 .pull_10 {
	left: -800px;
}
.container_12 .pull_11 {
	left: -880px;
}