/* top */
div#side div#newsArea{}
div#side div#newsArea h2{ border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:10px 0 10px 3px;}
div#side div#newsArea dl dt{ font-weight:bold; margin-top:15px;}
div#side div#newsArea dl dd{ background:url(../img/bg_news_dotline.png) repeat-x 0 100%; padding-bottom:15px;}
div#side div#newsArea dl dd.last{ background:none;}

div#side div#sponsorArea{border-bottom:#b3b2b2 1px dotted; padding-bottom:5px;}
div#side div#sponsorArea h2{ border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:10px 0 10px 3px; margin-bottom:15px;}
div#side div#sponsorArea li{text-align:center; font-size:85.7%; margin-bottom:16px;}
div#side div#sponsorArea li p{font-size:0;}
div#side div#sponsorArea li a{display:block; margin-top:1px;}

#snsArea { position:relative; }
#tweetArea { position:absolute; top:0; left:0px; width:100px; }
#facebookArea { position:absolute; top:0; left:100px; width:120px; }

div#mainArea { margin-top:15px;}
div#mainArea h4{ margin:30px 0; text-align:center;}
div#mainArea p.lead{ margin:20px 0 1em; font-size: 100%;}
div#mainArea div.chair{ text-align: right; margin-bottom: 60px;}
div#mainArea div.chair p{ display: inline; border-bottom: solid #d4b1f5 5px; font-size: 108%; padding: 0 5px;}
div#mainArea div.chair p span{font-size: 165%; margin-left: 1em;}

div#mainArea div#outline h4{ background:url(../../common/img/bg_contentline.png) repeat-x; padding-top:20px; margin-bottom:11px;}

/* popup */
.inlineBox { text-align:left; width:500px; padding:30px 25px 20px 50px; }
.inlineBox .header { height:55px; font-size:30px; }
.inlineBox .content { height:300px; overflow:auto; padding:3px 25px 3px 0; }
.inlineBox .footer { padding-top:20px; height:40px; }

#inline1 .header { height:40px; }
#inline1 .content { height:630px; }
/* #inline1 .content { height:380px; } */
#inline1 .content h4 { font-weight:bold; padding-top:10px; margin:0 0 15px; }
#inline1 .content p, #inline1 .content ul  { margin-bottom:15px; }
#inline1 .content ul li { list-style-type:disc; margin-left:20px; }

#inline2 .header { height:40px; }
#inline2 .content { height:630px; }
/* #inline2 .content { height:380px; } */
#inline2 .content h4 { font-weight:bold; padding-top:10px; margin:0 0 15px; }
#inline2 .content p, #inline2 .content ul  { margin-bottom:15px; font-size:100%; }
#inline2 .content ul li { list-style-type:disc; margin-left:20px; }


