@import url(common.css);

#wrap_upper {
	background: url('../images/common/back_images.jpg') 1000px -25px no-repeat;
}

#wrap_bottom {
	background: url('../images/common/back_repeat_bottom.jpg') left bottom repeat-x;
}


/******************************************************************************************/
/********** Contents ************/
#contents {
	width: 950px;
	margin: 0 0 0 50px;
	margin-top: 25px;
	background: url('../images/common/back_repeat_contents.jpg') left top repeat-y;
}


/******************************************************************************************/
/********** Header ************/
#contents #header {
	width: 950px;
}

/* no logo */
#contents #header #logo {
	width: 190px;
	float: left;
	background: url('../images/common/back_repeat_navi.jpg') left top repeat-y;
}

#contents #header #navigation {
	width: 760px;
	height: 100px;
	float: left;
	background: url('../images/common/back_header.jpg') left top no-repeat;
}

#contents #header #navigation div#search {
	height: 60px;
}

#contents #header #navigation ul {
	margin-left: 20px;
}

#contents #header #navigation ul li {
	width: 143px;
	margin-top: 10px;
	float: left;
	font-size: 14px;
}

#contents #header #navigation ul li.small {
	font-size: 79%;
}

#contents #header #navigation ul li a {
	padding: 0 0 0 15px;
	color: #FFF;
}

#contents #header #navigation ul li a:hover {
	color: #FFF;
}

#contents #header #navigation ul li a:visited {
	color: #FFF;
}

#contents #header #navigation ul li a.nolink {
	color:#CCCCCC;
}


/******************************************************************************************/
/********** Contents_left&right ************/
#contents #contents_inner {
	width: 950px;
	border-bottom: 1px solid #CCC;
}


/******************************************************************************************/
/********** Contents_left ************/
#contents #contents_inner #contents_left {
	width: 190px;
	float: left;
	padding-bottom: 50px;
}

#contents #contents_inner #contents_left dl {
	width: 160px;
	margin: 20px 0 0 15px;
}

#contents #contents_inner #contents_left dl dt {
	padding-left: 15px;
	font-size: 85%;
	background: url('../images/common/icon_left_navi.jpg') left center no-repeat;
}

#contents #contents_inner #contents_left dl dd {
	padding: 0 0 15px 15px;
	margin-bottom: 15px;
	font-size: 78%;
	line-height: 140%;
	background: url('../images/common/img_left_sepalate.jpg') center bottom no-repeat;
}

#contents #contents_inner #contents_left dl dd p.more{
	margin-top: 15px;
}

#contents #contents_inner #contents_left ul.navi_list {
	width: 150px;
	margin: 40px 0 0 25px;
}

#contents #contents_inner #contents_left ul.navi_list li {
	padding-left: 15px;
	font-size: 83%;
	background: url('../images/common/icon_left_navi.jpg') left center no-repeat;
}

#contents #contents_inner #contents_left ul.navi_list li.group {
	padding-left: 0px;
	font-size: 90%;
	background: none;
	color: #06C;
}

#contents #contents_inner #contents_left ul.navi_list li a.nolink {
	color:#999999;
}

#contents #contents_inner #contents_left ul.navi_list li a,
#contents #contents_inner #contents_left ul.navi_list li a:hover {
	color: #333;
}

#contents #contents_inner #contents_right {
	width: 760px;
	float: left;
	padding-bottom: 50px;
}


