/* ライセンスページCSS */

/* -----------------------------------------------------------------
	採用情報ページの基本設定
-------------------------------------------------------------------- */

/*-- 基本設定クリア -- */
.licence-body div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, textarea, legend, article, aside, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	color: #000;
}
a {
	outline: none;
}
body {
	-webkit-text-size-adjust: 100%;
}
/* -- 採用情報ページのメインボディ(width: 830px)  -- */
.licence-body {
	margin: 2px 9px 2px 9px;
	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* -----------------------------------------------------------------
	トップページの設定
-------------------------------------------------------------------- */
div.licence-top-main {
	width: 830px;
	height: 360px;
	display: block;
	overflow: hidden;
	position: relative;
}
div.licence-top-news {
	width: 100%;
	position: absolute;
	padding: 10px;
	bottom: 0;
	text-align: center;
	background-color: #434343;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
}
div.licence-top-news span.news-icon {
	padding: 0 10px;
	margin-right: 20px;
	background-color: #FF9613;
	color: #FFF;
	font-size: 12px;
}
div.licence-top-news span.news-text a {
	font-size: 12px;
	color: #FFF;
}
div.licence-top-news span.news-text a:hover {
	text-decoration: underline;
	color: #FFF;
}
/* -- メインナビゲーション -- */
div.licence-top-nav {
	margin-top: 20px;
}
.licence-top-nav .nav-head ul {
	width: auto;
	list-style: none;
	text-align: center;
}
.licence-top-nav .nav-head ul:after {
	content: "";
	clear: both;
	display: block;
}
.licence-top-nav .nav-head ul li a {
	width: 24.44444%;
	margin: 0 2px;
	font-size: 20px;
	color: #444;
	border-bottom: 3px solid #ccc;
	display: block;
	float: left;
}
.licence-top-nav .nav-head ul li a.on {
	border-bottom: 3px solid #FF9613;
}
.licence-top-nav .nav-head ul li a:hover {
	color: #444;
	text-decoration: none;
	border-bottom: 3px solid #FF9613;
}
.licence-top-nav div.nav-body {
	margin-bottom: 20px;
}
.licence-top-nav div.nav-body:after {
	content: "";
	clear: both;
	display: block;
}
.licence-top-nav .nav-body div.nav-body-container {
	width: 24.44444%;
	margin: 0 2px;
	padding: 15px 5px 10px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
}
.licence-top-nav .nav-body div.nav-body-container ul {
	list-style: none;
	line-height: 1.8em;
}
.licence-top-nav .nav-body div.nav-body-container ul li a {
	display: block;
	font-size: 14px;
	color: #444;
}
.licence-top-nav .nav-body div.nav-body-container ul li a:hover {
	color: #444;
	text-decoration: none;
}
.licence-top-nav .nav-body div.nav-body-container ul li a i {
	color: #999;
	margin-right: 8px;
}
.licence-top-nav .nav-body div.nav-body-container ul li a:hover i {
	color: #FF9613;
}

/* -- アンダーナビゲーション -- */
.corporate-under-nav {
	width: 830px;
}
.corporate-under-nav ul {
	list-style: none;
	padding: 20px 210px 0 210px ;
}
.corporate-under-nav li a {
	padding: 0 10px;
	font-size: 10px;
	display: inline-block;
	color: #333;
	border-right: solid 1px #999;
	float: left;
	border-bottom: 2px solid #FFF;
}
.corporate-under-nav li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #FF9613;
}
.corporate-under-nav li:first-child a {
	border-left: solid 1px #999;
}

/* -----------------------------------------------------------------
	各ページ 共通部分の設定
-------------------------------------------------------------------- */

