@charset "utf-8";

/* /////////////////////////////////////// Common Settings /////////////////////////////////////// */

/*-------------------------------------------------------------------

	Common Element Design

-------------------------------------------------------------------*/

body {
	background-color: #fff;
	color: #333;
	font-family: Helvetica, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	min-width: 960px;
}

/*-----------------------------------------------
	Hypertext
-----------------------------------------------*/

a:link {
	color: #123870;
	text-decoration: none;
}

a:visited {
	color: #123870;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #123870;
	text-decoration: underline;
}

/*-----------------------------------------------
	Base Element
-----------------------------------------------*/

/* list */
ul li {
	background-image: url("../img/icon/list.gif");
	background-position: 0 0.6em;
	padding-left: 10px;
}

/* table */
th,
td {
	border: 1px solid #ced1d8;
}

th {
}

td {
	background-color: #fff;
}

thead th {
	background-color: #f2f4f6;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

tbody th {
	background-color: #fafbfc;
}

/* text */
blockquote {
	background-color: transparent;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	font-family: sans-serif,monospace;
	font-style: italic;
}

pre {
	background-color: #f6f6f6;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	font-family: sans-serif,monospace;
	font-style: italic;
	margin-top: 15px;
	padding: 10px;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

/* /////////////////////////////////////// Template (Layout & Design skin) /////////////////////////////////////// */

/*-------------------------------------------------------------------

	Header

-------------------------------------------------------------------*/

div#header {
}

div#header div.heading {
	border-bottom: 1px solid #ced1d8;
}

div#header div.heading h1 {
	font-size: 85%;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

div#header div.content {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 12px;
	width: 960px;
}

div#header div.content ul.link {
	margin: 0;
	text-align: right;
}

div#header div.content ul.link li {
	background-image: url("../img/icon/arrow_right.gif");
	display: inline-block;
	*display: inline;
	margin: 0;
	*zoom: 100%;
}

div#header div.content ul.link li + li {
	margin-left: 15px;
}

div#header div.wrapper {
}

div#header div.wrapper p.logo {
	float: left;
	margin: 6px 0 0;
}

div#header div.wrapper ul.cv {
	float: right;
	margin-top: 15px;
}

/*-----------------------------------------------
	div.topicPath
-----------------------------------------------*/

div#header div.topicPath {
	padding: 8px 0;
}

div#header div.topicPath ul.nav {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/*-------------------------------------------------------------------

	Global Navi

-------------------------------------------------------------------*/

/*-----------------------------------------------
	Common
-----------------------------------------------*/

div.navGlobal {
}

div.navGlobal ul.navCat {
	margin: 0;
}

div.navGlobal ul.navCat li.cat {
	background-image: none;
	margin: 0;
	padding: 0;
}

div.navGlobal a.btnCat {
	background-color: #000;
	display: block;
}

div.navGlobal a.btnCat:hover {
	background-color: #313235;
}

div.navGlobal div.navUnit {
	/*background-color: #56595d;*/
	background: url('../img/bg/navGlobal_navUnit.png');
	background: rgba(86, 89, 93, 0.8);
}

div.navGlobal div.navUnit a:link,
div.navGlobal div.navUnit a:visited {
	color: #fff;
}

div.navGlobal div.navUnit a:hover,
div.navGlobal div.navUnit a:active,
div.navGlobal div.navUnit a:focus {
	color: #ea2758;
	text-decoration: none;
}

div.navGlobal div.navUnit ul.navBiz {
	line-height: 1.2;
	margin: 0;
}

div.navGlobal div.navUnit ul.navBiz li.biz {
	font-weight: bold;
}

div.navGlobal div.navUnit ul.navBiz li.biz > a {
	display: block;
	line-height: 1.6;
}

/* corporate */
div.navGlobal div.navUnit ul.navBiz li.newscontents {
	background-image: url("../img/icon/newscontents.png");
}

div.navGlobal div.navUnit ul.navBiz li.subtitle {
	background-image: url("../img/icon/subtitle.png");
}

div.navGlobal div.navUnit ul.navBiz li.interpretation {
	background-image: url("../img/icon/interpretation.png");
}

div.navGlobal div.navUnit ul.navBiz li.creation {
	background-image: url("../img/icon/creation.png");
}

div.navGlobal div.navUnit ul.navBiz li.sports {
	background-image: url("../img/icon/sports.png");
}

div.navGlobal div.navUnit ul.navBiz li.event {
	background-image: url("../img/icon/event.png");
}

