/* CSS Document for EN */


/*---------------------------------------------------------
	Tag Reset
----------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	}
p{
	margin:0;
	padding:0;
	}
a:link{
	color:#336699;
	text-decoration:none;
	}
a:visited{
	text-decoration:none;
	color:#336699;
	}
	
a:hover{
	text-decoration:none;
	color:#0066ff;
}


a img	{
	border:0;
	}
	
ul{
	list-style:none;
	}	
	
br{
	line-height:1;
	}	

hr{
	border:none;
	clear:both;
}	
		
b{
	font-weight:bold;
}

i{
	font-style:italic;
}

/*---------------------------------------------------------
	Common Style Classes
----------------------------------------------------------*/	

body {	
	background:url("/images/body_bg.gif") repeat;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
	font-family: arial,helvetica,sans-serif;
}

.pdng-10{
	padding:10px;
}
.pdng-5{
	padding:5px;
}
.pdngr-5{
	padding-right:5px;
}
.pdngl-5{
	padding-left:5px;
}
.pdngl-3{
	padding-left:3px;
}
.mgnr-5 {
	margin:0 5px 0 0;
}
.mgnr-10 {
	margin:0 10px 0 0;
}
.mgnb-5 {
	margin:0 0 5px 0;
}
.mgnb-10 {
	margin:0 0 10px 0;
}
.mgnb-15 {
	margin:0 0 15px 0;
}
.mgnb-20 {
	margin:0 0 20px 0;
}
.mgnb-3 {
	margin:0 0 3px 0;
}
.mgnrb-5 {
	margin:0 5px 5px 0;
}
.mgnt-5 {
	margin:5px 0 0 0;
}
.mgnt-10 {
	margin:10px 0 0 0;
}
.txt-10 {
	font-size:10px;
	line-height:14px;
}
h1 {
	padding:0;
	margin:0;
	line-height:0;
}
#wrapper {
	background:url("/images/wrap_bg.gif") left top no-repeat;
	padding:37px 0 20px 15px;
	width:770px;
}
#head {
	background:url("/images/head_bg.gif") left 37px no-repeat;
}
#head #btn-lang {
	float:right;
	padding:20px 5px 0 0;
}

#cont {
	background:url("/images/cont_bg.gif") left repeat-y;
	margin:15px 0 8px 0;
}
#cont #navi {
	background:url("/images/cont_top.gif") left top no-repeat;
	text-align:right;
	padding:8px 25px 3px 0 ;
	font-size:11px;
	color:#663300;
}
#cont #navi a{
	color:#663300;
}

#cont #cont-l {
	vertical-align:top;
	padding:0 0 15px 17px;
	margin:0 12px 0 0;
	width:495px;
	float:left;
}
#cont #cont-r {
	vertical-align:top;
	float:left;
	padding-bottom:15px;
}	
#cont #cont-btm {
	background:url("/images/cont_btm.gif") left bottom no-repeat;
	clear:left;
}
#cont #cont-l .w480{
	width:480px;
	margin-left:15px;
}

#cont #cont-l .w480 li {
  margin-left:2em;
  margin-left:padding-left:2em;
  padding-top:1em;
  list-style-type:disc;
}

#cont #cont-l .w480 .bggray{
	background:#EFEFF0;
}
#cont #cont-l .w480 .roundtop{
	background: url("/images/round_480_top.gif") top no-repeat;
}
#cont #cont-l .w480 .roundbtm{
	background: url("/images/round_480_btm.gif") bottom no-repeat;
}
#cont #cont-l .w480 .roundmdl{
	padding:4px 10px;
}


/*----------------------------------------Right Column--*/
#cont #cont-r #r-br-bg{
	background:url("/images/rcol_br_mdl.gif") repeat-y;
	width:244px;
	margin-bottom:10px;
}	
#cont #cont-r #r-br-bg #r-bbody{
	background:url("/images/rcol_br_top.gif") top no-repeat;
	padding:10px 7px 0 7px;
}	
#cont #cont-r #r-br-bg #r-bbody #r-menu-area{
	background:#FFFFFF;
	padding:5px;
	margin-bottom:5px;
}	
#cont #cont-r #r-br-bg #r-bbody #r-menu-area p#menu-list-br{
	border-left:3px solid #663300;
	padding:2px 0 2px 6px;
	font-size:11px;
	line-height:14px;
	vertical-align:middle;
}	