/******************************************************************************************/
/********** Contents_right ************/
#contents #contents_inner #contents_right div.top_title_none {
	width: 760px;
	height: 252px;
	background: url('../images/top/back_header_none.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div.top_title_1st {
	width: 760px;
	height: 252px;
	background: url('../images/top/back_header_1st.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div.top_title_2nd {
	width: 760px;
	height: 252px;
	background: url('../images/top/back_header_2nd.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div.top_title_3rd {
	width: 760px;
	height: 252px;
	background: url('../images/top/back_header_3rd.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div.top_title_4th {
	width: 760px;
	height: 252px;
	background: url('../images/top/back_header_4th.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div.top_title_5th {
	width: 760px;
	height: 252px;
	background: url('../images/top/back_header_5th.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div.top_title_none h2#top,
#contents #contents_inner #contents_right div.top_title_1st h2#top,
#contents #contents_inner #contents_right div.top_title_2nd h2#top,
#contents #contents_inner #contents_right div.top_title_3rd h2#top,
#contents #contents_inner #contents_right div.top_title_4th h2#top,
#contents #contents_inner #contents_right div.top_title_5th h2#top {
	padding: 0 0 0 40px;
	margin-top: 36px; /************** top message (-22=36-58(top message height))***************/
}

#contents #contents_inner #contents_right div.top_title_none div#about,
#contents #contents_inner #contents_right div.top_title_1st div#about,
#contents #contents_inner #contents_right div.top_title_2nd div#about,
#contents #contents_inner #contents_right div.top_title_3rd div#about,
#contents #contents_inner #contents_right div.top_title_4th div#about,
#contents #contents_inner #contents_right div.top_title_5th div#about {
	padding: 21px 0 0 509px;
}

#contents #contents_inner #contents_right div.top_title_none div#multimedia,
#contents #contents_inner #contents_right div.top_title_1st div#multimedia,
#contents #contents_inner #contents_right div.top_title_2nd div#multimedia,
#contents #contents_inner #contents_right div.top_title_3rd div#multimedia,
#contents #contents_inner #contents_right div.top_title_4th div#multimedia,
#contents #contents_inner #contents_right div.top_title_5th div#multimedia {
	padding: 0 0 0 509px;
}


#contents #contents_inner #contents_right div.top_title_none p.catch,
#contents #contents_inner #contents_right div.top_title_1st p.catch,
#contents #contents_inner #contents_right div.top_title_2nd p.catch,
#contents #contents_inner #contents_right div.top_title_3rd p.catch,
#contents #contents_inner #contents_right div.top_title_4th p.catch,
#contents #contents_inner #contents_right div.top_title_5th p.catch {
	padding: 65px 0 0 40px;
}

#contents #contents_inner #contents_right div.top_title_none ul,
#contents #contents_inner #contents_right div.top_title_1st ul,
#contents #contents_inner #contents_right div.top_title_2nd ul,
#contents #contents_inner #contents_right div.top_title_3rd ul,
#contents #contents_inner #contents_right div.top_title_4th ul,
#contents #contents_inner #contents_right div.top_title_5th ul {
	margin-left: 40px;
}

#contents #contents_inner #contents_right div.top_title_none ul li,
#contents #contents_inner #contents_right div.top_title_1st ul li,
#contents #contents_inner #contents_right div.top_title_2nd ul li,
#contents #contents_inner #contents_right div.top_title_3rd ul li,
#contents #contents_inner #contents_right div.top_title_4th ul li,
#contents #contents_inner #contents_right div.top_title_5th ul li {
	margin-top: 51px;
	float: left;
}

#contents #contents_inner #contents_right div.top_title_none ul li.shortcut,
#contents #contents_inner #contents_right div.top_title_1st ul li.shortcut,
#contents #contents_inner #contents_right div.top_title_2nd ul li.shortcut,
#contents #contents_inner #contents_right div.top_title_3rd ul li.shortcut,
#contents #contents_inner #contents_right div.top_title_4th ul li.shortcut,
#contents #contents_inner #contents_right div.top_title_5th ul li.shortcut {
	margin-top: 51px;
	margin-left: 31px;
	float: left;
}


#contents #contents_inner #contents_right div#contents_rcenter {
	width: 570px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter h3.subtitle{
	width: 500px;
	height: 50px;
	margin: 35px 0 0 35px;
	padding: 3px 0 0 43px;
	font-size: 143%;
	font-weight: 400;
	background: url('../images/top/title_image.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div#contents_rcenter div.memo_update_head {
	width: 500px;
	height: 30px;
	margin: -20px 0 20px 35px;
	padding: 0 0 0 43px;
	font-size: 70%;
}

#contents #contents_inner #contents_right div#contents_rright {
	width: 190px;
	float: left;
}


/******************************************************************************************/
/********** For general use ************/

