@charset "UTF-8";

body {
	text-align: center;
	background: #f1eee8;
}

div#wrap {
	margin: 0 auto;
	width: 100%;
}

div#wrap div#container {
	margin: 0 auto;
	width: 93.7%;
	max-width: 768px;
	text-align: left;
	background: #f1eee8;
}

/*-----------------------------------------------------------
	header
-----------------------------------------------------------*/
div#wrap div#container header {}
div#wrap div#container header div#header {
	width: 100%;
	text-align: center;
}

div#wrap div#container header h1 {
	margin: 30px 0 0 0;
	width: 234px;
}

div#wrap div#container header nav {
	margin-bottom: 30px;
	width: 100%;
	float: right;
}

div#wrap div#container header nav ul {
	margin-top: 20px;
}
div#wrap div#container header nav ul li {
	padding: 0;
	float: left;
	border-right: dotted 1px #090805;
	display: block;
	min-height: 20px;
	width: 19.8%;
	line-height: 0;
}
div#wrap div#container header nav ul li a {
	padding: 10px 50% 0 50%;
	background-position: 50% 7px;
	display: block;
	min-height: 20px;
}
div#wrap div#container header nav ul li a span {
	display: none;
}

div#wrap div#container header nav ul li a.company {
	background: url(../images/btn-globalMenu01.png) 50% 0 no-repeat;
}div#wrap div#container header nav ul li a.natalie {
	background: url(../images/btn-globalMenu02.png) 50% 0 no-repeat;
}div#wrap div#container header nav ul li a.news {
	background: url(../images/btn-globalMenu03.png) 50% 0 no-repeat;
}div#wrap div#container header nav ul li a.contact {
	background: url(../images/btn-globalMenu04.png) 50% 0 no-repeat;
}div#wrap div#container header nav ul li a.recruit {
	background: url(../images/btn-globalMenu05.png) 50% 0 no-repeat;
}
div#wrap div#container header nav ul li a:hover, div#wrap div#container header nav ul li a:focus {
	background-position: 50% -60px;
}

div#wrap div#container header nav ul li:nth-child(5) {
	border: none;
}

.menubtn {
	display:none;
}
.togmenu {
	display:block;
}
#menu li {
	display: inline-block;
	border:none;
}

/*-----------------------------------------------------------
	contents
-----------------------------------------------------------*/
div#main-picture {
	margin-bottom: 20px;
	text-align: center;
}
div#main-picture img {
	width: 100%;
	height: auto;
}

section.contents {
	margin: 0 auto 34px auto;
	width: 100%;
}
section.contents article.menu {
	margin-bottom: 2%;
	padding-right: 2%;
	float: left;
	width: 49%;
}
article.sp-recruit {
	display: none!important;
	width:0;
	height: 0;
}

section.contents article.menu:nth-child(2n) {
	padding-right: 0;　
}

div.contents-menu {
	padding: 14px 10%;
	background: #fff;
	border: solid 1px #ece6db;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.contents-menu h2 {
}

#company h2 img {
	width: 78%!important;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}#natalie h2 img {
	width: 84%!important;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}#news h2 img {
	width: 56%!important;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}#contact h2 img {
	width: 63%!important;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}

div.contents-menu h2 a {
	padding-bottom: 72px;
	display: block;
}
div.contents-menu h2.cont01 {
	background: url(../images/bg-contents-menu01.jpg) 0 0 no-repeat;
	-moz-background-size:contain;
	background-size:100%;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}
div.contents-menu h2.cont02 {
	background: url(../images/bg-contents-menu02.jpg) 0 0 no-repeat;
	-moz-background-size:contain;
	background-size:100%;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}
div.contents-menu h2.cont03 {
	background: url(../images/bg-contents-menu03.jpg) 0 0 no-repeat;
	-moz-background-size:contain;
	background-size:100%;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}
div.contents-menu h2.cont04 {
	background: url(../images/bg-contents-menu04.jpg) 0 0 no-repeat;
	-moz-background-size:contain;
	background-size:100%;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}

