/*********************************************************************
  TAG
*********************************************************************/

html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  list-style:none;
  font-weight:normal;
  font-style:normal;
}

html,body {
  height:100%;
  margin:0;
  padding:0;
  background:#fff;
}

body {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
  font-size:14px;
  color:#4b4b4b;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
}

a {
  color:#4b4b4b;
  text-decoration:none;
}

a:hover {
  color:#4b4b4b;
  text-decoration:none;
}


/*********************************************************************
  CLASS
*********************************************************************/

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  overflow:hidden;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.rebuchet {
  font-family:"Trebuchet MS";
  letter-spacing:0;
  font-weight:bold;
}

/*********************************************************************
  ID
*********************************************************************/

#site-wrapper {
  position:relative;
  width:100%;
  padding-bottom:40px;
  z-index:999;
}

/* サイトヘッダ
*************************************/

#site-header {
  width:980px;
  height:190px;
  margin:0 auto;
}

.header-upper {
  margin-bottom:26px;
}

/* ロゴ */
#site-header #site-logo {
  width:220px;
  height:80px;
  padding:18px 0 0 15px;
  float:left;
}

#site-header #site-logo a:hover {
  opacity:.8;
}

#header-right {
  width:234px;
  float:right;
  padding-top:36px;
}

/* ソーシャルボタン */
.sns-btns {
  height:26px;
  padding:0 14px 10px 0;
  text-align:right;
}

.sns-btns li {
  display:inline-block;
}

#site-header #header-right a:hover {
  opacity:.8;
}

/* 検索ウィンドウ */
#contents-search {
  position:relative;
}

#s {
  width:180px;
  height:14px;
  border:1px solid #63C5F2;
  border-radius:10px;
  background:url(/assets/images/search-form-placeholder.png) no-repeat;
  background-position:12px 5px;
  padding:4px 40px 4px 12px;
  outline:0px none black;
}

#s.focus {
  background:none;
}

#searchsubmit {
  width:18px;
  height:18px;
  border:none;
  background:url(/assets/images/search-icon.png) no-repeat;
  text-indent:-999em;
  overflow:hidden;
  position:absolute;
  top:3px;
  right:10px;
  outline:0px none black;
}

/* グローバルナビ
*************************************/

#globalnavi {
  text-align:center;
  width:960px;
  margin:0 auto;
}

#globalnavi ul {
  display:inline-block;
}

#globalnavi li {
  display:inline-block;
  background:url(/assets/images/globalnavi-line.png) no-repeat;
  padding:4px 0;
}

#globalnavi li:first-child {
  background:none;
}

#globalnavi li a {
  height:42px;
  display:block;
  position:relative;
  padding:0 0 0 0;
  background:url(/assets/images/globalnavi.png) no-repeat;
  margin:0 10px 0 10px;
}

#globalnavi li a#gnav01 {
  width:124px;
  background-position:0 0;
  margin-left:0;
}

#globalnavi li a#gnav02 {
  width:124px;
  background-position:0 -50px;
}

#globalnavi li a#gnav03 {
  width:158px;
  background-position:0 -110px;
}

#globalnavi li a#gnav04 {
  width:132px;
  background-position:0 -160px;
}

#globalnavi li a#gnav05 {
  width:132px;
  background-position:0 -210px;
}

#globalnavi li a#gnav06 {
  width:154px;
  background-position:0 -260px;
}

#globalnavi li a img {
  display:block;
  width:38px;
  height:38px;
  position:absolute;
  top:2px;
  left:2px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.comingsoon {
  position:relative;
}

.comingsoon em {
  display:block;
  position:absolute;
  top:-40px;
  left:20px;
  display:none;
}


/* サイトフッタ
*************************************/

#site-footer {
  text-align:center;
  padding:16px 0 0px;
}

.footer-nav {
  display:inline-block;
  text-align:center;
  margin-bottom:25px;
}

.footer-nav li {
  display:inline-block;
  text-align:center;
  margin:0 10px;
}

.footer-nav li a {
  display:block;
  text-align:center;
  color:#fff;
  border-radius:15px;
  padding:2px 8px;
}

.footer-nav li a:hover {
  opacity:0.7;
}