#cont #cont-r #r-br-bg #r-bbody #r-menu-area p#menu-list-ye{
	border-left:3px solid #996600;
	padding:2px 0 2px 6px;
	font-size:11px;
	line-height:14px;
	
}	
#cont #cont-r #r-br-bg #r-bbtm{
	background:url("/images/rcol_br_btm.gif") bottom no-repeat;
}	

#cont #cont-r #r-bl-bg{
	background:url("/images/rcol_bl_mdl.gif") repeat-y;
	width:244px;
	margin-bottom:10px;
}
#cont #cont-r #r-bl-bg #r-bltop{
	background:url("images/common/rcol_bl_top.gif") no-repeat;
	padding:26px 8px 0 0;
	text-align:right;
}	
#cont #cont-r #r-bl-bg #r-bltop h4{
	display:none;
	padding:0;
	margin:0;
	line-height:0;
}	
#cont #cont-r #r-bl-bg #r-blmdl{
	padding:5px 9px;
}
#cont #cont-r #r-bl-bg #r-blmdl #que{
	background:url("/images/rcol_br_q_bg.gif") left repeat-y;
	color:#FFFFFF;
	font-size:11px;
	line-height:14px;
	margin-bottom:5px;
	vertical-align:middle;
	width:226px;
}

#cont #cont-r #r-bl-bg #r-bans{
	width:226px;
	margin:0 auto 8px auto;
	color:#FFFFFF;
	font-size:11px;
	line-height: 14px;
}
#cont #cont-r #r-bl-bg #r-bans td{
	padding:2px 3px;
	vertical-align:middle;
}

#cont #cont-r #r-bl-bg #r-bans #ans01{
	background:url("/images/rcol_anq_ans01.gif") left repeat-x;
	font-size:16px;
}
#cont #cont-r #r-bl-bg #r-bans #ans02{
	background:url("/images/rcol_anq_ans02.gif") left repeat-x;
	font-size:16px;
}
#cont #cont-r #r-bl-bg #r-bans #ans03{
	background:url("/images/rcol_anq_ans03.gif") left repeat-x;
	font-size:16px;
}
#cont #cont-r #r-bl-bg #r-bans #ans04{
	background:url("/images/rcol_anq_ans04.gif") left repeat-x;
	font-size:16px;
}

#cont #cont-r #r-bl-bg #r-blbtm{
	background:url("/images/rcol_bl_btm.gif") bottom no-repeat;
	color:#FFFFFF;
	font-size:11px;
	line-height:100%;
	padding:8px 10px;
}
#cont #cont-r #r-bl-bg #r-blbtm a{
	color:#FFFFFF;
}	

#cont #cont-r #r-bl-bg #r-blbtm a:hover{
color:#0066ff;
}	

#cont #cont-r #serch{
	width:210px;
	border:1px solid #CCCCCC;
	font-size:12px;
	margin-bottom:10px;
}	

#cont #cont-r #side-210{
	width:210px;
}
#cont #cont-r #side-210 p.side-border{
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
	margin-bottom:7px;
}


/*----------------------------------------Top--*/	
.contTop{
	width:495px;
}

.contTop #special {
	background:url("images/top/special_bg.gif") no-repeat;
	padding:13px 1px 2px 10px;
	margin-bottom:15px;
	height:185px;
}
.contTop #special h2{
	margin:0;
	padding:6px 0 0 0;
	line-height:0;
}
.contTop #special h3{
	text-indent:-9999px;
	padding:0;
	margin:0;
	line-height:0;
}
.contTop #event {
	background:url("images/top/event_bg.gif") repeat-y;
	margin-bottom:15px;
	width:495px;
}

