@charset "utf-8";

/* ------------------------- TOC
01.home
02.report
03.news
04.event
05.concept
06.member
07.about us
 ------------------------- */
/* ============================== 01.home */
#home #section01 { margin-bottom: 10px; }
#home #section02 .ls { margin-right: 10px; width: 504px; }
#home #section02 .rs { width: 466px; }

#home #logo { margin-right: 10px; }

/*btn*/
#home #event { margin-top:20px; }
#home #concept { margin-top:10px; }
#home #report { margin-top:10px; }

/*news_blog*/
#home #news { margin-left: 10px; border-top: 6px solid #ccc; margin-top:20px; width: 540px; height: 204px; background: url(../../img/bg_news.gif) no-repeat left bottom; }
#home #news .btn { margin-right: 6px; }
#home #news h3 { margin: 15px 0 15px 6px; }
#home #news dl { margin-left: 21px; padding-bottom: 0.5em; margin-bottom: 0.5em; line-height: 1.5em; border-bottom: 1px dotted #000; width: 485px; }
#home #news dt { background: url(../img/arrow_ahd.gif) no-repeat 0 0.3em; padding-left: 15px; float: left; width: 85px; }
#home #news dd { float: right; width: 385px; }
#home #news dl#last { border-bottom: 0px; }

/*youtube*/
#home #youtube { margin-left: 10px; margin-top:10px; }

/*flickr*/
#home #flickr { width: 294px; height: 210px; background: url(../../img/bg_flickr.gif) no-repeat left bottom; }
#home #flickr .ph { padding-top: 18px; margin-left: 17px; }

/*report_blog*/
#home #report_pickup { border-top: 6px solid #ccc; width: 308px; height: auto !important; height: 420px; min-height: 420px; background: url(../../img/bg_report.gif) no-repeat left bottom; }
#home #report_pickup .ph { margin: 0 0 0 6px; }
#home #report_pickup h3 { margin-top: 15px; margin-left: 6px; margin-bottom: 5px; }
#home #report_pickup .title { background: url(../img/arrow_ahd.gif) no-repeat 0 0.4em; margin-left: 21px; padding-left: 15px; margin-bottom: 1em; font-size: 117%; font-weight: bold; line-height: 1.5em; width: 236px; }
#home #report_pickup .summary { margin-left: 36px; width: 236px; line-height: 1.5em; padding-bottom: 20px; }

/*movies*/
#home #movies { border-top: 6px solid #ccc; padding-bottom: 6px; width: 148px; background: url(../../img/bg_movies.gif) no-repeat left bottom; }
#home #movies h3 { margin: 15px 0 10px 6px; }
#home #movies .ph { margin-left: 21px; padding-bottom: 15px; }

/*photos*/
#home #photos { border-top: 6px solid #ccc; margin-top:10px; padding-bottom: 6px; width: 284px; background: url(../../img/bg_photos.gif) no-repeat left bottom; }
#home #photos h3 { margin: 15px 0 15px 6px; }
#home #photos .ph { margin-left: 16px; padding-bottom: 15px; }

/*twitter*/
#home #twitter { border-top: 6px solid #ccc; margin-top:10px; padding-bottom: 6px;width: 210px; background: url(../../img/bg_twitter.gif) no-repeat left bottom; }
#home #twitter h3 { margin: 15px 0 15px 6px; }
#home #twitter .tweet { margin-left: 6px; word-wrap: break-word; }

/*follow*/
#home #follow { margin-top:10px; background: url(../../img/bg_follow.gif) no-repeat left top; width: 210px; height: 210px; }
#home #follow h3 { padding: 43px 0 15px 37px; }
#home #follow ul { margin-left: 55px; }
#home #follow li { margin-bottom: 5px; }
#home #follow li img { vertical-align:bottom; }


/* ============================== 02.report */
#report #hierarchy { margin: 15px 0; font-size: 84%; color: #d06f87; }
#report #hierarchy span { color: #333; }

