@charset "utf-8";
/*--------------------------------------------------
for ameba sp common_stlye common
$Id: sp_common.css,v 1.6 2011/05/26 02:28:41 hoshino_megumi Exp $
--------------------------------------------------*/

/*setup
--------------------------------------------*/
html, body, div, 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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:11px; vertical-align:baseline; background:transparent; }

pre { white-space:normal; }
em { font-style:normal; }

body { word-break:break-all; font-size-adjust:none; -webkit-text-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height: 1.5; text-align:left; font-family:"Hiragino Kaku Gothic Pro","Arial,Helvetica,sans-serif; color:#333; text-align:center; font-size:1em; }
article, aside, dialog, figure, footer, header,
hgroup, nav, section { display:block; }

ul { list-style:none; }

.p10 {
    padding: 10px;
}

.msgFromSalon {
    border: 1px solid #ccc;
}
.bdr10 {
    border-radius: 10px;
}
.bgBeige {
    background-color: #f6f3e3;
}



.list1 ul li a::after {
    content: url("/sp/image/list_mark1.png");
    float: right;
}
.list1 ul li {
    background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid white;
    border-top: 1px solid #ccc;
    height: 44px;
    margin: 0;
}
li {
    list-style: outside none none;
}

.list1 ul {
    border-bottom: 1px solid #ccc;
}
.list1 ul li a {
    color: #333;
    display: block;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.radius.r5t {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.radius.r0b {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.sentenceBox {
    font-size: 0;
    height: 136px;
    line-height: 0;
    margin-top: 10px;
    position: relative;
}
.sentenceBox textarea {
    background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    height: 136px;
    padding: 7px 7px 0;
    position: absolute;
    resize: none;
    width: 100%;
    z-index: 10;
}

.titleBox {
    position: relative;
}
.titleBox input[type="text"] {
    border-bottom: medium none;
    height: 34px;
    line-height: 1.5;
    width: 100%;
  
}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; color:#06C; text-decoration:none; }
a:active { color:#F36; }
a:visited { color:#996699; }

ins { background-color:#FF9; color:#000; text-decoration:none; }
mark { background-color:#FF9; color:#000; font-style:italic; font-weight:bold;}
/*b { font-weight:normal; }*/
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #66797D; cursor:help; font-style:normal; color:#66797D; }

table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0; }
input, select { margin:0; padding:0; }
img { border:0; vertical-align:bottom; }

/* Reset input[type="search"] */
input[type="search"] { -webkit-appearance: none; -webkit-box-sizing: content-box;}
input[type="search"]:focus { outline-offset: -2px;}
input[type="search"]::-webkit-search-decoration { display: none;}

/* floating box clear */
.paging,
#abbrCheck { zoom:1; }
.paging:after,
#abbrCheck:after { content:''; display:block; clear:both; }

/*ad*/
.ad { background:#ccc; }

/*paging
--------------------------------------------*/
.paging { margin:0 auto 10px; color:#CCC; text-align:center; font-size:12px; }
.paging li { position:relative; display:inline-block; margin:0 2px; line-height:2.4; }
.paging a { display:block; width:30px; height:30px; background:#E1F0FF; text-decoration:none; color:#06C; white-space:nowrap; line-height:2.4; }

.paging .rwd a,
.paging .fwd a { width:94px; background:#E1F0FF; }
.paging .first a,
.paging .last a { width:30px; height:30px; padding:0; background:#E1F0FF; text-align:center; }

.paging .firstOff,
.paging .lastOff,
.paging .rwdOff,
.paging .fwdOff { height:30px; }
.paging .rwd,
.paging .rwdOff { margin:0 10px 0 0; }
.paging .fwd,
.paging .fwdOff { margin:0 0 0 10px; }
.paging .firstOff,
.paging .lastOff { width:30px; height:30px; padding:0; background:#EFEFEF; text-align:center; }
.paging .rwd,
.paging .fwd,
.paging .rwdOff,
.paging .fwdOff { width:94px; background:#EFEFEF; }
.paging .first a img,
.paging .firstOff img,
.paging .last a img,
.paging .lastOff img,
.paging .rwd img,
.paging .rwdOff img,
.paging .fwd img,
.paging .fwdOff img { vertical-align: middle; }

.paging .now { width:28px; height:28px; border:1px solid #EEE; text-align:center; color:#06C; font-weight:bold; }
.paging .now a { background:#E1F0FF; }

/*form
--------------------------------------------*/
#sbmtSection { text-align:center; }
.sbmt { padding:7px; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background:-webkit-gradient(linear, 0% 100%, 0% 21%, from(#E6E6E6), to(#FFF), color-stop(.5,#E6E6E6)); background:-moz-linear-gradient(0% 75% 90deg,#E6E6E6, #FFF, #FFF 100%); box-shadow:0 2px 2px rgba(100, 100, 100, 0.15); -moz-box-shadow:0 2px 2px rgba(100, 100, 100, 0.15); -webkit-box-shadow:0 2px 2px rgba(100, 100, 100, 0.15); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9); }
.sbmt a { color:#333; }
.sbmtDo { padding:7px; border:1px solid #888; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background:-webkit-gradient(linear, 0% 100%, 0% 21%, from(#48A100), to(#5CC328), color-stop(.5,#48A100)); background:-moz-linear-gradient(0% 75% 90deg,#48A100, #5CC328, #5CC328 100%); color:#FFF; box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15); text-shadow:0 -1px 0 rgba(102, 102, 102, 0.8); }
.sbmtDo a { color:#FFF; }
form input[type="text"],
form input[type="password"],
form input[type="mail"],
form input[type="email"],
form textarea { border:1px solid #AAA; padding:7px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15); }

form input[type="password"],
form input[type="mail"],
form input[type="email"] { ime-mode:disable; }

form input[type="checkbox"],
form input[type="radio"] { padding:8px; border:1px solid #999; box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); }

form input[type="search"] { border:none; -moz-border-radius:0px!important; -o-border-radius:0px!important; -ms-border-radius:0px!important; border-radius:0px!important; box-shadow:inset 0px 0px 0px #FFF!important; -moz-box-shadow:inset 0px 0px 0px #FFF!important;	-webkit-box-shadow:inset 0px 0px 0px #FFF!important; }

input[type="text"]:focus,
textarea:focus { background:#CFC; }
input[type="text"]:disabled,
textarea:disabled { background:#EFEFEF; color:#999; }
input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
input[type="submit"]:disabled { color:#999; opacity:.5; }

em.required { color:#FFF; background-color:#F36; font-style:normal; margin-left:3px; padding:2px; font-size:10px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-weight:bold; }

/*notFound
--------------------------------------------*/
.notFound p { padding:0 7px 10px; font-size:12px; }
.notFound dl { padding:0 7px; font-size:12px; }
.notFound dt { font-weight:bold; }
.notFound dd { padding:0 0 5px; }

/*thum
--------------------------------------------*/
.thum { border-style:solid; border-color:rgba(0,0,0,0.1); border-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; border-radius:2px; }
.thum a { display:block; width:30px; height:30px; background:#FFF; }
.thum img { max-width:30px; max-height:30px; vertical-align:middle; }

/*errorContents
--------------------------------------------*/
#errorContents { margin:0 auto 10px; background-color:rgba(255,255,255,0.7); }
#errorImg {height:200px; float:right}
#errorBtn {clear:both;text-align:center}
#errorMessage { min-height:150px; font-size:12px; text-align:left; padding:10px; background:url(/common_style/img/sp/img_sorry.png) no-repeat right bottom #FFF; -webkit-background-size:100px auto; background-size:100px auto; -moz-background-size:100px auto; -o-background-size:100px auto; -ms-background-size:100px auto; }
#errorContents #mainContents { min-height:150px; font-size:12px; text-align:left; padding:10px; }
#errorContents #mainContents h1 { padding:0 0 6px; }
#errorMessage p { margin:0 0 10px; }
#errorMessage dt { font-weight:bold; }
#errorMessage h1 { font-size:14px; font-weight:normal; padding:0 0 6px; }

.next { margin:0 auto; font-size:12px; text-align:right; }
.next a { margin:0 2px; padding:1px 24px 3px 0; background:url(/common_style/img/sp/ico.png) no-repeat right -100px; }
.prev { margin:0 auto; padding:0 7px; font-size:12px; text-align:center; }
li.prev { float:left; }
.prev a { padding:0 0 2px 19px; background:url(/common_style/img/sp/ico.png) no-repeat 0 -299px; }
.toTop { margin:0 auto; padding:5px 0 8px; font-size:12px; text-align:right; }
.toTop a { margin:0 2px; padding:1px 21px 3px 0; background:url(/common_style/img/sp/ico.png) no-repeat right -198px; }
/*actn btn: for webkit */
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	.next a { background:url(/common_style/img/sp/ico_x2.png) no-repeat right -100px; -webkit-background-size: 20px auto; }
	.prev a { background:url(/common_style/img/sp/ico_x2.png) no-repeat 0 -300px; -webkit-background-size: 20px auto; }
	.toTop a { background:url(/common_style/img/sp/ico_x2.png) no-repeat right -200px; -webkit-background-size: 20px auto; }
}
.toBlog a { background:url(/common_style/img/sp/ico_user.png) no-repeat 7px 1px; padding:3px 0 5px 29px; }
.toPrf a { background:url(/common_style/img/sp/ico_user.png) no-repeat 7px -199px; padding:3px 0 3px 28px; }
/*icon: for webkit */
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	.toBlog a{ background:url(/common_style/img/sp/ico_user_x2.png) no-repeat 7px 1px; -webkit-background-size: 20px auto; }
	.toPrf a { background:url(/common_style/img/sp/ico_user_x2.png) no-repeat 7px -199px; -webkit-background-size: 20px auto; }
}



/*func
--------------------------------------------*/
#func { background-color:#FFF; }

/*srch
--------------------------------------------*/
#srch { margin:0 0 15px; padding:6px 7px 8px 7px; background-color:#EFEFEF; }
#srch h1 { margin:0 5px 0 0; padding:0 5px 4px 17px; background: url(/common_style/img/sp/ico.png) no-repeat 0 -1404px; vertical-align:top;  font-size:12px; text-align:left; }
#srch p { margin:0 5px 0 0; padding:0 5px 4px 17px; background: url(/common_style/img/sp/ico.png) no-repeat 0 -1404px; vertical-align:top; }
#srch #toggleForms { border: medium none; position: relative;}
#srch #toggleForms .srch_input { height: 36px; margin: 0 51px 0 0;}
#srch #toggleForms .srch_input .srch_box{ display:block;  padding-right:55px; margin-right:10px; background:none repeat scroll 0 0 #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border:1px solid #AAA; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);	-moz-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);	-webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15);}
#srch #toggleForms .srch_input .srch_box input#search_input { position:relative; left:0; top:0; padding: 6px 0 4px 4px;  width:100%;  height: 20px; border:0 none!important; -webkit-radius:0!important; -moz-border-radius:0!important; -o-border-radius:0!important; -ms-border-radius:0!important; border-radius:0!important; background:none repeat scroll 0 0 transparent;} 
#srch #toggleForms input.srchBtn { background: -webkit-gradient(linear, 0% 100%, 0% 21%, from(#EFEFEF), to(#FFF), color-stop(.5,#EFEFEF)); border: 1px solid #AAAAAA; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; box-shadow: 0 2px 2px rgba(100, 100, 100, 0.15); font-size: 10px; height: 32px; padding: 0 3px; position: absolute; right: 0; top: 0; width: 50px; font-weight:bold; 	background:-webkit-gradient(linear, 0% 100%, 0% 21%, from(#E6E6E6), to(#FFF), color-stop(.5,#E6E6E6));	background:-moz-linear-gradient(0% 75% 90deg,#E6E6E6, #FFF, #FFF 100%);}
#srch .delval { position: absolute; cursor: pointer; right: 70px; top: 7px; marign-left:20px; width: 20px; height: 20px; }
@media only screen and (-webkit-min-device-pixel-ratio: 0){
    .delval { background:url(/common_style/img/sp/icon_search_x2.png) no-repeat 0 0; -webkit-background-size: 20px auto; }
}

/*for webkit */
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	#srch p, #srch h1 { background: url(/common_style/img/sp/ico_x2.png) no-repeat 0 -1404px; -webkit-background-size:20px auto; }
}

.pageTop { margin:0 7px 20px 0; text-align:right; font-size:12px; }

/*funcNav
--------------------------------------------*/
#funcNav { text-align:center; font-size:12px; }
#funcNav dl { margin:15px 0 0; }
#funcNav dt,
#funcNav dd,
#funcNav ul,
#funcNav li { display:inline; }
#funcNav dt:after { content:":"; }
#funcNav li em { font-style:normal; font-weight:bold; color:#333; }
#funcNav li { margin:0 5px 0 0; padding:0 10px 0 0; border-right:1px solid #999; }
#funcNav li:last-child { border-right:none; margin:0; padding:0; }
#funcNav .ucs a { padding:1px 0 1px 27px; background:url(/common_style/img/sp/ico_user.png) no-repeat 7px -398px; }
#funcNav #regist { margin:0; }
/*for webkit */
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	#funcNav .ucs a { background:url(/common_style/img/sp/ico_user_x2.png) no-repeat 7px -400px;; -webkit-background-size: 20px auto; }
}

/*footer
--------------------------------------------*/
footer #footerNav { padding:10px 0; background-color:#FFF; border-bottom:1px solid #CCC; font-size:12px; }
footer #footerNav ul,
footer #footerNav li { display:inline; }
footer p { padding:7px; background:#4DAC26; text-align:center; color:#FFF; font-size:10px; }

/*login
--------------------------------------------*/
/*errorId*/
.errMsg,
.errorId .error,
.errorMessage { display:block; margin:0 12px; padding:3px 5px; background:#FEE8EC; color:#F36; text-align:left; }
.errMsg:first-child,
.errorId .error:first-child,
.errorMessage:first-child { margin:12px 12px 0; padding:3px 5px 0; }

#login { margin:0 0 10px; border-top:1px solid #CCC; font-size:12px; }
#contents #login h1 { padding:7px; background:#4DAC26; text-align:center; color:#FFF; }
#login form { padding:12px 12px 7px; text-align:center; }
form label[for="usr_name"],
form label[for="usr_password"] { display:block; text-align:left; }
#usr_name,
#usr_password { width:95%; margin:0 0 10px; ime-mode:disabled; font-size:14px; }
#abbrCheck { margin:0 0 10px; text-align:left; }
#abbrCheck p { float:right; }
#sbmtSection { margin:0 0 15px; }
#sbmtSection .sbmt,
#sbmtSection .sbmtDo { font-size:14px; }
.sbmtSection { margin:0 0 15px; text-align:center; }
.sbmtSection .sbmt,
.sbmtSection .sbmtDo { font-size:14px; }
#login form ul,
#login form li { display:inline; text-align:center; }
#login form li { margin:0 5px 0 0; padding:0 10px 0 0; border-right:1px solid #999; }
#login form li:last-child { margin:0; padding:0; border-right:medium none; }
#login .moreLink { padding:0 0 10px; }
#faq { margin:0 6px; padding:12px; background:#EFEFEF; text-align:center; }
#faq li { text-align:left; list-style:disc inside none; }
#regist { background:url(/common_style/img/sp/img_regist.png) no-repeat center 0 #4DAC26; font-size:12px; }

@media only screen and (-webkit-min-device-pixel-ratio: 0){
	#regist { background:url(/common_style/img/sp/img_regist_x2.png) no-repeat center 0 #4DAC26; -webkit-background-size:300px auto; }
}

#regist h1 { display:none; background:#4DAC26; border:none; }
#btnRegist { padding:70px 0 10px; }
#move { padding:0 0 10px; }
#move a { padding-left:26px; background:url(/common_style/img/sp/ico.png) no-repeat 8px -2400px; color:#FFF; }
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	#move a  { background:url(/common_style/img/sp/ico_x2.png) no-repeat 8px -2400px; -webkit-background-size:20px auto; }
}
.moreLink { padding:5px 0 0 0; text-align:right; font-size:12px; }
.moreLink a { padding:1px 22px 1px 0; background:url(/common_style/img/sp/ico.png) no-repeat right -100px; }
/*btn: for webkit */
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	.moreLink a  { background:url(/common_style/img/sp/ico_x2.png) no-repeat right -100px; -webkit-background-size:20px auto; }
}

#login .sbmt { width:40%; height:40px; }

/*info
--------------------------------------------*/
/*icon*/
#info { font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#info.new a { padding:2px 0 2px 25px; background:url(/common_style/img/sp/ico.png) no-repeat 0 1px;-webkit-background-size:20px auto; background-size:20px auto; }
#info.star a { padding:1px 0 2px 21px; background:url(/common_style/img/sp/ico.png) no-repeat 0 -1498px;-webkit-background-size:20px auto; background-size:20px auto; }
#info.heart a { padding:1px 0 1px 18px; background:url(/common_style/img/sp/ico.png) no-repeat 0 -1598px;-webkit-background-size:20px auto; background-size:20px auto; }
#info.ofcl a { padding:2px 0 2px 20px; background:url(/common_style/img/sp/ico.png) no-repeat 0 -500px;-webkit-background-size:20px auto; background-size:20px auto; }
#info.information a { padding:0 0 2px 23px; background:url(/common_style/img/sp/ico.png) no-repeat 0 -1699px;-webkit-background-size:20px auto; background-size:20px auto; }
#info.alert a { padding:1px 0 1px 22px; background:url(/common_style/img/sp/ico.png) no-repeat 0 -2300px;-webkit-background-size:20px auto; background-size:20px auto; }
/*icon: for webkit */
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	#info.new a { background:url(/common_style/img/sp/ico_x2.png) no-repeat 0 1px; -webkit-background-size:20px auto; background-size:20px auto; }
	#info.star a { background:url(/common_style/img/sp/ico_x2.png) no-repeat 0 -1500px; -webkit-background-size:20px auto; background-size:20px auto; }
	#info.heart a { background:url(/common_style/img/sp/ico_x2.png) no-repeat 0 -1600px; -webkit-background-size:20px auto; background-size:20px auto; }
	#info.ofcl a { background:url(/common_style/img/sp/ico_x2.png) no-repeat 0 -500px; }
	#info.information a { background:url(/common_style/img/sp/ico_x2.png) no-repeat 0 -1699px; -webkit-background-size:20px auto; background-size:20px auto; }
	#info.alert a { background:url(/common_style/img/sp/ico_x2.png) no-repeat 0 -2300px; -webkit-background-size:20px auto; background-size:20px auto; }
}

/*amebaPanel
--------------------------------------------*/
#amebaPanelDcr { zoom:1; }
#amebaPanelDcr:after { content:''; display:block; clear:both; }

#amebaPanel { position:fixed; bottom:-95px; width:100%; height:95px; font-size:14px; }
#amebaPanelDcr { position:relative; width:280px; height:80px; margin:0 auto; padding:11px 18px 0; background:url(/common_style/img/sp/bg_amebapanel.png) no-repeat 0 0; }
#amebaPanel #talentThum { position:relative; float:left; width:60px; text-align:left; }
#amebaPanel #talentThum span { display:block; width:57px; height:57px; position:absolute; background:url(/common_style/img/sp/img_touchicon_l.png) no-repeat 0 0; top:0; }
#amebaPanel #talentTxt { float:left; width:220px; height:50px; padding:11px 0 0; line-height:1.3; font-weight:bold; }
#amebaPanel .closePanel { position:absolute; right:15px; top:5px; font-size:11px; }
#amebaPanel .closePanel a { color:#777; }
#amebaPanel .moreLink{ position:absolute; right:15px; bottom:14px; }
.closePanel a { padding:1px 15px 2px 0; background:url(/common_style/img/sp/ico.png) no-repeat right -2700px; }
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	.closePanel a  { background:url(/common_style/img/sp/ico_x2.png) no-repeat right -2700px; -webkit-background-size:20px auto; }
}


header:after {border-bottom:none;background:none;}