@charset "Shift_JIS";

/* --------------------------------------------------------
  CONTENTS CSS [ 2015-09-03 ]
-------------------------------------------------------- */


/* Headline Style
-------------------------------------------------------- */

h1 {
	clear: both;
	width: 960px;
	height: 32px;
	padding-bottom: 20px;
	background-color: #ffffff;
}

h2 { clear: both; }

h3 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #333333;
	background: url(../images/h3_bg.gif) no-repeat left top;
	padding-top: 1px;
	padding-left: 12px;
	margin-bottom: 20px;
	height: 16px;
}


/* Link Style
-------------------------------------------------------- */

.linkArea span {
	background: url(../images/link_arrow.gif) no-repeat left top;
	margin-right: 16px;
}

* html .linkArea span {
	background: url(../images/link_arrow.gif) no-repeat left 3px;
	margin-right: 16px;
}

.linkArea span a { padding-left: 16px; }


/* Layout Box Style
-------------------------------------------------------- */

#contentsArea .box650 {
	clear: both;
	width: 650px;
	margin-left: 10px;
}

#contentsArea .box670 {
	clear: both;
	width: 670px;
}

#contentsAreaTop .box650 {
	clear: both;
	width: 650px;
	margin-left: 10px;
}

#contentsAreaTop .box670 {
	clear: both;
	width: 670px;
}


/* Top Page
-------------------------------------------------------- */

.topLayoutLeft {
	width: 200px;
	float: left;
	padding-right: 20px;
}

.topLayoutCenter {
	width: 540px;
	float: left;
}

.topLayoutRight {
	width: 180px;
	float: right;
}

.topicsList {
	width: 540px;
	background: url(../../images/topics_line.gif) no-repeat bottom;
}

.topicsList th {
	width: 80px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding: 11px 0 12px 10px;
}

.topicsList td {
	width: 432px;
	background: url(../../images/topics_arrow.gif) no-repeat 0 14px;
	vertical-align: top;
	padding: 11px 0 12px 18px;
}