/* -- グローバルナビ --*/
.licence-head .licence-gnav {
	width: 600px;
	float: left;
	margin-bottom: 10px;
}
.licence-head .licence-gnav:after {
	content: "";
	clear: both;
	display: block;
}
.licence-head .licence-gnav ul {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.licence-head .licence-gnav ul:after {
	content: "";
	clear: both;
	display: block;
}
.licence-head .licence-gnav ul li a{
	width: 80px;
	height: 20px;
	padding: 2px 11px 2px 5px;
	display: block;
	color: #666;
	font-size: 14px;
	border-right: 1px solid #999;
	float: left;
}
.licence-head .licence-gnav ul li:last-child a{
	width: 155px;
}
.licence-head .licence-gnav ul li a.text-long{
	font-size: 12px;
}
.licence-head .licence-gnav ul li a:hover{
	text-decoration: none;
	color: #666;
}
.licence-head .licence-gnav ul li a.off span {
	width: 10px;
	margin-right: 5px;
	color: #FFF;
}
.licence-head .licence-gnav ul li a.on span {
	width: 10px;
	margin-right: 5px;
	color: #FF9613;
}
/* -- タイトル -- */
.licence-head-title {
	width: 230px;
	float: right;
}
.licence-head-title:after {
	content: "";
	clear: both;
	display: block;
}
.licence-head-title h1 {
	font-size: 30px;
	font-weight: normal;
	color: #666;
	padding-right: 10px;
	text-align: right;
	display: block;
	height: auto;
}
.licence-head-title h2 {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin-top: 10px;
	padding-right: 10px;
	display: block;
	color: #B8B8B8;
	letter-spacing: 0.2em;	/* 文字幅を広くする */
}
.licence-head-title h2 span {
	color: #FF9613;
}
.licence-head:after {
	content: "";
	clear: both;
	display: block;
}
.licence-contents-name {
	width: 830px;
	height: 70px;
	margin-top: 20px;
	display: block;
	border-radius: 10px;
	background-image: url(img/common/contents_header.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.licence-contents-name h1 {
	clear: both;
	width: 400px;
	float: left;
	font-weight: normal;
	font-size: 24px;
	color: #FFF;
	font-family:"HG創英角ｺﾞｼｯｸUB","HG創英角ｺﾞｼｯｸEB","ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	margin-left: 50px;
	padding-top:25px;
	display: block;
}
.licence-contents-name h2 {
	width: 300px;
	padding: 28px 20px 0 0;
	text-align: right;
	display: block;
	float: right;
	font-weight: normal;
	letter-spacing: 0.1em;	/* 文字幅を広くする */
	color: #FFF;
}

/* -- サブナビ -- */
div.licence-sub-nav {
	margin: 20px 10px 30px 10px;
}
div.licence-sub-nav:after {
	content: "";
	clear: both;
	display: block;
}
div.licence-sub-nav ul {
	list-style: none;
}
div.licence-sub-nav ul li a {
	padding: 3px 10px;
	margin: 0 5px;
	font-size: 14px;
	color: #FFF;
	display: block;
	border-radius: 20px;
	float: left;
}
div.licence-sub-nav ul li a i {
	color: #FFF;
	margin-right: 5px;
}
div.licence-sub-nav ul li a.off {
	background-color: #999;
}
div.licence-sub-nav ul li a.on {
	background-color: #FF9613;
}
div.licence-sub-nav ul li a:hover {
	text-decoration: none;
	background-color: #FF9613;
}

/* -- 年代ナビ -- */
div.licence-category-nav {
	margin: 20px;
}
div.licence-category-nav:after {
	content: "";
	clear: both;
	display: block;
}
div.licence-category-nav ul {
	list-style: none;
}
div.licence-category-nav ul li a {
	display: block;
	color: #444;
	padding: 0 10px 0 15px;
	margin-bottom: 10px;
	font-size: 14px;
	float: left;
	border-right: solid 1px #999;
	border-bottom: solid 2px #FFF;
}
div.licence-category-nav ul li:first-child a {
	border-left: solid 1px #999;
}
div.licence-category-nav ul li a:hover {
	border-bottom: solid 2px #FF9613;
	text-decoration: none;
}

/* --- 検索ボックス --- */
#licenceSearch {
	padding: 10px;
	margin: 20px 50px;
	display: block;
	border: solid 1px #CCC;
}
#licenceSearch table  {
	margin-bottom: 20px;
}
#licenceSearch table tr td {
	width: 20%;
	padding: 0px 10px 5px 10px;
	text-align: center;
}
#licenceSearch #searchButton {
	text-align: center;
	margin-bottom: 10px;
}
#licenceSearch input#searchBtn {
	padding: 5px 20px;
}
#searchCnt {
	margin-left: 50px;
}

/* --- ライセンスページ本体 --- */
#licenceBody {
	width: 730px;
	margin: 20px 50px 30px 50px;
}

/* --- ひとつのライセンス商品範囲 --- */
#licenceBody .proArea {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	overflow: hidden;
	border-bottom-style: dotted;
	border-bottom-color: #AEAEAE;
	display: none;
	opacity: 0;
}

/* --- 商品名 --- */
#licenceBody .proArea .proName {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 8px;
	margin-bottom: 10px;
	height: auto;
	font-size: 16px;
	background-color: #F9D49E;
}
#licenceBody .proArea .proName .proNameBody {
	font-size: 14px;
	line-height: 130%;
	margin: 0px;
	padding-left: 10px;
	border-left: 20px solid #FFFFFF;
}

/* --- 商品画像 --- */
#licenceBody .proArea .proImg {
	width: 230px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: center;
}
#licenceBody .proArea .proImg img {
	max-width: 100%;
}

/* --- キャッチコピー・商品紹介・その他 --- */
#licenceBody .proArea .proVarious {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

