@charset "UTF-8";
/*
Theme Name: EGLANTIER SEMINAR
Description: Treasures_Eglantier
Version: 1.0
Author: Treasures & Co.
Tags: Eglantier
*/

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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
  	line-height: 1.6;
	color: #525252;
	font-size: 0.9em;
}
body.page {
	background:url(common/img/bgSky2.jpg) repeat-x;
	background-position: top center;
  	line-height: 1.6;
	color: #525252;
	font-size: 0.9em;
}

sup {
	font-size: 0.7em;
}

* html body {
	vertical-align: baseline;
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", sans-serif;
	text-align: left;
} /* lte ie6 */
*:first-child+html body {
	font-family: Verdana, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* ie7 */
html>/**/body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
} /* ie8 */
html:not(:target) body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
} /* modern browser */


/*-------明朝体-------*/
.min {
	font-family: 'ヒラギノ明朝 Pro W3', '平成明朝','ＭＳ Ｐ明朝', serif;
}

img {
	vertical-align:top;
	border: none;
}
/*IE6*/
* html img {
	vertical-align: bottom;
}
/*IE7*/
*:first-child+html img {
	vertical-align: bottom;
}
blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul {
	margin:0;
	padding:0;
}
abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, th, strong, var {
	font-style:normal;
	font-weight:normal;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;/*13px*/
	font-weight:normal;
}
input, select, textarea {
	font-size:1em;/*13px*/
}
ol, ul, li {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:1em;/*13px*/
}
hr {
	display: none;
}
strong, em {
	font-weight: bold;
}
/* ----- form -------*/

button, fieldset, form, input, label, legend, select, textarea {
	font-size:1em;  /*13px*/
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
input, textarea {
	vertical-align: middle;
	padding: 1px;
}
textarea {
	width: 98%;
}
input[type="radio"], input[type="checkbox"] {
	vertical-align: baseline;
	margin-right: 3px;
}

li a ,
a img {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}


/*----- links color -----*/
a:link {
	color: #333;
	text-decoration:none;
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #0066FF;
	text-decoration: underline;
}
a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
a[target="_blank"] {
	background:url(img/linkOut.gif) no-repeat center right;
	padding-right: 15px;
}
a[target="_blank"] img {
	margin-right: -23px;
}




.clear {
	clear: both;
}

/* Clearfix */  
.clearfix:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  
.clearfix {  
    display: inline-block;  
    min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
    height: 1%;  
}  
.clearfix {  
    display: block;  
}  
/* End hide from IE-Mac */





#page-top {
	position: fixed;
	bottom: 0px;
	right: 5%;
	margin: 0;
	padding:0;
	z-index: 100;
}
#page-top a:hover img {
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75
}




.head {
	width: 100%;
	background:url(img/headBg.gif) repeat-x;
	background-position: center;
	height: 84px;
}
.header {
	width: 980px;
	margin: auto;
	position: relative;
}
.header .actionBtn {
	position: absolute;
	top: 22px;
	right: 0;
}

.content {
	width: 980px;
	margin: auto;
}

.content .text {
	text-indent: -9999px;
	height: 0;
}

.gNaviArea {
	width: 100%;
	background:url(img/gNaviAreaBg.gif) repeat-x;
	height: 49px;
}
.gNavi {
	width: 980px;
	margin: auto;
	background:url(img/gNavi.gif) no-repeat;
	height: 49px;
}
.gNavi li {
	float: left;
}

#home .gNavi li#gNavi1 {
	visibility: hidden;
}
#seminar .gNavi li#gNavi2 {
	visibility: hidden;
}
#infoArchive .gNavi li#gNavi3,
#info .gNavi li#gNavi3 {
	visibility: hidden;
}
#freeseminar .gNavi li#gNavi4 {
	visibility: hidden;
}
#guidance .gNavi li#gNavi5 {
	visibility: hidden;
}


.containerSax {
	width: 100%;
	background: #edf4fd;
	padding: 30px 0;
}
.container {
	width: 100%;
	background: #FFF;
	padding: 30px 0;
}
.containerPink {
	width: 100%;
	background: #fdedf3;
	padding: 30px 0;
}
.actionArea {
	width: 100%;
	background: #a5426a;
}
.actionArea2 {
	width: 100%;
	background: #00479d;
}

.actionArea .content {
	position: relative;
}
.actionArea .content .actionBtn {
	position: absolute;
	top: 93px;
	left: 353px;
}

.footer {
	text-align: center;
	padding: 15px;
	font-size: 80%;
}

/******************
トップページ
******************/
.mainImgArea {
	background:url(img/mainImgBg.jpg) repeat-x;
	background-position:center;
	height: 293px;
}

.youtube {
	float: left;
	width: 703px;
	margin-right: 17px;
}
.sevensPoint {
	float:left;
	width: 260px;
	background:url(img/sevenpoint.gif) no-repeat;
}

.courseguide li {
	float: left;
	width: 230px;
	margin-right: 20px;
}

.karino {
	background:url(img/reason1-3.png) no-repeat;
	height: 275px;
	position: relative;
}
.karinoComment {
	position: absolute;
	top: 45px;
	line-height: 1.8;
	left: 255px;
	font-size: 90%;
	
}


.pageImgArea {
	background:url(img/mainImgBg.jpg) repeat-x;
	background-position:center;
	height: 100px;
}