.topicsList a:link     { color: #444444; text-decoration: underline; }
.topicsList a:visited  { color: #444444; text-decoration: underline; }
.topicsList a:hover    { color: #e70012; text-decoration: none; }

.topLink { width: 180px; }

.topLink li {
	background: url(../../images/top_link_arrow.gif) no-repeat 0px 8px;
	padding: 2px 0 4px 14px;
}

.topLink li div.link1 { background: url(../../images/top_link_icon.gif) no-repeat 58px 4px; }
.topLink li div.link2 { background: url(../../images/top_link_icon.gif) no-repeat 68px 4px; }

.topLayoutRight a:link     { color: #444444; text-decoration: underline; }
.topLayoutRight a:visited  { color: #444444; text-decoration: underline; }
.topLayoutRight a:hover    { color: #e70012; text-decoration: none; }

.topLayoutLeft a:link     { color: #444444; text-decoration: underline; }
.topLayoutLeft a:visited  { color: #444444; text-decoration: underline; }
.topLayoutLeft a:hover    { color: #e70012; text-decoration: none; }

.topLayoutRight .topReport {
	width: 160px;
	background: url(../../images/report_top_back_01.gif) repeat-y left top;
	padding: 8px 10px 0 10px;
}

.topApp {
	border: solid 1px #cccccc;
	padding: 10px 15px 10px 15px;
	margin-bottom: 15px;
}

.topAppTitle {
	font-size: 14px;
	color: #e70012;
	border-bottom: solid 1px #e70012;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.topAppNote {
	font-size: 10px;
	line-height: 16px;
	background-color: #ffffda;
	padding: 8px 10px 8px 10px;
}

.topAppNote span {
	font-size: 12px;
	font-weight: bold;
}


/* Concept Page
-------------------------------------------------------- */

.concepBack {
	width: 498px;
	height: 430px;
	background: url(../../images/concept_back.jpg) no-repeat 0px 0px;
	padding: 30px 0 0 152px;
}

.conceptList { margin-bottom: 40px; }
.conceptList li { margin-bottom: 18px; }


/* Company Page
-------------------------------------------------------- */

.companyTable {
	width: 650px;
	background: url(../../images/company_line1.gif) no-repeat bottom;
}

.companyTable th {
	background: url(../../images/company_line2.gif) no-repeat;
	width: 113px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 16px 0 14px 17px;
}

.companyTable td {
	background: url(../../images/company_line1.gif) no-repeat;
	width: 500px;
	vertical-align: top;
	padding: 16px 0 14px 20px;
}


/* Back Number Page 1501〜
-------------------------------------------------------- */

.bnNavi {
	font-family:'arial','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
	border-bottom: solid 1px #e70012;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.bnNavi ul { width: 670px; display: table; table-layout: fixed; }
.bnNavi ul li { display: table-cell; position: relative; padding-bottom: 10px; }
.bnNavi ul li + li { border-left: solid 10px #ffffff; }
.bnNavi ul li a {
	height: 24px;
	background: #f0f0f0;
	color: #999999;
	text-decoration: none;
	display: block;
}
.bnNavi ul li a span { font-size: 10px; padding-left: 1px; }
.bnNavi ul li a:hover { background: #e70012; color: #ffffff; }
.bnNavi ul li a + p { position: absolute; top: 0; left: 0; }
.bnNavi ul li p + p { position: absolute; top: 0; right: 0; }

body.bn2015 ul li.bn2015 a { background: #e70012; color: #ffffff; }
body.bn2014 ul li.bn2014 a { background: #e70012; color: #ffffff; }
body.bn2013 ul li.bn2013 a { background: #e70012; color: #ffffff; }
body.bn2012 ul li.bn2012 a { background: #e70012; color: #ffffff; }
body.bn2011 ul li.bn2011 a { background: #e70012; color: #ffffff; }
body.bn2010 ul li.bn2010 a { background: #e70012; color: #ffffff; }
body.bn2009 ul li.bn2009 a { background: #e70012; color: #ffffff; }
body.bn2008 ul li.bn2008 a { background: #e70012; color: #ffffff; }
body.bn2007 ul li.bn2007 a { background: #e70012; color: #ffffff; }
body.bn2006 ul li.bn2006 a { background: #e70012; color: #ffffff; }
body.bn2005 ul li.bn2005 a { background: #e70012; color: #ffffff; }
body.bn2004 ul li.bn2004 a { background: #e70012; color: #ffffff; }
body.bn2003 ul li.bn2003 a { background: #e70012; color: #ffffff; }

.bnList { width: 670px; overflow: hidden; }
.bnList dl { float: left; width: 325px; height: 200px; margin-top: 40px; }
.bnList dl dt  { float: left; width: 165px; height: 200px; }
.bnList dl dd p  { margin-top: 10px; }
.bnList dl dd.btn p { float: left; margin: 15px 0 0 8px; }
.bnList dl dd.btn p:first-child { margin-left: 0; }
.bnList dl dd.btn p img { margin-bottom: 5px; }



/* Present Page
-------------------------------------------------------- */

.presentAppli {
	width: 644px;
	height: 59px;
	background: url(../../present/images/present_application.gif) no-repeat;
	text-align: right;
	padding: 26px 26px 0 0;
}



/* Present Page 1410〜
-------------------------------------------------------- */

.presentList { margin-top: 15px; }
.presentList ul { width: 669px; border-top: dotted 1px #999999; padding: 5px 0; }
.presentList ul:first-child { border-top: none; }
.presentList li { width: 294px; display: table-cell; vertical-align: top; padding: 0 20px 20px 20px; }
.presentList li:first-child { border-right: dotted 1px #999999; }
.presentList li div { width: 294px; height: 160px; position: relative; }
.presentList li div p.copyright {
	font-family:arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
	font-size: 9px;
	line-height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.presentList li div + p {
	font-family:arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
	font-size: 9px;
	line-height: 10px;
}
.presentList dl { margin-top: 15px; }
.presentList dt {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
.presentList dt span { font-family:'游明朝','Yu Mincho','游明朝体','YuMincho',serif; }
.presentList dd { font-size: 11px; line-height: 18px; }
.presentList dd.num {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
	font-size: 11px;
	line-height: 24px;
	text-align: right;
	padding-top: 3px;
}
.presentList dd.num span { font-family:arial,sans-serif; color: #e50012; font-size: 24px; }
.presentList dd.link { color: #e50012; line-height: 14px; }
.presentList dd.link a { color: #e50012; text-decoration: none; }
.presentList dd + dd { padding-top: 10px; }

.presentList .freeIcon {
	background: url(../../present/images/free_icon3.gif) no-repeat;
	padding-left: 20px;
}



/* Movie Page
-------------------------------------------------------- */

.movieAppli {
	width: 644px;
	height: 59px;
	background: url(../../movie/images/movie_application.gif) no-repeat;
	text-align: right;
	padding: 26px 26px 0 0;
}


/* Distribution Page
-------------------------------------------------------- */

.distribuBox {
	width: 650px;
	margin-left: 10px;
}

.distribuBox .title {
	margin-left: 8px;
	margin-bottom: 7px;
}

.distribuBox .line {
	clear: both;
	margin-bottom: 12px;
}

.distribuBox .link ul {
	margin-left: 18px;
}

.distribuBox .link li {
	float: left;
	margin-right: 13px;
	padding-bottom: 8px;
}

.distribuBox .link2 ul {
	margin-left: 18px;
}

.distribuBox .link2 li {
	float: left;
	margin-right: 13px;
	padding-bottom: 8px;
	white-space:nowrap;
	width: 90px;
}

.distribuBox .link2 li span{
	font-size: 10px;
}


/* SiteMap Page
-------------------------------------------------------- */

.sitemapArea {
	width: 670px;
	line-height: 10px;
	background: url(../../images/sitemap_line.gif) no-repeat left top;
}

.sitemapArea a:link    { color: #336699; text-decoration: none; }
.sitemapArea a:visited { color: #336699; text-decoration: none; }
.sitemapArea a:hover   { color: #ff0000; text-decoration: underline; }

.sitemapLink {
	background: url(../../images/sitemap_line.gif) no-repeat left bottom;
	padding-top: 16px;
	padding-left: 20px;
	padding-bottom: 16px;
}

.sitemapLink li {
	background: url(../../images/sitemap_arrow1.gif) no-repeat left top;
	padding-top: 2px;
	padding-left: 10px;
	margin-bottom: 12px;
}

.sitemapLink li.last {
	background: url(../../images/sitemap_arrow1.gif) no-repeat left top;
	padding-top: 2px;
	padding-left: 10px;
	margin-bottom: 0;
}

.sitemapLinkA {
	padding-top: 16px;
	margin-left: 20px;
}

.sitemapLinkA li {
	background: url(../../images/sitemap_arrow1.gif) no-repeat left top;
	padding-top: 2px;
	padding-left: 10px;
	margin-bottom: 4px;
}

.sitemapLinkB {
	background: url(../../images/sitemap_line.gif) no-repeat left bottom;
	padding-left: 35px;
	padding-bottom: 16px;
}

.sitemapLinkB ul {
	margin-left: 16px;
}

.sitemapLinkB li {
	background: url(../../images/sitemap_arrow2_02.gif) no-repeat left top;
	padding-top: 14px;
	padding-left: 33px;
}

.sitemapLinkB li.fast {
	background: url(../../images/sitemap_arrow2_01.gif) no-repeat left top;
	padding-top: 17px;
	padding-left: 33px;
}

.sitemapLinkB li.last {
	background: url(../../images/sitemap_arrow2_03.gif) no-repeat left top;
	padding-top: 14px;
	padding-left: 33px;
}

/* FAQ Page
-------------------------------------------------------- */

.faq_table { margin: 0 0 15px 20px; }

.faq_q {
	height : 34px;
	font-size: 12px;
	line-height: 17px;
	color: #EF285C;
	font-weight: bold;
	padding-top: 12px;
	background-image: url(../../images/faq_frame_02.gif);
	background-repeat: no-repeat;
}

.faq_a {
	background-image: url(../../images/faq_frame_07.gif);
	background-repeat: repeat-y;
}

.faq_txt1 {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding-top: 12px;
}

.faq_txt2 {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding-top: 12px;
	text-align: right;
}

.faq_side {
	background-image: url(../../images/faq_frame_06.gif);
	background-repeat: repeat-y;
}

.faq_navi a:link    { color: #666666; text-decoration: none; }
.faq_navi a:visited { color: #666666; text-decoration: none; }
.faq_navi a:hover   { color: #999999; text-decoration: underline; }


/* Material Page
-------------------------------------------------------- */

.materialPdfIcon {
	background: url(../images/pdf_icon.gif) no-repeat 0px 2px;
	padding-left: 20px;
	margin-bottom: 50px;
}

.materialPdfDown {
	width: 650px;
	background: url(../../images/material_line.gif) no-repeat;
}

.materialPdfDown th {
	width: 130px;
	text-align: left;
	background: url(../../images/material_line.gif) no-repeat bottom;
	padding: 20px 0 19px 0;
}

.materialPdfDown td {
	width: 520px;
	background: url(../../images/material_line.gif) no-repeat bottom;
	padding: 20px 0 19px 0;
}


/* Contents link
-------------------------------------------------------- */

.contentsLink {
	background-image: url("../../images/contents_link_arrow.gif");
	background-repeat: no-repeat;
	background-position: 20px 3px;
	padding-left: 42px;
	margin-bottom: 5px;
}