@charset "utf-8";

/* --------------------------------------------------------------

CONFERENCE

----------------------------------------------------------------- */

/* h3 */
  
#main h3{
  color:#337951;
  font-size:124%;
  border-left:3px solid #32915C;
  padding-left:10px;
  margin-bottom:10px;
  padding-top:2px;
}
 
/* pagenav */ 

.pagenav {
  overflow:hidden;
  margin-bottom:20px;
  padding-top:15px;
  border-top:1px dotted #B8B8B8;
}

.pagenav li{
  line-height:160%;
  }
  
.pagenav li a {
  color:#28774B;
  }

.pagenav li.back {
  float: left;
  border-right: 1px solid #CCCCCC;
  padding-right:10px;
  padding-left: 12px;
  background: url(../common/arw_back.gif) no-repeat left center;
}

.pagenav li.next {
  float:right;
  border-left: 1px solid #CCCCCC;
  padding-left:10px;
  padding-right:12px;
  background: url(../common/arw_next.gif) no-repeat right center;
}

/* #side type-box */ 

#side .type-box {
  margin-bottom:20px;
  background:#EFEFEF;
  overflow:hidden;
}

#side .type-box ul {
  overflow:hidden;
  padding:8px 0px 8px 8px;
}

#side .type-box ul li {
  float:left;
  display:inline;
  margin-right:5px;
  margin-bottom:3px;
}

#side .type-box ul li a {
  display:block;
  border:1px solid #E3E3E3;
  padding:11px 0px 11px 20px;
  width:97px;
  background: #ffffff url(../common/arw03.gif) no-repeat 5px 12px;
  color:#545454;
  text-decoration:none;
  font-size:108%;
}

#side .type-box ul li a:hover {
  color:#32915C;
  border: 1px solid #7BC19B;
}

/* top
----------------------------------------------------------------- */

/* applications */

.applications {
  margin-bottom:30px;
}

.applications .wrap {
  background:#E8F5D8;
  border:1px solid #CFDDB0;
  padding:10px 10px 3px 10px;
}

.applications .wrap dl {
  background:#ffffff;
  padding:16px 0px 16px 12px;
  margin-bottom:7px;
  overflow:hidden;
}

.applications .wrap dl dt {
  float:left;
  font-size:116%;
  padding-right:5px;
  width:385px;
}

.applications .wrap dl dt img {
  padding-top:2px;
  padding-right:8px;
  float:left;
}

.applications .wrap dl dt a {
  display:block;
  overflow:hidden;
  padding: 4px 0px 4px 30px;
  background: url(../conference/img/file_ico.gif) no-repeat;
}

.applications .wrap dl dd {
  overflow:hidden;
  border-left:1px solid #CCCCCC;
  padding-left:10px;
  padding-top:3px;
}

/* backnumber */

.backnumber {
  margin-bottom:50px;
}

.backnumber dl {
  overflow:hidden;
}

.backnumber dl dt {
  border-top:1px dotted #B8B8B8;
  float:left;
  padding-top:15px;
  font-size:108%;
}

.backnumber dl dt a {
  display:block;
  border-right: 1px solid #CCCCCC;
  padding-left:30px;
  padding-right:10px;
  color: #444;
  background: url(../common/arw05.jpg) no-repeat 10px 1px;
}

.backnumber dl dd {
  overflow:hidden;
  border-top:1px dotted #B8B8B8;
  padding-left:10px;
  padding-top:16px;
  padding-bottom:16px;
  font-size:93%;
}

.backnumber h4 {
  margin-bottom: 8px;
  padding:6px 10px;
  background: url(../conference/img/dot_bg.jpg) repeat;
  color:#FFF;
  font-size:108%;
}

.backnumber .search {
  width:718px;
  overflow:hidden;
  margin-left:-8px;
}

.backnumber .search li {
  float: left;
  margin-left: 8px;
  margin-bottom: 6px;
}

.backnumber .search li a {
  display:block;
  width: 169px;
  border: 1px solid #CFCFCF;
  padding: 15px 0px;
  text-align: center;
  background: #F8F8F8 url(../common/arw03.gif) no-repeat 148px 16px;
  font-size: 108%;
  text-decoration:none;
  color:#535353;
}

.backnumber .search li a:hover {
  color:#32915C;
  border: 1px solid #7BC19B;
  background: #F8F8F8 url(../common/arw03.gif) no-repeat 148px 16px;
}

/* caution */

.caution dl {
  border: 1px solid #CFCFCF;
  padding:22px 18px 20px 18px;
}

.caution dl dt {
  color:#32915B;
  font-size:108%;
  border-bottom:1px dotted #CCCCCC;
  padding-bottom:7px;
  margin-bottom:10px;
}

.caution dl dd ul li {
  margin-bottom: 7px;
  padding-left: 20px;
  background: url(../common/en01.gif) no-repeat 5px 2px;
}