#report #maincol .list dd { float: left; width: 310px; }
#report #maincol .list dt { float: right; width: 88px; }
#report #maincol .list dt img { border: 3px solid #ccc; }

#report .article a { color: #d06f87; text-decoration: underline; }
#report .article a:link { color: #d06f87; }
#report .article a:visited { color: #d06f87; }
#report .article a:hover, #report .article a:active { color: #e5a5b5; text-decoration: underline; }

#report .entry_body strong { color: #d06f87; font-weight: bold; }

#report #calendar td a { color: #d06f87; text-decoration: underline; }
#report #calendar td a:link { color: #d06f87; }
#report #calendar td a:visited { color: #d06f87; }
#report #calendar td a:hover, #report #calendar td a:active { color: #e5a5b5; text-decoration: underline; }

/* ============================== 03.news */
#news #hierarchy { margin: 15px 0; font-size: 84%; color: #f60; }
#news #hierarchy span { color: #333; }

#news #maincol .list dd { width: 460px; }

#news .article a { color: #f60; text-decoration: underline; }
#news .article a:link { color: #f60; }
#news .article a:visited { color: #f60; }
#news .article a:hover, #news .article a:active { color: #f96; text-decoration: underline; }

#news .entry_body strong { color: #f60; font-weight: bold; }

/* ============================== 04.event */
#event #hierarchy { margin: 15px 0; font-size: 84%; color: #249ab7; }
#event #hierarchy span { color: #333; }
#event #categories { margin-bottom: 15px; padding: 12px 0 7px 12px; width: 732px; border: 3px solid #ccc; }
#event #categories h3 { margin-bottom: 10px; }
#event #categories li { float: left; margin-right: 20px; padding-left: 22px; height: auto !important; height: 19px; min-height: 19px; line-height: 1.5em; padding-bottom: 5px; }

/*category icon*/
#event #categories li#cat00 { background: url(../../event/img/icon_cat00.gif) no-repeat left top; }
#event #categories li#cat01 { background: url(../../event/img/icon_cat01.gif) no-repeat left top; }
#event #categories li#cat02 { background: url(../../event/img/icon_cat02.gif) no-repeat left top; }
#event #categories li#cat03 { background: url(../../event/img/icon_cat03.gif) no-repeat left top; }
#event #categories li#cat04 { background: url(../../event/img/icon_cat04.gif) no-repeat left top; }
#event #categories li#cat05 { background: url(../../event/img/icon_cat05.gif) no-repeat left top; }
#event #categories li#cat06 { background: url(../../event/img/icon_cat06.gif) no-repeat left top; }
#event #categories li#cat07 { background: url(../../event/img/icon_cat07.gif) no-repeat left top; }
#event #categories li#cat08 { background: url(../../event/img/icon_cat08.gif) no-repeat left top; }
#event #categories li#cat09 { background: url(../../event/img/icon_cat09.gif) no-repeat left top; }
#event #categories li#cat10 { background: url(../../event/img/icon_cat10.gif) no-repeat left top; }