/* --- 商品キャッチコピー --- */
#licenceBody .proArea .proVarious .proCopy {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #675A4C;
	padding: 5px 5px;
	margin-bottom: 5px;
	font-size:14px;
	text-align: center;
}

/* --- 商品紹介文 --- */
#licenceBody .proArea .proVarious .proIntro {
	padding: 5px;
	margin-bottom: 20px;
	font-size: 12px;
}

/* --- 商品情報 --- */
#licenceBody .proArea .proVarious .proInfo {
	padding: 5px;
	margin-bottom: 10px;
	border: solid 1px #BBBBBB;
}
#licenceBody .proArea .proVarious .proInfo .proItem {
	margin: 5px 5px;
}
#licenceBody .proArea .proVarious .proInfo .proItem .proItemHead {
	text-align: center;
	width: 90px;
	float: left;
}
#licenceBody .proArea .proVarious .proInfo .proItem .proItemBody {
	overflow: hidden;
}

/* --- moreボタン --- */
.more a {
	height: 50px;
	width: 50px;
	margin-top:20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #FF9613;
	border-radius: 25px;
}
.more a i {
	color: #FFF;
}
.more a:hover {
	box-shadow: 0 0 5px #999;
}
.more a:hover  i {
	color: #FFF;
}
/* --- トップページに戻るボタン --*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    background: #999;
    text-decoration: none;
    color: #FFF;
    width: 120px;
    padding: 50px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #FF9613;
}
#loading {
	text-align: center;
}


/* -----------------------------------------------------------------
	ライセンス提供先（共通）の設定
-------------------------------------------------------------------- */
div.licence-category-table {
	margin: 20px;
}
.licence-category-table h2 {
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 20px;
}
.licence-category-table h2 i {
	margin-right: 10px;
	color: #FF9613;
}
.licence-category-table table {
	border-collapse: collapse;
}
/* -----------------------------------------------------------------
	ライセンス提供先（コラボ）の設定
-------------------------------------------------------------------- */
.licence-category-table table.collabo tr td {
	width: 750px;
	border: solid 1px #BBB;
	padding: 10px;
}
.licence-category-table table.collabo tr td:after {
	content: "";
	clear: both;
	display: block;
}
.licence-category-table table.collabo tr td h3 {
	font-weight: normal;
	padding: 5px  0 5px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	border-left: solid 7px  #999;
	border-bottom: dotted 2px #CCC;
}
.licence-category-table table.collabo tr td h3.long {
	font-size: 13px;
}
.licence-category-table table.collabo tr td h3:after {
	content: "";
	clear: both;
	display: block;
}
.licence-category-table table.collabo tr td h3 span {
	float: right;
	color: #FFF;
	margin: 0 5px;
	font-size: 14px;
	padding: 0 10px;
	border-radius: 10px;
}
.licence-category-table table.collabo tr td h3 span.smapho {
	background-color: #62B2F4;
}
.licence-category-table table.collabo tr td h3 span.game {
	background-color: #FFA72A;
}
.licence-category-table table.collabo tr td h3 span.pc {
	background-color: #5CD475;
}
.licence-category-table table.collabo tr td h3 span.other {
	background-color: #EDE133;
}
.licence-category-table table.collabo tr td h3 span i {
	margin-right: 5px;
	color: #FFF;
}
.licence-category-table table.collabo tr td div {
	width: 240px;
	color: #666;
	margin-left: 10px;
	float: left;
}
/* -----------------------------------------------------------------
	ライセンス提供先（type-A）の設定
-------------------------------------------------------------------- */
.licence-category-table table.type-A tr th {
	width: 200px;
	border: solid 1px #BBB;
	padding: 10px;
	vertical-align: top;
	font-size: 12px;
	text-align: left;
	background-color: #EEE;
	font-weight: normal;
}
.licence-category-table table.type-A tr:first-child th {
	border-top: solid 3px #FF9613;
}
.licence-category-table table.type-A tr td {
	width: 600px;
	border: solid 1px #BBB;
	padding: 10px;
}
.licence-category-table table.type-A tr:first-child td {
	border-top: solid 3px #888;
}
.licence-category-table table.type-A tr td ul {
	list-style: disc;
	margin-left: 15px;
	list-style-position: outside;
	color: #444;
}
.licence-category-table table.type-A tr td ul li {
	color: #444;
	font-size: 12px;
}
.licence-category-table table.type-A tr td ul li span {
	font-size: 8px;
}

