@charset "utf-8";

/* Award List
 ============================================================ */

/* #contentArea module
 -------------------------------------------------- */
/*#contentArea .section { margin-top: 5px;}*/
#contentArea .section { margin-top: 30px;}
#contentArea h2.year { margin-top: 40px; padding-bottom: 10px;}
#contentArea .yearArea:nth-of-type(1) h2.year { margin-top: 0; margin-bottom: 60px; }
#contentArea .section h3 { padding: 0 0 9px;}

/* list
 -------------------------------------------------- */
#contentArea #result { position: relative; }
#contentArea .resultTotal { position: absolute; top: 60px; color: #999; }

#contentArea .itemList li { z-index: 1; position: relative;}
#contentArea .itemList li a { z-index: 3; position: absolute; display: block; overflow: hidden; text-decoration: none;}
#contentArea .itemList li a:hover { cursor: pointer;}
#contentArea .itemList li .qlwrap { visibility: hidden; z-index: 5; position: absolute; border: 1px solid #e6e6e6; background-color: #fff;}
#contentArea .itemList li .title { color: #000; font-weight: bold; text-decoration: underline; }
#contentArea .itemList li:hover { z-index: 2; }
#contentArea .itemList li:hover .title { color: #ce1e16; }
#contentArea .itemList li .corp { white-space: nowrap; color: #999; }
#contentArea .itemList li a.ql { position: absolute; font-size: 76.9%; width: auto; white-space: nowrap; display: none;}
#contentArea .itemList li:hover a.ql { display: block; }
#contentArea .itemList li:hover a { z-index: 10;}


/*#contentArea .listA { margin-left: -20px; width: 900px;}*/
/*#contentArea .listA li {width: 280px; height: 80px; margin-left: 20px;}
#contentArea .listA li a {width: 280px;}
#contentArea .listA li a.ql {width:280px;}
#contentArea .listA li:hover .qlwrap {width: 318px;}*/

#contentArea .listA li { float: left; display: inline; border-top: 1px solid #e6e6e6;}
#contentArea .listA li a { top: 20px; left: 0;}
#contentArea .listA li a .photo { float: left; display: inline; width: 50px;}
#contentArea .listA li a .title { padding: 0 0 0 !important; overflow: hidden; zoom: 1; font-size:12px; margin-top:0; }
#contentArea .listA li a .corp { padding: 0 0 0 !important; overflow: hidden; zoom: 1; font-size:12px; margin-top:0; }
#contentArea .listA li a.ql { top: 0; text-align:right;}
#contentArea .listA li:hover .qlwrap { visibility: visible; top: -10px; left:-20px; height:98px;}


/*#contentArea .listA2 { margin-left: -20px; width: 670px;}*/

#contentArea .listA2 li { float: left; display: inline; border-top: 1px solid #e6e6e6;}
#contentArea .listA2 li a { top: 20px; left: 0;}
#contentArea .listA2 li a .photo { float: left; display: inline; width: 50px;}
#contentArea .listA2 li a .title{ padding: 0 0 0 !important; overflow: hidden; zoom: 1; font-size:12px; margin-top:0; }
#contentArea .listA2 li a .corp { padding: 0 0 0 !important; overflow: hidden; zoom: 1; font-size:12px; margin-top:0; }
#contentArea .listA2 li a.ql { top: 0; text-align:right;}
#contentArea .listA2 li:hover .qlwrap { visibility: visible; top: -10px; left:-20px; height:98px;}


/*#contentArea .listB { margin-left: -30px; width: 910px;}*/

/* for Top page */
#contentArea .listB li { list-style-type:none; float: left; display: inline; width: 152px; height: 158px;}
#contentArea .listB li a { top: 0; left: 0; width: 152px;}
#contentArea .listB li a .title { padding: 8px 0 0; font-size:12px; }
#contentArea .listB li a.ql { top: -20px; text-align:right; width:152px;}
#contentArea .listB li:hover .qlwrap { visibility: visible; top: -30px; left:-30px; width: 210px; height:187px;}
#contentArea .listB li a p.corp { white-space:inherit; font-size:10px;}

