@charset "UTF-8";
header, nav, article, figure, caption, details, summary, phone, footer{display:block;}
*{margin:0;padding:0;}
body{background:#fff;color:#ccc;font-family:helvetica, arial, sans-serif;}
p{font-size:13px;line-height:22px;margin-bottom:20px;}
a{color:#000;transition-duration:0.2s;-o-transition-duration:0.2s;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;}
a:hover, a:focus, a:active{color:#F0F;}
a:hover, a:visited{color:#000;}
header{margin:0 auto;width:960px;}
#btn-burger{display:none;}
#pan{font-size:11px;}
#pan a{color:#000;text-decoration:none;}
#title01{color:#999;font-size:11px;text-align:right;}
#title02{font-size:24px;color:#666;margin:0 0 10px 0;}
#title03, .title03{font-size:18px;color:#000;margin:25px 0 14px 0;padding:10px 0 10px 20px;background-image:url(../img/page/bg.gif);border-left-width:4px;border-left-style:solid;border-left-color:#000;}
#title04{font-size:16px;color:#09F;margin:40px 0 10px 0;padding:0 0 0 10px;border-left-width:8px;border-left-style:solid;border-left-color:#09F;}
#promo_word{font-size:18px;color:#000;margin:6px 0 12px 0;}
#logo{text-align:left;margin:14px 0 0 0;}
#buttons{float:left;margin-bottom:40px;padding:10px 0px 10px 0px;font-size:14px;}
#buttons a:link{float:left;width:188px;font-size:14px;color:#000;display:block;margin:1px;padding:7px 0px 7px 0px;text-align:center;border:solid 1px #fff;background-image:url(../img/page/bg.gif);}
#buttons a:visited{float:left;width:188px;font-size:14px;color:#000;display:block;margin:1px;padding:7px 0px 7px 0px;text-align:center;border:solid 1px #fff;background-image:url(../img/page/bg.gif);}
#buttons a:hover{float:left;width:188px;color:#09F;font-size:14px;display:block;margin:1px;padding:7px 0px 7px 0px;text-align:center;border:solid 1px #09F;background-image:url(../img/page/bg.gif);}
button{margin:10px 10px;padding:0 10px;}
nav a{text-decoration:none;}
#fb-root{text-align:right;margin:0;}
section{}
article{line-height:22px;margin:0 auto 20px auto;width:960px;}
figcaption{display:block;font-size:18px;margin:5px;text-align:center;}
#main{float:left;margin:0 40px 50px 0;padding:0 0 0 0;width:700px;}
#main a:link, #main a:visited{color:#333;text-decoration:none;}
#main a:hover{color:red;text-decoration:underline;}
#index_ul{margin-left:-20px;}
#pr{font-size:14px;line-height:24px;margin:0 0 20px 0;}
#main #before_after img{display:none;}
#h430{height:430px;font-size:13px;line-height:22px;}
#want{color:#F0F;font-size:12px;}
#navi{display:block;float:left;width:220px;margin-top:25px;}
#navi #dot{display:block;border-top:dotted 1px #ccc;padding-top:0;}
#self-info{font-size:14px;}
#survice{font-size:14px;text-align:left;margin:0;}
#survice a:link{display:block;color:#09F;border-bottom:dotted 1px #ccc;width:210px;margin:0;padding:10px 0 10px 10px;}
#survice a:visited{display:block;color:#09F;border-bottom:dotted 1px #ccc;width:210px;margin:0;padding:10px 0 10px 10px;}
#survice a:hover, #survice a:focus, #survice a:active{color:#000;background-color:#f1f1f1;}
#survice img.current{border-color:#ccc;}
#about_studio{color:#666;margin:30px 0 0 0;padding-top:15px;}
#about_studio #add,
#about_studio #ad{font-size:13px;line-height:18px;margin:30px 0 50px 0;padding-top:15px;text-align:left;}
#about_studio #ad a:link,
#about_studio #ad a:visited{color:#666;text-decoration:none;}
#about_studio #add #studio{font-size:14px;font-weight:bold;}
#accessmap a:link, #accessmap a:visited{text-decoration:none;color:#666;}
phone a:link, phone a:visited{color:#666;text-decoration:none;}
#about_studio dt{font-weight:bold;}
#about_studio dd{margin-left:20px;}
footer{display:block;clear:both;margin:0 auto 0 auto;text-align:center;width:960px;}
#btn_under a:link{color:#000;text-decoration:none;text-align:center;font-size:14px;line-height:24px;padding:6px 6px 4px 6px;}
#btn_under a:visited{color:#000;text-decoration:none;text-align:center;font-size:14px;line-height:24px;padding:6px 6px 4px 6px;}
#btn_under a:hover, #btn_under a:focus, #btn_under a:active{color:#fff;background-color:#09F;}
#copyright{text-align:center;font-size:11px;color:#666;margin-bottom:0;padding:20px 0 6px 0;background-image:url(../img/page/bg.gif);}
#copyright a:link{text-decoration:none;color:#666;}
#copyright a:visited{text-decoration:none;color:#666;}
#copyright a:hover, #copyright a:focus, #copyright a:active{color:#F00;text-decoration:underline}
#whats_new ul{font-size:14px;margin-left:20px;}
figure ul{margin-left:0x;}
#more{text-align:right;margin:0 0 20px 0;border-bottom:dotted 1px #999999;}
#support{position:fixed;left:2px;/right:2px;z-index:999;bottom:0px;width:140px;height:16px;float:left;}
#support a{color:#CCC;font-size:10px;display:block;padding:0;margin:0 2px;}
.bold{font-weight:bolder;}
.nav.fixed{width:auto;height:50px;position:fixed;bottom:0;float:left;background-color:#fff;}
#survice_pr ul{margin-left:20px;}
#main ol{margin:0 0 20px 20px;}
#main ul{margin-left:20px;}
#main ul a{color:#000;text-decoration:none;}
td ul{margin-left:20px;}
#survice_pr{height:450px;}
table{width:700px;margin:0;}
#google_map iframe{float:left;}
#waku4 ol{border:solid 4px #c7c7c7;padding:6px 6px 6px 30px;margin-left:0;}
#up_page{text-align:right;font-size:12px;margin:50px 0 0 0;}
.fb-root{width:500px;margin:0 0 50px 0;display:inline;}
.fb-root li{list-style-type:none;display:block;}
.faq{margin:10px 0 10px 0;}
.faq .question{color:#000;font-weight:bold;line-height:30px;margin:20px 0 0 0;padding:0 0 0 40px;background-image:url(../img/smartphone-site/faq/faq-question.png);background-repeat:no-repeat;}
.faq .answer{color:#333;line-height:30px;margin:20px 0 0 0;padding:0 0 0 40px;background-image:url(../img/smartphone-site/faq/faq-answer.png);background-repeat:no-repeat;}
.dotted{margin:10px 0 10px 0;border-bottom:#666666 1px dotted;}
figure #btn_gosite{margin:40px auto 70px 300px;}
a.red2{width:170px;margin:0 auto 0 auto;text-align:center;color:#FFF;background:#F0F;display:inline;border:1px solid #F0F;}
a.vista{display:block;line-height:36px;color:#fff;font-family:arial, sans-serif;font-size:14px;font-weight:bold;text-decoration:none;padding:0 13px 0 14px;text-shadow:-1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #c00;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0px 10px 20px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 10px 20px rgba(0, 0, 0, 0.5);box-shadow:0px 10px 20px rgba(0, 0, 0, 0.5);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(48%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)));background-image:-moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, table, tr, th, td, address, form, blockquote, pre, code, img{}
body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;font-size:13px;color:#333;}
td{padding:3px;}
ul.thumb{width:200px;height:300px;position:relative;list-style:none;overflow:hidden;}
ul.thumb li{line-height:16px;position:absolute;top:0;left:0;padding:7px 7px 85px 7px;background:#FFF;width:183px;height:183px;-moz-box-shadow:1px 1px 6px #222;-webkit-box-shadow:1px 1px 6px #222;box-shadow:1px 1px 6px #222;-webkit-transition:all 0.5s ease-in-out;z-index:1;}
ul.thumb li span{font-family:verdana,sans-serif;font-size:12px;}
ul.thumb li img{border:none;width:100%;height:100%;}
ul.thumb li:nth-child(1){margin-top:0px;margin-left:0px;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
ul.thumb li:hover{z-index:10;width:200px;height:200px;margin-top:-9px;margin-left:-9px;-moz-box-shadow:6px 6px 23px #141414;-webkit-box-shadow:6px 6px 23px #141414;box-shadow:6px 6px 23px #141414;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);cursor:pointer;}
@media screen and (max-device-width:770px), screen and (max-width:770px){header{width:720px;}
#btn-burger{display:none;}
#buttons{display:none;}
#title02{font-size:24px;color:#666;margin:40px 0 10px 10px;}
figure{width:720px;padding:0;}
figure #btn_gosite{margin:40px auto 0 auto;}
#main{float:left;margin:10px auto 0 10px;padding:0;width:700px;}
article{width:720px;}
#extra #dot{display:none;margin:0;}
nav{width:700px;}
#survice{width:720px;color:#FFF;text-align:center;margin:12px 10px 0 12px;padding:0;}
#survice a{width:216px;border:solid 1px #CCC;float:left;font-size:14px;margin:12px 10px 10px 10px;padding:0;display:block;}
#survice a:link{width:216px;margin:0 8px 10px 0;color:#FFFFFF;background-color:#3399CC;}
#survice a:hover{width:216px;margin:0 8px 10px 0;color:#FFFFFF;background-color:#06C;}
#survice a:visited{color:#FFFFFF;background-color:#3399CC;width:216px;margin:0 8px 10px 0;}
#self_info{width:700px;margin:0 auto 0 auto;}
#navi #about_studio{display:block;width:720px;}
#navi #about_studio #add{display:block;text-align:center;}
#about_studio #add img{display:block;margin:0 auto 0 auto;}
#about_studio #ad{display:none;}
ul.thumb li{width:183px;}
figcaption{display:none;}
footer{width:720px;}
#btn_under{width:700px;color:#FFF;text-align:center;margin:12px 10px 0 12px;}
#btn_under a{width:210px;border:solid 1px #CCC;float:left;font-size:14px;margin:4px;display:block;}
footer #copyright{float:left;width:720px;text-align:center;color:#666;margin:40px 0 0 0;padding:20px 0 6px 0;background-image:url(../img/page/bg.gif);}
}
@media screen and (max-device-width:480px), screen and (max-width:480px){body{width:100%;margin:0;}
header{width:auto;margin:0;}
#logo{text-align:center;margin-top:30px;}
#title01{width:100%;font-size:12px;text-align:center;margin-bottom:12px;}
#title02{text-align:center;width:90%;font-size:22px;color:#000;margin:20px auto 20px auto;}
#title03, .title03{width:auto;margin:10px 0 14px 0;padding:10px 0 10px 6px;background-image:url(../img/page/bg.gif);border-left-width:6px;border-left-style:solid;border-left-color:#000;}
article{width:auto;margin:0 auto 0 auto;}
figure{width:auto;margin-bottom:20px;}
#main{width:auto;display:block;margin:10px 0 0 0;}
#pan{display:none;}
p a{text-decoration:underline;}
#up_page{margin:30px 0 0 0;}
#up_page a{background-color:#ccc;padding:5px;}
#more{border:0;}
#more a{background-color:#ccc;padding:5px;}
li a{margin-bottom:6px;text-decoration:underline;}
#main img{display:block;width:90%;height:auto;margin:0 auto 0 auto;}
#pr{margin-left:10px;}
#h430 img{display:none;}
#h430{height:auto;margin-left:10px;}
#main #before_after img{display:block;width:90%;height:auto;margin:0 auto 10px auto;}
#main #results_img img{display:block;width:90%;height:auto;margin:0 auto 10px auto;}
#main #results img{display:block;width:90%;height:auto;margin:0 auto 10px auto;}
#caption{display:none;}
figcaption{width:100%;display:block;}
#whats_new{width:100%;margin-left:0;}
#whats_new a{color:#000;}
#navi{width:100%;margin:0;float:left;}
#navi #20th img{text-align-last: center;}
#navi #20th img{margin: 50px auto 0 auto;}
#navi #dot{display:none;margin:0;}
#navi #about_studio{width:auto;float:left;}
#about_studio{width:100%;margin:0;}
#about_studio #ad a{display:none;}
#self_info{width:auto;margin:0;padding:14px 10px 0 10px;}
#add{text-align:center;width:auto;padding:14px 10px 0 10px;}
#add img{margin:0 auto 0 auto;}
#accessmap a{color:#333;}
#accessmap a:link, a:visited{text-decoration:underline;color:#333;}
phone{display:block;width:80%;font-size:16px;color:#fff;text-align:center;margin:10px auto 20px auto;padding:10px;background-color:#09F;}
phone a{color:#fff;text-decoration:none;}
phone a:link, a:visited{color:#fff;text-decoration:none;}
nav{width:100%;text-align:center;margin:0;}
#survice{width:80%;font-size:16px;text-align:center;margin:50px auto 5px auto;}
#survice a{width:100%;float:left;border:solid 1px #333;color:#333;font-size:16px;}
#survice a:link{width:100%;margin:0 auto 10px auto;color:#FFFFFF;background-color:#09F;}
#survice a:hover{width:100%;margin:0 auto 10px auto;color:#FFFFFF;background-color:#06F;}
#survice a:visited{width:100%;color:#FFFFFF;background-color:#09F;}
footer{width:100%;text-align:center;margin:0;}
footer #btn_under{display:block;width:80%;font-size:16px;text-align:center;margin:5px 10% 5px 10%;}
footer #btn_under a{width:auto;border:solid 1px #333;color:#333;font-size:16px;float:none;}
footer #copyright{width:100%;text-align:center;font-size:10px;color:#666;margin:40px auto 0 auto;padding:0;background-image:url(../img/page/bg.gif);}
#copyright a:link{text-decoration:none;color:#666;}
#copyright a:visited{text-decoration:none;color:#666;}
#copyright a:hover, #copyright a:focus, #copyright a:active{color:#F00;text-decoration:underline;}
.fb-root{display:none;}
ul.thumb{display:block;width:100%;height:2110px;position:relative;list-style:none;overflow:hidden;}
ul.thumb li{display:block;line-height:16px;position:absolute;top:250px;left:200px;padding:7px 7px 40px 7px;background:#FFF;width:280px;height:280px;-moz-box-shadow:1px 1px 6px #222;-webkit-box-shadow:1px 1px 6px #222;box-shadow:1px 1px 6px #222;-webkit-transition:all 0.5s ease-in-out;z-index:1;}
ul.thumb li span{font-family:verdana,sans-serif;font-size:16px;text-align:left;}
ul.thumb li:hover{display:none;}
#survice_pr{height:auto;margin:10px 10px 30px 10px;}
#survice_pr img{width:300px;height:300px;float:left;margin-bottom:30px;}
p{font-size:13px;width:auto;margin:10px 10px 30px 10px;}
#promo_word{width:300px;margin:10px 10px 30px 10px;}
table{width:90%;margin:10px auto 30px auto;}
#google_map iframe{width:100%;height:200px;margin:10px auto 30px auto;}
td a:link{color:#000;text-decoration:none;}
td a:visited{color:#000;text-decoration:none;}
#main ol{margin-left:30px;}
#main #waku4 ol{margin:0 10px 0 10px;}
td ol li a{color:#000;text-decoration:none;}
td ul li a{color:#000;text-decoration:none;}
td #staff img{width:145px;height:104px;}
.faq .question,.faq .answer{margin:20px 10px 0 10px;}
}