.contTop #event #ev-head{
	background:url("images/top/event_top.jpg") no-repeat;
	padding:15px;
	height:144px;
	vertical-align:top;
}
.contTop #event #ev-head h2{
	margin:0;
	padding:12px 0 2px 0 ;
	line-height:0;
}
.contTop #event #ev-head h3{
	text-indent:-9999px;
	padding:0;
	margin:0;
	line-height:0;
}
.contTop #event #ev-info{
	padding:0 15px 15px 15px;
	background:url("images/top/event_btm.gif") left bottom no-repeat;
}
.contTop #event #ev-info p#detail{
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}
.contTop #event #ev-info p#detail-noborder{
	padding:5px 5px 10px 5px;
}
.contTop #event #ev-info p#detail strong{
	font-size:14px;
	line-height:18px;
}
.contTop #event #ev-info p#detail-noborder  strong{
	font-size:14px;
	line-height:22px;
}
.contTop #event #ev-info #koen{
	margin:10px auto 0 auto;
	font-size:11px;
	line-height:14px;
	width:462px;
}
.contTop #event #ev-info #koen #koen-left{
	margin:0 14px 0 0;
	width:224px;
	vertical-align:top;
	float:left;
}
.contTop #event #ev-info #koen #koen-right{
	width:224px;
	vertical-align:top;
	float:left;
}
.contTop #event #ev-info #koen img{
	margin:0 5px 0 0;
	padding-bottom:10px;
	float:left;
}
.contTop #event hr {
    border: #fff 1px solid;
    }
	
.contTop #option {
	margin-bottom:15px;
	width:495px;
}
.contTop #option #op-btm{
	background:url("images/top/report_bg.gif") top repeat-x;
	padding:10px 10px 0 15px;
}
.contTop #option #op-btm h2{
	margin:0 0 4px 0;
	padding:0;
}
.contTop #option #op-btm-2{
	background:url("images/top/report_bg_2.gif") top repeat;
	padding:0 15px 10px 15px;
	vertical-align:top;
}
.contTop #option #op-btm-3{
	background:url("images/top/report_bg_3.gif") top repeat;
}
.contTop #option #op-btm #bgwhite{
	background-color:#FFFFFF;
	padding:5px;
	vertical-align:top;
}
.contTop #option #op-btm-2  p#txt{
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	line-height:14px;
	margin:0;
}
.contTop #option #op-btm-2 p#image{
	padding:10px 0 0 0;
	font-size:11px;
	line-height:14px;
	margin:0;
}
.contTop #news {
	background:#8E775B;
	padding:10px;
	width:475px;
	font-size:11px;
	line-height:12px;
}
.contTop #news #ttl{
	border-bottom:1px dotted #FFF;
	padding-bottom:3px;
	margin-bottom:3px;
}
.contTop #news #ttl p{
	float:right;
	color:#FFF;
}
.contTop #news a{
	color:#FFF;
}
.contTop #news a:hover{
	color:#0066ff;
}

.contTop #news table#top{
	border-bottom:1px solid #6E573D;
	width:475px;
	color:#FFF;
	margin:5px 0;
}
.contTop #news table#top td.arrow {
	padding:5px 5px 10px 0;
	vertical-align:top;
}
.contTop #news table#top td.txt {
	padding:0 0 10px;
	vertical-align:top;
}

.contTop #news table#btm{
	width:475px;
	color:#FFF;
	margin:5px 0;
}
.contTop #news table#btm td.arrow {
	padding:5px 5px 10px 0;
	vertical-align:top;
}
.contTop #news table#btm td.txt {
	padding:0 0 10px;
	vertical-align:top;
}
/*----------------------------------------feature--*/	
#wrapper2 {
	padding:10px 0 20px 15px;
	width:670px;
}	
.swf{
	margin-bottom:10px;
}

#feature {
	width: 495px;
}

#feature h2 {
	margin:0;
	padding:0;
	line-height:0;
}

#feature p {
	padding-bottom: 1em;
}

#feature_head {
	background:#FF6600;
	padding:7px 0 7px 10px;
	margin-bottom:10px;
}

#feature_01 {
	background:url("images/feature/01/top.gif") no-repeat;
	padding:12px 0px 19px 303px;
	line-height:0;
	margin-bottom:10px;
}

