/**
 * @site_image_size=895x340
 * @content_thumbnail_size=217x162
 * @content_image_size=640x480
 * @contentlink_image_size=100x75
 * @logo_image_size=289x28
 * @main-content-width=898
 */
/*--- reset ---*/
body, h1, h2, h3, h4, h5, h6, form, div, span, ul, li, dl, dt, dd, p, blockquote { margin:0px; padding:0px; }
img { border:none; }
ul { list-style:none; }

body { background:#F0F0F0 url(/img/jci/body-bg.gif) repeat-x left 461px; font-size:75%; color:#666666; }
#wrapper { width:950px; margin:0 auto; background:#FFFFFF; border-top:5px solid #323232; }
#header { padding-top:93px; position:relative; }
#header h1,
#header p { text-indent:-9999em; position:absolute; width:289px; height:28px; left:101px; top:37px; }
#header h1 { position:absolute; left:26px; top:17px; }
#header h1 a { display:block; width:386px; height:62px; background:url(/img/jci/h1-bg-logo.gif) no-repeat; }
#header p#page-description { width:430px; height:19px; left:489px; top:44px; background:url(/img/jci/jci-bg.gif) no-repeat; }
#header #ext-link { position:absolute; right:10px; top:5px; font-size:150%; font-weight:bold; }
#page-image { width:895px; height:340px; padding:0 30px 23px 25px; }
#site-navi { width:950px; height:60px; }
#site-navi li { float:left; display:inline; }
#site-navi li a { display:block; height:60px; text-indent:-9999em; background:url(/img/jci/site-navi-bg.gif) no-repeat left top; }
#site-navi #site-navi-link-1 { display:none; }
#site-navi #site-navi-link-2 a { width:137px; background-position:0px 0px; }
#site-navi #site-navi-link-2.current a,
#site-navi #site-navi-link-2 a:hover { background-position:0px -60px; }
#site-navi #site-navi-link-3 a { width:103px; background-position:-137px 0px; }
#site-navi #site-navi-link-3.current a,
#site-navi #site-navi-link-3 a:hover { background-position:-137px -60px; }
#site-navi #site-navi-link-4 a { width:115px; background-position:-240px 0px; }
#site-navi #site-navi-link-4.current a,
#site-navi #site-navi-link-4 a:hover { background-position:-240px -60px; }
#site-navi #site-navi-link-5 a { width:102px; background-position:-355px 0px; }
#site-navi #site-navi-link-5.current a,
#site-navi #site-navi-link-5 a:hover { background-position:-355px -60px; }
#site-navi #site-navi-link-6 a { width:127px; background-position:-457px 0px; }
#site-navi #site-navi-link-6.current a,
#site-navi #site-navi-link-6 a:hover { background-position:-457px -60px; }
#site-navi #site-navi-link-7 a { width:157px; background-position:-584px 0px; }
#site-navi #site-navi-link-7.current a,
#site-navi #site-navi-link-7 a:hover { background-position:-584px -60px; }
#site-navi #site-navi-link-8 a { width: 88px; background-position:-741px 0px; }
#site-navi #site-navi-link-8.current a,
#site-navi #site-navi-link-8 a:hover { background-position:-741px -60px; }
#site-navi #site-navi-link-9 a { width:121px; background-position:-829px 0px; }
#site-navi #site-navi-link-9.current a,
#site-navi #site-navi-link-9 a:hover { background-position:-829px -60px; }
#contents { padding:38px 26px 50px; overflow:hidden; }
#main-section { width:580px; float:left; }
#side-section { width:304px; float:right; }

#footer { background:#333333; color:#FFFFFF; padding:20px 0; }
#footer #extra-navi { text-align:center; margin-bottom:10px; }
#footer #extra-navi li { display:inline; }
#footer #extra-navi li a { padding:0 10px; border-left:1px solid #888; }
#footer #extra-navi li.first-item a { border-left:none; }
#footer p { text-align:center; line-height:1.6em; }
#footer a { color: #888; font-weight: bold; }
#footer a:hover { border: none; text-decoration: none; color: #000; }

/*
 * 共通スタイル
 */

.main-content h2 { line-height:40px; font-size:150%; color:#FFFFFF; margin:0 0 15px; padding:0 15px; border:1px solid #D42C00; background:url(/img/jci/common-h2-bg.gif) repeat-x; }
.main-content h3 { font-size:125%; color:#C13421; margin:20px 10px; }
.main-content h4 { font-size:100%; color:#4A4A4A; margin:10px 10px 20px; padding:0 0 0 18px; background:url(/img/jci/common-h4-bg.gif) no-repeat left center; }
.main-content ul { padding-left:2em; list-style:disc; }
.main-content table { line-height:1.6em; }
.main-content th { text-align:left; vertical-align:top; padding:3px 10px; }
.main-content td { padding:3px 10px; }
.main-content td ul li { margin-left:0; }
.main-content p,
.main-content li { line-height:1.6em; letter-spacing:0.05em; margin:0.5em 0 1em 2em; }
.main-content dl { margin:0.5 0 2em 1em; }
.main-content dt { margin:0.5em 0 0 2em; }
.main-content dd { margin:0.5em 0 1em 10em; }
.main-content dd p { margin-left:0; }
.main-content p.caption { font-size:92%; margin:0.5em 0; }
.main-content address { font-style:normal; }
.main-content form button { border:1px outset:#CCCCCC; background:#BBCCDD; padding:3px 5px; display:block; margin:10px auto; }
#navi-section ul { list-style:none; padding:0; margin:0; }
#navi-section ul li { margin:0 0 10px; }
#navi-section ul li a { display:block; padding:5px 10px; color:#FFFFFF; text-decoration:none; background:#A60021; border:1px outset #572C00; }

/*
 * トップページ
 */
#main-section #news-release { border:1px solid #CECECE; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; }
#main-section #news-release h3 { margin:0; height:29px; border-bottom:1px solid #CECECE; text-indent:-9999em; background:url(/img/jci/news-release-bg.gif) no-repeat 60px 4px; position:relative; }
#main-section #news-release h3 .icon-news { display:block; width:62px; height:51px; background:url(/img/jci/news-icon.gif) no-repeat; position:absolute; left:-9px; top:-15px; }
#main-section #news-release dl { padding:7px 15px 25px; overflow:hidden; line-height:1.6em; }
#main-section #news-release dl dt { width:85px; clear:left; float:left; margin:10px 0 0 0; }
#main-section #news-release dl dd { float:left; margin:10px 0 0 0; }

#side-section #greeting h4,
#side-section #outline h4,
#side-section #location h4 { height:30px; text-indent:-9999em; margin:0 0 0 104px; }
#side-section #greeting h4 { background:url(/img/jci/sub-link-greeting-bg.gif) no-repeat left center; }
#side-section #outline h4 { background:url(/img/jci/sub-link-outline-bg.gif) no-repeat left center; }
#side-section #location h4 { background:url(/img/jci/sub-link-location-bg.gif) no-repeat left center; }
#side-section #greeting p,
#side-section #outline p,
#side-section #location p { margin:0 0 0 105px; line-height:normal; letter-spacing:0; }

/*
 * ご挨拶
 */
#greeting { overflow:hidden; }
#greeting #navi-section { width:200px; float:left; }
#greeting #content-section { width:683px; float:right; }

/*
 * ボランティア募集
 */
#volunteers { overflow:hidden; }
#volunteers #navi-section { width:200px; float:left; }
#volunteers #content-section { width:683px; float:right; }

/*
 * よくある質問
 */
#faq { overflow:hidden; }
#faq #navi-section { width:250px; float:left; padding:20px 0; }
#faq #content-section { width:633px; float:right; }
#faq #content-section h3 { height:30px; line-height:30px; padding-left:40px; background:url(/img/jci/question-header-bg.gif) no-repeat; }
#faq #content-section h5 { font-size:109%; }
#faq #content-section ul { padding-left:0; }
#faq #content-section ul li { clear:left; }
#faq #content-section ul li strong { color:#CC2200; padding-right:1em; }

/*
 * 地域の紹介
 */
#location { overflow:hidden; }
#location #navi-section { width:200px; float:left; }
#location #content-section { width:683px; float:right; }
#location #description-table { border-collapse:collapse; width:100%; margin-bottom:20px; }
#location #description-table th { border:1px solid #666666; padding:5px 10px; text-align:center; }
#location #description-table td { border:1px solid #666666; padding:5px 10px; text-align:right; }

/*
 * アクセス
 */
#access { overflow:hidden; }
#access #navi-section { width:200px; float:left; }
#access #content-section { width:683px; float:right; }
#access .bordered-table { border-collapse:collapse; width:90%; margin:0 auto 15px; }
#access .bordered-table th { background:#DDDDDD; border:1px solid #666666; padding:5px 10px; text-align:center; vertical-align:middle; }
#access .bordered-table td { border:1px solid #666666; padding:5px 10px; text-align:center; }
#access .bordered-table .nb-r { border-right:none; }
#access .bordered-table .nb-l { border-left:none; }
#access .bordered-table td.nb-rb { border-right:none; border-bottom:none; }
#access .bordered-table td.nb-lb { border-left:none; border-bottom:none; }
#access .bordered-table td.nb-tr { border-top:none; border-right:none; }
#access .bordered-table td.nb-tl { border-top:none; border-left:none; }
#access .bordered-table td.ta-r { text-align:right; }
#access .bordered-table td.ta-l { text-align:left; }

/*
 * 大会概要
 */
#outline { overflow:hidden; }
#outline #navi-section { width:200px; float:left; }
#outline #content-section { width:683px; float:right; }
#outline .bordered-table { border-collapse:collapse; width:90%; margin:0 auto 15px; }
#outline .bordered-table th { background:#DDDDDD; border:1px solid #666666; padding:5px 10px; text-align:center; vertical-align:middle; }
#outline .bordered-table td { border:1px solid #666666; padding:5px 10px; text-align:left; }
#outline .non-bordered td { border:none; vertical-align:top; }