/* private */
div.navGlobal div.navUnit ul.navBiz li.programs {
	background-image: url("../img/icon/programs.png");
}

div.navGlobal div.navUnit ul.navBiz li.newsandsports {
	background-image: url("../img/icon/newsandsports.png");
}

div.navGlobal div.navUnit ul.navBiz li.sumo {
	background-image: url("../img/icon/sumo.png");
}

div.navGlobal div.navUnit ul.navBiz li.melody {
	background-image: url("../img/icon/melody.png");
}

div.navGlobal div.navUnit ul.navBiz li.training {
	background-image: url("../img/icon/training.png");
}

div.navGlobal div.navUnit ul.navBiz li.media {
	background-image: url("../img/icon/media.png");
}

/* company */
div.navGlobal div.navUnit ul.navBiz li.profile {
	background-image: url("../img/icon/profile.png");
}

div.navGlobal div.navUnit ul.navBiz li.history {
	background-image: url("../img/icon/history.png");
}

div.navGlobal div.navUnit ul.navBiz li.strength {
	background-image: url("../img/icon/strength.png");
}

div.navGlobal div.navUnit ul.navBiz li.effort {
	background-image: url("../img/icon/effort.png");
}

div.navGlobal div.navUnit ul.navBiz li.business {
	background-image: url("../img/icon/business.png");
}

div.navGlobal div.navUnit ul.navBiz li.organization {
	background-image: url("../img/icon/organization.png");
}

div.navGlobal div.navUnit ul.navBiz li.access {
	background-image: url("../img/icon/access.png");
}

div.navGlobal div.navUnit ul.navBiz li.recruit {
	background-image: url("../img/icon/recruit.png");
}

div.navGlobal div.navUnit ul.navSrv {
	margin-top: 10px;
}

div.navGlobal div.navUnit ul.navSrv li {
	background-image: url("../img/icon/dot_pink.png");
	background-position: 0 0.35em;
	font-size: 13px;
	font-weight: normal;
	padding-left: 12px;
}

div.navGlobal div.navUnit p.navMore {
	margin-top: 30px;
	text-align: right;
}

div.navGlobal div.navUnit p.navMore a {
	background-image: url("../img/icon/arrow_white_right.png");
	background-position: 18px 50%;
	background-repeat: no-repeat;
	display: inline-block;
	*display: inline;
	font-size: 13px;
	line-height: 1;
	padding: 10px 20px 10px 30px;
	*zoom: 100%;
}

div.navGlobal div.navUnit p.navMore a:link,
div.navGlobal div.navUnit p.navMore a:visited {
	background-color: #ea2758;
	color: #fff;
}

div.navGlobal div.navUnit p.navMore a:hover,
div.navGlobal div.navUnit p.navMore a:active,
div.navGlobal div.navUnit p.navMore a:focus {
	background-color: #c8103f;
}

/*-----------------------------------------------
	PC
-----------------------------------------------*/

div#globalNav {
	background-color: #000;
}

div#globalNav div.content {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

div#globalNav ul.navCat li.cat {
	float: left;
	position: relative;
	width: 320px;
}

div#globalNav a.btnCat {
	border-top: 3px solid #000;
	padding: 16px 0 16px 50px;
}

div#globalNav a.btnCat img {
	height: 19px;
}

div#globalNav a.btnCat:hover {
	border-top-color: #ea2758;
}

div#globalNav li.active a.btnCat {
	background-color: #56595d;
	border-top-color: #ea2758;
}

div#globalNav div.navUnit {
	display: none;
	position: absolute;
	width: 960px;
	z-index: 10;
}

div#globalNav li.active div.navUnit {
	display: block;
}

div#globalNav div.navUnit ul.navBiz li.biz {
	font-size: 16px;
	padding-left: 43px;
}

div#globalNav div.navUnit ul.navBiz li.biz > a {
	min-height: 26px;
}

div#globalNav div.navUnit.corporate {
}

div#globalNav div.navUnit.corporate ul.navBiz {
	display: table;
	margin-top: 30px;
}

div#globalNav div.navUnit.corporate ul.navBiz li.biz {
	background-position: 70px 0;
	display: table-cell;
	padding-left: 113px;
	width: 207px;
}

div#globalNav div.navUnit.private {
	left: -320px;
	padding: 40px 0;
}

div#globalNav div.navUnit.private ul.navBiz {
	display: table-cell;
	padding-left: 50px;
}

div#globalNav div.navUnit.private ul.navBiz li.biz {
	background-position: 0 0;
}