#adobe_instruction {
	font-size:10px;
	line-height:14px;
}

/*----------------------------------------symposium--*/	
#symposium {
	width: 495px;
}

#symposium_title_bar {
	margin:0 0 10px 0;
	padding:0;
}

#symposium_banner {
	background:url("images/symposium/ttl_bg.jpg") no-repeat;
	padding:13px 10px;
	height:143px;
	margin-bottom:10px;
	vertical-align:top;
}

#symposium_banner h3 {
	text-indent:-9999px;
	padding:0;
	margin:0;
	line-height:0;
}

#symposium_content {
	width:480px;
	margin-left:15px;
}

#symposium_subscribe {
	margin:10px 0 25px 0;
	text-align:right;
}

.contSymposium{
	width:495px;
}
.contSymposium h2.ttl{
	margin:0 0 10px 0;
	padding:0;
}
.contSymposium #st-head{
	background:url("images/symposium/ttl_bg.jpg") no-repeat;
	padding:13px 10px;
	height:143px;
	margin-bottom:10px;
	vertical-align:top;
}
.contSymposium #st-head h2{
	margin:0;
	padding:0 0 2px 0 ;
	line-height:0;
}
.contSymposium #st-head h3{
	text-indent:-9999px;
	padding:0;
	margin:0;
	line-height:0;
}
.contSymposium h3.symp-ttl{
	border-top:2px solid #6699CC;
	color:#33CC00;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:10px;
}
.contSymposium table.symp-dedail{
	border-bottom:1px solid #6699CC;
	width:100%;
}
.contSymposium table.symp-dedail th{
	border-top:1px solid #6699CC;
	font-size:11px;
	line-height:14px;
	padding:8px 5px 5px 5px;
	background:#D9E1E8;
	color:#003366;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
}
.contSymposium table.symp-dedail td{
	border-top:1px solid #6699CC;
	padding:5px;
	vertical-align:top;
	text-align:left;
}
.contSymposium .btn-join{
	margin:10px 0 25px 0;
	text-align:right;
}
.contSymposium p.symp-next{
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	line-height:14px;
	padding:5px 0;
}

.contSymposium p.symp-next strong{
	color:#33CC00;
	line-height:18px;
}

.contSymposium p.symp-next-btm{
	font-size:11px;
	line-height:14px;
	padding:5px 0;
}

.contSymposium p.symp-next-btm strong{
	color:#33CC00;
	line-height:18px;
}

/*--symposium  article--*/	
.contSymposium #sa-head{
	background: url("images/symposium/article/article_head.jpg") no-repeat;
	padding:65px 0 0 10px;
	height:35px;
	margin-bottom:20px;
	vertical-align:top;
}
.contSymposium #sa-head h2{
	text-indent:-9999px;
	padding:0;
	margin:0;
	line-height:0;
}
.contSymposium #sa-prof{
	background:url("images/symposium/article/prof_bg.jpg") repeat-x;
	height:150px;
	border-bottom:4px solid #654218;
	width:480px;
	margin-bottom:20px;
}

.contSymposium #sa-prof #sa-p-right{
	width:313px;
	height:120px;
	display:block;
	padding:15px 0 15px 15px;
	vertical-align:top;
	font-size:11px;
	line-height:14px;
	float:right;
}
.contSymposium #sa-prof #sa-p-right #sa-p-txtarea{
	display:block;
	vertical-align:bottom;
	bottom:0;
	width:313px;
	margin-top:25px;
}

.contSymposium #sa-prof #sa-p-right h3{
	border-bottom:1px solid #FFFFFF;
	color:#003365;
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	padding:0 0 5px 0;
	width:313px;
}
.contSymposium #sa-prof #sa-p-right h4{
	color:#654217;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	margin-top:7px;
	width:313px;
}

.contSymposium h3.sa-ttl{
	color:#33CC00;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:10px;
}

.contSymposium p.sa-footer{
	border-top:1px solid #CCCCCC;
	font-size:12px;
	line-height:18px;
	padding:10px 0 0 0;
	text-align:right;
}

#article {
}

#article h5 {
    color:#663300;
    font-weight:bold;
    margin-bottom:10px;
}