div.contents-menu ul {}
div.contents-menu ul li {
	font-size: 93%;
	line-height: 180%;
}
div.contents-menu ul li a {
	padding: 0 0 0 1.2em;
	background: url(../images/ico-arrow.png) 0 0.5em no-repeat;
	display: block;
}

/*-----------------------------------------------------------
	下層ページ
-----------------------------------------------------------*/
div#main-area {
	margin-bottom: 40px;
	background: #fff;
	border: solid 1px #ebe7e0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.topic-path {
	margin: 20px;
	font-size: 93%;
}
div.topic-path a {
	padding-right: 0.5em;
}
div.topic-path span {
	padding-left: 0.5em;
}

div#main-area div#main-inner {
	margin: 0 auto 40px auto;
	width: 85.3%;
	max-width: 819px;
}

div#main-area div#main-inner h2 {
	margin-bottom: 10px;
	padding-bottom: 22%;
	-moz-background-size:contain;
	background-size:contain;
}
#company div#main-inner h2 {
	background: url(../images/bg-h2-company.jpg) left bottom no-repeat;
}#news div#main-inner h2 {
	background: url(../images/bg-h2-news.jpg) left bottom no-repeat;
}#natalie div#main-inner h2 {
	background: url(../images/bg-h2-natalie.jpg) left bottom no-repeat;
}#contact div#main-inner h2 {
	background: url(../images/bg-h2-contact.jpg) left bottom no-repeat;
}

div#main-area div#main-inner h2 img {
	width: 100%;
}

div#main-area div#main-inner ul.anchor-link {
	padding-bottom: 40px;
}
div#main-area div#main-inner ul.anchor-link li {
	padding-right: 1em;
	float: left;
}
div#main-area div#main-inner ul.anchor-link li a {
	padding: 0 0 0 0.5em;
	background: url(../images/ico-arrow-s.png) 0 0.5em no-repeat;
	font-size: 93%;
	line-height: 0;
}

div#main-inner h3 {
	margin-bottom: 23px;
	font-size: 167%;
	font-weight: bold;
	letter-spacing: 0.1rem; 
} 
#company h3 {
	color: #bf713d;
}#news h3 {
	color: #30709e;
}#contact h3 {
	color: #518875;
}#natalie h3 {
	letter-spacing: 0!important; 
}

div#main-inner article {
	margin-bottom: 50px;
}

div#main-inner table {
	width: 100%;
	border-top: solid 1px #dedede;
	border-right: solid 1px #dedede;
}
div#main-inner table th,
div#main-inner table td {
	padding: 10px 20px;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
}
div#main-inner table th {
	background: #f9f8f7;
	font-weight: normal;
}
#company div#main-inner #cont01 table th,
#company div#main-inner #cont04 table th,
#company div#main-inner #cont07 table th {
	width: 23%;
}
#contact div#main-inner table th {
	width: 45%;
}

div#main-inner .table-dl {
	margin-bottom: 30px;
	
}
div#main-inner .table-dl dl {
	width: 100%;	
}
div#main-inner .table-dl dl.title {
	display: none;
}
div#main-inner .table-dl dl dt,
div#main-inner .table-dl dl dd {
	padding: 2.4%;
	width: 95%;
}

div#main-inner .table-dl dl dt {
	background: #f9f8f7;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
}
div#main-inner .table-dl dl dt.line-top,
div#main-inner .table-dl dl dd.line-top {
	border-top: solid 1px #dedede;
}
div#main-inner .table-dl dl dd {
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
}



div#main-inner div.contents-block {
	width: 100%;
}
div#main-inner div.contents-block .block01 {}

article.bd {
	margin-bottom: 30px!important;
	padding-bottom: 20px;
	border-bottom: dotted 1px #ccc;
}

#natalie .music h3{
	color: #DE699B;
}#natalie .comic h3 {
	color: #65B328;
}#natalie .owarai h3 {
	color: #CF3127;
}#natalie .store h3 {
	color: #009294;
}#natalie .eiga h3 {
	color: #736dcd;
}#natalie .stage h3 {
	color: #b1965a;
}
 