div#globalNav div.navUnit.private ul.navBiz li.biz + li.biz {
	margin-top: 12px;
}

div#globalNav div.navUnit.private ul.navSrv {
	display: table-cell;
	padding-top: 10px;
}

div#globalNav div.navUnit.private ul.navSrv +  ul.navSrv {
	padding-left: 40px;
}

div#globalNav div.navUnit.company {
	left: -640px;
	padding: 40px 0;
}

div#globalNav div.navUnit.company ul.navBiz {
	display: table-cell;
	padding-left: 70px;
}

div#globalNav div.navUnit.company ul.navBiz li.biz {
	background-position: 0 0;
}

div#globalNav div.navUnit.company ul.navBiz li.biz + li.biz {
	margin-top: 12px;
}

div#globalNav div.navUnit.company ul.navSrv {
	display: table-cell;
	padding-top: 10px;
}

div#globalNav div.navUnit.company ul.navSrv +  ul.navSrv {
	padding-left: 40px;
}

/*-----------------------------------------------
	PC - English
-----------------------------------------------*/

div#globalNavEn {
	background-color: #000;
}

div#globalNavEn div.content {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

div#globalNavEn ul.navCat {
	display: table;
	width: 100%;
}

div#globalNavEn ul.navCat li.cat {
	display: table-cell;
	width: 50%;
}

div#globalNavEn a.btnCat {
	border-top: 3px solid #000;
	font-size: 17px;
	padding: 16px 20px;
	text-align: center;
}

div#globalNavEn a.btnCat:link,
div#globalNavEn a.btnCat:visited {
	color: #fff;
	text-decoration: none;
}

div#globalNavEn a.btnCat:hover {
	border-top-color: #ea2758;
}

/*-------------------------------------------------------------------

	Keyvisual Container

-------------------------------------------------------------------*/

div#kvContainer {
}

div#kvContainer div.keyvisual {
	background-color: #f2f4f6;
	background-image: url("../img/common/keyvisual_wide.jpg");
	background-position: 50% 0;
	background-repeat: no-repeat;
}

div#kvContainer div.keyvisual div.content {
	margin: 0 auto;
	width: 960px;
}

div#kvContainer div.keyvisual div.content p.figure {
	height: 360px;
	margin: 0;
	position: relative;
}

div#kvContainer div.keyvisual div.content p.figure img {
	clip: rect(0px 1180px 360px 220px);
	left: -220px;
	position: absolute;
}

/*-----------------------------------------------
	div#kvContainer div.kv_flexslider
-----------------------------------------------*/

div#kvContainer div.kv_flexslider {
}

div#kvContainer div.kv_flexslider,
div#kvContainer div.kv_flexslider ul li { /* default image */
	background-color: #F1F3F5;
	background-image: url('../img/common/keyvisual_slide1_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

div#kvContainer div.kv_flexslider ul {
	margin-top: 0;
}

div#kvContainer div.kv_flexslider ul li {
	display: none;
	margin-top: 0;
	padding-left: 0;
	position: relative;
	text-align: center;
}
div#kvContainer div.kv_flexslider ul li.slide1 { background-image: url('../img/common/keyvisual_slide1_bg.jpg'); }
div#kvContainer div.kv_flexslider ul li.slide2 { background-image: url('../img/common/keyvisual_slide2_bg.jpg'); }
div#kvContainer div.kv_flexslider ul li.slide3 { background-image: url('../img/common/keyvisual_slide3_bg.jpg'); }

/*-----------------------------------------------
	div#kvContainer div.txtLead
-----------------------------------------------*/

div#kvContainer div.txtLead {
	padding: 15px 0;
}

div#kvContainer div.txtLead p.lead {
	margin: 0 auto;
	text-align: right;
	width: 960px;
}

div#kvContainer div.txtLead.en {
	border-bottom: 7px solid #f2f4f6;
}

/*-------------------------------------------------------------------

	Heading Container

-------------------------------------------------------------------*/

div#headingContainer {
}

div#headingContainer div.content {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/*-------------------------------------------------------------------

	Main Container

-------------------------------------------------------------------*/

div#container {
}

div#container div.content {
	margin: 0 auto;
	padding-bottom: 100px;
	padding-top: 20px;
	width: 960px;
}

/*-----------------------------------------------
	div#main
-----------------------------------------------*/

div#main {
	padding: 0 10px;
}

/* div.rightColumn */
div.rightColumn div#main {
	display: inline;
	float: left;
	width: 700px;
}

