@charset "UTF-8";

/*initialize*/
html, 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, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* clearfix */
.clearfix:after {	height: 0;visibility: hidden;content: ".";display: block;clear: both;}
* html .clearfix { zoom: 100%; }
*+html .clearfix { zoom: 100%; }

/***********************************************************/
/**common setting**/
body{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', "ＭＳ Ｐゴシック","MS PGothic", sans-serif;letter-spacing:.05em}

a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:link{color:#0064FF}
a:visited{color:#0064FF}
a:hover{text-decoration:underline;color:#eb6100}
a:active{color:#ebc300}

strong {font-weight: bold;}

.relative {position:relative;}

.mgnT0 {margin-top:0 !important;}
.mgnL65 {margin-left:65px !important;}

embed,
iframe,
object {max-width: none!important;}

.display_none {display:none;}
.opacity_none {filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}

/***********************************************************/
/*contents*/
body {color:#000; width:100%;font-size:13px;line-height:1.75em;}
#wrapper {position:relative;margin:auto; width:auto;}

/*main title*/

#main_wrap {position:absolute;width:100%;top:0;left:0;}
#main {position:relative;width:100%; min-height:600px;background:#fff;border-bottom:1px solid #000;z-index:1000;}
#main #head { position:absolute; top:15px; width:100%;text-align:center;}
#main h1 { position:absolute; top:50%; left:50%; width:895px;margin-top:-232px;margin-left:-448px;}
#main #arrow,
#main #after_arrow{position:absolute; bottom: 13px; width:100%; text-align:center; cursor:pointer;}
#main #after_arrow{ display:none;}
#main #arrow:hover,
#main #after_arrow:hover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}


/*menu area*/
#menu_wrap {position:fixed;top:0;left:0; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;width:100%; height:40px;background:#fff;border-top:1px solid #000; border-bottom:1px solid #000;z-index:900;}
#menu_wrap .menu_inner { position:relative; width:1022px; margin:5px auto 0;}
#menu_wrap .logo {float:left; cursor:pointer;}
#menu_wrap ul {float:right;}
#menu_wrap ul li { display:inline-block; float:left; height:32px; margin-left:30px;}
#menu_wrap ul li.hidden { width: 32px;}
#menu_wrap ul li span { cursor:pointer;}
#menu_wrap ul li a { display:block; height:32px;}
#menu_wrap .logo:hover { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

#menu_wrap .switch { cursor:pointer;}


/*fixed_area*/
#fixed_area {position:absolute;left:0; width:100%;z-index:900;}

/*map_area*/
#map_area {position:fixed;top:0;left:0;width:100%;z-index:5;}
#map_canvas {width:100%;}

/*scroll show area*/
#scroll_wrap {position:relative;width:100%; /*height:1000px;*/z-index:400; }

/*grid*/
#grid {filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background:url(../images/grid.png) no-repeat 50% 40px; width:100%; height:2000px; z-index:10;}
#grid {background:url(../images/grid_ie.gif) no-repeat 50% 40px\9;}
#grid.no_fixed {position:absolute;left:0;}
#grid.fixed_grid { position: fixed;}
	#grid #north {position:absolute;top:50px;left:50%;margin-left:-19px;}
	#grid #west {position:absolute;top:797px;left:50px;}
	#grid #east {position:absolute;top:797px;right:50px;}

/*time line area*/
#tl_area { position:relative; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;padding-top:92px;padding-left:7px; z-index:100;}

/*recent post*/
#new_post { width:914px; margin:0 auto;}
#new_post .np_inn { position:relative; width:914px; height:714px; background:url(../images/bg_recent.png) no-repeat 0 0; z-index:140;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;}
#new_post .np_inn { background:url(../images/bg_recent_ie.gif) no-repeat 0 0\9;}
#new_post #np_header { display:table; width:900px; height:64px;}
	#new_post .place { display:table-cell; position:relative; padding-left:26px; height:64px; vertical-align:middle;}
	#new_post .date { display:table-cell;padding-right:34px; height:64px; text-align:right; vertical-align:middle;}
#new_post #kuma_here { width:900px; height:590px; overflow:hidden;}
#new_post #kuma_here .kuma_tweet {display:table;width:590px; margin:12px auto 0;height:5em; overflow:hidden;}
#new_post #kuma_here p { display:table-cell; vertical-align:middle;margin:0 auto;}
#new_post #kuma_here p span {display:table; position:relative; margin:0 auto; z-index:auto;}
#new_post #kuma_point {position:relative;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; width:178px; height:100px;margin:-35px auto 0; padding-left:98px;z-index:150;}
#new_post #kuma_point span {position:absolute; top:0;left:98px;}
#new_post #kuma_point .switch1{z-index:1800;}
#new_post #kuma_point .switch2{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:2000;}

/*now point*/
#now_point { margin-left:-19px; width:32px; height:32px; z-index:110;}
#now_point.no_fixed { position:absolute; top:794px; left:50%; margin-left:-19px;}
#now_point.fixed_point { position: fixed; top: 50%!important; left: 50%;}
#now_point.fixed_point { margin-left:-19px\9;z-index:1000\9;}

#time_axis { position:relative; width:916px; margin:0 auto; text-align:left;}
#time_axis section { position:relative; width:577px;height:400px; margin-top:-147px;}
#time_axis .fltL { position:relative; float:left; background:url(../images/bg_fltL.png) no-repeat 0 0; z-index:105;}
#time_axis .fltR { position:relative; float:right; background:url(../images/bg_fltR.png) no-repeat 0 0; margin-right:4px;z-index:104;}
#time_axis .fltL { background:url(../images/bg_fltL_ie.gif) no-repeat 0 0\9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;}
#time_axis .fltR { background:url(../images/bg_fltR_ie.gif) no-repeat 0 0\9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;}
#time_axis > section:first-child { margin-top:0!important;}
#time_axis .time_line { position:relative; width:424px;height:385px;margin-top:3px 0 0 2px;}
	#time_axis .fltL .time_line { margin-left:2px;}
	#time_axis .fltR .time_line { margin-left:142px;}

#time_axis .head {height:48px; padding:8px 0 0 22px;}
#time_axis .photo {width:410px; height:226px; margin:0 auto;}
#time_axis .comment {position:relative;width:374px;margin:14px auto 8px;font-size:12px;line-height:1.5em;}
#time_axis .btn_large_box { position:absolute; right:10px; bottom:10px; width:98px;height:18px; background:url(../images/btn_large-over.gif) no-repeat 0 0;}
#time_axis .ta_date { position:absolute;top:190px;}
	#time_axis .fltL .ta_date { left:468px;}
	#time_axis .fltR .ta_date { left:10px;}

/*time line navi*/
#tl_navi {position:fixed;left:50%;bottom:50px;margin-left:475px; cursor:pointer;z-index:900;}
#tl_navi .btn_up {display:block;width:50px; height:64px; }
#tl_navi .btn_down {display:block;width:50px; height:66px; }


/* fixed control */
.fixed { position: fixed !important; top: 0; width: 100%;}

/* contents_bottom */
#contents_bottom {display:none;position:absolute; top:0;left:0; width:100%; height:100%; background:#CFF; border-bottom:1px solid #003; z-index:800;}
.close_btn {color:#3366FF;}
.close_btn:hover { text-decoration:underline; cursor:pointer;}

.flag { display:none;}


/*kuma_show*/
#kuma_show {display:none;position:absolute;/*left:50%;*/ margin-left:-36px;width:178px; height:100px;text-align:left;z-index:1000;}

/*test*/
#test {position:fixed; top:500px; left:15px; background:#CCCCCC;font-size:18px; font-weight:bold; z-index: 1100;}
#test2 {position:fixed; top:600px; left:15px; background:#CCCCCC;font-size:18px; font-weight:bold; z-index: 1100;}

/*slider*/
.jquery-slider { overflow: hidden; position: relative;}
.jquery-slider-element { overflow: hidden; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.jquery-slider-control { overflow: hidden; position: absolute; width: 152px; height: 90px; padding: 0; margin: 0; background: #fff; opacity: 1; z-index:500; cursor: pointer;}
.jquery-slider-control img { vertical-align:middle;margin:30px 10px 0;}

.jquery-slider-control-prev { text-align: right; left: 0px; top: 500px;}
.jquery-slider-control-next { text-align: left; right: 0px; top: 500px;}
.jquery-slider-page-current { opacity: 1;}


/***********************************************************/
/* about wrap *//* status wrap */
#about_wrap,
#status_wrap {display:none; position:relative;width:100%;z-index:400;}
#about_wrap .inner_box,
#status_wrap .inner_box {position:relative;width:900px;margin:200px auto 30px; border-radius:12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; background:#fff; box-shadow: 5px 5px 12px 6px rgba(0,0,0,0.2);filter:alpha(opacity=0);-moz-opacity:0;opacity:0; z-index:400;}

.head_kuma {position:absolute;top:-152px;left:196px;width:326px; height:196px;}

#contents { width:500px; margin:30px auto;}
#contents_l { width:800px; margin:38px auto;}

#contents h2 { margin-bottom:38px;}

#contents .section { width:500px; margin:0 auto;}
#contents p { margin:0 auto 38px;}
#contents .caption { display:block; padding-top:6px; font-size:80%; color:#4d4d4d;}

#contents .desc dl {}
#contents .desc dl dt {font-weight:bold;margin-bottom:18px;font-size:110%;line-height:1em;}
#contents .desc dl dd { padding-left:1em; margin-bottom:38px;}
#contents .desc .cntct { margin-top:12px;}
#contents .note {padding-top:42px;border-top:1px solid #000;}

.return { cursor:pointer;}
.return_head { text-align:right; padding:20px 35px 0 0 ;}
.return_bottom { padding:0 35px 20px; text-align:right; }

div.return:hover { opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);}

/* about
-------------------------------------------------------------------------------*/
#about_wrap h1 { margin:20px 0 95px 38px;}

#about_wrap #contents .flow { margin:0 auto 38px;}
#about_wrap #contents .flow ul {}
#about_wrap #contents .flow ul li.frame { padding-top:24px;background:#fff url(../images/intro_frame01.gif) no-repeat 0 0; font-size:120%; font-weight:bold;}
#about_wrap #contents .flow ul li .inner { padding-bottom:24px;background:#fff url(../images/intro_frame01.gif) no-repeat 0 bottom;}
#about_wrap #contents .flow ul li p { margin:0 15px 0 22px !important; padding-left:68px; background-position:0 50%; background-repeat:no-repeat; min-height:56px; padding-top: 5px; box-sizing: border-box;}
	.flow_no1 { background:url(../images/intro_no1.gif);}
	.flow_no2 { background:url(../images/intro_no2.gif);}
	.flow_no3 { background:url(../images/intro_no3.gif);}
	.flow_no4 { background:url(../images/intro_no4.gif);}
	.flow_no5 { background:url(../images/intro_no5.gif);}
	.flow_no6 { background:url(../images/intro_no6.gif);}
	.flow_arrow { padding:15px 0 !important; text-align:center;}
#about_wrap #contents .flow img { vertical-align:bottom;}

#about_wrap #contents p{font-size: 14px;line-height: 26px; letter-spacing: 0.1em;}
#about_wrap #contents #recruit_previously p{font-size: 14px;line-height: 30px;}

#about_wrap #contents #recruit_ttl01, #about_wrap #contents #recruit_ttl02 { position: relative;}
#about_wrap #contents #recruit_ttl01 span.ttl_icon, #about_wrap #contents #recruit_ttl02 span.ttl_icon { position: absolute;}
#about_wrap #contents #recruit_ttl01 span.ttl_icon {top: -16px;left: -180px;}
#about_wrap #contents #recruit_ttl02 span.ttl_icon {top: -54px;left: -138px;}

#about_wrap #contents #recruit_previously{background:url(../images/recruit_previously.png);width: 502px;height: 350px;background-size: 502px;background-repeat: no-repeat;padding: 40px 0 0 60px;box-sizing:border-box;}



#about_wrap #contents_l table { width:100%;table-layout:fixed; margin-top:28px; }
#about_wrap #contents_l table td { text-align:left;font-size:98%; font-weight:bold; vertical-align: middle; padding:0 0 11px 0;line-height:1.3em;}
#about_wrap #contents_l table td img {display: inline-block;vertical-align: middle;margin:3px 8px 0 0;*zoom: 1;/*IE6-7*/*display: inline; /*IE6-7*/}
#about_wrap #contents_l table td span{display: inline-block;vertical-align: middle;width:135x;*zoom: 1; /*IE6-7*/*display: inline; /*IE6-7*/}
#about_wrap .inline_status_wrap {padding-top: 46px;}

/* status
-------------------------------------------------------------------------------*/
#status_wrap h1 { margin:20px 0 65px 27px;}
#status_wrap #contents_l table { width:100%;table-layout:fixed; margin-top:28px; }
#status_wrap #contents_l table td { text-align:left;font-size:98%; font-weight:bold; vertical-align: middle; padding:0 0 11px 0;line-height:1.3em;}
#status_wrap #contents_l table td img {display: inline-block;vertical-align: middle;margin:3px 8px 0 0;*zoom: 1;/*IE6-7*/*display: inline; /*IE6-7*/}
#status_wrap #contents_l table td span{display: inline-block;vertical-align: middle;width:135x;*zoom: 1; /*IE6-7*/*display: inline; /*IE6-7*/}

#status_wrap #contents .note {margin:86px auto 40px;text-align:center;}
#status_wrap #contents .note h3 {margin-bottom:20px;}


/*archive window
-------------------------------------------------------------------------------*/
body#archive #wrapper { width:900px; margin:0 auto;}
body#archive #new_post { width:900px; margin:0 auto;}
body#archive #new_post .np_inn { position:relative; width:900px; height:660px;background:none; z-index:140;}
#new_post #archive_slide { width:900px; height:590px; overflow:hidden;}
#new_post #archive_slide .kuma_tweet {display:table;width:590px; margin:12px auto 0;height:5em; overflow:hidden;}
#new_post #archive_slide p { display:table-cell; vertical-align:middle;margin:0 auto;}
#new_post #archive_slide p span {display:table; margin:0 auto;}
.obWrapper a.close { display:block;width:67px;height:19px; background:url(../images/btn_small-over.png) no-repeat 0 0;}
.obWrapper a.close img:hover {filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
body#archive #next_point {position:absolute; top:443px; left:50%; margin-left:-48px; cursor:pointer;}
/*body#archive #next_point:hover {opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);}*/

/* browser
-------------------------------------------------------------------------------*/
#browser { display:none;position:fixed; top:0; left:0; background-color:#6f6f6f; width:100%; height:100%; z-index:2500;}
#browser p { position:absolute; top:50%; left:50%; margin:-139px 0 0 -242px;}

/* slide link
-------------------------------------------------------------------------------*/
a.link_akisuzu { display:block; position:absolute; top:365px; left:215px; width:155px; height:20px; text-indent:-9999px; z-index:1000;}
a.link_akisuzu:hover { background-color:#000; opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);}




/* text style
-------------------------------------------------------------------------------*/
#new_post #archive_slide p span b.t15,
#new_post #kuma_here p span b.t15 {font-size: 15px; line-height:2em;}

#new_post #archive_slide p span b.t15b,
#new_post #kuma_here p span b.t15b {font-size: 15px; line-height:2em; font-weight: bold;}

#new_post #archive_slide p span b.t12,
#new_post #kuma_here p span b.t12 {font-size: 12px; line-height:1.5em;}

#new_post #archive_slide p span b.t12b,
#new_post #kuma_here p span b.t12b {font-size: 12px; line-height:1.5em; font-weight: bold;}