div#main-inner div.contents-block .block02 p.link {
	margin-top: 20px;
	padding: 4px 10px;
	background: #f4f3ee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: left;
}
div#main-inner div.contents-block .block02 p.link a {
	padding: 0 10px 0 1.5em;
	background: url(../images/ico-outside.png) 0.4em 0.5em no-repeat;
	display: block;
}
 
div#main-inner div.contents-block .natalie-image img  {
	width: 100%;
}

div#main-inner div.contents-block div.natalie-image {
	margin-top: 15px;
	padding: 0 1% 1% 1%;
	width: 100%;
	text-align: center;
} 

div#main-inner div.contents-block div.natalie-image p {
	padding-left: 20px;
	float: left;
}
div#main-inner div.contents-block div.natalie-image p.pc-img {
	width: 49%;
}
div#main-inner div.contents-block div.natalie-image p.sp-img {
	width: 33%;
}
div#main-inner div.contents-block p.natalie-image img {
	border: solid 4px #bcb8ad;
}
div#main-inner div.contents-block div.natalie-image p img {
	border: solid 4px #CAC7BE;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}

div#main-inner div.contents-block div.natalie-image a:hover img {
	opacity: 0.8;
}
div#main-inner ul {}
div#main-inner ul li {
	line-height: 180%;
}


#company h4 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
}
#company h5 {
	margin-bottom: 0.3em;
	font-weight: bold;
}
#company h4.border {
	padding-bottom: 7px;
	display: inline-block;
	border-bottom: solid 1px #bf713d;
}
div#main-inner p {
	margin-bottom: 30px;
}

div#main-inner #map_canvas2 {
	border: solid 3px #e7e3df;
}

#news h4 {
	margin-bottom: 20px;
	font-size: 131%;
}
#news h5 {
	margin-bottom: 10px;
	color: #306289;
	font-weight: bold;
}

div.border-box {
	margin-bottom: 30px;
	border: dotted 1px #c2c2c2; 
}
div.border-box dl {
	margin: 20px 20px 0 20px;
}
div.border-box dl dt {
	margin-bottom: 10px;
	display: inline-block;
	padding: 0.2rem;
	background: #f1eee8;
}
div.border-box dl dd {
	margin-bottom: 20px;
}

#company div#main-inner p {
	margin-bottom: 30px;
}
div#main-inner p {
	margin-bottom: 10px;
}

div#main-inner #map_canvas2 {
	border: solid 3px #e7e3df;
}

ul.three-line {
	width: 98.5%;
}
ul.three-line li {
	padding-right:3.5%;
	float: left;
	width: 31%;
}
ul.three-line li:nth-child(3) {
	padding-right: 0;
}
ul.three-line li img {
	border: solid 3px #e7e3df;
}

#news ul.three-line {
	margin: 0 auto;
	width: 100%!important;
}
#news ul.three-line li {
	float: left;
	width: 48%;
}
#news ul.three-line li:last-child {
	padding-right: 0;
	float: right;
}
#news ul.three-line li img {
	border: solid 3px #e7e3df;
	width: 100%;
}

div.three-line {
	margin-left: -2.7%;
	width: 103%;
}
div.three-line div.block {
	margin: 0 0 2.7% 2.7%;
	padding: 2% 2% 1% 2%;
	float: left;
	width: 43.3%;
	background: #F1EEE8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
}