#contents #contents_inner #contents_right div#contents_rcenter div.general {
	width: 420px;
	margin: 0 0 0 80px;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.photo {
	width: 90px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text {
	width: 420px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.title {
	width: 400px;
	float: left;
	color: #06C;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text p {
	margin: 10px 0 0 0;
	font-size: 85%;
	line-height: 140%;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text p.mail {
	margin: 10px 0 0 20px;
	padding: 8px 8px 8px 8px; 
	font-size: 75%;
	line-height: 140%;
	border: 1px dotted #666;
	font-style:italic;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text p.mailtop {
	margin: 2px 0 -8px 20px;
	padding: 8px 8px 8px 8px; 
	font-size: 85%;
	line-height: 140%;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text p.mailbottom {
	margin: 2px 0 -8px 20px;
	padding: 8px 8px 8px 8px; 
	font-size: 85%;
	line-height: 140%;
	border-top: 1px dotted #666;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text img {
	width: 150px;
	float: right;
	margin: 5px 5px 5px 5px;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text img.invited {
	width: 120px;
	float: right;
	margin: 5px 5px 5px 5px;
	padding: 2px 2px 2px 2px;
	border: 1px dotted #666;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.text img.registration {
	width: 450px;
	float: center;
	margin: 5px 5px 5px 5px;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.memo_update {
	font-size: 60%;
}


/******************************************************************************************/
/********** Table1 ************/
#contents #contents_inner #contents_right div#contents_rcenter div.general div.table {
	width: 420px;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table div.left{
	width: 230px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table div.left p{
	font-size: 85%;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table div.right{
	width: 190px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table div.right p{
	font-size: 85%;
}


/******************************************************************************************/
/********** Table2 ************/
#contents #contents_inner #contents_right div#contents_rcenter div.general div.table2 {
	width: 420px;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table2 div.left{
	width: 310px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table2 div.left p{
	font-size: 85%;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table2 div.right{
	width: 110px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.general div.table2 div.right p{
	font-size: 85%;
}


/******************************************************************************************/
/********** News ************/
#contents #contents_inner #contents_right div#contents_rcenter ul.news {
	width: 420px;
	margin: 0 0 0 80px;
	font-size: 85%;
}

#contents #contents_inner #contents_right div#contents_rcenter ul.news p.textright {
	width: 420px;
	font-size: 85%;
	text-align: right;  
}

#contents #contents_inner #contents_right div#contents_rcenter ul.news li {
	border-bottom: 1px dotted #666;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

#contents #contents_inner #contents_right div#contents_rcenter ul.news li p.date {
	width: 130px;
	float: left;
	color: #06C;
}

#contents #contents_inner #contents_right div#contents_rcenter ul.news li p.text {
	width: 290px;
	float: left;
}


/******************************************************************************************/
/********** Schedule ************/
#contents #contents_inner #contents_right div#contents_rcenter ul.schedule {
	width: 420px;
	margin: 0 0 0 80px;
	font-size: 85%;
}

#contents #contents_inner #contents_right div#contents_rcenter ul.schedule p.textright {
	width: 420px;
	font-size: 85%;
	text-align: right;  
}

#contents #contents_inner #contents_right div#contents_rcenter ul.schedule li {
	margin-bottom: 8px;
	padding-bottom: 8px;
}

#contents #contents_inner #contents_right div#contents_rcenter ul.schedule li p.date {
	width: 130px;
	float: left;
	color: #06C;
}

#contents #contents_inner #contents_right div#contents_rcenter ul.schedule li p.text {
	width: 290px;
	float: left;
}


/******************************************************************************************/
/********** Conference? ************/
#contents #contents_inner #contents_right div#contents_rcenter div.conference {
	width: 420px;
	margin: 0 0 0 80px;
}

#contents #contents_inner #contents_right div#contents_rcenter div.conference div.photo {
	width: 90px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.conference div.text {
	width: 330px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rcenter div.conference div.text p {
	margin: 10px 0 0 0;
	font-size: 85%;
	line-height: 140%;
}



/******************************************************************************************/
/********** Sponsor ************/
#contents #contents_inner #contents_right div#contents_rright div.sponsors{
	width: 170px;
	margin: 10px 0 0 10px;
}

#contents #contents_inner #contents_right div#contents_rright div.sponsors h4 {
	height: 26px;
	padding: 0 0 0 30px;
	background: url('../images/top/title_image_sponsors.jpg') left top no-repeat;
}

#contents #contents_inner #contents_right div#contents_rright div.sponsors ul.sp {
	font-size: 70%;
}

#contents #contents_inner #contents_right div#contents_rright div.sponsors ul.sp li {
	border-bottom: 1px dotted #666;
}

#contents #contents_inner #contents_right div#contents_rright div.sponsors ul.sp li p.logo{
	padding-right:12px;
	padding-bottom:10px;
}

#contents #contents_inner #contents_right div#contents_rright div.sponsors ul.sp li p.text {
	width: 170px;
	float: left;
}

#contents #contents_inner #contents_right div#contents_rright div.sponsors ul.sp li p.text_right {
float:right;
}


/******************************************************************************************/
/********** Footer ************/
#footer {
	width: 950px;
	padding: 20px 0;
	margin-left: 50px;
	text-align: center;
}

#footer p.footer_navi {
	font-size: 71%;
}

/* no link yet */
#footer p.footer_navi a.nolink{
	color: #808080;
}

#footer p.copyright {
	font-size: 78%;
	color: #808080;
}