@import url(/reset.css);
@import url(/base.css);
@import url(/screen.css);

body {
background: url(./img/bg_header.png) repeat-x top center;
font-family:"MS PGothic", "Osaka", Arial, sans-serif;
}

/* iphoneで見たら表示される */
@media screen and (max-width: 767px) {

body#body_index {
    background-color: #333333;
}


}


.clearfix:after{
	content: “”;
	clear: both;
	display: block;
}

/* table border ----------------------------------------------------------------- */

table.common {
  border-spacing: 0;
  border: 1px solid #c0c6c9;
  border-width: 1px 0 0 1px;  }
table.common th,
table.common td {
    border: solid #c0c6c9;
    border-width: 0 1px 1px 0; 
    vertical-align: middle;
}
table.common th {
    background-color: #f3f3f3;
}

/* table border ----------------------------------------------------------------- */

table.common2 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
	width: 500px;
}
table.common2 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
}
table.common2 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.common2 tbody th {
	width: 300px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.common2 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}


/* size template ----------------------------------------------------------------- */

.w20 {width: 20%;}
.w30 {width: 30%;}
.w50 {width: 50%;}
.w100 {width: 100%;}

/* トップイメージ ----------------------------------------------------------------- */
div#top_img {
width: 100%;
}

.top_img {
width: 100%;  color: #fff;
}

.top_img_s {
width: 32%;
}

div#pickupwrap {
  padding:0px 0px 8px 0px;
}


div.pickup {
  width: 50%;
  float: left;
 background-color: #fff;
}

div.pickup_img {
  width: 200px;
  float: left;
}

div.pickup_memo {
  vertical-align:super ;
  padding:0px 0px 0px 8px;
  float: left;
  width: 42%;
  font-size: 86%;

}

/* 新着情報 ----------------------------------------------------------------- */
div#whatsnew {
    margin: 0 5px 0 0;
    height:250px;
    width: 475px;
    font-size: 15px;
    font-weight: bold;
    float: left;
    border: 1px solid #f3b232;
    background-color: #ffffff;
}

div#whatsnew_header {
    background-color: #f3b232;
    margin: 0 auto auto 0;
    max-height: 35px;
}

div#whatsnew_content {
max-height: 215px;
overflow: auto;
}

dl.whatsnewTxt{
line-height: 2em;
border-top: 4px solid #aaa;
}

dl.whatsnewTxt dt{float: left; margin: 0; padding: 0 0 0 5px; font-weight: bold; font-size: 1em; color:#666;}
dl.whatsnewTxt dd{margin: 0; padding: 0 0 0 50px; border-top: 1px dotted #aaa; font-size: 1em;}
dl.whatsnewTxt dd:nth-child(2) {border-top: none;}
dl.whatsnewTxt ul{margin: 0; padding: 0px; }
dl.whatsnewTxt li{margin: 0; padding: 0px; list-style: none;}
dl.whatsnewTxt li:last-child{margin: 0; }
dl.whatsnewTxt li img{display:inline; vertical-align:middle;}
dl.whatsnewTxt a {color:#c00;}
dl.whatsnewTxt a:hover {text-decoration:underline;}

.twitter-timeline {
    width: 260px;
    margin: 0 0 0 5px;
}

@media screen and (max-width: 768px) {

div#whatsnew {
    margin-top: 60px;
}

}

/* iphoneで見たら表示される */
@media screen and (max-width: 767px) {

div#whatsnew {
    width: 99%;
    max-height 75px;
    margin: 0 0 5px 0;
}



}

                  
/* スクリーン設定 ----------------------------------------------------------------- */
/* タブレットの縦で見たら消す */
@media screen and (max-width: 768px) {

div.twitter {
display: none;
}

}

/* タブレットの縦以下で見たら消す */
@media screen and (max-width: 767px) {

div.studio_info {
display: none;
}

#pickupwrap{
display: none;
}

div.widget {
display: none;
}

#menubar {
display: none;
}

}
/* iphoneで見たら表示される */
@media screen and (min-width: 500px) {

div.splink {
display: none;
}

}

div.splink {
margin:10px 0 0 0;
}

#image-navigation {
width : 100%;
overflow:hidden;
}

#image-navigation .navi-image {
width : 100%;
height: 300px;
}