div.three-line div.block h4{
	padding: 7px;
	margin-bottom: 15px;
	text-align: left;
	font-size: 108%;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.three-line div.block h4.music{
	border-left: solid 5px #de699b;
}div.three-line div.block h4.comic {
	border-left: solid 5px #b6db7b;
}div.three-line div.block h4.owarai {
	border-left: solid 5px #ec7e7e;
}div.three-line div.block h4.store {
	border-left: solid 5px #8bd1cf;
}div.three-line div.block h4.smart {
	border-left: solid 5px #cac2a6;
}
div.three-line div.block h4 a {
	text-decoration: none;
	display :block;
}

div.three-line div.block p.text {
	margin-bottom: 15px!important;
	text-align: left;
	line-height: 140%;
}
div.three-line div.block p.link {
	padding: 7px 10px;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: left;
}
div.three-line div.block p.link a {
	display: block;
}

div.three-line div.block p.sample-image {
	padding: 0;
	border: solid 1px #fff;
	line-height: 0;
}
div.three-line div.block p.sample-image img {
	width: 100%;
}

/*-----------------------------------------------------------
	footer
-----------------------------------------------------------*/
footer {
	width: 100%;
	background: #eeebe8;
	text-align: center;
}

footer div#pagetop {
	background: url(../images/bg-pagetop.png) top left repeat-x;
	width: 100%;
}
footer div#pagetop #pagetop-inner {
	margin: 0 auto;
	width: 93.7%;
	max-width: 960px;
	text-align: right;
}

footer div#footer {
	margin: 0 auto;
	padding: 30px 0 50px 0;
	width: 90%;
	text-align: left;
}

footer div#footer div.footer-access {}
footer div#footer div.footer-access #map_canvas {
	border: solid 3px #fff;
	width: 97%!important;
}

footer div#footer div.footer-access h3 {
	margin-bottom: 14px;
}
footer div#footer div.footer-access h3 a {
	font-weight: normal;
	font-size: 85%;
	text-decoration: none;
}
footer div#footer div.footer-access h3 p.access-link {
	padding-left: 5px;
	float: right;
}

footer div#footer div.footer-access address p {
	margin-top: 10px;
	font-style: normal;
}

footer div#footer div.footer-menu {
	margin-top: 30px;
	width: 100%;
}
footer div#footer div.footer-menu h3 {
	margin-bottom: 17px;
}
footer div#footer div.footer-menu nav {
	margin-bottom: 30px;
}
footer div#footer div.footer-menu nav dl {
	padding-right: 5px;
	margin-bottom: 20px;
	float: left;
}
footer div#footer div.footer-menu nav dl.menu01 {
	width: 17%;
}footer div#footer div.footer-menu nav dl.menu02 {
	width: 24%;
}footer div#footer div.footer-menu nav dl.menu03 {
	width: 28%;
}footer div#footer div.footer-menu nav dl.menu04 {
	width: 26%;
}

footer div#footer div.footer-menu nav dl a {
	text-decoration: none;
	display: block;
}
footer div#footer div.footer-menu nav dl dt {
	margin-bottom: 10px;
	font-weight: bold;
}
footer div#footer div.footer-menu nav dl dt a,
footer div#footer div.footer-menu nav dl dd a {
	padding: 0 0 0.7em 0.8em;
	background: url(../images/ico-arrow-s.png) 0 0.4em no-repeat;
	line-height: 130%;
	font-size: 93%;
}

footer div#footer div.footer-menu nav ul {}
footer div#footer div.footer-menu nav ul li {
	float: left;
	padding-right:8px;
}
footer div#footer div.footer-menu nav ul li a {
	font-size: 93%;	
	line-height: 100%;
	
}
footer div#footer div.footer-menu nav ul li.outside-link {
	margin: 4px 0 0 0;
	padding: 0 18px 0 1.7em;
	border-left: dotted 1px #090805;
	background: url(../images/ico-outside.png) 0.6em 0.4em no-repeat;
}

footer div#footer p.copyright {
	text-align: center;
}

a.ico-arrow {
	padding: 0 0 0 1em;
	background: url(../images/ico-arrow.png) 0 0.2em no-repeat;
}
a.ico-outside-link {
	padding: 0 0 0 1.7em;
	background: url(../images/ico-outside.png) 0.6em 0.4em no-repeat;
}