/* for years */
#contentArea .listB2 { left:-13px !important;}
#contentArea .listB2 li { list-style-type:none; float: left; display: inline; width: 152px; height: 158px;}
#contentArea .listB2 li a { top: 0; left: 0; width: 152px;}
#contentArea .listB2 li a .title { padding: 8px 0 0; font-size:12px; margin:0;}
#contentArea .listB2 li a.ql { top: -20px; text-align:right; width:152px;}
#contentArea .listB2 li:hover .qlwrap { visibility: visible; top: -30px; left:-13px; width: 178px; height:187px;}
#contentArea .listB2 li a p.corp { white-space:inherit; font-size:10px; margin:0;}


#contentArea .listC li { width: 880px; height: 80px; border-top: 1px solid #e6e6e6;}
#contentArea .listC li a { top: 20px; left: 0; width: 880px;}
#contentArea .listC li a .photo { float: left; display: inline; width: 50px;}
#contentArea .listC li a .title,
#contentArea .listC li a .corp { overflow: hidden; zoom: 1; font-size:12px; }
#contentArea .listC li a.ql { top: 0; left: 814px;}
#contentArea .listC li:hover .qlwrap { visibility: visible; top: -10px; left:-45px; width: 938px; height:98px;}

#contentArea .morebtn { margin-top: 20px;}
#contentArea .morebtn a { display: block; text-decoration: none; padding: 22px 5% 22px 5% !important; width: 100%; background-color: #f2f2f2; font-weight: bold; text-align: center;}
#contentArea .morebtn a:hover { display: block; background-color: #ce1e16; color: #fff;}
#contentArea .morebtn a span { display:inline-block; *display:inline; zoom:1; height: 15px; line-height: 1.2; padding-right: 12px; background: transparent url(../images/icon_arrow_d.png) no-repeat 100% 4px; vertical-align: top;}
#contentArea .morebtn a:hover span { background-position: 100% -496px;}

/* header search
 -------------------------------------------------- */
#hdsearch { z-index: 100; position: relative;}
#hdsearch form { position: absolute; top: 0; left: 111px; width: 768px; height: 36px; border-left: 1px solid #ccc;}
#hdsearch p { float: left; display: inline; margin: 12px 0 0 10px; font-weight: bold; color: #999;}
#hdsearch select { float: left; display: inline; margin: 10px 0 0 10px; border: 1px solid #fff; outline: 0;}
#hdsearch p.detailSearchlink { margin: 12px 0 0 20px;}
#hdsearch .selectyear02wrap { display: none;}
#hdsearch .selectyear02wrap.active { display: block;}

.detailSearchActive #hdsearch .detailSearchlink a { text-decoration: none; color: #ce1e16;}

#hdsearch .hdkeywordSearch { position: absolute; top: 5px; right: 0; background: transparent url(../images/search_bg.gif) no-repeat 100% 0;}
#hdsearch .hdkeywordSearch .inner { padding: 4px 10px 4px 30px; background: transparent url(../images/search_icon.gif) no-repeat 0 0;}
#hdsearch .hdkeywordSearch input { width: 110px; height: 22px; border: none; outline: 0; line-height: 1.5;}

/* selece */
.dk_container { float: left; margin: 12px 0 0 20px;}
.selectyear02wrap .dk_container { margin: 12px 0 0 10px;}
#dk_container_selectprize .dk_options { width: 452px;}
#dk_container_selectprize .dk_options_inner,
#dk_container_selectprize .dk_touch .dk_options { height: 457px;}


/* detailSearch
 -------------------------------------------------- */
