@charset "utf-8";

/* RESET
 ============================================================ */
* { font-style: normal;}
html{ overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit;}
del, ins { text-decoration: none;}
li { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
q: before, q: after { content: '';}
abbr, acronym { border: 0; font-variant: normal;}
sup { vertical-align: baseline;}
sub { vertical-align: baseline;}
legend { color: #000;}
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button, textarea, select { *font-size: 100%;}
a { outline: 0;}

/* RESET HTML5 */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

.red { color: #ce1e16;}
.clear { clear:both;}

/* Base
 ============================================================ */
body { color: #000; font: 81.3%/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

/*a:link, a:visited { color: #999999;}*/
a:link, a:visited { color: #666666;}
a:hover, a:active { color: #ce1e16;}
img, a img { vertical-align: bottom; line-height: 0;}

/* layout
 ============================================================ */
/*#page { width: 900px; margin: 0 auto; padding: 0 60px;}*/
#page { width: 900px ; margin: 0 auto; padding: 0 10px;}


/* #headWrap
 ============================================================ */
/*#headWrap { padding: 0 0 60px; position: relative;}*/
#headWrap { padding: 0 0 50px; position: relative;}
#headWrap li { float: left; display: inline;}
#headWrap li a { display: block; overflow: hidden; text-indent: -9999px;}

#hdLang { position: absolute; top: 20px; right: 0;}
#hdLang li { margin-left: 9px; float:left; font-size: 12px; letter-spacing: 1px;}
#hdLang li a { text-indent: 0; font-family: Helvetica, Arial; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
#hdLang li a.active { color: #000; text-decoration: none;}
#hdLang li a.active:hover { color: #ce1e16;}
#hdLang li a.inq { text-decoration: none !important;}
#hdLang li a.fb { text-decoration: none !important; font-size: 13px;}

#hdLang2 { position: absolute; top: 20px; right: 0;}
#hdLang2 a { text-indent: 0; font-family: Helvetica, Arial; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
#hdLang2 a.active { color: #000; text-decoration: none;}
#hdLang2 a.active:hover { color: #ce1e16;}
#hdLang2 a.inq { text-decoration: none !important;}
#hdLang2 a.fb { text-decoration: none !important; font-size: 13px;}

#top { overflow: hidden; text-indent: -9999px; margin-left: -1px; padding-top: 30px;}
#top a { display: block; width: 339px; height: 39px; background: url(../images/logo_gda.gif) no-repeat 0 0;}

#gNav { margin-top: 20px;}
#gNav li { margin-right: 20px;}
#gNav li a { height: 14px; background-image: url(../images/hd_gnav.gif); background-repeat: no-repeat;}
#gNav li#nAbout a { width: 126px; background-position: 0 0; }
#gNav li#nArchives a { width: 78px; background-position: -146px 0;}
#gNav li#nHowto a { width: 115px; background-position: -244px 0;}
#gNav li#nPast a { width: 90px; background-position: -379px 0;}
#gNav li#nBook a { width: 131px; background-position: -489px 0;}
#gNav li#nAbout a:hover, #gNav li#nAbout a.active { background-position: 0 -14px;}
#gNav li#nArchives a:hover, #gNav li#nArchives a.active { background-position: -146px -14px;}
#gNav li#nHowto a:hover, #gNav li#nHowto a.active { background-position: -244px -14px;}
#gNav li#nPast a:hover, #gNav li#nPast a.active { background-position: -379px -14px;}
#gNav li#nBook a:hover, #gNav li#nBook a.active { background-position: -489px -14px;}


/* Japanese Global menu 2014 */
#gNav_jp { margin-top: 20px;}
#gNav_jp li { margin-right: 20px;}
#gNav_jp li a { height: 14px; background-image: url(../images/hd_gnav_jp.png); background-repeat: no-repeat;}
#gNav_jp li#nAbout a { width: 125px; background-position: 0 0; }
#gNav_jp li#nArchives a { width: 77px; background-position: -146px 0;}
#gNav_jp li#nHowto a { width: 116px; background-position: -243px 0;}
#gNav_jp li#nPast a { width: 89px; background-position: -379px 0;}
#gNav_jp li#nBook a { width: 131px; background-position: -488px 0;}

#gNav_jp li#nPastandBook a { width: 118px; background-position: -379px 0;}
#gNav_jp li#nPromotion a { width: 90px; background-position: -513px 0;}

#gNav_jp li#nAbout a:hover,
#gNav_jp li#nAbout a.active { background-position: 0 -14px;}
#gNav_jp li#nArchives a:hover,
#gNav_jp li#nArchives a.active { background-position: -146px -14px;}
#gNav_jp li#nHowto a:hover,
#gNav_jp li#nHowto a.active { background-position: -243px -14px;}
#gNav_jp li#nPast a:hover,
#gNav_jp li#nPast a.active { background-position: -379px -14px;}
#gNav_jp li#nBook a:hover,
#gNav_jp li#nBook a.active { background-position: -488px -14px;}

#gNav_jp li#nPastandBook a:hover,
#gNav_jp li#nPastandBook a.active { background-position: -379px -14px;}
#gNav_jp li#nPromotion a:hover,
#gNav_jp li#nPromotion a.active { background-position: -513px -14px;}






/* Japanese Global menu 2016 */
#gNav2016_jp { margin-top: 20px;}
#gNav2016_jp li { margin-right: 25px; height:15px;}
#gNav2016_jp li a { height: 15px; background-image: url(../images/index/hd_gnav2019_jp.png); background-repeat: no-repeat; outline:none;}
#gNav2016_jp li#nAbout2016 { width: 128px;}
#gNav2016_jp li#nAbout2016 a { width: 128px; background-position: 0 -1px; }
#gNav2016_jp li#nGallery2016 { width: 81px;}
#gNav2016_jp li#nGallery2016 a { width: 81px; background-position: -144px -1px;}
#gNav2016_jp li#nParticipation2016 { width: 68px;}
#gNav2016_jp li#nParticipation2016 a { width: 68px; background-position: -241px -1px;}
#gNav2016_jp li#nPromotions2016 { width: 91px;}
#gNav2016_jp li#nPromotions2016 a { width: 91px; background-position: -325px -1px;}
#gNav2016_jp li#nActivities2016 { width: 104px;}
#gNav2016_jp li#nActivities2016 a { width: 104px; background-position: -434px -1px;}
#gNav2016_jp li#nAbout2016 a:hover,
#gNav2016_jp li#nAbout2016 a.active { background-position: 0 -18px;}
#gNav2016_jp li#nGallery2016 a:hover,
#gNav2016_jp li#nGallery2016 a.active { background-position: -144px -18px;}
#gNav2016_jp li#nParticipation2016 a:hover,
#gNav2016_jp li#nParticipation2016 a.active { background-position: -241px -18px;}

#gNav2016_jp li#nPromotions2016 a:hover,
#gNav2016_jp li#nPromotions2016 a.active { background-position: -325px -18px;}
#gNav2016_jp li#nActivities2016 a:hover,
#gNav2016_jp li#nActivities2016 a.active { background-position: -434px -18px;}

#gNav2016_jp li#nLogin2018 { width: 50px; margin-right: 0;}
#gNav2016_jp li#nLogin2018 a { width: 50px; background-position: -554px -1px;}
#gNav2016_jp li#nLogin2018 a:hover,
#gNav2016_jp li#nLogin2018 a.active { background-position: -554px -19px;}




/* English Global menu 2016 */
#gNav2016_en { margin-top: 20px;}
#gNav2016_en li { margin-right: 25px; height:15px;}
#gNav2016_en li a { height: 15px; background-image: url(../images/hd_gnav2018_en.png); background-repeat: no-repeat; outline:none;}
#gNav2016_en li#nAbout2016 { width: 69px;}
#gNav2016_en li#nAbout2016 a { width: 69px; background-position: 0 -1px; }
#gNav2016_en li#nGallery2016 { width: 87px;}
#gNav2016_en li#nGallery2016 a { width: 87px; background-position: -87px -1px;}
#gNav2016_en li#nParticipation2016 { width: 79px;}
#gNav2016_en li#nParticipation2016 a { width: 79px; background-position: -192px -1px;}
#gNav2016_en li#nPromotions2016 { width: 71px;}
#gNav2016_en li#nPromotions2016 a { width: 71px; background-position: -289px -1px;}
#gNav2016_en li#nActivities2016 { width: 57px; margin-right: 0;}
#gNav2016_en li#nActivities2016 a { width: 57px; background-position: -380px -1px;}
#gNav2016_en li#nAbout2016 a:hover,
#gNav2016_en li#nAbout2016 a.active { background-position: 0 -18px;}
#gNav2016_en li#nGallery2016 a:hover,
#gNav2016_en li#nGallery2016 a.active { background-position: -87px -18px;}
#gNav2016_en li#nParticipation2016 a:hover,
#gNav2016_en li#nParticipation2016 a.active { background-position: -192px -18px;}

#gNav2016_en li#nPromotions2016 a:hover,
#gNav2016_en li#nPromotions2016 a.active { background-position: -289px -18px;}
#gNav2016_en li#nActivities2016 a:hover,
#gNav2016_en li#nActivities2016 a.active { background-position: -380px -18px;}

/* Chinese CN Global menu 2016 */
#gNav2016_cn { margin-top: 20px;}
#gNav2016_cn li { margin-right: 30px; height:15px;}
#gNav2016_cn li a { height: 15px; background-image: url(../images/hd_gnav2016_cn.png); background-repeat: no-repeat; outline:none;}
#gNav2016_cn li#nAbout2016 { width: 56px;}
#gNav2016_cn li#nAbout2016 a { width: 56px; background-position: 0 -1px; }
#gNav2016_cn li#nGallery2016 { width: 79px;}
#gNav2016_cn li#nGallery2016 a { width: 79px; background-position: -74px -1px;}
#gNav2016_cn li#nParticipation2016 { width: 53px;}
#gNav2016_cn li#nParticipation2016 a { width: 53px; background-position: -172px -1px;}
#gNav2016_cn li#nPromotions2016 { width: 80px;}
#gNav2016_cn li#nPromotions2016 a { width: 80px; background-position: -244px -1px;}
#gNav2016_cn li#nActivities2016 { width: 79px; margin-right: 0;}
#gNav2016_cn li#nActivities2016 a { width: 79px; background-position: -344px -1px;}
#gNav2016_cn li#nAbout2016 a:hover,
#gNav2016_cn li#nAbout2016 a.active { background-position: 0 -18px;}
#gNav2016_cn li#nGallery2016 a:hover,
#gNav2016_cn li#nGallery2016 a.active { background-position: -74px -18px;}
#gNav2016_cn li#nParticipation2016 a:hover,
#gNav2016_cn li#nParticipation2016 a.active { background-position: -172px -18px;}

#gNav2016_cn li#nPromotions2016 a:hover,
#gNav2016_cn li#nPromotions2016 a.active { background-position: -244px -18px;}
#gNav2016_cn li#nActivities2016 a:hover,
#gNav2016_cn li#nActivities2016 a.active { background-position: -344px -18px;}

/* Chinese TW Global menu 2016 */
#gNav2016_tw { margin-top: 20px;}
#gNav2016_tw li { margin-right: 30px; height:15px;}
#gNav2016_tw li a { height: 15px; background-image: url(../images/hd_gnav2016_tw.png); background-repeat: no-repeat; outline:none;}
#gNav2016_tw li#nAbout2016 { width: 56px;}
#gNav2016_tw li#nAbout2016 a { width: 56px; background-position: 0 -1px; }
#gNav2016_tw li#nGallery2016 { width: 80px;}
#gNav2016_tw li#nGallery2016 a { width: 80px; background-position: -74px -1px;}
#gNav2016_tw li#nParticipation2016 { width: 54px;}
#gNav2016_tw li#nParticipation2016 a { width: 54px; background-position: -173px -1px;}
#gNav2016_tw li#nPromotions2016 { width: 79px;}
#gNav2016_tw li#nPromotions2016 a { width: 79px; background-position: -247px -1px;}
#gNav2016_tw li#nActivities2016 { width: 80px; margin-right: 0;}
#gNav2016_tw li#nActivities2016 a { width: 80px; background-position: -346px -1px;}
#gNav2016_tw li#nAbout2016 a:hover,
#gNav2016_tw li#nAbout2016 a.active { background-position: 0 -18px;}
#gNav2016_tw li#nGallery2016 a:hover,
#gNav2016_tw li#nGallery2016 a.active { background-position: -74px -18px;}
#gNav2016_tw li#nParticipation2016 a:hover,
#gNav2016_tw li#nParticipation2016 a.active { background-position: -173px -18px;}

#gNav2016_tw li#nPromotions2016 a:hover,
#gNav2016_tw li#nPromotions2016 a.active { background-position: -247px -18px;}
#gNav2016_tw li#nActivities2016 a:hover,
#gNav2016_tw li#nActivities2016 a.active { background-position: -346px -18px;}




/* English Global menu */
#gNav_en { margin-top: 20px;}
#gNav_en li { margin-right: 20px;}
#gNav_en li a { height: 14px; background-image: url(../images/hd_gnav_en.gif); background-repeat: no-repeat;}
#gNav_en li#nAbout a { width: 68px; background-position: 0 0; }
#gNav_en li#nArchives a { width: 173px; background-position: -88px 0;}
#gNav_en li#nHowto a { width: 192px; background-position: -281px 0;}
#gNav_en li#nPast a { width: 112px; background-position: -493px 0;}
#gNav_en li#nBook a { width: 85px; background-position: -625px 0;}
#gNav_en li#nAbout a:hover,
#gNav_en li#nAbout a.active { background-position: 0 -14px;}
#gNav_en li#nArchives a:hover,
#gNav_en li#nArchives a.active { background-position: -88px -14px;}
#gNav_en li#nHowto a:hover,
#gNav_en li#nHowto a.active { background-position: -281px -14px;}
#gNav_en li#nPast a:hover,
#gNav_en li#nPast a.active { background-position: -493px -14px;}
#gNav_en li#nBook a:hover,
#gNav_en li#nBook a.active { background-position: -625px -14px;}

/* English Global menu 2014 */
#gNav_en2014 { margin-top: 20px;}
#gNav_en2014 li { margin-right: 20px;}
#gNav_en2014 li a { height: 15px; background-image: url(../images/hd_gnav_en2014.png); background-repeat: no-repeat;}
#gNav_en2014 li#nAbout a { width: 67px; background-position: 0 0; }
#gNav_en2014 li#nArchives a { width: 84px; background-position: -87px 0;}
#gNav_en2014 li#nHowto a { width: 193px; background-position: -191px 0;}
#gNav_en2014 li#nPast a { width: 112px; background-position: -404px 0;}
#gNav_en2014 li#nBook a { width: 87px; background-position: -536px 0;}
#gNav_en2014 li#nAbout a:hover,
#gNav_en2014 li#nAbout a.active { background-position: 0 -15px;}
#gNav_en2014 li#nArchives a:hover,
#gNav_en2014 li#nArchives a.active { background-position: -87px -15px;}
#gNav_en2014 li#nHowto a:hover,
#gNav_en2014 li#nHowto a.active { background-position: -191px -15px;}
#gNav_en2014 li#nPast a:hover,
#gNav_en2014 li#nPast a.active { background-position: -404px -15px;}
#gNav_en2014 li#nBook a:hover,
#gNav_en2014 li#nBook a.active { background-position: -536px -15px;}

/* Chinese Kantai Global menu */
#gNav_zh_cn { margin-top: 20px;}
#gNav_zh_cn li { margin-right: 20px;}
#gNav_zh_cn li a { height: 14px; background-image: url(../images/hd_gnav_zh_cn.png); background-repeat: no-repeat;}
#gNav_zh_cn li#nAbout a { width: 64px; background-position: 0 0; }
#gNav_zh_cn li#nArchives a { width: 80px; background-position: -84px 0;}
#gNav_zh_cn li#nHowto a { width: 132px; background-position: -183px 0;}
#gNav_zh_cn li#nPast a { width: 81px; background-position: -334px 0;}
#gNav_zh_cn li#nBook a { width: 108px; background-position: -435px 0;}
#gNav_zh_cn li#nAbout a:hover,
#gNav_zh_cn li#nAbout a.active { background-position: 0 -14px;}
#gNav_zh_cn li#nArchives a:hover,
#gNav_zh_cn li#nArchives a.active { background-position: -84px -14px;}
#gNav_zh_cn li#nHowto a:hover,
#gNav_zh_cn li#nHowto a.active { background-position: -183px -14px;}
#gNav_zh_cn li#nPast a:hover,
#gNav_zh_cn li#nPast a.active { background-position: -334px -14px;}
#gNav_zh_cn li#nBook a:hover,
#gNav_zh_cn li#nBook a.active { background-position: -435px -14px;}

/* Chinese Hantai Global menu */
#gNav_zh_tw { margin-top: 20px;}
#gNav_zh_tw li { margin-right: 20px;}
#gNav_zh_tw li a { height: 14px; background-image: url(../images/hd_gnav_zh_tw.png); background-repeat: no-repeat;}
#gNav_zh_tw li#nAbout a { width: 66px; background-position: 0 0; }
#gNav_zh_tw li#nArchives a { width: 81px; background-position: -86px 0;}
#gNav_zh_tw li#nHowto a { width: 133px; background-position: -190px 0;}
#gNav_zh_tw li#nPast a { width: 82px; background-position: -344px 0;}
#gNav_zh_tw li#nBook a { width: 109px; background-position: -448px 0;}
#gNav_zh_tw li#nAbout a:hover,
#gNav_zh_tw li#nAbout a.active { background-position: 0 -14px;}
#gNav_zh_tw li#nArchives a:hover,
#gNav_zh_tw li#nArchives a.active { background-position: -86px -14px;}
#gNav_zh_tw li#nHowto a:hover,
#gNav_zh_tw li#nHowto a.active { background-position: -190px -14px;}
#gNav_zh_tw li#nPast a:hover,
#gNav_zh_tw li#nPast a.active { background-position: -344px -14px;}
#gNav_zh_tw li#nBook a:hover,
#gNav_zh_tw li#nBook a.active { background-position: -448px -14px;}


/* #topicPath：パンくずリスト
 -------------------------------------------------- */
#topicPath { overflow: hidden; padding-bottom: 27px;}
#topicPath li { float: left; display: inline; padding-right: 7px; color: #999; font-size: 84.6%;}
#topicPath a, #topicPath strong { margin-left: 2px; outline:none;}
#topicPath li.first a { margin-left: 0; outline:none;}
div.jidp a { outline:none;}
.footer_left_2nd { width:80%; float:left;}
.footer_right_2nd { width:20%; float:right; text-align:right; margin-top:3px;}

/* #footerWrap
 ============================================================ */
#footerWrap { padding: 40px 0 20px;}
#footerText { font-size: 84.6%; color: #999;}
#footerNav { margin-top: 5px;}
#footerNav li { float: left; display: inline; margin-right: 12px; font-size: 84.6%; color: #999;}

/* CC */
#ccArea { overflow: hidden; margin: 10px 0 18px; border: 1px solid #e6e6e6;}
#ccArea .logo { float: left; display: inline; padding: 34px 20px;}
#ccArea .text { overflow: hidden; zoom: 1; padding: 17px 20px; border-left: 1px solid #e6e6e6; color: #999; font-size: 84.6%;}

#pagetop { z-index: 100; display: none; position: fixed; _position: absolute; right: 10px; bottom: 20px;}
* html #pagetop { position: relative; float: right; display: inline;}
#pagetop a { overflow: hidden; display: block; text-indent: -9999px; width: 40px; height: 40px; background: transparent url(../images/btn_totop.png) no-repeat 0 0;}
#pagetop a:hover { background-position: 0 -40px;}

/* #contentArea module
 ============================================================ */
#pagetitle { position: relative;}
#contentArea .section { margin-top: 30px;}
#sns { height: 26px; overflow: hidden;}
#sns li { float: left; display: inline; margin-right: 10px;}

.skip { position: absolute; left: -9999px;}
.note { font-size: 84.6%; color: #999;}
.caption { margin-top: 9px; color: #999; font-size: 84.6%; line-height: 1.3;}

.sp01 { margin-top: 4px;}
.sp02 { margin-top: 8px;}
.sp03 { margin-top: 13px;}
.sp04 { margin-top: 15px;}
.sp05 { margin-top: 18px;}
.sp06 { margin-top: 23px;}

/* select
 -------------------------------------------------- */
.dk_container { position: relative; display: none;}
.dk_container:focus { outline: 0;}
.dk_container a { outline: 0; cursor: pointer; text-decoration: none;}

.dk_toggle { display: -moz-inline-stack;  display: inline-block;  *display: inline;  position: relative;  zoom: 1; padding-right: 15px; background: url(../images/icon_arrow_d.png) no-repeat 100% 7px; font-weight: bold;}
.dk_focus .dk_toggle { }

.dk_open { z-index: 100; position: relative;}
.dk_open .dk_options { display: block; overflow-x: hidden; top: -15px; left: -16px; padding: 15px; background-color: #fff; border: 1px solid #e6e6e6;}
.dk_open .dk_toggle {}

.dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 95px;}
.dk_options a { display: block; color: #999;}
.dk_options a:hover,
.dk_option_current a { color: #000;}
.dk_options_inner { position: relative; overflow-x: hidden; overflow-y: auto; }
.dk_options_inner li { white-space: nowrap; }

.dk_options_inner,
.dk_touch .dk_options { max-height: 300px;}
.dk_touch .dk_options { overflow: hidden;}
.dk_touch .dk_options_inner { max-height: none; overflow: visible;}


/*TABLE【 class：tbl_01】*/
table.tbl_01 tr th, table.tbl_01 tr td {padding-right:10px; vertical-align:top;}

/*TABLE【 class：tbl_02】*/
table.tbl_02 { border-left:1px solid #999; border-top:1px solid #999;}
table.tbl_02 tr th, table.tbl_02 tr td {padding:5px 40px 5px 20px; vertical-align:top; border-right:1px solid #999; border-bottom:1px solid #999;}
table.tbl_02 tr th { background:#CCC;}

/*TABLE【 class：tbl_03】*/
table.tbl_03 { border-left:1px solid #999; border-top:1px solid #999;}
table.tbl_03 tr th, table.tbl_03 tr td {
	padding:10px;
	vertical-align:top;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	}

/*TABLE【 class：tbl_normal】*/
table.tbl_normal {}
table.tbl_normal tr th, table.tbl_normal tr td { vertical-align:top; font-weight:normal;}
table.tbl_normal tr th { white-space:nowrap;}
table.tbl_normal tr td { padding-bottom: 0 !important;}
table.tbl_normal tr th.rsp, table.tbl_normal tr td.rsp {padding-right: 10px;}
table.tbl_normal tr th.lsp, table.tbl_normal tr td.lsp {padding-left: 10px;}

/*TABLE【 class：tbl_normal2】*/
table.tbl_normal2 {}
table.tbl_normal2 tr th, table.tbl_normal2 tr td { vertical-align:top; font-weight:normal;}
table.tbl_normal2 tr td { padding-bottom: 1em;}
table.tbl_normal2 tr th { white-space:nowrap;}
table.tbl_normal2 tr th.rsp, table.tbl_normal2 tr td.rsp {padding-right: 10px;}
table.tbl_normal2 tr th.lsp, table.tbl_normal2 tr td.lsp {padding-left: 10px;}

section#news dl dd a { text-decoration:underline; }


em { font-weight:bold; font-style:normal;}


/* clear
topicPath：パンくずリスト
 ============================================================ */
.clearfix:after,
#headWrap:after, #contentArea:after,
#headWrap ul:after, #footerWrap ul:after,
#sns:after,
#topicPath:after,
.withSide #mainArea .section:after,
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* IE 7 and MacIE */
.clearfix,
#headWrap, #contentArea,
#headWrap ul, #footerWrap ul,
#sns,
#topicPath,
.section,
.itemList { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html #headWrap, * html #contentArea,
* html #headWrap ul, * html #footerWrap ul,
* html #sns,
* html #topicPath,
* html .section,
* html .itemList { height: 1%;}

.clearfix,
#headWrap, #contentArea,
#headWrap ul, #footerWrap ul,
#sns,
#topicPath,
.section,
.itemList { display: block;}
/* End hide from IE-mac */

/*  ============================================================ */



.danraku { padding-left:20px;}
.tit_read { padding:30px 0;}

div.banner_mekong { width:180px; height:80px; position:absolute;  right: 0; background:url(../images/banner/banner_mekong2.png) no-repeat 0 0;}
div.banner_mekong a {width:180px; height:80px; display:block; text-indent:-9999px; outline:none;}

div.banner_mekong_b { width:280px; height:105px; float:right; background:url(../images/banner/banner_mekong2_b.png) no-repeat 0 0;outline:none;}
div.banner_mekong_b a {width:280px; height:105px; display:block; text-indent:-9999px;}

div.banner_mekong_b2 { width:280px; height:75px; float:right; background:url(../images/banner/banner_mekong_b2.png) no-repeat 0 0;outline:none;}
div.banner_mekong_b2 a {width:280px; height:75px; display:block; text-indent:-9999px;}

div.long_small2015 { width:180px; height:80px; position:absolute;  right: 0; background:url(../images/index/long_small2015.png) no-repeat 0 0;}
div.long_small2015 a {width:180px; height:80px; display:block; text-indent:-9999px; outline:none;}
div.long_small2015 a:hover { width:180px; height:80px; border:2px solid #333;}

div.long_large2015 { width:280px; height:105px; float:right; background:url(../images/index/long_large2015.png) no-repeat 0 0;outline:none;}
div.long_large2015 a {width:280px; height:105px; display:block; text-indent:-9999px; outline:none;}
div.long_large2015 a:hover { width:276px; height:101px; border:2px solid #333;}

div.banner_gde2015 { width:270px; height:110px; float:right; background:url(../images/index/banner_gde2015.png) no-repeat 0 0;outline:none;}
div.banner_gde2015 a {width:270px; height:110px; display:block; text-indent:-9999px; outline:none;}
div.banner_gde2015 a:hover { width:260px; height:90px; border:5px solid #b40408;}

div.banner_meeting2015 { width:270px; height:110px; float:right; background:url(../images/index/banner_meeting2015.png) no-repeat 0 0;outline:none;}
div.banner_meeting2015 a {width:270px; height:110px; display:block; text-indent:-9999px; outline:none;}
div.banner_meeting2015 a:hover { width:260px; height:90px; border:5px solid #b40408;}