/*-----------------------------------------------------------
	プレスリリース追加
-----------------------------------------------------------*/
.press div#main-inner h2 {
	background: none!important;
	padding-bottom: 0!important;
}
#pressrelease {
	margin: 0 auto;
	padding: 0 0 10px 0;
	width: 90%;
}
#pressrelease h4 {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	font-size: 140%;
	border-bottom: solid 1px #ccc;
}
#pressrelease p.date {
	margin: 40px 0 15px 0!important;
	color: #555;
}

.align-right {
	text-align: right;
}

/*-----------------------------------------------------------
	10/16 Syn.
-----------------------------------------------------------*/

#pressrelease h4 span {
	font-size: 90%;
}

#pressrelease div.head-group {}
#pressrelease div.head-group .company-name {
	float: right;
}
#pressrelease div.head-group .logo {
	float: left;
}
#pressrelease span.small {
	font-size: 80%;
}
#pressrelease p.indent {
	padding-left: 2.5em!important;
	text-indent: -2.5em;
}
#pressrelease .caption-group {
	margin: 40px 0 0 0;
	font-size: 90%;
}
#pressrelease .caption-group p {
	margin: 0 0 5px 0!important;
}

#pressrelease div.data-group {
	margin: 70px 0 0 0;
}
#pressrelease h5 {
	margin: 0 0 20px 0;
	font-size: 120%;
}
#pressrelease div.data-group th {
	background: #e7f4f2;
}

#pressrelease div.data-group th.col01 {
	width: 1%;
}#pressrelease div.data-group th.col02 {
	width: 3%;
}#pressrelease div.data-group th.col03 {
	width: 9%;
}#pressrelease div.data-group th.col04 {
	width: 22%;
}#pressrelease div.data-group th.col05 {
	width: 44%;
}
#pressrelease div.data-group td {
	padding: 6px!important;
}
#pressrelease div.data-group td {
	vertical-align: middle;
}
#pressrelease div.data-group td span.hidden {
	display: none;
}
#pressrelease div.data-group td img {
	width: 100%;
}

#pressrelease .data-group02 {
	margin: 70px 0 0 0;
}
#pressrelease .data-group02 p {
	margin: 0 0 20px 0!important;
}
#pressrelease .data-group02 img {
	width: 100%;
}

/*-----------------------------------------------------------
	11/4 Pinga
-----------------------------------------------------------*/

#pressrelease img.w100 {
	width: 100%;
}
#pressrelease img.border {
	border: solid 1px #ccc;
}



#pressrelease .pinga-info {
	margin: 60px 0 0 0;
}
#pressrelease .pinga-info h5 {
	margin: 20px 0;
	color: #fc6378;
}
#pressrelease .pinga-info h6  {
	margin:0 0 10px 0;
}
#pressrelease .pinga-info .p-text {
	float: left;
	width: 63%;
}
#pressrelease .pinga-info .p-img {
	float: right;
	width: 26%;
}
#pressrelease .pinga-info .p-img img {
	width: 100%;
}

/*-----------------------------------------------------------
	11/28 My Natalie
-----------------------------------------------------------*/

#pressrelease .mn-info {
	margin: 60px 0 0 0;
}
#pressrelease .mn-info h5 {
	margin: 0 0 10px 0;
	font-size: 130%;
}
#pressrelease p span.bold {
	font-weight: bold!important;
}
#pressrelease .app-group {
	padding: 15px 15px 0 15px;
	background: #eee;
	border: solid 1px #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#pressrelease .app-group h5 {
	font-size: 100%;
}

#pressrelease .app-group .clearfix {
	margin: 0 auto;
	width: 80%;
}
#pressrelease .app-group p.app-itunes {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 60%;
}
#pressrelease .app-group p.app-qr {
	float: right;
	width: 30%;
}

.mn-info ul {
	margin: 0 0 40px 0;
}
.mn-info ul.list5 li {
	margin: 0 1% 2% 0;
	float: left;
	width: 32%;
	text-align:center;
}
.mn-info ul.list2 {
	margin: 0 auto 40px auto!important;
}
.mn-info ul.list2 li {
	margin: 0 2% 0 0;
	float: left;
	width: 48%;
	text-align:center;
}
.mn-info ul li img {
	width: 100%;
}