#detailSearch { zoom: 1; display: none; position: relative; margin-bottom: 40px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
#detailSearch input { line-height: 1.5;}
#detailSearch .btn_close { position: absolute; top: 30px; right: 20px;}
#detailSearch dl { padding: 25px 29px 4px; background-color: #fff;}
#detailSearch dt { clear: both; float: left; display: inline; width: 120px; padding-top: 4px;}
#detailSearch dt.detailSearchcc { padding-top: 0;}
#detailSearch dd { height: 42px; margin-left: 120px;}
#detailSearch dd input { vertical-align: middle;}
#detailSearch dd .detailSearchaddress{ padding-left: 20px;}

#detailSearch .btn_search { z-index: 2; position: relative;}
#detailSearch .btn_search button { display: block; width: 100%; text-decoration: none; padding: 14px; background-color: #000; color: #fff; font-size:115.4%; font-weight: bold; text-align: center; border: none;}
#detailSearch .btn_search button:hover { background-color: #ce1e16; cursor: pointer; }


/* detailArea
 -------------------------------------------------- */
#detailArea a:link, #detailArea a:visited { color: #000;}
#detailArea a:hover, #detailArea a:active { color: #ce1e16;}
#detailArea dt, #detailArea p { line-height: 1.6;}
#detailArea h1.year { padding: 0 0 30px;}
#detailArea .section h2 { padding: 0 0 18px;}
#detailArea .section h3 { margin-top: 40px; padding: 0 0 7px; font-weight: bold;}
#detailArea .section h3 span { padding-left: 10px; font-weight: normal; font-size: 84.6%; color: #999;}

#detailArea #mainphoto { z-index: 1; position: relative; padding-bottom: 20px; text-align: center;}
#detailArea #mainphoto .photo li { display: none; text-align: center;}
#detailArea #mainphoto .photo li.active { display: block;}

/* #detailArea #mainphoto .thumnail { z-index: 5; position: absolute; top: -27px; right: 0;} */
/* #detailArea #mainphoto .thumnail li { float: left; display: inline; margin-left: 10px; font-family: Helvetica, Arial; font-weight: bold;} */
/* #detailArea .thumnail li a:link, #detailArea .thumnail li a:visited { color: #999;} */
/* #detailArea .thumnail li a:hover, #detailArea .thumnail li a:active { color: #ce1e16;} */
/* #detailArea #mainphoto .thumnail li.active a { text-decoration: none;} */
/* #detailArea .thumnail li.active a:link, #detailArea .thumnail li.active a:visited { color: #000;} */
/* #detailArea .thumnail li.active a:hover, #detailArea .thumnail li.active a:active { color: #ce1e16;} */

#detailArea #mainphoto .thumnail { z-index: 5; padding: 20px 0 0 0; height: 55px;}
#detailArea #mainphoto .thumnail li { float: left; display: inline; margin-right: 20px; border: solid 1px #ccc; }
#detailArea #mainphoto .thumnail li:hover {border: solid 1px #000;}
#detailArea #mainphoto .thumnail li.active {border: solid 1px #000;}
#detailArea #mainphoto .thumnail li a { width: 55px; height: 55px; display:table-cell; text-align:center; vertical-align:middle; layout-grid-line: 55px; }
#detailArea #mainphoto .thumnail li a img { vertical-align: middle; }

/*
#detailArea .basicinfo { overflow: hidden; margin-top: 32px; padding-bottom: 10px;}
#detailArea .basicinfo dt { clear: both; float: left; display: inline; width: 150px; background: url(../images/bg_line.gif) repeat-x 0 3px;}
#detailArea .basicinfo dt span { padding-right: 2px; background: #fff none; font-weight: bold;}
#detailArea .basicinfo dd { margin-left: 152px; padding-bottom: 6px;}
#detailArea .basicinfo dd.item { font-weight: bold;}
*/

/*
#detailArea .backbtn { float: right; display: inline;}
#detailArea .backbtn a { display: block; width: 110px; height: 20px; background: url(../images/btn_back.gif) no-repeat 0 0; text-indent: -9999px;}
#detailArea .backbtn a:hover { background-position: 0 -20px;}
*/