.footer-nav li a.fnav_01 {
  background:#F97783;
}

.footer-nav li a.fnav_02 {
  background:#FFA2CA;
}

.footer-nav li a.fnav_03 {
  background:#63C5F2;
}

.footer-nav li a.fnav_04 {
  background:#59C3BD;
}

.footer-nav li a.fnav_05 {
  background:#FFBF47;
}

.footer-nav li a.fnav_06 {
  background:#BAA5ED;
}

.footer-nav li a.fnav_07 {
  background:#bbbab6;
}


/* ページタイトル
*************************************/


/* コピーライト
*************************************/
.copyright {
  font-size:12px;
  color:#ABABAB;
  text-align:center;
}



/* ソーシャルブックマーク
*************************************/


/* レイアウト
*************************************/

#main {
  background:url(/assets/images/main_bg.png) repeat;
}

#content {
  width:972px;
  margin:0 auto;
  padding:18px 0 60px;
}


/*********************************************************************
  2nd COMMON
*********************************************************************/

.category_title {
  margin-bottom:25px;
  position:relative;
}

.category_title img {
  display:block;
}

.category_title .sub-title {
  display:inline-block;
  position:absolute;
  padding:2px 20px 2px 10px;
  background:#FFA2CA;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  top:22px;
  left:130px;
}

.post_title_wrap {
  position:relative;
}

.page_title {
  width:550px;
  padding:10px 0 10px 28px;
  font-size:16px;
  color:#fff;
}

.post_meta {
  height:30px;
  display:inline-block;
  border-radius:6px 6px 0 0;
  background:#fff;
  padding:8px 22px 7px;
  font-size:12px;
  position:absolute;
  right:0;
  bottom:-1px;
}

.post_meta .post_date {
  display:block;
  font-size:11px;
  text-align:right;
}

.post_meta .category_label {
  display:block;
  font-size:10px;
  text-align:center;
  background:#FFA2CA;
  color:#fff;
  padding:0 8px;
  border-radius:4px;
}


/*********************************************************************
  HOME
*********************************************************************/

.index-list {
}

.index-list li {
  float:left;
}

.index-list li a {
  width:100%;
  height:100%;
  display:block;
  position:relative;
  color:#000;
}

.container {
  border-width:4px;
  border-style:solid;
  border-radius:6px;
  /*margin:8px;*/
  height:364px;
  overflow:hidden;
}

.box-1 {
  width:226px;
}

.box-2 {
  width:472px;
}

.container_image {
  overflow:hidden;
  border-radius:2px 2px 0 0;
  position:relative;
}

/* CONTENTS FILE BOX
******************************************************/

.container.container-file .container_image {
  background:url(/assets/images/home/contents-bg.png);
  width:226px;
  height:300px;
  position:relative;
}

.container.container-file .container_image img {
  width:226px;
  height:300px;
  position:absolute;
  display:block;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.container_info {
  position:relative;
  width:100%;
}

.container_info p {
  padding:8px 12px 4px;
  line-height:1.2em;
}

.container_info h3 .contentsfile {
  padding:6px 0 0 10px;
}

.container_info h3 .num {
  position:absolute;
  top: -10px;
  right:10px;
}

.container_copyright {
  margin-left:0.8em;
  text-indent:-0.8em;
  color:#fff;
  font-size:10px;
}

.container_copyright span {
  font-size:12px;
  font-family:sans-serif;
}

/* NEWS BOX
******************************************************/

.container.container-news .container_image {
  width:100%;
  height:326px;
  overflow:hidden;
}

.container.container-news .container_image img {
  width:226px;
  height:326px;
  position:absolute;
  display:block;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.container.container-news.box-2 .container_image img {
  width:472px;
  height:326px;
  position:absolute;
  display:block;
}

.container.container-news .container_date {
  padding-top:6px;
}

.container.container-news .container_info {
  background:#fff;
  background:rgba(255,255,255,0.8);
  color:#444;
  font-size:12px;
  position:absolute;
  bottom:0;
}

.container.container-news .container_info.info_noimage {
  background:rgba(255,255,255,0.7);
}

.container.container-news .news-date {
  border-radius:15px;
  padding:0px 8px;
  border:1px solid #fff;
  float:right;
}

.container.container-news .more {
  margin:4px 10px 0 10px;
  float:right;
}

.container.container-news .label-news {
  border-radius:4px 0 0 4px;
  padding:8px 6px;
  position:absolute;
  top:10px;
  right:0;
}

.container.container-news .label-news img {
  display:block;
}

.container.container-news.color-red .label-news {
  background:#F97783;
}

.container.container-news.color-orange .label-news {
  background:#FFBF47;
}

.container.container-news.color-blue .label-news {
  background:#63C5F2;
}

.container.container-news.color-green .label-news {
  background:#59C3BD;
}

.container.container-news.color-pink .label-news {
  background:#FFA2CA;
}

.container.container-news.color-purple .label-news {
  background:#BAA5ED;
}


/* COLOR SELECT
******************************************************/

.color-red {
  background:#F97783;
  border-color:#F97783;
}

.color-orange {
  background:#FFBF47;
  border-color:#FFBF47;
}

.color-blue {
  background:#63C5F2;
  border-color:#63C5F2;
}

.color-green {
  background:#59C3BD;
  border-color:#59C3BD;
}

.color-pink {
  background:#FFA2CA;
  border-color:#FFA2CA;
}

.color-purple {
  background:#BAA5ED;
  border-color:#BAA5ED;
}


/*********************************************************************
  NEWS
*********************************************************************/

#news_left {
  width:750px;
  float:left;
}

#news_right {
  width:208px;
  float:right;
}