/*category background*/
#event #categories li a { font-size: 84%; color: #249ab7; text-decoration: underline; }
#event #categories li a:hover { color: #6cf; }
.cat00 #categories li#cat00 a { background: #249ab7; color: #fff; }
.cat00 #categories li#cat00 a:hover { background: #6cf; }
.cat01 #categories li#cat01 a { background: #249ab7; color: #fff; }
.cat01 #categories li#cat01 a:hover { background: #6cf; }
.cat02 #categories li#cat02 a { background: #249ab7; color: #fff; }
.cat02 #categories li#cat02 a:hover { background: #6cf; }
.cat03 #categories li#cat03 a { background: #249ab7; color: #fff; }
.cat03 #categories li#cat03 a:hover { background: #6cf; }
.cat04 #categories li#cat04 a { background: #249ab7; color: #fff; }
.cat04 #categories li#cat04 a:hover { background: #6cf; }
.cat05 #categories li#cat05 a { background: #249ab7; color: #fff; }
.cat05 #categories li#cat05 a:hover { background: #6cf; }
.cat06 #categories li#cat06 a { background: #249ab7; color: #fff; }
.cat06 #categories li#cat06 a:hover { background: #6cf; }
.cat07 #categories li#cat07 a { background: #249ab7; color: #fff; }
.cat07 #categories li#cat07 a:hover { background: #6cf; }
.cat08 #categories li#cat08 a { background: #249ab7; color: #fff; }
.cat08 #categories li#cat08 a:hover { background: #6cf; }
.cat09 #categories li#cat09 a { background: #249ab7; color: #fff; }
.cat09 #categories li#cat09 a:hover { background: #6cf; }
.cat10 #categories li#cat10 a { background: #249ab7; color: #fff; }
.cat10 #categories li#cat10 a:hover { background: #6cf; }

#event #main dl { background: #fff; margin-top: 10px; border: 6px solid #ccc; width: 738px; }
#event #main dl#first { margin-top: 0px; }
#event #main dt { float: left; width: 210px; }
#event #main dt img { vertical-align:bottom; }
#event #main dd { float: right; width: 513px; padding-top: 20px; }
#event #main dd p.cat { font-weight: bold; color: #249ab7; height: auto !important; height: 19px; min-height: 19px; padding-left: 22px; }
#event #main dd .cat01 { background: url(../../event/img/icon_cat01.gif) no-repeat left top; }
#event #main dd .cat02 { background: url(../../event/img/icon_cat02.gif) no-repeat left top; }
#event #main dd p.title { margin: 8px 50px 15px 0; padding-bottom: 8px; font-size: 117%; font-weight: bold; color: #000; line-height: 1.7em; background: url(../img/dotline.gif) left bottom repeat-x; }
#event #main dd p.date em { font-weight: bold; color: #249ab7; }
#event #main dd div.text p { margin: 5px 15px 7px 0; line-height: 1.6em; }
#event #main dd p.link { font-size: 84%; background: url(../img/arrow_ahd.gif) no-repeat left 1px; padding-left: 15px; }
#event #main dd.end { background: url(../../event/img/icon_end.png) no-repeat right top; }

#event .pager { background: #fff; margin-top: 15px; width: 720px; border: 3px solid #ccc; padding: 12px; }
#event .pager li { height: auto !important; height: 12px; min-height: 12px; }
#event .pager li#pager_prev { float: left; font-size: 84%; background: url(../img/arrow_rev.gif) no-repeat 0 1px; padding-left: 15px; }
#event .pager li#pager_next { float: right; font-size: 84%; background: url(../img/arrow_ahd.gif) no-repeat right 1px; padding-right: 15px; }

/* ============================== 05.concept */
#concept #hierarchy { margin: 15px 0; font-size: 84%; color: #a43e8b; }
#concept #hierarchy span { color: #333; }
#concept #main { background: #fff; margin-top: 15px; border: 6px solid #ccc; width: 678px; padding: 30px; }
#concept #main h2 { margin-bottom: 30px; }
#concept #main p.set01 { font-size: 117%; line-height: 2.2em; margin-bottom: 30px; }
#concept #main .text { margin-bottom: 40px; }
#concept #main p.set02 { font-size: 117%; line-height: 1.8em; margin-bottom: 20px; }
#concept #main .notice { background: #eaecec; padding : 7px 10px; }
#concept #main .notice p { font-size: 84%; }

/* ============================== 06.member */
#member #hierarchy { margin: 15px 0; font-size: 84%; color: #b2922d; }
#member #hierarchy span { color: #333; }

#member #main a { font-size: 84%; color: #b2922d; text-decoration: underline; }
#member #main a:link { color: #b2922d; }
#member #main a:visited { color: #b2922d; }
#member #main a:hover, #member #main a:active { color: #e7c047; text-decoration: underline; }