#detailArea .prenextback_navi { float: right; width: 270px; height: 20px; background: url(../images/prenextback_navi.gif) no-repeat 0 0;}
#detailArea .back_navi { float: right; width: 190px; height: 20px; background: url(../images/back_navi.gif) no-repeat 0 0;}

#detailArea .backbtn { float: left; display: inline;}
#detailArea .backbtn a { display: block; width: 110px; height: 20px; background: url(../images/btn_back.gif) no-repeat 0 0; text-indent: -9999px; padding-right:10px;}
#detailArea .backbtn a:hover { background-position: 0 -20px;}

#detailArea .awardlistbtn { float: left; display: inline;}
#detailArea .awardlistbtn a { display: block; width: 70px; height: 20px; background: url(../images/awardlistbtn.gif) no-repeat 0 0; text-indent: -9999px;}
#detailArea .awardlistbtn a:hover { background-position: 0 -20px;}

#detailArea .back_navi_text { float: right; width: 190px; height: 20px;}
#detailArea .backtxt { float: left; display: inline;}
#detailArea .backtxt a { display: block; width: 110px; height: 20px; padding-right:10px; color: #999999;}
#detailArea .backtxt a:hover { color: #ce1e16;}
#detailArea .awardlisttxt { float: left; display: inline;}
#detailArea .awardlisttxt a { display: block; width: 70px; height: 20px; color: #999999;}
#detailArea .awardlisttxt a:hover { color: #ce1e16;}

/*
#detailArea .prebtn { float: left; display: inline;}
#detailArea .prebtn a { display: block; width: 20px; height: 20px; background: url(../images/prebtn.gif) no-repeat 0 0; text-indent: -9999px;}
#detailArea .prebtn a:hover { background-position: 0 -20px;}
*/
/*
#detailArea .nextbtn { float: right; display: inline;}
#detailArea .nextbtn a { display: block; width: 20px; height: 20px; background: url(../images/nextbtn.gif) no-repeat 0 0; text-indent: -9999px;}
#detailArea .nextbtn a:hover { background-position: 0 -20px;}
*/


#detailArea .prebtn { float: left; display: inline;}
#detailArea .prebtn a { display: block; position: absolute; width: 30px; height: 40px; background: url(../images/gl_arrow.png) no-repeat 0 0; text-indent: -9999px; left: -40px;}
#detailArea .prebtn a:hover { background-position: 0 100%;}

#detailArea .nextbtn { float: right; display: inline;}
#detailArea .nextbtn a { display: block; width: 30px; height: 40px; background: url(../images/gl_arrow.png) no-repeat 100% 0; text-indent: -9999px; position: absolute; right: -40px;}
#detailArea .nextbtn a:hover { background-position: 100% 100%;}

#detailArea .prenextback_navi_en { float: right; width: 285px; height: 20px; background: url(../images/prenextback_navi_en.gif) no-repeat 0 0;}
#detailArea .back_navi_en { float: right; width: 205px; height: 20px; background: url(../images/back_navi_en.gif) no-repeat 0 0;}

#detailArea .back_navi_text_en { float: right; width: 195px; height: 20px;}
#detailArea .backtxt_en { float: left; display: inline;}
#detailArea .backtxt_en a { display: block; width: 105px; height: 20px; margin-right:10px; color: #999999;}
#detailArea .backtxt_en a:hover {color: #ce1e16;}
#detailArea .awardlisttxt_en { float: left; display: inline;}
#detailArea .awardlisttxt_en a { display: block; width: 80px; height: 20px; color: #999999;}
#detailArea .awardlisttxt_en a:hover {color: #ce1e16;}

#detailArea .backbtn_en { float: left; display: inline;}
#detailArea .backbtn_en a { display: block; width: 110px; height: 20px; background: url(../images/btn_back_en2.gif) no-repeat 0 0; text-indent: -9999px; padding-right:10px;}
#detailArea .backbtn_en a:hover { background-position: 0 -20px;}

