@charset "utf-8";
/* CSS Document */
/* edit tagawa  */

@font-face{
	font-family:'Tenderness';
	src: url(../../font/tenderness.eot);
	src: url(../../font/tenderness.eot?#iefix) format('embedded-opentype'),/* IE用 */
		 url(../../font/tenderness.woff) format('woff'), 
		 url(../../font/tenderness.otf) format('opentype'),
		 url(../../font/tenderness.ttf) format('truetype'),
		 url(../../font/tenderness.svg#fontset) format('svg');
	font-weight:normal;
	font-style:normal;
}

/*
@font-face{
	font-weight:normal;font-style:normal;
	font-family:'Tenderness';
	src:url('tenderness-webfont.eot');
	src:url('http://webdesignrecipes.com/wp-content/themes/WebDesignRecipes/css/tenderness-webfont.woff') format('woff'),url('tenderness-webfont.ttf') format('truetype'),url('tenderness-webfont.svg#webfontw5VUByKa') format('svg')
}
*/


/* css3 */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0;outline:0;border:0;vertical-align:baseline;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ol,ul{list-style:none}

body{background:#f7f7f7 repeat;color:#333;font:13px/1.8 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;-webkit-text-size-adjust:100%}

img{vertical-align:bottom}

:focus{-moz-outline-style:none}

.content .big{font-size:167%}
.serif{font-family:Georgia,"Times New Roman",Times,serif}
.sanserif{background:#cce6ef;background:rgba(51,204,255,.2)}
.blue{background:#cce6ef;background:rgba(51,204,255,.2)}
.mark{background:#ff0;background:rgba(255,255,0,.4)}
code{color:#015da6;font-family:Courier,monospace}
abbr{border-bottom:1px dotted;cursor:help}

h2.webfont,h3.webfont{font-size:215%;line-height:1}


/* font-family */
.sub-title{
	font-style:normal;
	font-size:150%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.4;
	text-shadow:0 0 20px #000;
	font-weight:bold;
}
.webfont{color:#000;text-shadow:0 1px #fff;font-family:'Tenderness';-webkit-font-smoothing:antialiased}
span.code,p.code{font-family:Courier,monospace}

.s_title{font-family:Arial, Helvetica, sans-serif;}

strong,em{font-weight:bold}

.s{font-size:15px;}
.m{font-size:30px;}
.l{font-size:55px;}
/* color */
span.attention,.pink{color:#d64e80}
.gray{color:#555!important}
.white{color:#FFF !important}
body a{-webkit-tap-highlight-color:rgba(214,78,128,.4)}


/* Link */
a,a:visited{border-bottom:1px solid #FF0099;color:#d64e80;text-decoration:none;-webkit-transition:color 200ms ease-in;-webkit-transition:border-bottom 200ms ease-in;-moz-transition:color 200ms ease-in;-moz-transition:border-bottom 200ms ease-in;-o-transition:color 200ms ease-in;-o-transition:border-bottom 200ms ease-in;transition:color 200ms ease-in;transition:border-bottom 200ms ease-in}
a:hover,a:active,.box-link:hover a{border-bottom-color:#d64e80;color:#c22d64;text-decoration:none}
a:active,a:focus{outline:0 none}

#container a[href^="http"]{
padding-right:15px;
background: url(../../image/fr-beauty/blank.png)no-repeat right;
} 

/* float */
.f_l{float:left;}
.f_r{float:right;}

/* margin */
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}

/* clear */
.clearfix:after,#header:after,.wrapper:after,#container:after,.wp-pagenavi:after,.image-box:after,.col-max:after,.col-min:after,#pagenation:after,.page-numbers:after,.col-min section:after{display:block;visibility:hidden;clear:both;height:0;content:" ";font-size:0}
.clearfix,#header,.wp-pagenavi,#container,.wrapper,.image-box,.col-max,.col-min,#pagenation,.page-numbers,.col-min section{display:inline-block}
.clearfix,#header,.wp-pagenavi,.wrapper,#container,.image-box,.col-max,.col-min,#pagenation,.page-numbers,.col-min section{display:block}
.clear{display:block;visibility:hidden;clear:both;overflow:hidden;width:0;height:0}
.clearboth{display:block;clear:both}


/*201305 update*/
img.bgmaximage{ position:fixed !important;}

#maincontent{position:absolute;top:0;left:0;z-index:50;width:100%}

body{background:0}

.dot{position:relative;z-index:10;background-image: url(../../image/fr-beauty/dot.png);background-repeat: repeat;}

#container,.wrapper{width:980px;margin:0 auto;word-wrap:break-word;display:block;position:relative;}

#container{margin-top:55px!important}

/* h tag */
h1{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	font-weight:bold;
	line-height:150%;
	padding-top:100px;
	/*margin-bottom:80px;*/
	color:#fff;
	text-shadow:0 0 20px #000
}

.content h2{font-size:20px;padding-bottom:20px}

.content h3{text-shadow:0 1px #fff;font-size:16px;line-height:1.2}

.content_r h4{text-shadow:0 1px #000;font-size:16px;line-height:1.2}
.content_w h4{text-shadow:0 1px #fff;font-size:153.9%;line-height:1.2}
.content h4{font-size:197%}
.content h5{text-shadow:0 1px #fff;font-size:138.5%;line-height:1.6}
.content h5{font-size:182%}


.content_h{width:100%;padding:10px;background:#fff;background:rgba(225,7,65,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:40px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3)}

.content{width:460px;padding:40px;background:#fff;background:rgba(255,255,255,0.85);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:40px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3)}

.content_w{width:320px;padding:40px;background:#fff;background:rgba(255,255,255,0.85);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:40px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3);margin-left: 40px;}

.content_r{width:320px;padding:40px;background:#000;background:rgba(0,0,0,0.8);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:40px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3);margin-left: 40px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000080',EndColorStr='#00000080')";filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000080',EndColorStr='#00000080');/* IE */}
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000080',EndColorStr='#00000080');*/
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);*/
.content ul.image{margin:1em}

ul.image{margin-left:25px}
ul.image li{
	padding-left:15px;
	background-image: url(../../image/fr-beauty/mark.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
}


p{margin-bottom:2em;font-size:14px}

/* header navi */
#header{
	position:fixed;
	padding-top:10px;
	padding-bottom:5px;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	font-family:"Tenderness";
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
	background-color: #000;
	background-position: 0 100%;
}

#header a{color:#fff;border:0;-webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:color 200ms ease-in;transition:color 200ms ease-in}

#header a:hover{color:#FF0099}

#header a span{color:#FF0099}

#header p{float:left;font-size:24px;margin-bottom:0}

#header ul{float:right;text-transform:uppercase;font-size:18px;padding-top:5px}

#header li{float:left;margin-right:20px}

#header .wrapper,#footer .wrapper{overflow:hidden}

/* ------------ 文字代替リンク時 */
.substitute{height:0px; overflow:hidden; font-size: 12px; position:relative;}
.content h2{width:430px; background-repeat: no-repeat; margin-bottom: 14px; padding: 60px 0 0 0; background-image: url(../../image/fr-beauty/sub_title01.png);}
.content h3{width:330px; background-repeat: no-repeat; margin-bottom: 14px; padding: 30px 0 0 0; background-image: url(../../image/fr-beauty/flow.png);}
.content_w h4{width:330px; background-repeat: no-repeat; margin-bottom: 14px; padding: 30px 0 0 0; background-image: url(../../image/fr-beauty/fr-salon00.png);}