#member #main .set { margin-bottom: 40px; }
#member #main .set .subheader { background: #fff; border: 3px solid #ccc; width: 714px; padding : 10px 15px; margin-bottom: 20px; }
#member #main .set .subheader h2 { float: left; }
#member #main .set .subheader p { float: right; }

#member #main .set a { text-decoration: none; line-height: 1.5em; }
#member #main .set a span.url { text-decoration: underline; }
#member #main .set a span.pict { background: url(../../member/img/icon_link.gif) no-repeat 0 3px; height:auto !important; height: 16px; min-height: 16px; }

#member #main .set h3 { background: url(../img/dotline.gif) left bottom repeat-x; padding-left: 15px; padding-bottom: 5px; margin: 20px 0 10px 0; color: #666; font-weight: bold; }
#member #main .set ul { margin-bottom: 10px; padding-bottom: 20px; }
#member #main .set ul.col3 { background: url(../../member/img/bg_ul_col3.gif) no-repeat left bottom; }
#member #main .set ul.col2 { background: url(../../member/img/bg_ul_col2.gif) no-repeat left bottom; }
#member #main .set ul.col1 { background: url(../../member/img/bg_ul_col1.gif) no-repeat left bottom; }
#member #main .set li { float: left; width: 191px; margin-right: 10px; padding: 20px 26px 0 26px; word-break:break-all; background: #fff url(../../member/img/bg_li_none.gif) no-repeat left top; line-height: 1.5em; }
#member #main .set li.titech { background: #fff url(../../member/img/bg_li_mark.gif) no-repeat left top; }
#member #main .set li.last { margin-right: 0px; }
#member #main .set li strong { font-size: 117%; line-height: 1.8em; font-weight: bold; }
#member #main .set li a { font-size: 84%; }

/* ============================== 07.about */
#about #hierarchy { margin: 15px 0; font-size: 84%; color: #333; }
#about #hierarchy span { color: #333; }
#about #main { background: #fff; margin-top: 15px; border: 6px solid #ccc; width: 678px; padding: 30px; }
#about #main h2 { margin-bottom: 30px; }
#about #main p.lead { font-size: 117%; line-height: 2.2em; margin-bottom: 30px; }
#about #main p.info { margin-left: 20px; line-height: 1.5em; margin-bottom: 50px; }
#about #main p.info em { font-weight: bold; }
#about #main h3 { margin-bottom: 15px; }
#about #main .box { background: #eaecec; padding : 15px 15px; }

#about #main .box a { text-decoration: none; line-height: 1.5em; }
#about #main .box a span.url { text-decoration: underline; }
#about #main #contact .box a span.pict { font-size: 0; background: url(../../about/img/icon_mail.gif) no-repeat 0 5px; height:auto !important; height: 16px; min-height: 16px; }
#about #main #link .box a span.pict { font-size: 0; background: url(../../about/img/icon_link.gif) no-repeat 0 3px; height:auto !important; height: 16px; min-height: 16px; }

#about #main .box p { font-size: 117%; line-height: 1.5em; }
#about #main .box p em { font-weight: bold; }
#about #main #contact,
#about #main #link { margin-bottom: 40px; }

#about #main #link dl { margin-bottom: 20px; }
#about #main #link dl#last { margin-bottom: 0px; }
#about #main #link dt { padding-bottom: 10px; }
#about #main #link dd .cap { font-size: 84%; }
#about #main #banner dt { float: left; width: 150px; }
#about #main #banner dd { float: left; width: 457px; margin-left: 20px; }
#about #main #banner dd.dd2 { font-weight: bold; padding: 20px 0 10px 0; }
#about #main #banner dd.dd3 { background: #fff; padding : 10px 10px; }
#about #main #banner dd.dd3 p { font-size: 84%; }