/* div.leftColumn */
div.leftColumn div#main {
	display: inline;
	float: right;
	width: 700px;
}

/* div.centerColumn */
div.centerColumn div#main {
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	width: 700px;
}

/*-----------------------------------------------
	div#utility
-----------------------------------------------*/

div#utility {
	display: none;
	width: 220px;
}

/* div.rightColumn */
div.rightColumn div#utility {
	display: inline;
	float: right;
}

/* div.leftColumn */
div.leftColumn div#utility {
	display: inline;
	float: left;
}

/* div.centerColumn */
div.centerColumn div#utility {
}

/*-------------------------------------------------------------------

	Footer

-------------------------------------------------------------------*/

div#footer {
}

div#footer p#btnScrollTop {
	bottom: 50px;
	right: 40px;
	position: fixed;
}

div#footer ul.bnrList {
	margin: 20px auto 0;
	width: 940px;
}

div#footer ul.bnrList li {
	background-image: none;
	padding: 0;
}

div#footer ul.bnrList li + li {
	margin-left: 20px;
}

div#footer p.copyrights {
	margin: 15px 0;
	text-align: center;
}

/*-----------------------------------------------
	div.cvWrapper
-----------------------------------------------*/

div.cvWrapper {
}

div.cvWrapper div.content {
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 20px;
	width: 960px;
}

div.cvWrapper div.content ul.cv {
	margin-left: auto;
	width: 380px;
}

/*-----------------------------------------------
	div.navWrapper
-----------------------------------------------*/

div.navWrapper {
	background-color: #000;
}

div.navWrapper div.content {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

div.navWrapper div.navUnit {
	padding: 30px 0;
}

div.navWrapper div.navUnit ul.nav {
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 220px;
}

div.navWrapper div.navUnit ul.nav li {
	background-image: url("../img/icon/arrow_right.gif");
}

div.navWrapper div.navUnit ul.nav p.cat {
	color: #fff;
}

div.navWrapper div.navUnit a:link,
div.navWrapper div.navUnit a:visited {
	color: #fff;
}

div.navWrapper div.navUnit a:hover,
div.navWrapper div.navUnit a:active,
div.navWrapper div.navUnit a:focus {
	color: #fff;
	text-decoration: underline;
}

div.navWrapper ul.navLink {
	border-top: 1px solid #292e32;
	margin: 0;
	padding: 0 10px;
}

div.navWrapper ul.navLink li {
	background-image: none;
	float: left;
	margin: 0;
	padding: 0;
}

div.navWrapper ul.navLink li + li {
	margin-left: 20px;
}

div.navWrapper ul.navLink a {
	background-image: url("../img/icon/arrow_right.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	display: block;
	padding: 10px;
}

div.navWrapper ul.navLink a:link,
div.navWrapper ul.navLink a:visited {
	color: #b1b7bc;
}

div.navWrapper ul.navLink a:hover,
div.navWrapper ul.navLink a:active,
div.navWrapper ul.navLink a:focus {
	color: #b1b7bc;
	text-decoration: underline;
}

div.navWrapper ul.navLink.en {
	text-align: center;
}

div.navWrapper ul.navLink.en li {
	display: inline-block;
	float: none;
}

div.navWrapper ul.navLink.en a:link,
div.navWrapper ul.navLink.en a:visited {
	color: #fff;
}

div.navWrapper ul.navLink.en a:hover,
div.navWrapper ul.navLink.en a:active,
div.navWrapper ul.navLink.en a:focus {
	color: #fff;
	text-decoration: underline;
}

div.navWrapper div.navUnit ul.nav li.noLink {
	background-image: none;
	padding-left: 0;
}

div.navWrapper div.navUnit ul.nav li.noLink p.cat {
	font-size: 15px;
	font-weight: bold;
}

div.navWrapper div.navUnit ul.nav li.noLink ul.subNav {
	margin-left: 10px;
}

/*-------------------------------------------------------------------

	Clearfix

-------------------------------------------------------------------*/

.clearfix,
.content,
div#header div.wrapper,
div#globalNav ul.navCat,
div.navWrapper div.navUnit,
div.navWrapper ul.navLink {
	*zoom: 100%;

	/* Only Mac IE \*//*/
	height: auto;
	display: inline-table;
	/**/
}

.clearfix:after,
.content:after,
div#header div.wrapper:after,
div#globalNav ul.navCat:after,
div.navWrapper div.navUnit:after,
div.navWrapper ul.navLink:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}