.news_box {
  border:4px solid #FFA2CA;
  background:#FFA2CA;
  border-radius:10px;
  position:relative;
  margin-bottom:20px;
}

.news_box:last-child {
  margin-bottom:0;
}

/**/

.post_contents {
  background:#fff;
  border-radius:0 0 6px 6px;
  padding:50px 50px 20px;
}

.news_box .post_contents p {
  margin-bottom:1em;
}

.news_box .post_contents a {
  color:#008dcd;
  border-bottom:1px dotted #008dcd;
}

.news_box .post_contents a:hover {
  border-bottom:none;
}

.post_contents img {
  display:block;
  max-width:450px;
  height:auto;
}

.post_contents .aligncenter {
  margin:0 auto 1em;
}

.social_bnts {
  border-top:2px dotted #FFA2CA;
  padding-top:10px;
  text-align:right;
}

.social_bnts ul {
  display:inline-block;
}

.social_bnts ul li {
  float:right;
  margin:0 5px;
  height:20px;
}

.social_bnts ul li.tw {
  width:90px;
}

/**/

.pager {
  padding:30px 0 20px;
}

.pager li {
  width:33.3%;
  float:left;
  height:26px;
}

.pager li.to_top {
  text-align:center;
}

.pager li.to_next {
  text-align:right;
}

.pager a:hover {
  opacity:0.7;
}

/* sidebar
***********************************/

.sidebar_contents_wrap {
  width:208px;
  padding:4px;
  background:#fff;
  border-radius:14px;
  margin-bottom:20px;
}

.sidebar_contents {
  width:200px;
  border-width:4px;
  border-style:solid;
  border-radius:10px;
}

.sidebar_contents h4 {
  padding:10px;
}

.sidebar_contents h4 img {
  display:block;
}

.sidebar_contents_inner {
  background:#fff;
  border-radius:0 0 6px 6px;
  padding:10px 10px;
}


/* RECENT ENTRY */

#recent_entries .sidebar_contents {
  border-color:#F97783;
  background:#F97783;
}

#recent_entries ul li {
  background:url(/assets/images/news/dot_line_red.png) bottom left repeat-x;
  padding-bottom:8px;
  margin-bottom:4px;
}

#recent_entries .sidebar_contents ul li a {
  font-size:12px;
}

#recent_entries .sidebar_contents ul li a:hover {
  background:url(/assets/images/hover_red.png) repeat;
  color:#000;
}

#recent_entries ul li:last-child {
  margin-bottom:0;
  background:none;
}

/* CATEGORY */

#categories .sidebar_contents {
  border-color:#63C5F2;
  background:#63C5F2;
}

#categories .sidebar_contents ul li {
  list-style:square;
  color:#63C5F2;
  margin-left:1.5em;
}