#image-navigation .navi {
    margin:10px 0;
}

#image-navigation li.navi1{
    float:left;
    margin:0 0 0 0;
    list-style:none;

}

#image-navigation li.navi2{
    float:left;
    margin:0 7px 0 7px;
    list-style:none;
}

#image-navigation li.navi3{
    float:left;
    margin:0 0 0 0px;
    list-style:none;
}

#image-navigation li.navi4{
  width:0px;
  height:0px;
    float:left;
    margin:0 0 0 0;
    list-style:none;
display:none
}

#image-navigation li.navi5{
  width:0px;
  height:0px;
    float:left;
    margin:0 0 0 0;
    list-style:none;
display:none
}

#image-navigation li.navi6{
  width:0px;
  height:0px;
    float:left;
    margin:0 0 0 0;
    list-style:none;
display:none
}

#image-navigation ul li a {
  display:block;
  width:245px;
  height:60px;
  color:#333;
  line-height:60px;
  text-align:center;
}

#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0px; left:0px; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }


/* トップスタジオ紹介----------------------------------------------------------------- */     
.studio_common {
    width:244px;
    height:340px;
    text-align: left;
    font-size:65%;
    float:left;
    margin : 1% 8px 1% 0px;
}

.studio_common2 {
    width:244px;
    height:340px;
    text-align: left;
    font-size:65%;
    float:left;
    margin : 1% 0px 1% 0px;
}

.studio_box {
    background: #fff url(./img/top/info_box.jpg) no-repeat top center;
}

.studio_div {
    background: #fff url(./img/top/info_div.jpg) no-repeat top center;
}

.studio_for {
    background: #fff url(./img/top/info_for.jpg) no-repeat top center;
}

.studio_bld {
    background: #fff url(./img/top/info_bld.jpg) no-repeat top center;
}

.studio_vel {
    background: #fff url(./img/top/info_vel.jpg) no-repeat top center;
}

.studio_gac {
    background: #fff url(./img/top/info_gac.jpg) no-repeat top center;
}

.studio_lux {
    background: #fff url(./img/top/info_lux.jpg) no-repeat top center;
}

.studio_ten {
    background: #fff url(./img/top/info_ten.jpg) no-repeat top center;
}

.studio_duo {
    background: #fff url(./img/top/info_duo.jpg) no-repeat top center;
}

.studio_exe {
    background: #fff url(./img/top/info_exe.jpg) no-repeat top center;
}

.studio_noa {
    background: #fff url(./img/top/info_noa.jpg) no-repeat top center;
}

.studio_sin {
    background: #fff url(./img/top/info_sin.jpg) no-repeat top center;
}

.studio_ray {
    background: #fff url(./img/top/info_ray.jpg) no-repeat top center;
}

.studio_ask {
    background: #fff url(./img/top/info_ask.jpg) no-repeat top center;
}

.studio_mag {
    background: #fff url(./img/top/info_mag.jpg) no-repeat top center;
}

.studio_lan {
    background: #fff url(./img/top/info_lan.jpg) no-repeat top center;
}

.studio_info a {
    display : block ;
    margin : 0px 0px 0px 0px  ;
    padding: 303px 0px 20px 5px;
    text-decoration : none ;
}

/* タブレットの縦以下で見た場合 */
@media screen and (max-width: 768px) {

.studio_common {
    margin : 1% 2px 1% 2px;
}

.studio_common2 {
    margin : 1% 2px 1% 2px;
}

#image-navigation .navi {
    display: none;
}

#image-navigation .navi-image {
width : 100%;
height: 210px;
}

}

/* タブレットの縦以下で見た場合 */
@media screen and (max-width: 768px) {

#image-navigation .navi-image {
width : 100%;
height: 140px;
}

}

/* メニューのん--------------------------------------------------------- */    
div#nav {
  margin-top: -3px;
}                  
  
div#nav img{
width: 100%;
}                    
                  
div#nav_logo {
  background: url(./img/line_stripe.png) repeat-x bottom;
  background-color: #263c78;
  display: block;
  border: none;
  margin :0;
}

div#nav_logo img {
  padding: 20px;
  width: 80%;
}

div#nav_footer {
  background: url(./img/line_stripe.png) repeat-x top;
  background-color: #263c78;
  min-height: 52px;
  display: block;
  border: none;
  margin: 0;
}