#detailArea .awardlistbtn_en { float: left; display: inline;}
#detailArea .awardlistbtn_en a { display: block; width: 85px; height: 20px; background: url(../images/awardlistbtn_en.gif) no-repeat 0 0; text-indent: -9999px;}
#detailArea .awardlistbtn_en a:hover { background-position: 0 -20px;}

#detailArea .prebtn_en { float: left; display: inline;}
#detailArea .prebtn_en a { display: block; width: 20px; height: 20px; background: url(../images/prebtn.gif) no-repeat 0 0; text-indent: -9999px;}
#detailArea .prebtn_en a:hover { background-position: 0 -20px;}

#detailArea .nextbtn_en { float: right; display: inline;}
#detailArea .nextbtn_en a { display: block; width: 20px; height: 20px; background: url(../images/nextbtn.gif) no-repeat 0 0; text-indent: -9999px;}
#detailArea .nextbtn_en a:hover { background-position: 0 -20px;}


#prenext_navi {z-index: 101; position: fixed; _position: absolute; top: 50%;width: 880px; margin-top: -30px;}
#prenext_navi .prebtn { float: left; display: inline;}
#prenext_navi .prebtn a { display: block; position: absolute; width: 30px; height: 40px; background:transparent url(../images/gl_arrow.png) no-repeat 0 0; text-indent: -9999px; left: -40px;}
#prenext_navi .prebtn a:hover { background-position: 0 100%;}

#prenext_navi .nextbtn { float: right; display: inline;}
#prenext_navi .nextbtn a { display: block; position: absolute; width: 30px; height: 40px; background: transparent url(../images/gl_arrow.png) no-repeat 100% 0; text-indent: -9999px; right: -40px;}
#prenext_navi .nextbtn a:hover { background-position: 100% 100%;}

#detailArea .basicinfo { overflow: hidden; margin-top: 32px; padding-bottom: 10px;}
#detailArea .basicinfo dt { clear: both; float: left; display: block; width: 170px; background: url(../images/bg_line.gif) repeat-x 0 3px; word-wrap: break-word;}
#detailArea .basicinfo dt span { width: 150px; padding-right: 2px; background: #fff none; font-weight: bold;}
#detailArea .basicinfo dd { padding-left: 172px; padding-bottom: 6px;}
#detailArea .basicinfo dd:after { content: ''; display: block; clear: both;}
#detailArea .basicinfo dd.item { font-weight: bold;}

#detailArea .detail { overflow: hidden;}
#detailArea .detail dt { clear: both; float: left; display: block; width: 155px; padding-top: 15px; word-wrap: break-word;}
#detailArea .detail dd { padding: 15px 0 15px 172px; border-top: 1px solid #e6e6e6;}
#detailArea .detail dd:after { content: ''; display: block; clear: both;}
#detailArea .detail dd .photo { margin: 18px 0 5px;}
#detailArea .detail h4 { padding: 16px 0 3px; font-weight: bold;}
#detailArea .detail h4.first { padding: 0 0 3px;}

#detailArea .text { padding: 15px 0 10px; border-top: 1px solid #e6e6e6;}

#detailArea .tags { margin: 1em 0; color: #999; }
#detailArea .tags a { color: #999; }
#detailArea .tags a:hover { color: #ce1e16; }

ul.hyouka { margin:0; padding:0; width:440px; margin-top:10px;}
ul.hyouka li.checked { background:url(../images/award/li_checked.jpg) 0 center no-repeat; padding-left:20px; width:420px; line-height:22px;}
ul.hyouka li.nocheck { background:url(../images/award/li_nocheck.jpg) 0 center no-repeat; color:#DDD; padding-left:20px; width:420px; line-height:22px;}


/* clear
 ============================================================ */
.clearfix:after,
#headWrap:after, #contentArea:after,
#headWrap ul:after, #footerWrap ul:after,
#contentArea .listA:after, #contentArea .listB:after,
#sns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

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

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

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