/* -----------------------------------------------------------------
	キャラクター紹介ページの設定
-------------------------------------------------------------------- */
div.licence-chara-container {
	margin: 10px 30px;
	padding: 10px;
	border-bottom: dotted 2px #999;
}
div.licence-chara-container:after {
	content: "";
	clear: both;
	display: block;
}
.licence-chara-container div.img-left {
	float: left;
	margin-right: 20px;
}
.licence-chara-container div.img-right {
	float: right;
	margin-left: 20px;
}
.licence-chara-container div.text {
	margin-top: 20px;
}
.licence-chara-container div.text.right {
	float: left;
	width: 500px;
}
.licence-chara-container div.text.left {
	float: right;
	width: 500px;
}
.licence-chara-container div.text p {
	font-size: 14px;
	line-height: 1.5em;
	color: #444;
}
.licence-chara-container div div.headline {
	padding: 5px 0 5px 15px;
	margin-bottom: 15px;
	border-left: solid 15px #999;
}
.licence-chara-container div div.headline h2 {
	margin-top: 10px;
	color: #444;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 15px;
}
.licence-chara-container div div.headline h4 {
	font-weight: normal;
	color: #666;
	font-size: 14px;
}
.licence-chara-container div div.headline h4 span a {
	padding: 2px 15px;
	float: right;
	display: block;
	border-radius: 10px;
	background-color: #888;
	color: #FFF;
}
.licence-chara-container div div.headline h4 span a i {
	color: #FFF;
	margin-left: 10px;
}
.licence-chara-container div div.headline h4 span a:hover {
	text-decoration: none;
	background-color: #666;
}
/* -- 各ページ -- */
div.licence-chara-game-title {
	margin: 30px;
	padding-top: 20px;
}
.licence-chara-game-title h3 {
	font-weight: normal;
	font-size: 24px;
	color: #444;
	border-bottom: solid 1px #666;
	padding-bottom: 5px;
}
.licence-chara-game-title h3:after {
	content: "";
	clear: both;
	display: block;
}
.licence-chara-game-title h3 span {
	float: right;
	margin-right: 10px;
}
.licence-chara-game-title h3 span a {
	font-size: 14px;
	color: #444;
}
.licence-chara-game-title h3 span a i {
	margin-left: 5px;
	color: #444;
}
.licence-chara-game-title h3 span a:hover {
	text-decoration: none;
	color: #888;
}
.licence-chara-game-title h3 span a:hover i {
	color: #888;
}
.licence-chara-game-title h4 {
	padding: 3px 15px;
	font-weight: normal;
	border-radius: 0 0 10px 10px;
	display: inline-block;
	background-color: #666;
	color: #FFF;
}
.licence-chara-game-title div.title-introduce {
	margin: 0;
}
.licence-chara-game-title div.title-introduce:after {
	content: "";
	clear: both;
	display: block;
}
.licence-chara-game-title .title-introduce div.text {
	width: 590px;
	margin: 10px;
	float: left;
}
.licence-chara-game-title .title-introduce div.text p {
	font-size: 14px;
	line-height: 1.5em;
	color: #444;
}
.licence-chara-game-title .title-introduce div.img {
	float: right;
}
.licence-chara-game-title div.chara-introduce {
	margin: 10px 30px;
}
.licence-chara-game-title div.chara-introduce:after {
	content: "";
	clear: both;
	display: block;
}
.licence-chara-game-title .chara-introduce div.character {
	width: 330px;
	margin: 10px;
	float: left;
	display: block;
}
.licence-chara-game-title .chara-introduce .character img {
	float: left;
	width: 80px;
	margin-right: 15px;
}
.licence-chara-game-title .chara-introduce div.character h5 {
	margin: 5px 10px 5px 90px;
	border-bottom: solid 1px #999;
	color: #666;
}
.licence-chara-game-title .chara-introduce div.character p {
	color: #444;
	font-size: 11px;
}
/* -----------------------------------------------------------------
	お問い合わせページの設定
-------------------------------------------------------------------- */
.lser-page h2 {
	margin: 10px 30px;
	padding: 0 20px;
	color: #444;
	line-height: 50px;
	font-weight: normal;
	font-size: 20px;
	border-left: 15px solid #FF9613;
}
.lser-page ul {
	list-style: none;
	margin: 30px 20px 30px 50px;
}
.lser-page ul li {
	margin: 10px 0;
	color: #444;
	font-size: 12px;
}
.lser-page ul li i {
	margin-right: 10px;
	color: #444;
}
.lser-page div.left {
	float: left;
}
.lser-page div.right:after {
	content: "";
	clear: both;
	display: block;
}
.lser-page h3 {
	margin: 20px 0;
	font-weight: normal;
	font-size: 16px;
	text-decoration: underline;
	color: #555;
	text-align: center;
	line-height: 1.8em;
}
.lser-page div.contact {
	margin: 30px 140px;
	padding: 20px;
	border: solid 1px #DDD;
}
.lser-page .contact h4 {
	margin-bottom: 10px;
	color: #444;
}
/* オレンジ		#FF9613;	*/