div#navmenu {
  width: 100%;
  display: block;
  margin: 0;
}

#navmenu ul {
  margin: 0;
  background-color: #333333;
  overflow:hidden;
  position: relative;
}

#navmenu a {
  display: block;
}


#navmenu a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#navmenu li {
  display: block;
  padding: 10px 15px 5px 15px;
  max-width: 100%;
  background:url(./img/menu/menu_line.png) no-repeat top center;
} 

#navmenu li.none {
  background:none;
}

.twitter-button {
   float: left;
   height: 15px;
   padding: 10px 0;
}

iframe.twitter-share-button {
    width: 105px!important;
}

div#nav_sp {
  display: none;
  width: 100%;
  background-color: #333333;
}

div#nav_sp_logo {
#  float: left;
#  width: 50%;
  background: url(./img/line_stripe.png) repeat-x bottom;
  background-color: #263c78;
}

div#nav_sp_logo img{
  width: 70%;
#  padding: 40px 25px;
  padding: 10px 25px;
}

#nav_sp_menu a{
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 1.5em;
  padding: 4px 0 4px 10px;
}

#nav_sp_menu ul{
#  float: left;
#  width: 50%;
  list-style-type: none;
  vertical-align: middle;
}

#nav_sp_menu li{
  width: 100%;
  float: left;
  border-top: 1px solid #8d8d8d;
}


#nav_sp_menu img.spmenu_icon{
  width: 20px;
  height: 20px;
  margin: 2px 20px 0 20px;
}


#nav_sp_menu li.none {
  border-top: none;
}

/* タブレットの縦未満で見た場合 */
@media screen and (max-width: 767px) {

div#nav{
   display: none;
}

div#nav_sp{
   display: inline-block;
}

}



/* フッター ----------------------------------------------------------------- */
#footer_wrap {
min-height: 70px;
width: 100%;
background: url(./img/bg_footer.png) repeat-x bottom center;
background-color: #272727;
padding: 0 auto;
text-align: center;
}


/* タブ切り替えJQery ----------------------------------------------------------------- */
#tabs {
  overflow: hidden;
  width: 100%;
/*  max-height: 30px; */ 
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 1px -15px 0 0;
}

#tabs a {
  float: left;
  position: relative;
  padding: 0 20px;
  height: 0;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #3D3D3D;
  border-bottom-color: #777\9;
  opacity: .3;
  filter: alpha(opacity=30);	  
}

#tabs a:hover,
#tabs a:focus {
  border-bottom-color: #2ac7e1;
  opacity: 1;
  filter: alpha(opacity=100);
}

#tabs a:focus {
  outline: 0;
}

#tabs #current {
  z-index: 3;
  border-bottom-color: #3d3d3d;
  opacity: 1;
  filter: alpha(opacity=100);	  
}


/* 各ページコンテンツ用 ----------------------------------------------------------------- */

.page_title {
  width: 100%;
  background-color: #333333;
}

.page_title img {
  padding: 15px 20px;
}

@media screen and (max-width:768px) {

.page_title img {
  padding: 15px 10px;
  width: 80%;
}

}

.page_contents {
  width: 100%;
  margin: 10px 0 30px 0;
}

.contents_header_wrap {
  display: table;
  width: 100%;
  background: url(./img/line_header.png) repeat-x top;
  padding: 25px 0 10px 0px;
  overflow: hidden;
  text-align: center;
}


.contents_header_wrap2 {
  display: table;
  width: 100%;
  background: url(./img/cp/strobe/sline.gif) repeat-x top;
  padding: 20px 0 10px 0px;
  overflow: hidden;
  text-align: center;
}

.contents_header_title {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  color: #98989e;
  font-weight: bold;
  font-size: 1.2em;
}


.contents_header_wrap {
  display: table;
  width: 100%;
  background: url(./img/line_header.png) repeat-x top;
  padding: 20px 0 10px 0px;
  overflow: hidden;
  text-align: center;
}


.contents_header_wrap2 {
  display: table;
  width: 100%;
  background: url(./img/cp/strobe/sline.gif) repeat-x top;
  padding: 20px 0 10px 0px;
  overflow: hidden;
  text-align: center;
}


.contents_header {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-right: 30px;
}