/******************
最新美容情報
******************/
#info {
}
#infoArchive .left,
#info .left {
	width: 180px;
	float: left;
	margin-right: 20px;
}
#infoArchive .right,
#info .right {
	float:left;
	width: 496px;
}

#bannerArea {
	max-width: 100%;
	margin: 0 auto;
	position:relative
}
#bannerArea li {
	float: left;
	height: auto;
	text-align:center;
}

#bannerArea li.inline1 img {
	padding: 0;
}
#bannerArea li.inline1 {
	float: none;
	width: 95%;
	background:url(img/triangle2.gif) no-repeat;
	background-position:  2% 50%;
	/*padding: 15px 0 15px 20px;
*/	text-align: left;
	display: block;
	cursor: pointer;
}
#sub1 {
	width: 100%;
	display: none;
	position:absolute;
	top:100%;
	z-index: 5;
}

#sub2 {
	width: 100%;
	display: none;
	top:100%;
}
#sub1 li,
#sub2 li {
	float: none;
}

#bannerArea li.inline2 {
	float: none;
	border: solid 1px #ccc;
	border-top: none;
	background:url(img/triangle.gif) no-repeat #FFF;
	background-position:  2% 50%;
	padding: 2% 8%;
	text-align: left;
	display: block;
	cursor: pointer;
}
#infoArchive li.inline2 {
	float: left;
	margin-bottom: 2%;
	margin-right: 10px;
	border: solid 1px #ccc;
	background:url(img/triangle.gif) no-repeat #FFF;
	background-position:  2% 50%;
	padding: 1% 5%;
	text-align: left;
	display: block;
	cursor: pointer;
}
li.inline2 {
	float: left;
	margin-bottom: 2%;
	border: solid 1px #ccc;
	background:url(img/triangle.gif) no-repeat #FFF;
	background-position:  2% 50%;
	padding: 1% 3%;
	text-align: left;
	display: block;
	cursor: pointer;
}

.activeTitle {
	width: 100%;
	border-left: solid 3px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
	padding-left: 2%;
	margin-bottom: 20px;
}
.activeTitle p {
	line-height: 1.1;
	font-size: 90%;
}

.activeTitle h3 {
	font-size: 120%;
	font-weight: bold;
}

.cont {
	margin-bottom: 2.5em;
	
}
.cont img {
	width: 72%;
	height: auto;
}

.activeTitle2 {
	width: 100%;
	border-left: solid 3px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
	padding-left: 2%;
	margin-bottom: 20px;
}
.activeTitle2 p {
	line-height: 1.1;
	font-size: 90%;
}
.activeTitle2 h4 {
	background:url(img/triangle.gif) no-repeat #FFF;
	background-position:  1% 50%;
  	padding-left: 3%;
}




/******************
無料セミナー
******************/
#freeseminar .contArea {
	position: relative;
}

#freeseminar .contArea .freeseminar_text {
	position: absolute;
	top: 242px;
	left: 50px;
	width: 445px;
}

#freeseminar .contArea .freeseminar_text p {
	margin-top: 8px;
}


/**********************************
お問い合わせ
**********************************/
#order h1 {
	text-align:center;
}

#order dl {
	clear: both;
	padding: 5px 15px;
	border-bottom: 1px dashed #ccc;
}
#order dl dt {
	float: left;
	width: 25%;
	margin-top: 0px;
}
#order dl dt.required {
	background:#F00;
	padding: 1px 0;
	text-align: center;
	font-size: 70%;
	color:#FFF;
	width: 30px;
	margin-right: 10px;
	margin-top: 0px;
}
#order dl dd.item {
	float: left;
	margin-left: 30px;
	width: 120px;
	margin-top: 7px;
}
#order dl dd.ipt {
	padding-left: 30%;
}
#order dl dd.ipt textarea {
	width: 100% !important;
}

#order checkbox,
#order textarea,
#order input {
	border: solid 1px #09C;
	padding: 4px;
}

#order span.wpcf7-list-item { display: block; }

/******************
受講説明会
******************/
#guidance .contArea {
	position: relative;
}
#guidance .contArea .guidance_text {
	position: absolute;
	top:160px;
	left:35px;
	width: 460px;
	font-size: 95%;
}
.guidance_text2 {
	position: absolute;
	top:525px;
	left:35px;
	width: 480px;
	font-size: 95%;
}



.contwrapp {
	padding-bottom: 15px;
	border-bottom: solid 1px #CCC;
	margin-bottom: 40px;
}
.contwrapp .activeTitle2 {
}
.contwrapp .con p {
	margin-bottom: 1em;
}



.center {
	text-align: center !important;
}

.mt15 {
	margin-top: 15px;
}
.mt40 {
	margin-top: 40px;
}

.mb40 {
	margin-bottom: 40px;
}

.mrno {
	margin-right: 0 !important;
}

.purple {
	color: #d700da;
}
.purpleB {
	color: #d700da;
	font-weight: bold;
	font-size: 102%;
}












/* Input fields */

input,
textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #2b2b2b;
	padding: 8px 10px 7px;
}

textarea {
	width: 75%;
}

input:focus,
textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0;
}

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #24890d;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px !important;
	text-transform: uppercase;
	vertical-align: bottom;
	margin-top: 15px;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #55d737;
}

.search-field {
	width: 100%;
}

.search-submit {
	display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: #939393;
}

:-moz-placeholder {
	color: #939393;
}

::-moz-placeholder {
	color: #939393;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #939393;
}

/* Responsive images. Fluid images for posts, comments, and widgets */

.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
	height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