/* case result
----------------------------------------------------------------- */

/* casetit */

.casetit{
  border-top:2px solid #32915C;
  background:#EEF8E2;
  padding:15px 12px;
  overflow:hidden;
  margin-bottom:10px;
  }

#main .casetit h2{
  background: url(../conference/img/file_ico.gif) no-repeat left center;
  padding: 5px 15px 1px 32px;
  margin: 0px;
  font-size: 124%;
  line-height:160%;
}

.casetit p{
  overflow:hidden;
  margin-top:5px;
  padding: 3px 0px 3px 30px;
}

/* resulttit */

.resulttit{
  border-top:2px solid #32915C;
  background:#EEF8E2;
  padding:12px;
  overflow:hidden;
  margin-bottom:10px;
  }

#main .resulttit h2{
  background:none;
  padding: 4px 15px 0px 12px;
  margin: 0px;
  line-height:160%;
  float:left;
}

#main .resulttit p{
  float:left;
  padding:5px 10px;
  display:inline;
  background:#365189;
  color:#FFF;
}

#main .resulttit h2 span{
  font-size: 124%;
}

/* casebox */

.casebox {
  margin-bottom:35px;
  margin-top:15px;
}

.casebox .tit{
  background: #32915C url(../common/s03.gif) no-repeat 0px 17px;
  padding: 6px 6px 4px 20px;
  overflow:hidden;
}

#main .casebox .tit h3{
  color:#FFF;
  font-size: 116%;
  margin:4px 0px 0px 0px;
  padding:0px;
  float:left;
}

.casebox .tit h3 span{
  border-left:1px solid #FFF;
  margin-left:10px;
  padding-left:10px;
}

.casebox .tit p{
  background:#FFF;
  padding:4px 10px;
  width:100px;
  float:right;
  color:#337951;
  text-align:center;
}

.casebox .questions{
  background:#F3F3F3;
  padding:8px 12px;
  text-align:right;
  margin-bottom:10px;
}

.casebox table.extbl{
  width:100%;
}

.casebox table.extbl th{
  width: 80px;
  color: #337951;
  background: url(../common/s05.gif) no-repeat left center;
  padding: 2px 2px 2px 15px;
}

.casebox table.extbl td{
  padding: 2px;
}

#main .casebox h4{
  color: #337951;
  font-size: 108%;
  border-bottom: 1px dotted #999999;
  padding: 3px 3px 3px 10px;
  margin-bottom: 12px;
  margin-top:20px;
  background: url(../common/s04.gif) no-repeat left center;
}

.casebox .text{
  line-height:160%;
  margin-bottom:15px;
}

.casebox .photo {
  overflow:hidden;
  margin-left:-4px;
  margin-bottom:20px;
}
.casebox .photo li{
  float:left;
  width:174px;
  display:inline;
  margin-left:4px;
  text-align:center;
  margin-bottom:3px;
}

.casebox .selectList{
  overflow: hidden;
  background: #EEF8E2 url(../conference/img/select_bg.gif) repeat-y left top;
}

#main .casebox .selectList h4{
  color: #FFF;
  width: 120px;
  float: left;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  text-align: center;
  border: none;
  font-size:93%;
  background:none;
}

.casebox .selectList h4 span{
  font-size:123.1%;
  background: #79B84B url(../conference/img/check_ico.jpg) no-repeat 0px 3px;
  padding-left:20px;
  padding-right:20px;
  line-height:180%;
  }

#main .casebox .anstxt{
  margin-top:25px;
}
 
#main .casebox .anstxt h4{
  font-size:116%;
  padding: 15px 0px 15px 0px;
}

#main .casebox .anstxt p{
  font-size: 123.1%;
  padding-top: 15px;
  color: #3333CC;
  overflow: hidden;
  background: url(../conference/img/arw.gif) no-repeat left -45px;
  padding-left: 20px;
  padding-bottom: 15px;
}

.casebox .selectList ul{
  overflow: hidden;
  padding: 20px 20px 12px 40px;
  background: url(../conference/img/arw.gif) no-repeat left center;
}

.casebox .selectList ul li{
  margin-bottom:7px;
}

.casebox .selectList ul li input[type=radio] {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right:5px;
}

.casebox .kaisetsu {
  float:right;
  padding-right:5px;
  padding-top:10px;
  margin-left:10px;
}

.casebox .kaisetsu a {
  padding-left: 17px;
  background: url(../common/arw03.gif) no-repeat left center;
}

.casebox .answer {
  background:#EEF8E2;
  padding:18px;
}

.casebox .answer table.anstbl{
  border:#DDDDDD;
}

.casebox .answer table.anstbl th{
  background:#CA3300;
  color: #FFF;
  font-size:123.1%;
  padding:12px 10px 10px 10px;
  border:1px solid #DDDDDD;
  text-align:center;
}