.contents_header_titlest {
  width: 20%;
  display: table-cell;
  vertical-align: middle;
  color: #5b5b5e;
  font-weight: bold;
  font-size: 1em;
}

.contents_headerst {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-right: 20px;
}


.contents {
  background: url(./img/line_stripe_gray.png) repeat-x top center;
  padding: 20px 20px 0 20px;
}

.contents_nospace {
  background: url(./img/line_stripe_gray.png) repeat-x top center;
  padding: 15px 0 0 0px;
}


/* スタジオ一覧関係 ----------------------------------------------------------------- */

img.studio_list {
    float:left;
    padding : 1% 0.3%;
}

img.studio_title {
    padding : 1% 0.3%;
}

img.studio_image {
    float:left;
    margin: 2px;
    width:24%;
}

p.list_info {
  padding:1% 0 0 0;
}

dl.studiolist{
  width:100%;
}


dl.studiolist dt{
  float:left;
  width: 24.6%;
  margin-left: 3px;
}


span.badge {
  font-weight: bold;
  border-radius: 0.5em;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
  background: #3f57bb;
  padding: 0.4em;
  font-size: 90%;
  color: #fff;
}
span.badge2 {
  font-weight: bold;
  border-radius: 0.5em;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
  background: #61bd50;
  padding: 0.4em;
  font-size: 90%;
  color: #fff;
}

.list_title{
  height:100px;
  float:left;
  line-height:140px;
}

.list_box {
  border-top: #335ac3 10px solid;
  margin : 1% 0;
}

.list_div {
  border-top: #fa4c4d 10px solid;
  margin : 1% 0;
}

.list_for {
  border-top: #38b1f6 10px solid;
}

.list_bld {
  border-top: #ab4ba2 10px solid;
  margin : 1% 0;
}

.list_vel {
  border-top: #666604 10px solid;
  margin : 1% 0;
}

.list_gac {
  border-top: #6db4ac 10px solid;
  margin : 1% 0;
}

.list_lux {
  border-top: #3d2501 10px solid;
  margin : 1% 0;
}

.list_ten {
  border-top: #d9d5a8 10px solid;
  margin : 1% 0;
}

.list_duo {
  border-top: #4b4b4b 10px solid;
  margin : 1% 0;
}

.list_exe {
  border-top: #9c2e2f 10px solid;
  margin : 1% 0;
}

.list_noa {
  border-top: #ff3d00 10px solid;
  margin : 1% 0;
}

.list_sin {
  border-top: #ac7f6a 10px solid;
  margin : 1% 0;
}

.list_ray {
  border-top: #929ed2 10px solid;
  margin : 1% 0;
}

.list_ask {
  border-top: #852652 10px solid;
  margin : 1% 0;
}

.list_mag {
  border-top: #e3da01 10px solid;
  margin : 1% 0;
}

.list_lan {
  border-top: #66069d 10px solid;
  margin : 1% 0;
}

.list_cosset {
  border-top: #1c7dc2 10px solid;
  margin : 1% 0;
}

