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

div.history { line-height: 120%; padding-bottom: 15px; }
div.history a { background: url(../images/point_history.gif) right 4px no-repeat; padding-right: 12px; margin-right: 7px; }
div.history span { color: #216; }

#main { padding-bottom: 5px; min-height: 425px; }
*html #main { height: 425px; }
#main h3 { padding-bottom: 8px; margin-bottom: 15px; background: url(../images/title_line.gif) left bottom no-repeat; }
#main h3.bgnone { background: none; padding-bottom: 7px; margin-bottom: 5px; }
#main h4 { margin: 10px 0; font-size: 1.3em; color: #216; line-height: 150%; }
#main h5 { margin-top: 20px; margin-bottom: 10px; font-size: 1em; color: #FFF; background-color: #036; padding: 4px 8px; line-height: 140%; font-weight: normal; }
#main p { line-height: 150%; margin: 10px 0; }
#main dl, #main ul, #main ol { line-height: 140%; }

#main p.category { float: right; margin: 0; padding-top: 7px; }


/*************************************************
 font & color
**************************************************/

.fsmall { font-size: 0.8em; }
.flarge { font-size: 1.5em; line-height: 140%; }

.c01 { color: #216; }
.c02 { color: #09F; }
.c03 { color: #036; }
.c04 { color: #D00; }
.cCont1 { color: #089; }
.cCont2 { color: #06C; }
.cCont3 { color: #62B; }
.cCont4 { color: #B2A; }
.cCont5 { color: #960; }


/*************************************************
 button
**************************************************/

.btnPDF a { display: block; width: 100px; height: 30px; background: url(../images/btn_pdf.gif) left top no-repeat; text-indent: -9999px; }
.btnDL a { display: block; width: 160px; height: 30px; background: url(../images/btn_download.gif) left top no-repeat; text-indent: -9999px; }
.btnAppli a { display: block; width: 160px; height: 30px; background: url(../images/btn_appli.gif) left top no-repeat; text-indent: -9999px; }
.btnPDF a:hover, .btnDL a:hover, .btnAppli a:hover { background-position: right top; }


/*************************************************
 float
**************************************************/

.fr { float: right; padding: 0 0 5px 10px; }
.fl { float: left; padding: 0 10px 5px 0; }
.fr span, .fl span { font-size: 0.8em; margin-top: 5px; }


/*************************************************
 table
**************************************************/

#main table { width: 100%; line-height: 140%; padding: 0; }
#main th { text-align: left; padding: 5px 0; }
#main td { padding: 5px 0 5px 10px; }

#main .baseTable { border-collapse: collapse; margin: 10px 0; }
#main .baseTable th, #main .baseTable td { padding: 4px 5px; border: 1px solid #CCC; }
#main .baseTable th { background-color: #036; color: #FFF; text-align: center; }
#main .baseTable .outer { background-color: #F2F2F2; }
#main .baseTable td.c01 { background-color: #FFF; }
#main .baseTable .c01, #main .baseTable .tac { text-align: center; }

#main .links td a { background: url(../images/point09F.gif) 3px center no-repeat; padding-left: 13px; }

/*************************************************
 list
**************************************************/

.bList { padding-bottom: 10px; }
.bList dt { padding-bottom: 4px; font-size: 1.2em; font-weight: bold; color: #216; }
.bList dd, .bList li { background: url(../images/point09F.gif) 3px 6px no-repeat; padding-left: 13px; padding-top: 3px; }


/*************************************************
 topics
**************************************************/

.topicsList dl { clear: both; padding: 10px 0 8px 0; border-bottom: 1px dotted #999; }
.topicsList dt { float: right; display: block; width: 540px; padding-top: 1px; }
.topicsList dd.topics { padding: 2px 0 0 100px; clear: both; }
.update { padding-left: 16px; background: url(../images/point_list.gif) 1px 3px no-repeat; }

.topicsList dd.update { font-size: 0.9em; }
#main p.update { margin-top: -5px; margin-bottom: 15px; }

div.blog img { border: 1px solid #999; padding: 3px; }

.blogdata { text-align: right; }
.blogdata li { float: right; padding-left: 16px; }
.blogdata li.writer { background: url(../images/point_trust.gif) 2px 2px no-repeat; margin-left: 20px; }
.blogdata li.delete { background: url(../images/point_delete.gif) left 2px no-repeat; margin-left: 15px; }
.blogdata li.edit { background: url(../images/point_edit.gif) left 2px no-repeat; margin-left: 20px; }
.blogdata li.backlist { background: url(../images/point_backlist.gif) left 2px no-repeat; }


/*************************************************
 society
**************************************************/

.societyList dl { margin-top: 10px; }
.societyList dt { background: url(../images/point_report.gif) 5px top no-repeat; padding: 4px 0 4px 32px; color: #333; font-weight: bold; }
.societyList dd { padding: 0 0 5px 32px; }
.societyList dd em { color: #036; font-style: normal; }


/*************************************************
 dispatch & result & bulletin
**************************************************/

.report, .bulletin { border-top: 1px dotted #999; padding-top: 15px; }
.report { margin-top: 10px; }
.cover { float: right; padding: 5px 0 5px 15px; text-align: right; }
.cover img { border: 1px solid #999; }
#main .cover p { margin: 5px 0 10px 0; font-size: 0.8em; line-height: 140%; }

.report dl { margin-bottom: 10px; }
.report dt { background: url(../images/point_report.gif) left 2px no-repeat; padding: 6px 0 8px 27px; color: #333; font-weight: bold; }
.report dd { padding: 4px 0 4px 27px; background: url(../images/pdf_s.gif) 9px 5px no-repeat; }
.report dd span { margin-left: 5px; font-size: 0.8em; }

.bulletin dl { margin-top: 15px; }
.bulletin dt { color: #036; font-weight: bold; }
.bulletin dd { padding-top: 5px; padding-left: 28px; background: url(../images/point_trust.gif) 15px 7px no-repeat; }
.bulletin dd span { margin-left: 15px; font-size: 0.8em; }

.backnumber { clear: both; margin-top: 15px; padding-top: 10px; border-top: 1px dotted #999; }
.backnumber ul { margin-top: 5px; }
.backnumber li { float: left; margin-bottom: 5px; margin-right: 5px; }
.backnumber li a { display: block; width: 53px; height: 21px; padding-left: 22px; background: url(../images/backnumber_back.gif) left top no-repeat; text-decoration: none; padding-top: 4px; }
*html .backnumber li a { display: block; width: 53px; height: 22px; padding-left: 22px; background: url(../images/backnumber_back.gif) left top no-repeat; text-decoration: none; padding-top: 3px; }
.backnumber li a:hover, .backnumber li a.bnOn { background: url(../images/backnumber_back.gif) right top no-repeat; text-decoration: underline; color: #09F; }

#main p.btnDL { margin-bottom: 20px; }

#main p.subtitle { margin: 0; font-weight: bold; }
#main .report h4, #main .bulletin h4 { margin-top: 0; margin-bottom: 10px; }


/*************************************************
 pamphlet
**************************************************/

.pamphlet { width: 190px; float: left; padding: 11px 11px 0 11px; }
.pamphlet dt { padding: 4px 0; text-align: center; }
.pamphlet dt a img { border: 1px solid #216; }
.pamphlet dt a:hover img { border: 1px solid #09F; }
.pamphlet dd { padding-left: 18px; }
.pamphlet dd.pamphTitle { text-align: left; font-weight: bold; padding: 4px 0 2px 18px; background: url(../images/pdf_s.gif) left 5px no-repeat; }
.pamphlet dd.source { padding-top: 5px; padding-left: 0; font-size: 0.8em; line-height: 140%; margin-left: 2.6em; text-indent: -2.6em; }


/*************************************************
 vision
**************************************************/

.contList { margin-bottom: 20px; }
.contList li { margin-bottom: 10px; }
.contList li a { display: block; width: 378px; height: 21px; padding-left: 22px; background: url(../images/contList_back.gif) left top no-repeat; text-decoration: none; padding-top: 4px; }
*html .contList li a { display: block; width: 378px; height: 20px; padding-left: 22px; background: url(../images/contList_back.gif) left top no-repeat; text-decoration: none; padding-top: 5px; }
.contList li a:hover, .contList li a.clOn { background-position: right top; text-decoration: underline; color: #09F; }

div.outline { padding-top: 5px; border-top: 1px dotted #216; margin-top: 20px; clear: left; }

#main p.contCopy { font-size: 1.2em; margin-bottom: 15px; margin-bottom: 0; }
#main dl.fList { margin: 10px 0; line-height: 150%; }
.fList dt { font-size: 1em; padding: 3px 5px; margin-bottom: 5px; color: #3C7199; background-color: #DDF2FF; font-weight: bold; }
.fList dd { background: url(../images/point_cont.gif) 10px 10px no-repeat; padding-top: 3px; padding-left: 22px; }
.fList dd.bgnone { background: none; padding-left: 0; }

.shioriList { float: right; width: 130px; font-size: 0.8em; text-align: right; }
.shioriList img { margin-bottom: 3px; }
.shioriList li { padding-bottom: 10px; }
#main p.shioriM { margin-top: 15px; margin-bottom: 5px; color: #D00; font-weight: bold; }
#main p.shiori { margin: 5px 0 5px 1em; }
#main p.shiori span { margin-right: 15px; color: #036; }


/*************************************************
 furtherance
**************************************************/

#main .searchItem { margin: 10px 0; line-height: 150%; }
.searchItem dt { color: #036; font-weight: bold; margin-bottom: 5px; }
.searchItem dd { padding-left: 1em; margin-bottom: 5px; }
.searchItem em { font-style: normal; margin-left: 4em; }


/*************************************************
 research, planning
**************************************************/

#main .planning { width: 100%; }
#main .planning p, #main .planning dd { margin: 0; text-indent: 1em; line-height: 150%; }
#main .planning h6 { margin-top: 15px; margin-bottom: 5px; font-size: 1em; color: #036; line-height: 140%; }
#main .planning dt { margin: 10px 0 8px 0; }
#main .planning dd.pList, #main .planning ul li { background: url(../images/point09F.gif) left 5px no-repeat; padding: 2px 0 2px 10px; text-indent: 0; margin-left: 2em; }
#main .planning ul { margin: 5px 0; }
#main .planning ol { padding-left: 3.5em; margin: 5px 0; }
#main .planning ol li { list-style-type: decimal; padding: 2px 0; }
#main .planning .mt5 { margin-top: 5px; }
#main .planning .mt10 { margin-top: 10px; }

#main div.kaihatsusho p.kaTitle { margin: 15px 0; text-align: center; font-size: 20px; color: #006; font-weight: bold; }
#main div.kaihatsusho h4 { margin: 20px 0; }
#main div.kaihatsusho h5 { color: #FFF; background-color: #FFF; padding: 0; }
#main div.kaihatsusho h6 { color: #216; font-size: 1em; margin: 15px 0 10px 0; line-height: 140%; }
#main dl.tablelay { margin-bottom: 15px; padding-left: 12px; line-height: 150%; }
#main dl.tablelay dt { float: left; background: url(../images/point_list3.gif) left 4px no-repeat; padding-bottom: 3px; padding-left: 12px; }
#main dl.tablelay dd { padding-bottom: 3px; padding-left: 85px; }

#main div.kaihatsusho table { border: none; padding: 0; text-align: left; font-weight: normal; width: 520px; }
#main div.kaihatsusho th, #main div.kaihatsusho td { border: none; padding: 0 0 3px 0; text-align: left; font-weight: normal; }
#main div.kaihatsusho dl.tablelay table th, #main div.kaihatsusho dl.tablelay table td { padding-right: 20px; }

div.kaihatsusho div.contKa { margin-top: 20px; padding-left: 80px; background: url(../images/contact_t.gif) left top no-repeat; }
div.kaihatsusho div.contKa dl.tablelay { margin: 0; }
div.kaihatsusho div.contKa dl.tablelay dt { font-weight: bold; }
div.kaihatsusho div.contKa dl.tablelay dd { padding-left: 210px; }
div.kaihatsusho div.contKa dl.tablelay dd.pl24 { padding-left: 240px; }


/*************************************************
 disclosure
**************************************************/

.disk { margin-left: 20px; }
.disk li { padding: 12px 0 12px 35px; }
.disk li.webM { background: url(../images/web_m.gif) left 5px no-repeat; }
.disk li.pdfM { background: url(../images/pdf_m.gif) left 5px no-repeat; }
.disk li a { margin-right: 10px; }


/*************************************************
 access
**************************************************/

.accessList { width: 340px; margin-bottom: 15px; }
.accessList dt { padding-top: 5px; padding-bottom: 10px; }
.accessList dd { background: url(../images/point216.gif) 3px 3px no-repeat; padding-left: 13px; padding-bottom: 5px; }
.accessList dd strong { color: #216; }


/*************************************************
 contact
**************************************************/

#inquiry table { border-top: 1px solid #09F; margin: 10px 0; }
#inquiry table th, #inquiry table td { border-top: 3px solid #FFF; border-bottom: 1px solid #09F; background-color: #F2F7FB; }
#inquiry table th { width: 120px; padding-left: 10px; font-weight: normal; }
.text1, .text2 { border: 1px solid #8AD; padding: 3px; }
.text1:focus, .text2:focus { background-color: #FFC; border: 1px solid #09F; }
.text1 { width: 200px; }
.text2 { width: 400px; }

#inquiry .submit input { margin-right: 15px; }


/*************************************************
 blog
**************************************************/

.blog1 .update { background: url(../images/point_bloglist1.gif) 1px 3px no-repeat; }
.blog2 .update { background: url(../images/point_bloglist2.gif) 1px 3px no-repeat; }
.blog3 .update { background: url(../images/point_bloglist3.gif) 1px 3px no-repeat; }
*html #main p.update { background-position: 1px 5px; }
#primary .blog1 h4, .blog1 dl a { color: #D04; }
#primary .blog2 h4, .blog2 dl a { color: #4B0; }
#primary .blog3 h4, .blog3 dl a { color: #06C; }


/*************************************************
 site map
**************************************************/

#main h5.m0 { margin-top: 0; }
.sitemap { padding-bottom: 15px; }
.sitemap li { padding: 3px 0 3px 13px; }
.sitemap li.sm1 { background: url(../images/point09F.gif) 3px 6px no-repeat; }
.sitemap li.sm2 { margin-left: 13px; background: url(../images/point216.gif) 3px 6px no-repeat; }
.sitemap li.sm3 { margin-left: 26px; background: url(../images/point999.gif) 3px 6px no-repeat; }
.sitemap li span { font-size: 0.8em; margin-left: 5px; }


/*************************************************
 banner
**************************************************/

div.banner { border-top: 1px solid #216; padding: 15px 0 0 12px; margin-top: 10px; }
div.banner li { float: left; margin: 0 8px 8px 0; }
div.banner li.bannerS { margin-right: 4px; }


@media print{

.btnPDF, .btnDL, div.banner, .backnumber, .contList, .btnCont, .blogdata li.delete, .blogdata li.edit, .blogdata li.backlist { display: none; }

#main h3 { padding-bottom: 4px; background: none; border-bottom: 3px solid #216; }
#main h3.bgnone { border: none; padding-bottom: 3px; }
#main h5 { color: #036; background: none; padding: 3px 0; }

}