@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS
---------------------------------*/

/* container */
#container {}

#left { display:inline; float:left; width:630px; margin:10px 0 20px 5px; position:relative;}
#right { display:inline; float:right; width:200px; margin:10px 5px 20px 0;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 

/* left */
#left div.article { margin:0 0 20px 0;}
#left div.article h2 {}
#left div.article h2.Nontext {}
#left div.article div.text { font-size:80%;}

#left div.type01 {}
#left div.type01 h2 { padding:3px 0 0 0; background-image:url(img/h3_type01.png); background-position:left top; background-repeat:no-repeat; position:relative;}
#left div.type01 h2.Nontext { height:27px;}
#left div.type01 h2 span.right01 { position:absolute; top:3px; right:0; padding:0 5px; text-indent:0; font-size:80%; font-weight:normal; color:#2C5897;}
#left div.type01 h2 span.right01 a { padding:0 5px; border-left:#333333 dotted 1px; text-decoration:none;}
#left div.type01 h2 span.right01 a img { vertical-align:middle; margin:2px;}
#left div.type01 h2 a.right02 { position:absolute; top:3px; right:0; padding:0 5px 0 20px; border-left:#333333 dotted 1px; text-indent:0; font-size:80%; font-weight:normal; color:#2C5897; text-decoration:none; background-image:url(img/icon/arrow02.png); background-position:3px 50%; background-repeat:no-repeat;}
#left div.type01 h2 span.eng {}
#left div.type01 h2 span.jpn {}
#left div.type01 div.text {}

#left div.type02 {}
#left div.type02 h2 {}
#left div.type02 h2.Nontext {}
#left div.type02 div.text {}

#left div.news {}
#left div.news div.text {}
#left div.news div.text dl { margin:5px;}
#left div.news div.text dl dt { padding:0 10px 0 20px; color:#2C5897; background-image:url(img/icon/arrow03.png); background-position:10px 50%; background-repeat:no-repeat;}
#left div.news div.text dl dd { padding:5px 10px 5px 85px; border-bottom:#333333 dotted 1px; background-position:10px 50%; background-repeat:no-repeat;}
#left div.news div.text dl dd.seminar { background-image:url(img/icon/str_seminar01.png);}
#left div.news div.text dl dd.press { background-image:url(img/icon/str_press01.png);}
#left div.news div.text dl dd.media { background-image:url(img/icon/str_media01.png);}

#left div.books {}
#left div.books ul li { float:left; width:200px; border-right:#333333 dotted 1px;}
#left div.books ul li div.thumb { float:left; display:inline; margin:10px 5px;}
#left div.books ul li p { padding:10px 5px 0 100px; font-size:90%;}

#left div.mail {}
#left div.mail ul li { border-bottom:#333333 dotted 1px; position:relative;}
#left div.mail ul li h3 { margin:5px 20px; color:#2C5897;}
#left div.mail ul li h3 span.sub { font-size:95%;}
#left div.mail ul li p { padding:10px 100px 0 20px; margin:0 0 5px 0; font-size:90%;}
#left div.mail ul li img.btn { position:absolute; left:500px; top:5px;}
*html #left div.mail ul li img.btn { position:absolute; left:450px; top:5px;}

/* right */
#right div.article { margin:0 0 20px 0;}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { font-size:80%;}

#right div.type01 { margin:0 0 5px 0; border:#CCCCCC solid 4px;}
#right div.type01 img.banner { margin:2px;}
#right div.type01 div.text { margin:0 2px; border-top:#333333 dotted 1px; font-size:70%;}
#right div.type01 div.detail { text-align:right; margin:2px 0;}

#right div.type02 { margin:10px 0;}
#right div.type02 img.banner { margin:1px 0;}


/*---------------------------------
		PageCSS
---------------------------------*/

#Page {}