.css_btn_class {
	font-size:12px;
	font-weight:normal;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:0px solid #d83526;
	padding:4px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fc8d83), color-stop(100%, #e4685d) );
	background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% );
	background:-ms-linear-gradient( top, #fc8d83 5%, #e4685d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
	background-color:#fc8d83;
	color:#ffffff;
	display:inline-block;
}.css_btn_class:hover {
	color:#ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e4685d), color-stop(100%, #fc8d83) );
	background:-moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% );
	background:-ms-linear-gradient( top, #e4685d 5%, #fc8d83 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
	background-color:#e4685d;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

@media screen and (max-width: 985px) {

dl.studiolist dt{
  width: 24.3%;
}

}

/* タブレットの縦未満で見た場合 */
@media screen and (max-width: 500px) {

dl.studiolist dt{
  width: 24%;
}

}


/* レンタル機材 ----------------------------------------------------------------- */

table.rental_tools {
  float: left;
  border: none;
  width: auto;
}

table.rental_tools tr{
  border: none;
}

table.rental_tools td{
  vertical-align: middle;  
  border: none;
  min-width: 120px;
}


div.rental_tools {
  padding: 8px 8px 3px 8px;
  background: url(./img/line_stripe_gray.png) repeat;
  width: 170px;
}


div.rental_tools img{
  width: 100%;
}

div.rental_comment {
  clear: both;
  display: block;
  padding-right: 30px;
}


table.rental_goods {
  float: left;
  border: none;
  width: auto;
}

table.rental_goods tr{
  border: none;
}

table.rental_goods td{
  vertical-align: middle;  
  border: none;
  min-width: 120px;
  padding: 0;
}

span.rental_mini {
 font-size: 0.8em;
}


@media screen and (max-width:768px) {

div.rental_tools {
  width: 120px;
}

div.rental_comment {
  padding: 0;
}

.contents_nospace {

  padding: 15px 30px 0 30px;
}

}

/* ご利用ガイド ----------------------------------------------------------------- */

div.guide_wrap {
  width: 100%;
  overflow: hidden;
}

div.guide_step {
  float: left;
}

div.guide_contents {
  margin: 0 0 0 100px;
}

div.guide_contents img{
  float: left;
}

div.guide_contents p{
  margin: 10px 10px 10px 190px;
}

div.guide_header {
  height: 43px;
  background: url('./img/guide/stripe_guide.png') repeat-x;
  width:100%;
  margin: 5px 0 0 0;
  padding: 5px 0 0 15px;
  font-weight: bold;
}

@media screen and (max-width:768px) {

div.guide_step {
  width: 10%;
}

div.guide_contents {
  margin: 0 0 0 60px;
}

div.guide_contents img{
  display: none;
}

div.guide_contents p{
  margin: 10px;
}

}

/* 各スタジオ中身 ----------------------------------------------------------------- */

/* タブレットの縦以下で見た場合 */
@media and (max-width: 768px) {
iframe[src*="calendar"] {
? ? ? ? width: 100%;
? ? }
}

/* タブレットの縦未満で見た場合 */
@media and (max-width: 500px) {
iframe[src*="calendar"] {
        width: 300px!important;
        height: 400px!important;
    }

}
div.studio_desc {
  border: #777777 1px solid;
  font-size: 90%;
  padding: 2%;
  margin-bottom: 2%;
}

.studio_contents {
  background: url(../img/line_stripe_gray.png) repeat-x top center;
  border-top: #3d3d3d 4px solid;
  padding: 10px 10px 0 10px;
}

/* price content */

.price-box {background-color: #3359c3;}
.price-div {background-color: #f94b4c;}
.price-for {background-color: #3baff9;}
.price-bld {background-color: #ab4ba2;}
.price-vel {background-color: #666604;}
.price-gac {background-color: #71b3af;}
.price-lux {background-color: #3d2503;}
.price-ten {background-color: #d9d5a8;}
.price-duo {background-color: #4b4b4b;}
.price-exe {background-color: #9e2e2d;}
.price-noa {background-color: #ff3d00;}
.price-sin {background-color: #ac7f6a;}
.price-ray {background-color: #929ed2;}
.price-ask {background-color: #852553;}
.price-mag {background-color: #e3da01;}
.price-lan {background-color: #66069d;}
.price-cosset {background-color: #107cc2;}
.price-nuun {background-color: #dadf00;}

.price-table {
    border-spacing: 1px;
}

.price-td {
    color: #fff;
    text-align: center;
    height: 30px;
}

.price-tdb {
    color: #000;
    text-align: center;
    height: 30px;
}
.price-td1 {
    color: #666666;
    background-color: #fff;
    text-align: center;
    height: 30px;
    width: 30%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.price-td2 {
    color: #cc0000;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    height: 30px;
    width: 70%;
}
.price-weekday {
    width: 49%;
    float: left;
}

.price-holiday {
    width: 49%;
    float: right;
}

/* タブレットの縦未満で見た場合 */
@media screen and (max-width: 767px) {
.price-weekday {
    width: 100%;
}

.price-holiday {
    width: 100%;
}
}

/* 各スタジオアクセスマップ ----------------------------------------------------------------- */
.map-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.map-container iframe,  
.map-container object,  
.map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#slides_nav_container {
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}

ul#slides_nav {
    width: 100%;
    list-style-type: none;
}

ul#slides_nav li {
    float: left;
    margin: 3px;
    width: 19.1%;
}

ul#slides_nav li:hover {
    cursor: pointer;
    opacity: 0.7;
}

ul#slides_nav2 {
    width: 100%;
    list-style-type: none;
}

ul#slides_nav2 li {
    float: left;
    margin: 3px;
    width: 19.1%;
}

ul#slides_nav2 li:hover {
    cursor: pointer;
    opacity: 0.7;
}

@media screen and (max-width:768px) {

ul#slides_nav li {
    width: 18.5%;
}

ul#slides_nav2 li {
    width: 18.5%;
}

}

@media screen and (max-width:767px) {

div#slides_nav_container {
    display: none;
}

}

/* 予約フォーム ----------------------------------------------------------------- */


    .form_button {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
        background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
        
        background-color:#fc8d83;
        
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
       
        color:#ffffff;
        font-family:Arial;
        font-size:15px;
        font-weight:normal;
        padding:15px 35px;
        text-decoration:none;
        display: none;        
    }
    .form_button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
        background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
        
        background-color:#e4685d;
    }
    .form_button:active {
        position:relative;
        top:1px;
    }


/* タブレットの縦未満で見た場合 */
@media screen and (max-width: 767px) {

 .form_button {
        display:inline-block;
}

iframe#iframe_form {
        display: none;
}

}


span.attention {
  color: #f00;
  font-size: 0.8em;
}

div#form_wrap {
  width: 100%;
}

div#form_wrap li {
  list-style-type: none;
}

div#form_wrap .text, textarea, .dropdown {
border: 1px solid #777;
padding: 5px;
color: #000;
background: #fff;
border-radius: 5px;
background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) );
-webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 1px #fff;
background: -moz-linear-gradient( top, #eee, #fff );
-moz-border-radius: 5px;
-moz-box-shadow: 1px 1px 1px #fff;
filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
zoom: 1;
}

div.form_row {
  width: 100%;
  display: inline-block;
}

div.form_title {
  float: left; 
  width: 20%;
  color: #fff;
  background-color: #263c78;
}

div.form_input {
  float: left; 
  width: 70%;
  background-color: #fff;
}

@media screen and (max-width:767px) {

div.form_title {
  float: none; 
  width: 100%;
}

div.form_input {
  width: 100%;
}

}

/* よくある質問 ----------------------------------------------------------------- */

#acMenu dt{
        background: url("./img/faq_question.jpg") no-repeat 10px center; 
	display:block;
        padding: 20px 0 20px 50px;
        line-height: 15px;
	border:#666 1px solid;
	cursor:pointer;
        font-weight: bold;
	}
#acMenu dt:hover{
        background-color: #ffead4;
        }

#acMenu dd{
        background: url("./img/faq_answer.jpg") no-repeat 10px; 
	background-color:#f2f2f2;
        padding: 20px 0 20px 50px;
	border:#666 1px solid;
	display:none;
	}

/* スタジオ内各ページ遷移メニュー ----------------------------------------------------------------- */




#contents_nav nav ul {
	zoom: 1;
	background: #666;
}
#contents_nav nav ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
        margin-bottom: 10px;
}
#contents_nav nav ul li {
	float: left;
	width: 20%;
	background: url(/smp/img/bg_nav_page.gif) no-repeat right bottom #666;
	position: relative;
	font-weight: bold;
}
#contents_nav nav ul li a,
#contents_nav nav ul li span {
	color: #CCC;
	display: block;
	text-align: center;
	font-size: 10px;
	padding: 11px 0;
	border-right: 1px solid #999;
        text-decoration: none;
}
#contents_nav nav ul li:last-child a,
#contents_nav nav ul li:last-child span {
	border-right: none;
}
#contents_nav nav ul li.active {
	background: url(/smp/img/bg_nav_page_ac.gif) no-repeat right bottom #333;
}
#contents_nav nav ul li.active span {
	color: #FFF;
}
#contents_nav nav ul li .arrow {
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin: 0 0 0 -4px;
}


