/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html,body { height: 100%; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; padding: 0; width: 100%; color: #fff; background-color:#000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold;  font-size: 12px; line-height: 1.4;  }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
 
::selection { background: rgba(68, 103, 14,0.80); color: #fff; text-shadow: none; }
::-moz-selection { background: #44670E; color: #fff; text-shadow: none; }




/* =============================================================================
   Links
   ========================================================================== */

a { color: #fff; text-decoration:none}
a:hover { color: #fff; text-decoration: underline; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dl { margin:0 0 10px; clear: both;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; width: 100%;  line-height:1.5; }
tr { background: url(../img/line_dot.png)  repeat-x left bottom ; _background: url(../img/line_dot.gif)  repeat-x left bottom ; }
td,th { padding: 15px 0; border: none; }
th { width: 15%; white-space: nowrap; vertical-align: top; text-align: left; font-weight: normal; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:http://www.devotion-japan.com/
   ========================================================================== */
   
h1 { margin-bottom: 50px; }
h2 { margin: 0  0 20px; }
h4 { margin: 0 0 10px 0; }

p { margin: 10px 0; line-height: 1.8; }


/*=================================================================
    common_clases
=================================================================*/

.align_right { text-align: right; }
.align_center { text-align: center; }
.align_left { text-align: left; }

.m10{ margin: 10px 0; }
.m20{ margin: 20px 0; }

.mb05{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb32{ margin-bottom: 32px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb70{ margin-bottom: 70px; }
.mb80{ margin-bottom: 80px; }
.mb90{ margin-bottom: 90px; }

.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }


.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.ml100 { margin-left: 100px; }
.wwrap {
	margin: 0px;
	padding: 0px;
	width: 350px;
	clear: both;
}
.wr {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
}
.wl {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100px;
}

.large_text { font-size: 120%; }
.small_text { font-size: 10px; }

.minimum_line { line-height:1.3; }

.block { display: block; }
.clear { clear: both; }

.vtop { vertical-align: top; }

.noborder { border: none; }
.nobg { background: none; }
.nopadding { padding: 0; }

dl { margin-bottom:5px; }
.indent100 dt{ float: left; width: 100px; }
.indent100 dd{ margin-left: 120px; }

.separate { background: url(../img/line_vertical.png) repeat-y top center; } 

.column2 { clear: both; }
.column2 .column_left{ float: left; width: 348px; text-align:justify;}
.column2 .column_right{ float: right; width: 348px; text-align:justify;}
.column2 ul { margin: 0 0 15px 0; padding: 0; list-style: none }
.column2 .column_right h3 { padding-left: 10px; }
.column2 .column_right li { padding-left: 10px; }

.column3 { margin: 25px 0; clear: both; overflow: hidden; width:720px; position: relative; }
.column3 ul { margin:0 -60px 0 0; padding: 0; overflow: hidden; width: 780px; list-style: none; }
.column3 li { margin-right: 25px; float: left; width: 235px; background: url(../img/line_vertical.png) repeat-y right top; }
.column3 li ul { margin: 0 0 15px 0; width: auto; }
.column3 li li { padding-right: 5px; clear: both; float: none; width: auto; background: none; }
.column3 h3 { margin: 0; float: left; }
.column3 p { margin: 0 35px 0 45px; }
.column3 .title_separate{ margin-bottom: 10px; }

.kakomi { margin-bottom:20px; height: 168px; background: url(../img/kakomi.png) no-repeat left top; font-weight: normal; }
.kakomi_inner h3 { margin:0 0 20px; font-weight: normal; }
.kakomi_inner { padding: 30px 30px 0 30px; overflow: hidden; }
.kakomi .column2 { background: url(../img/line_vertical.png) repeat-y center top; }
.kakomi .column_left { float: left; width:450px; }
.kakomi .column_right { float: right; width:410px; }
.kakomi .text_contact_address { background: url(../img/ic_address.png) no-repeat left 5px;}
.kakomi .text_contact_tel { font-size: 24px; background: url(../img/ic_number.png) no-repeat left 12px; }
.kakomi .text_contact_mail { font-size: 24px; background: url(../img/ic_mail.png) no-repeat left 12px; }
.kakomi p{ margin:0; padding-left: 40px; }

.read { margin:0 0 30px; }


.title { margin:0 0 40px; }
.title_separate { margin-bottom: 10px; font-size: 12px }
.title_category { margin: 20px 0 50px; }


/*=================================================================
    layout
=================================================================*/

#header_site ,
#main_wrap ,
#site_footer { margin: 0 auto; clear: both; width: 960px; }
* {zoom : 1} 

/*=================================================================
    wrapper
=================================================================*/

#wrapper_site { margin: 0 auto; height: 100%; background: url(../img/main_bg_inner.png) no-repeat center 53px #000; } 
#wrapper_site_inner { margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; background:url(../img/bg_body.png)  repeat 1px 1px; }

/*=================================================================
    header
=================================================================*/

#header_site { margin: 39px auto 45px; overflow: hidden; width: 960px; }

#header_left { margin-top: 13px; float: left; }

#logo { margin-right: 25px; float: left; width: 205px; }
#logo a{ display: block; height: 32px; background: url(../img/logo.png) no-repeat left top; text-indent: -9999px; }

#nav_home { margin-top: 7px; float: left; width: 56px;}
#nav_home  a{ padding-right:44px; display: block; background: url(../img/text_home.png) no-repeat 20px 4px; }
#nav_home  a:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transition: transform 0.4s ease-out; -webkit-transition: -webkit-transform 0.4s ease-out;  -moz-transition: -moz-transform 0.4s ease-out; }
#nav_global { float: right; width: 448px; }
#nav_global li { margin-left:24px; float:left; text-indent: -9999px; }
#nav_global li { _margin-left:12px; }
#nav_global li a { display: block; width: 88px; height: 44px; background: no-repeat left top; }
#nav_global a:hover { background-position:left bottom; }
#nav_global #gnav01 a { background-image: url(../img/gnav_company.png); }
#nav_global #gnav02 a { background-image: url(../img/gnav_business.png); }
#nav_global #gnav03 a { background-image: url(../img/gnav_recruit.png); }
#nav_global #gnav04 a { background-image: url(../img/gnav_contact.png); }
#nav_global .stay01 #gnav01 a ,
#nav_global .stay02 #gnav02 a ,
#nav_global .stay03 #gnav03 a ,
#nav_global .stay04 #gnav04 a { background-position:left bottom; } 

/*=================================================================
    main_wrap
=================================================================*/

#nav_banner { margin-bottom: 12px; clear: both; position: relative; width: 960px; height: 80px; overflow: hidden; background: url(../img/bg_banner.png) repeat left 1px;}
#nav_banner li { margin-right: 24px; float: left;}

#banner_area { margin: 0 5px 12px 30px; position: relative; top: 12px; width: 906px; height: 55px; overflow: hidden; }
#banner_area ul { margin: 0; padding: 0; clear:both; width:1800px; overflow: hidden; list-style :none; }
.no-js #nav_banner a:hover img{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

#nav_scroll { top:30px; left: 0; position: absolute; text-indent: -9999px; width: 960px; height:30px;}
#nav_next{ display:block; position: absolute; right: 4px; width: 14px; height:18px; background: url(../img/nav_next.gif) no-repeat left top; }
#nav_prev{ display:block; position: absolute; left: 7px; width: 16px; height:18px; background: url(../img/nav_prev.gif) no-repeat left top; }

#backtotop { margin-bottom: 17px; clear: both;; float: right; width: 77px; text-indent: -9999px; }
#backtotop a { display: block; height: 21px; background: url(../img/backtotop.png) no-repeat left top; }
#backtotop a:hover { background-position:right top; }

/*=================================================================
    main_contents
=================================================================*/

#main_contents { margin-bottom:10px; float: left; width: 721px; }

/*=================================================================
    idea
=================================================================*/

#main_idea { margin: 0 auto 33px; width: 508px; height: 314px; background: url(../../img/idea_main.png) no-repeat left top; }

/*=================================================================
    access
=================================================================*/

.map { margin-bottom: 26px; }
.text_address { margin-bottom: 25px; padding-left: 21px; background: url(../img/ic_zipcode.png) no-repeat left top; }
.text_train { margin-bottom: 25px; padding-left: 21px;background: url(../img/ic_train.png) no-repeat left top; }

/*=================================================================
    recruit
=================================================================*/

#recruit #main_contents{ width: 100%; }
#recruit .kakomi{ height: 196px; background: url(../img/kakomi_contact.png) no-repeat left top; }
#recruit h3 { margin-bottom: 30px; }

/*=================================================================
    contact
=================================================================*/

#contact #main_contents{ width: 100%; }
#contact .kakomi{ height: 196px; background: url(../img/kakomi_contact.png) no-repeat left top; }

/*=================================================================
    contact
=================================================================*/

.block_address { margin-bottom:5px; overflow: hidden; }
.address { float: left; width: 340px; }
.link_map { float:left; width: 40px; height: 14px; background: url(../img/ic_map.gif) no-repeat left top;}
.link_map:hover { background-position:right top;}

/*=================================================================
    business
=================================================================*/

#main_business { margin: 0 auto 30px; width: 721px; height: 426px; background: url(../../img/business_main.png) no-repeat left top; }
#business_copy01 { width: 533px; height: 46px; background: url(../../img/business_copy1.png) no-repeat left top; }
#business_copy02 { width: 548px; height: 45px; background: url(../../img/business_copy2.png) no-repeat left top; }
#business_copy03 { width: 560px; height: 45px; background: url(../../img/business_copy3.png) no-repeat left top; }
#business_copy04 { width: 572px; height: 45px; background: url(../../img/business_copy4.png) no-repeat left top; }
#business_copy05 { width: 685px; height: 45px; background: url(../../img/business_copy5.png) no-repeat left top; }
#business_copy06 { width: 478px; height: 45px; background: url(../../img/business_copy6.png) no-repeat left top; }
#business_copy07 { width: 644px; height: 45px; background: url(../../img/business_copy7.png) no-repeat left top; }
#business_copy08 { width: 674px; height: 45px; background: url(../../img/business_copy8.png) no-repeat left top; }
#business_copy09 { width: 666px; height: 45px; background: url(../../img/business_copy9.png) no-repeat left top; }
#business_copy10 { width: 653px; height: 45px; background: url(../../img/business_copy10.png) no-repeat left top; }
#business_copy11 { width: 653px; height: 25px; background: url(../../img/business_copy11.png) no-repeat left top; }
#business_copy12 { width: 606px; height: 17px; background: url(../../img/business_copy12.png) no-repeat left top; }

.copy { margin-bottom: 20px; }

.result { font-weight: normal; }
.result h3 { clear: both; font-size: 12px; } 
.result h4 { clear: both; font-size: 12px }
.result ul { padding: 0; list-style:none; }
.result .column_wide li { margin-right: 0; padding: 0; }
.result li { margin-bottom: 8px; line-height: 1.5; }
.result li ul {  margin:0 0 30px 0; clear: both;  overflow: visible; }
.result li li{ margin-bottom:8px; }
td .result { margin: 0; }

.area_result { padding: 30px 0 10px 25px; clear: both;  background: url(../img/bg_banner.png) repeat 0 0; font-weight: normal; }
.area_result ul { margin: 0; padding: 0; list-style: none; }
.area_result li { margin-right: 18px;  float: left; width: 156px; }
.mailto { color:#0a64fa; text-decoration:underline; }
.mailto:hover { color:#0888fa; text-decoration:none; }

/*=================================================================
    right_nav
=================================================================*/

#side_area { float: right; }
#nav_local { width: 197px; }
#nav_local li { margin-bottom: 15px; text-indent: -9999px; }
#nav_local li ul { margin-top: 3px; }
#nav_local li li { margin-bottom: 0; }
#nav_local li li a { height: 28px; }
#nav_local li a { display: block; width: 197px; height: 33px; background: no-repeat left top; }
#nav_local li a:hover { background-position:right top !important; }

#nav_local #lnav_company a { background-image: url(../img/lnav_gaiyou.png); }
#nav_local #lnav_idea a { background-image: url(../img/lnav_idea.png); }
#nav_local #lnav_access a { background-image: url(../img/lnav_access.png); }

#nav_local .lv1_1 #lnav_company a,
#nav_local .lv1_2 #lnav_idea a ,
#nav_local .lv1_3 #lnav_access { background-position:right top; }

#nav_local #lnav_media a  { background-image: url(../img/lnav_media.png); }
#nav_local #lnav_tv a  { background-image: url(../img/lnav_tv.png); }
#nav_local #lnav_movie a  { background-image: url(../img/lnav_movie.png); }

#nav_local #lnav_sales a  { background-image: url(../img/lnav_sales.png); }
#nav_local #lnav_sp a  { background-image: url(../img/lnav_sp.png); }
#nav_local #lnav_store a  { background-image: url(../img/lnav_tennai.png); }
#nav_local #lnav_event a  { background-image: url(../img/lnav_event.png); }
#nav_local #lnav_pr a  { background-image: url(../img/lnav_pr.png); }

#nav_local #lnav_contents a  { background-image: url(../img/lnav_contents.png); }
#nav_local #lnav_isp a  { background-image: url(../img/lnav_isp.png); }
#nav_local #lnav_artist a  { background-image: url(../img/lnav_artist.png); }
#nav_local #lnav_casting a  { background-image: url(../img/lnav_casting.png); }

#nav_local #lnav_screate a  { background-image: url(../img/lnav_screate.png); }
#nav_local #lnav_design a  { background-image: url(../img/lnav_design.png); }

#nav_local #lnav_overseas a  { background-image: url(../img/lnav_overseas.png); }
#nav_local #lnav_ie a  { background-image: url(../img/lnav_ie.png); }

#side_area #nav_local .lv1_1 li li a ,
#side_area #nav_local .lv1_2 li li a ,
#side_area #nav_local .lv1_3 li li a ,
#side_area #nav_local .lv1_4 li li a ,
#side_area #nav_local .lv1_5 li li a { background-position:0 0; left top }


#nav_local .lv1_1 #lnav_media a  ,
#nav_local  .lv1_1 .lv2_1 #lnav_tv a  ,
#nav_local  .lv1_1 .lv2_2 #lnav_movie a  ,

#nav_local .lv1_2 #lnav_sales a  ,
#nav_local .lv1_2 .lv2_1 #lnav_sp a  ,
#nav_local .lv1_2 .lv2_2 #lnav_store a  ,
#nav_local .lv1_2 .lv2_3 #lnav_event a  ,
#nav_local .lv1_2 .lv2_4 #lnav_pr a  ,

#nav_local .lv1_3 #lnav_contents a  ,
#nav_local .lv1_3 .lv2_1  #lnav_isp a  ,
#nav_local .lv1_3 .lv2_2  #lnav_artist a  ,
#nav_local .lv1_3 .lv2_3  #lnav_casting a  ,

#nav_local .lv1_4 #lnav_screate a  ,
#nav_local .lv1_4 .lv2_1  #lnav_design a, 

#nav_local .lv1_5 #lnav_overseas a  ,
#nav_local .lv1_5 .lv2_1  #lnav_ie a  { background-position:right top; }


/*=================================================================
    footer
=================================================================*/
#site_footer{ padding-bottom: 55px }
#nav_footer { float: left; width: 500px; }
#nav_footer ul { padding:0; list-style: none; }
#nav_footer li { margin-right: 10px; float: left; }
#copyright { margin-top: 20px; float: right; width: 300px; text-align: right; }
#copyright small {  }


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
header:before,header:after,footer:before,footer:after,div:before,div:after,.clearfix:before, .clearfix:after { content: ""; display: table; }
header:after,footer:after,div:after,.clearfix:after { clear: both; }
header,footer,div,.clearfix { *zoom: 1; }




/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {

}