@charset "utf-8";

body {font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 14px; font-style: normal; font-weight: normal; color: #333333; line-height: 1.8em; font-variant: normal; margin: 0;}
body a{font-size: 14px; font-style: normal; font-weight: normal; color: #0000FF; line-height: 1.8em; text-decoration:underline; font-variant: normal; margin: 0;}
body a:hover {text-decoration: none;}
#global_menu {width: 760px; height: 50px; padding: 0; margin: 0;}

/***********************************************

レイアウトの設定　by R.Uchino

***********************************************/

/*全体レイアウト*/
#wrapper {width: 760px; height:100%; margin-right: auto; margin-left: auto; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999;}
#index_wrapper {width: 760px; height:100%; background: url(images/common/bg.gif) repeat-y; margin-right: auto; margin-left: auto; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999;}

/*ヘッダー*/
#header {background-image: url(images/common/head.jpg); display: block; width: 758px; height: 150px;}
#leaf  h2 {font-size: 15px; line-height: 2.0em; font-weight: bold; color: #333333; width: 100%; padding-left: 15px; margin: 0; border-top: dotted 1px #CCCCCC; border-bottom: dotted 1px #CCCCCC;}
.photo_box {font-size: 12px; color: #000000; font-weight: normal; line-height: 1.5em; background-color: #9FD2FF; white-space: normal; width: 250px; float: right; clear: both; padding: 10px; margin: 10px;}
.photo_box img {text-align: center; width: 250px; border: 1px solid #999999;}
.photo_box2 {font-size: 12px; color: #000000; font-weight: normal; line-height: 1.5em; white-space: normal; float: right; clear: both; width: 100px;}
.photo_box2 img {text-align: center;width: 100px;border: 1px solid #999999;}
.photo_box3 {font-size: 12px;color: #000000;font-weight: normal;line-height: 1.5em;background-color: #9FD2FF;white-space: normal;padding: 10px;margin: 10px;width: 200px;float: right;clear: both;}
.photo_box img3 {text-align: center;width: 200px;border: 1px solid #999999;}
.photo_box4 {font-size: 12px;font-weight: normal;line-height: 1.5em;color: #000000;background-color: #9FD2FF;white-space: normal;text-align: center;width: 250px;float: right;clear: both;padding: 10px;margin: 10px;}
.photo_box4 img {text-align: center;width: 250px;margin-bottom: 5px;border: 1px solid #999999;}
.photo_box5 {font-size: 12px;font-weight: normal;line-height: 1.5em;color: #000000;background-color: #9FD2FF;white-space: normal;width: 250px;margin-right: auto;margin-left: auto;margin-bottom: 10px;}
.photo_box5 img {border: 1px solid #999999;}
.phbx_w {font-size: 12px;font-weight: normal;line-height: 1.5em;color: #000000;background-color: #9FD2FF;white-space: normal;padding-left: 20px;}

.video_column {width: 300px; float: left; margin: 20px;}
.ceatec1 {background: url(tuneup/images/tune01_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec2 {background: url(tuneup/images/tune02_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec3 {background: url(tuneup/images/tune03_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec4 {background: url(tuneup/images/tune04_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec5 {background: url(tuneup/images/tune05_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec6 {background: url(tuneup/images/tune06_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec7 {background: url(tuneup/images/tune07_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec8 {background: url(tuneup/images/tune08_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec9 {background: url(tuneup/images/tune09_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec10 {background: url(tuneup/images/tune10_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}
.ceatec11 {background: url(tuneup/images/tune11_01.gif) no-repeat;text-indent: -9999px;width: 299px;height: 27px;padding: 0;margin: 0;}

/*カラム*/
#left_colmun {background-color: #94aaa8;width: 200px;height:100%;float: left;clear: none;}
#right_colmun {width: 560px;height:100%;float: right;}

/*フロート調整*/
.clear {clear: both;}
.midashi_last {background: url(images/midashi/common/midashi_latestarticle.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
.midashi_spa{background: url(images/midashi/common/midashi_specialarticle.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
.margin10px {width:95%;margin: 10px 10px 15px 10px;}
.margin10px h4 {font-size: 14px;}
.top_mi a {font-size: 20px;font-weight: bold;line-height: 1.2em;}
.margin5px {width:95%;margin: 10px 0 15px 0;}
.border_dot_tu {width: 100%;height:100%;border-bottom: 1px dotted #CCCCCC;}
.border_dot_tu2 {width: 100%;height:100%;border-top: dotted 1px #CCCCCC;}
.midashi_spurs {background: url(images/midashi/common/midashi_spurstechnology.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
.midashi_interview {background: url(images/midashi/common/midashi_interview.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
.midashi_third {background: url(images/midashi/common/midashi_third.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
.midashi_events {background: url(images/midashi/common/midashi_events.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
.midashi_events2 {background: url(images/midashi/common/midashi_events_s.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 24px;}
.midashi_articles {background: url(images/midashi/common/midashi_specialarticle.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
.midashi_breakthrough {background: url(images/midashi/common/midashi_interview.jpg) no-repeat;text-indent: -9999px;width: 560px;height: 40px;}
h1 {font-size: 14px;font-weight: normal;font-style: normal;color: #333333;line-height: 1.8em;font-variant: normal;text-transform: none;padding: 0;margin: 0;}
#leaf h3 {font-size: 14px;font-weight: bold;color: #053871;margin-left: 15px;}
.midashi_leaf_spurs {background: url(images/midashi/common/midashi_leaf_spur.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_article {background: url(images/midashi/common/midashi_leaf_article.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_about {background: url(images/midashi/common/midashi_leaf_about.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_about_cn {background: url(images/midashi/common/midashi_about.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_archive {background: url(images/midashi/common/midashi_leaf_archive.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_contact {background: url(images/midashi/common/midashi_leaf_contact.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_contact_cn {background: url(images/midashi/common/midashi_contact.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_events {background: url(images/midashi/common/midashi_leaf_events.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_interview {background: url(images/midashi/common/midashi_leaf_interview.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_sitemap {background: url(images/midashi/common/midashi_leaf_sitemap.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_sitemap_cn {background: url(images/midashi/common/midashi_sitemap.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_third {background: url(images/midashi/common/midashi_leaf_third.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
.midashi_leaf_tuneup {background: url(images/midashi/common/midashi_leaf_tuneup.jpg) no-repeat;text-indent: -9999px;width: 760px;height: 40px;}
#colmun {width: 100%;height:100%;}
#sitemap_index h2 {font-size: 14px;background-color: #e2e2e2;padding-left: 15px;margin-top: 10px 0 0 0;}
#archive_index h2 {font-size: 14px;background-color: #e2e2e2;padding-left: 15px;margin-top: 10px 0 0 0;}
.archive_text {margin-top: 10px;margin-bottom: 30px;margin-left: 30px;}
.l_lang {font-size: 18px;font-weight: bold;color: #333333;margin-top: 5px;margin-bottom: 5px;}
.txt_main {width: 100%;margin-top: 10px;}
.s_title {font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #3366FF;text-indent: 15px;height: 30px;padding-top: 7px;padding-bottom: 3px;margin: 0;border-bottom: solid 5px #3366FF;}
.seminar_title01 {font-size: 14px;font-weight: bold;color: #FFFFFF;background-color: #000066;text-align: center;width: 680px;padding-top: 3px 0;margin: 0;}
.seminar_title02 {font-size: 20px;font-weight: bold;color: #0066FF;width: 680px;padding-top: 12px 0 0 0;margin: 0;}
.button01 a {font-size: 16px;font-weight: bold;color: #FFFFFF;background-color: #66CCFF;text-decoration: none;display: block;width: 250px;height: 35px;padding-top: 5px 0 0 0;margin: 0px;border: 1px solid #666666;}
.button01 a:hover {font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration: underline; background-color: #6699FF; display: block; width: 250px; height: 35px; padding-top: 5px 0 0 0; margin: 0; border: 1px solid #666666;}
.lecturer {line-height: 1em;}
.lecturer2 {line-height: 1.3em;}
.att {font-size: 11px; vertical-align: text-top;}
.att02 {font-size: 12px; vertical-align: text-top;}
.pdf_link {text-align: center; padding: 0; margin: 20px 0;}
#foot {color: #053871; width: 760px; height: 31px; padding: 0; margin: 0;}
#foot a {background: url(images/common/foot.jpg) no-repeat left top; text-indent: -9999px; display: block; width: 760px; height: 31px; padding: 0; margin: 0;}
.event_info {clear: both;}
.pic_up {margin-bottom: 0;}
#graph_over {width: 740px;}
.graph {width: 730px; margin-right: auto; margin-left: auto;}