#contents_nav ul li a:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}


@media only screen and  (-webkit-device-pixel-ratio: 2) {
	#contents_nav nav ul li {
		background: url(/smp/img/bg_nav_page_x2.gif) no-repeat right bottom #666;
		-webkit-background-size: 14px 12px;
	}
	#contents_nav nav ul li.active {
		background: url(/smp/img/bg_nav_page_ac_x2.gif) no-repeat right bottom #333;
		-webkit-background-size: 14px 12px;
	}
}

/* privacy content */
.privacy {
    color: #666666;  
    font-size: 15px;
    font-weight: bold;
}

.studiolink li {
    float:left;
    list-style:none;
    margin: 0 1%;
}

.studiolink img {
    margin-left:4px;
    display :inline-block;
    vertical-align: bottom; 
}

/* フッターのパーツ ----------------------------------------------------------------- */

div#footer_studiolink {
    display: none;
}

footer nav ul {

}


footer nav ul li {
    width: 43px;
    float: left;
    position: relative;
}

footer nav ul li a{
    overflow: hidden;
    height: 0;
    display: block;
    padding: 20px 0 0 0;
}

footer nav ul li.studiolink_box a {
background: url(/img/menu/footer/box.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_div a {
background: url(/img/menu/footer/div.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_for a {
background: url(/img/menu/footer/for.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_bld a {
background: url(/img/menu/footer/bld.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_vel a {
background: url(/img/menu/footer/vel.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_gac a {
background: url(/img/menu/footer/gac.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_lux a {
background: url(/img/menu/footer/lux.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_ten a {
background: url(/img/menu/footer/ten.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_duo a {
background: url(/img/menu/footer/duo.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_exe a {
background: url(/img/menu/footer/exe.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_noa a {
background: url(/img/menu/footer/noa.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_sin a {
background: url(/img/menu/footer/sin.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_ray a {
background: url(/img/menu/footer/ray.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_ask a {
background: url(/img/menu/footer/ask.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_mag a {
background: url(/img/menu/footer/mag.png) no-repeat 0 2px;
}

footer nav ul li.studiolink_lan a {
background: url(/img/menu/footer/lan.png) no-repeat 0 2px;
}

footer nav ul li:nth-child(1),
footer nav ul li:nth-child(8) {;
	clear: left;
}

    .button_pc {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
        background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
        background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
        background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
        background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
        background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
        
        background-color:#3d94f6;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #337fed;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:5px 15px;
        text-decoration:none;
        
    }
    .button_pc:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
        background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
        background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
        
        background-color:#1e62d0;
    }
    .button_pc:active {
        position:relative;
        top:1px;
    }



    .button_sp {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
        background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
        
        background-color:#ededed;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#3c3c3c;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:5px 15px;
        text-decoration:none;
        
    }
    .button_sp:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        
        background-color:#dfdfdf;
    }
    .button_sp:active {
        position:relative;
        top:1px;
    }

span.footer_copyright {
    font-size: 0.7em;
}


/* 求人募集のパーツ ----------------------------------------------------------------- */
/* jobs form */
.bo-table {
    border: 1px solid #666666;
    border-collapse: collapse; 
    width: 300px;
}

.bo-td {
    border: 1px solid #666666;
    background-color: #dcdcdc;
    color: #000000;
    text-align: left;
    font-size: 12px;
    width: 90px;
    padding: 0px 0px 0px 5px;
}

.bo-td2 {
    border: 1px solid #666666;
    font-size: 12px;
    text-align: left;
    padding: 10px 0px 5px 10px;
}

.koumoku {
    font-size: 16px;
    font-weight: bolder;
    color: #ffffff;
    margin: 15px 0px 15px 0px;
    padding: 5px 0px 5px 6px;
    background-color: #263c79;
    border-bottom: 1px dotted #263c79;
    border-left: 10px solid #263c79;
}

.koumoku1 {
    font-size: 12px;
    color: #363636;
    background-color: #f9f9f9;
    margin: 15px 0px 15px 0px;
    padding: 15px 0px 15px 20px;
    border-bottom: 1px solid #263c79;
    border-top: 1px solid #263c79;
}

.badge_mag {
  border-radius: 0.5em;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
  background: #e3da01;
  padding: 0.4em;
  font-size: 90%;
}

.badge_lan {
  border-radius: 0.5em;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
  background: #66069d;
  color:#ffffff;
  padding: 0.4em;
  font-size: 90%;
}

/* ブランドメーカーリスト ----------------------------------------------------------------- */
div.brand {
    width: 200px;
    float: left;
    margin:15px;
}

span.brand {
    font-size:70%;
}

/* LP用 ----------------------------------------------------------------- */
div.lp img {
    vertical-align: bottom;
}