#categories .sidebar_contents ul li a:hover {
  background:url(/assets/images/hover_blue.png) repeat;
  color:#000;
}

/* ARCHIVE */

#archives .sidebar_contents {
  border-color:#59C3BD;
  background:#59C3BD;
}

#archives .sidebar_contents ul li {
  list-style:square;
  color:#59C3BD;
  margin-left:1.5em;
}

#archives .sidebar_contents ul li a:hover {
  background:url(/assets/images/hover_green.png) repeat;
  color:#000;
}


/*********************************************************************
  CONTENTS
*********************************************************************/

#page-contents #content {
  width:896px;
}

.contents_box {
  border:4px solid #63C5F2;
  background:#63C5F2;
  border-radius:10px;
  position:relative;
}

.contents_box .post_contents {
  padding-bottom:50px;
}

.contents_box .page_title {
  font-size:20px;
}

.contents_box .post_meta {
  height:18px;
  padding:16px 22px 16px;
}

/**/

.contents_main_image {
  width:350px;
  float:left;
}

.contents_main_image img {
  display:block;
  max-width:350px;
  margin:0 auto;
}

.contents_text {
  width:400px;
  float:right;
}

.contents_text dt{
  border-radius:20px;
  background:#63C5F2;
  padding:2px 10px;
  display:inline-block;
  color:#fff;
  margin-bottom:10px;
  letter-spacing:2px;
}

.contents_text dd {
  padding-left:20px;
  margin-bottom:18px;
}

.contents_text a:hover {
  background:url(/assets/images/hover_blue.png);
}

.contents_text .social_bnts {
  border-color:#63C5F2;
}

.contents_text .movie_btns {
  margin:40px 0 20px;
  text-align:right;
}

.contents_text .movie_btns a:hover {
  opacity:0.7;
}

.contents_text .movie_btns img {
  display:inline-block;
  width:178px;
}

.contents_copyright {
  margin-left:0.8em;
  text-indent:-0.8em;
  color:#444;
  font-size:10px;
}

.contents_copyright span {
  font-size:12px;
  font-family:sans-serif;
}

/* カルーセル
************************************************/

.jcarousel-wrapper {
  margin: 20px auto;
  position: relative;
  width:870px;
}

/** Carousel **/

.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jcarousel li {
  width: 150px;
  height:198px;
  overflow:hidden;
  border-width:4px;
  border-style:solid;
  border-radius:10px;
  float: left;
  margin:0 8px;
  background-image:url(/assets/images/home/contents-bg.png);
  position:relative;
}

.jcarousel img {
  position:absolute;
  display: block;
  width:150px;
  height: 198px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #63C5F2;
    color: #fff;
    text-decoration: none;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.jcarousel-control-prev {
    left: -40px;
}

.jcarousel-control-next {
    right: -40px;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
  color:#fff;
  background: #75ccf4;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #00afff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;
}

.jcarousel-pagination a.active {
    background: #afe4fd;
    color: #fff;
    opacity: 1;
}


/*********************************************************************
  CONTENTS
*********************************************************************/

#page-company #content {
  width:896px;
}

#page-company .contents_box {
  background:#BAA5ED;
  border: 4px solid #BAA5ED;
  margin-bottom:30px;
}

#page-company .contents_box:last-child {
  margin-bottom:0px;
}


/*********************************************************************
  COMPANY
*********************************************************************/

.company_profile .post_meta {
  
}

.ceo_message {
  margin-bottom:46px;
}

.ceo_profile {
  margin-bottom:60px;
}

.ceo_profile dt {
  margin-bottom:24px;
}

.ceo_profile dd .ceo_phopto {
  width:160px;
  float:left;
  margin-right:46px;
}

.ceo_profile dd .ceo_profile_text {
  width:500px;
  float:left;
  padding-top:20px;
}

.ceo_profile dd .ceo_profile_text strong {
  font-size:16px;
  display:block;
  background:url(/assets/images/company/dotline.png) left bottom repeat-x;
  padding-bottom:14px;
  margin-bottom:18px;
}

.ceo_works dt {
  width:134px;
  float:left;
}

.ceo_works dd {
  width:550px;
  float:left;
}