.casebox .answer table.anstbl td{
  background:#FFF;
  padding:12px 20px 10px 20px;
  border:1px solid #DDDDDD;
  color:#D83500;
  font-size:116%;
}

.casebox .votebox{
  background:#fff;
  padding:18px;
  margin-top:12px;
}

.casebox .votebox h5{
  color: #337951;
  background: url(../conference/img/ten_line.gif) no-repeat 140px 6px;
  margin-bottom:8px;
}

.casebox .votebox table.graph th{
  padding:5px;
}

.casebox .votebox table.graph th.txt{
  font-size:108%;
}

.casebox .votebox table.graph .total{
  color:#337951;
}

.casebox .votebox table.graph th.total span{
  padding: 2px 15px;
  border:1px solid #337951;
  text-align:center;
}

.casebox .votebox table.graph th.num{
  width:40px;
  font-weight:bold;
  text-align:right;
}

.casebox .votebox table.graph th.percent{
  width:50px;
  font-weight:bold;
}

.casebox .votebox table.graph td{
  padding: 6px 0px;
  width: 330px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background: url(../conference/img/graph_ten.gif) repeat-y left top;
}

.casebox .votebox table.graph td span{
  display:block;
  background:#999999;
  height:11px;
}

.casebox .votebox table.graph .first{
  padding-top:15px;
}

.casebox .votebox table.graph .last{
  padding-bottom:15px;
}

.casebox .votebox table.graph th.red{
  color:#D83500;
}

.casebox .votebox table.graph td.no{
  border: none;
  background:none;
}

.casebox .votebox table.graph td.first{
  border-top: 1px solid #CCCCCC;
}

.casebox .votebox table.graph td.last{
  border-bottom: 1px solid #CCCCCC;
}

/* userinfo */

.userinfo {
  margin-bottom:20px;
}

.userinfo .wrap {
  border:2px solid #DDDDDD;
  padding:3px;
}

.userinfo .wrap p.text {
  background:#FEFBE7;
  padding:20px 20px 20px 70px;
  line-height:160%;
}

.userinfo .wrap  dl {
  width:400px;
  margin:20px auto;
  overflow:hidden;
}

.userinfo .wrap  dl dt {
  float:left;
  width:130px;
  padding-top:8px;
}

.userinfo .wrap  dl dd {
  overflow:hidden;
  padding-top:5px;
  padding-bottom:5px;
}

.userinfo .wrap  dl dd  input[type=text] {
  padding:4px;
  background:#F9F9F9;
  border:1px solid #32915C;
  width:230px;
 -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
}

.userinfo .wrap  dl.er dd p {
  background: url(../common/atn.gif) no-repeat 1px 5px;
  padding: 5px 3px 0px 20px;
  color: #FC1603;
}

.userinfo .wrap  dl.conf dd {
  padding-top:8px;
  color:#3333CC;
}

.confirmtit {
  padding:12px;
  text-align:center;
  border:2px solid #365189;
  margin-bottom:15px;
  margin-top:15px;
  color:#365189;
  font-size:108%;
}

.errortit {
  padding: 14px;
  margin-bottom: 15px;
  margin-top: 15px;
  background: #FFE8E8;
  text-align: center;
  color: #FC1603;
  font-size: 108%;
}

.errortxt {
  padding: 12px 12px 12px 30px;
  margin-bottom: 10px;
  margin-top: 15px;
  background: url(../common/atn.gif) no-repeat 10px 12px;
  color: #FC1603;
  font-size: 108%;
  border:1px solid #FC1603;
}

/*-- ok ---*/

#main .okTtl {
  text-align: center;
  padding: 25px 23px 23px 23px;
  font-size: 123.1%;
  color: #32915C;
  margin: 50px 0px 25px;;
  border: 1px solid #32915C;
		}

#main .okTxt {
	margin: 30px 0px;
	line-height: 180%;
		}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{background:#fff; padding:10px 10px 10px 10px; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:9px; left:0; text-align:center; width:100%;}
#cboxCurrent{position:absolute; bottom:10px; left:10px; color:#949494;}
#cboxLoadingOverlay{background:url(../conference/img/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../conference/img/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{position:absolute; bottom:350px; left:0px; background:url(../conference/img/controls02.png) no-repeat -45px 0px; width:35px; height:35px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-45px -45px;}
#cboxNext{position:absolute; bottom:350px; right:0px; background:url(../conference/img/controls02.png) no-repeat 0px 0px; width:35px; height:35px; text-indent:-9999px;}
#cboxNext:hover{background-position:0px -45px;}
#cboxClose{position:absolute; bottom:3px; right:5px; background:url(../conference/img/controls02.png) no-repeat -89px 0px; width:86px; height:30px; text-indent:-9999px;}