#article p {
    text-indent:1em;
    margin:0 0 20px 0;
}

#article a {
    text-align:right;
    display:block;
    margin-right:20px;
}


/*----------------------------------------opinion-report-*/	
.contOpinion{
	width:495px;
}
.contOpinion h2.ttl{
	margin:0 0 10px 0;
	padding:0;
}
.contOpinion h3#ot-head{
	margin:0 0 10px 0;
	padding:0 0 2px 0 ;
	line-height:0;
}

.contOpinion .ot-menu{
	border-top:1px solid #CCCCCC;
	padding:10px 0;
	clear:left;
}
.contOpinion .ot-menu-btm{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px 0;
	clear:left;
}
.contOpinion .rt-menu-top{
	background:url("images/report/hr.gif") top repeat-x;
	padding:26px 0 10px 0;
}
.contOpinion .rt-menu{
	border-top:1px solid #CCCCCC;
	padding:10px 0;
}
.contOpinion .rt-month{
	padding:2px 3px;
	line-height:10px;
	font-size:11px;
	color:#FFFFFF;
	background:#8E775B;
	margin-bottom:10px;
}

/*--opinion article--*/	
.contOpinion h3#oa-head{
	margin:0 0 15px 0;
	padding:0 0 2px 0 ;
	line-height:0;
}
.contOpinion h4.oa-ttl{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	border-top:3px solid #BFB3A4;
	padding-top:10px;
}
.contOpinion h5.oa-lead{
	color:#663300;
	font-weight:bold;
	margin-bottom:10px;
}

.contOpinion h4.ra-ttl{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:8px 0 8px 0;
	color:#3399CC;
	border-bottom:1px solid #BFB3A4;
	margin-bottom:15px;
}
/*----------------------------------------info--*/	
.contInfo h2#info-head{
	margin:0 0 10px 0;
	padding:0 0 2px 0 ;
	line-height:0;
}
.info_top{
	border-top:3px solid #6699CC;
	margin:10px 0 10px 0;
	padding:10px 0 0;
}

.info_other{
	border-top:1px solid #CCCCCC;
	margin:10px 0 10px 0;
	padding:10px 0 0;
}

.info_ttl{
	font-size:14px;
	font-weight:bold;
	color:#336699;
}

.info_about{
	border-top:3px solid #6699CC;
	margin:10px 0 10px 0;
	padding:10px 0 0;
}
.info_about .ttl{
	font-size:14px;
	font-weight:bold;
	color:#663300;
	margin:0 0 5px 0;
}
/*----------------------------------------about--*/
.contAbout h2#about-head{
	margin:0 0 10px 0;
	padding:0 0 2px 0 ;
	line-height:0;
}
.contAbout h3#about-lead{
	padding:0;
	line-height:0;
}

.contAbout .ttl{
	border-top:1px solid #CCCCCC;
	padding:10px 0 0;
	font-size:14px;
	font-weight:bold;
	color:#663300;
	margin:10px 0 10px 0;
}

/*-----footer-----*/
#footer {
  font-size: 10px;
}

#footer a:link {
  color: #663300;
  text-decoration:none;
}

#footer a:visited {
  color: #663300;
  text-decoration:none;
}

#footer a:hover {
  color: #663300;
  text-decoration:none;
}

#footer a:focus {
  color: #663300;
  text-decoration:none;
}

#footer td {
  vertical-align: center;
}

#feature_description p {
  padding-bottom: 1em;
}


.contacts {
  background:#EFEFF0;
  margin:1em 0 20px 0;
}

.contacts p {
  padding:4px 10px;
}


#terms {
  float: right;
  font-size: 10px;
}

#privacy {
  float: right;
  font-size: 10px;
}

.clearer {
  clear: both;
}


#recommended_environment dt {
  padding-top:1em;
  color:#3399cc;
  font-weight: bold;
}

.photo01 {
	margin-bottom: 15px;
}

.photo02 {
	float:right;
	margin-left: 5px;
}

.photo03 {
	float:left;
	margin-right: 10px;
}

.photo04 {
	float:right;
	margin-left: 5px;
}