.ceo_works dd .ceo_works_icon {
  width:66px;
  float:left;
}

.ceo_works dd .ceo_works_text {
  width:480px;
  float:left;
  padding-top:16px;
}

.ceo_works_ul {
  margin-bottom:20px;
}

.company_profile dt {
  width:134px;
  float:left;
  margin-bottom:20px;
}

.company_profile dd {
  width:650px;
  float:left;
  margin-bottom:20px;
}

.company_map .company_text p span {
  margin-right:20px;
}

#gmap {
  width:788px;
  height:500px;
  margin:0 auto 10px;
  border:1px solid #ccc;
}

.company_text p a:hover {
  background:url(/assets/images/hover_purple.png);
  color:#000;
}

.company_text p.arign_right {
  text-align:right;
  margin-bottom:30px;
}


/*********************************************************************
  SEARCH
*********************************************************************/

#page-search .category_title {
  background:#FFA2CA;
  border-radius:10px;
  font-size:16px;
  padding:10px;
  color:#fff;
}


/*********************************************************************
  SHADOW BOX
*********************************************************************/

#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
  font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:200;
  color:#fff;
}

#sb-container {
  position:fixed;
  margin:0;
  padding:0;
  top:0;
  left:0;
  z-index:9998;
  text-align:left;
  visibility:hidden;
  display:none;
}

#sb-overlay {
  position:relative;
  height:100%;
  width:100%;
  z-index:9999;
  opacity:0.8 !important;
}

#sb-wrapper {
  position:absolute;
  visibility:hidden;
  width:100px;
  z-index:9999;
}

#sb-wrapper-inner {
  position:relative;
  border:1px solid #303030;
  overflow:hidden;
  height:100px;
}

#sb-body {
  position:relative;
  height:100%;
}

#sb-body-inner {
  position:absolute;
  height:100%;
  width:100%;
}

#sb-player.html {
  height:100%;
  overflow:auto;
}

#sb-body img {
  border:none;
}

#sb-loading {
  position:relative;
  height:100%;
}

#sb-loading-inner {
  position:absolute;
  font-size:14px;
  line-height:24px;
  height:24px;
  top:50%;
  margin-top:-12px;
  width:100%;
  text-align:center;
}

#sb-loading-inner span{
  background:url(../images/shadowbox-loading.gif) no-repeat;
  padding-left:34px;
  display:inline-block;
}

#sb-body,
#sb-loading {
  background-color:#060606;
}

#sb-title,
#sb-info {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
}

#sb-info {
  position:absolute;
  top:-44px;
  width:100%;
}

#sb-title {
  background:url(../images/shadowbox-title.png) no-repeat;
  padding-left:82px;
}

#sb-title,
#sb-title-inner {
  height:26px;
}

#sb-title-inner {
  font-size:16px;
}

#sb-info,
#sb-info-inner{
  height:60px;
}

#sb-info-inner {
  font-size:12px;
}

#sb-nav{
  float:right;
  position:relative;
}

#sb-nav a {
  display:block;
  float:right;
  height:60px;
  width:60px;
  cursor:pointer;
  background-repeat:no-repeat;
}

#sb-nav-close {
  background-image:url(../images/shadowbox-close.png);
  position:absolute;
  right:0;
}

#sb-nav-next {
  background-image:url(../images/shadowbox-next.png);
}

#sb-nav-previous {
  background-image:url(../images/shadowbox-previous.png);
}

#sb-nav-play {
  background-image:url(../images/shadowbox-play.png);
}

#sb-nav-pause {
  background-image:url(../images/shadowbox-pause.png);
}

#sb-counter {
  float:left;
  width:45%;
}

#sb-counter a{
  padding:0 4px 0 0;
  text-decoration:none;
  cursor:pointer;
  color:#fff;
}

#sb-counter a.sb-counter-current {
  text-decoration:underline;
}

div.sb-message {
  font-size:12px;
  padding:10px;
  text-align:center;
}

div.sb-message a:link,
div.sb-message a:visited {
  color:#fff;
  text-decoration:underline;
}


/*********************************************************************
  MEDIA QUERY
*********************************************************************/

@media screen and (max-width:1279px){
/*  #page-home #background {
    background-size:1280px 780px;
  }*/
}