ul {list-style: none;}
ol,.list-ol {margin: 20px 0 30px;}
ol li,.list-ol li {list-style-position: inside;padding-left: 1.6em;text-indent: -1.4em;margin: .5em 0;}
.list-style-none li {margin: .5em 0;}
.list-style-none li:first-child {margin-top: 0;}
.list-style-none li:last-child {margin-bottom: 0;}
.list-ul,.list-square {margin: 20px 0 20px;list-style: none;font-size: 100%;}
.list-ul li,.list-square li {position: relative;padding-left: 1.3em;}
.list-ul li::before,.list-square li::before {width: 5px;height: 5px;background-color: #ccc;content: "";display: block; position: absolute;left: 2px;top: .5em;}
.list-ul li,.list-square li {margin: .5em 0;}
.list-ul li:first-child,.list-square li:first-child {margin-top: 0;}
.list-ul li:last-child,.list-square li:last-child {margin-bottom: 0;}
.col > .list-ul:last-child, .col >.list-square:last-child {margin-bottom: 0;}
.list-ul span { font-size:90%;}

h3 {margin:40px 0 10px 0;font-size:21px;line-height:1.2em;color:#000;}
/* h4 {font-size:56px;line-height:1.0625;font-weight:200;} */


h4 {overflow: hidden;text-align: center;font-size:30px;}
h4 span {position: relative;display: inline-block;margin: 0 2.5em;padding: 0 1em;text-align: left;}
h4 span::before,h4 span::after {position: absolute;top: 50%;content: '';width: 400%;height: 1px;background-color: #ccc;}
h4 span::before {right: 100%;}
h4 span::after {left: 100%;}


div#main{ padding-top:0px;}

div#newsArea dl {font-size:100%;}

.list-ul li br {display:none;}
@media only screen and (max-device-width: 768px){
.list-ul li br {display:inline;}
}


.inlineBox2 { text-align:left; width:550px; padding:30px 25px 20px 50px; }
.inlineBox2 .header { height:55px; font-size:30px; }
.inlineBox2 .content { height:300px; overflow:auto; padding:3px 25px 3px 0; }
.inlineBox2 .footer { padding-top:20px; height:40px; }


/* prof1 */
#prof1 .header { height:40px; }
#prof1 .content { height:100%; }
#prof1 .content h4 { font-weight:bold; padding-top:10px; margin:0 0 15px; }
#prof1 .content p, #prof1 .content ul  { margin-bottom:15px; }
#prof1 .content ul li { list-style-type:disc; margin-left:20px; }
#prof1 .content .section .lt { float:left; width:180px; text-align:center; }
#prof1 .content .section .rt { float:left; width:340px; }
#prof1 .content .section p.post { font-size:100%; float:left; margin-bottom:0px; }
#prof1 .content .section p.name { clear:left; font-size:100%; font-weight:bold; }
#prof1 .content .section p.name span { margin-left:6px; font-size:87.5%; font-weight:normal; }
#prof1 .content .section p.detail { margin-top:10px; }

/* prof2 */
#prof2 .header { height:40px; }
#prof2 .content { height:100%; }
#prof2 .content h4 { font-weight:bold; padding-top:10px; margin:0 0 15px; }
#prof2 .content p, #prof2 .content ul  { margin-bottom:15px; }
#prof2 .content ul li { list-style-type:disc; margin-left:20px; }
#prof2 .content .section .lt { float:left; width:180px; text-align:center; }
#prof2 .content .section .rt { float:left; width:340px; }
#prof2 .content .section p.post { font-size:100%; float:left; margin-bottom:0px; }
#prof2 .content .section p.name { clear:left; font-size:100%; font-weight:bold; }
#prof2 .content .section p.name span { margin-left:6px; font-size:87.5%; font-weight:normal; }
#prof2 .content .section p.detail { margin-top:10px; }


/* prof3 */
#prof3 .header { height:40px; }
#prof3 .content { height:100%; }
#prof3 .content h4 { font-weight:bold; padding-top:10px; margin:0 0 15px; }
#prof3 .content p, #prof3 .content ul  { margin-bottom:15px; }
#prof3 .content ul li { list-style-type:disc; margin-left:20px; }
#prof3 .content .section .lt { float:left; width:180px; text-align:center; }
#prof3 .content .section .lt img { margin:0 0 10px 0; }
#prof3 .content .section .rt { float:left; width:340px; }
#prof3 .content .section p.post { font-size:100%; float:left; margin-bottom:0px; }
#prof3 .content .section p.name { clear:left; font-size:100%; font-weight:bold; }
#prof3 .content .section p.name span { margin-left:6px; font-size:87.5%; font-weight:normal; }
#prof3 .content .section p.detail { margin-top:10px; }


/* prof4 */
#prof4 .header { height:40px; }
#prof4 .content { height:100%; }
#prof4 .content h4 { font-weight:bold; padding-top:10px; margin:0 0 15px; }
#prof4 .content p, #prof4 .content ul  { margin-bottom:15px; }
#prof4 .content ul li { list-style-type:disc; margin-left:20px; }
#prof4 .content .section .lt { float:left; width:180px; text-align:center; }
#prof4 .content .section .rt { float:left; width:340px; }
#prof4 .content .section p.post { font-size:100%; float:left; margin-bottom:0px; }
#prof4 .content .section p.name { clear:left; font-size:100%; font-weight:bold; }
#prof4 .content .section p.name span { margin-left:6px; font-size:87.5%; font-weight:normal; }
#prof4 .content .section p.detail { margin-top:10px; }


/* prof5 */
#prof5 .header { height:40px; }
#prof5 .content { height:100%; }
#prof5 .content h4 { font-weight:bold; padding-top:10px; margin:0 0 15px; }
#prof5 .content p, #prof5 .content ul  { margin-bottom:15px; }
#prof5 .content ul li { list-style-type:disc; margin-left:20px; }

#prof5 .content .section .ct p.post_ct { font-size:100%; margin-bottom:0px; }

#prof5 .content .section .lt { float:left; width:170px; text-align:left; }
#prof5 .content .section .lt img { margin:0 0 10px 0; }
#prof5 .content .section .rt { float:left; width:350px; height:170px; }
#prof5 .content .section p.post { font-size:100%; float:left; margin-bottom:0px; }
#prof5 .content .section p.name { clear:left; font-size:100%; font-weight:bold; }
#prof5 .content .section p.name span { margin-left:6px; font-size:87.5%; font-weight:normal; }
#prof5 .content .section p.detail { margin-top:10px;}


div#mainArea p.judge{ margin:20px 0 1em; font-size: 100%; border:1px solid #ccc; background:#f2f2f2; padding:16px 14px;}
