@charset "utf-8";

/*
Theme Name:EyeBlowスタジオY's
*/

/*
==============================
リセット
==============================
*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
	}

/*
==============================
全体
==============================
*/

body {
    text-align:center;
    font-size:12px;
	line-height:175%;
	color:#666666;
	background:url(images/header-back.jpg) repeat-x;
    font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	}

img {
    border:0;
	}

a:link, a:visited {
    color:#960;
    }

a:hover {
    color:#F90;
    }


.border {
    border:1px solid #999;
	}

.block {
    display:block;
	margin-bottom:5px;
	}

.left {
    float:left;
	margin:0 15px 15px 0;
	}

img.txtimg {
    display:block;
	margin-bottom:10px;}

.price-cat {
    display:block;
    margin-bottom:20px;
    padding-bottom:5px;
    border-bottom:1px solid #069;
    }

.check {
    margin:10px 0;
	}

.small {
    font-size:11px;
	}

.large {
    font-size:14px;
	}

.strong {
    font-weight:bold;
	}

.green {
    color:#669900;
	}

.orange {
    color:#FF9900;
	}

.chocolate {
    color:#cc6600;
    }

.clear {
    clear:both;
	}

.alignright {
    text-align:right;
	}

.v-middle {
    vertical-align:middle;
	}

h4 {
    display:inline;
    font-size:14px;
	font-weight:bold;
	color:#669900;
	padding-left:8px;
	border-left:4px solid #690;
	}


/*
==============================
コンテナ
==============================
*/

#container {
	position:relative;
    width:900px;
	text-align:left;
	margin:0 auto;
    zoom:1;
	}

/*
==============================
ヘッダー
==============================
*/

#header {
    height:100px;
	margin-top:10px;
	position:relative;
	}

h1 { /* ロゴがh1 */
    display:block;
	float:left;
	margin-top:14px;
	}

img#header-tel {
    position:absolute;
	right:8px;
	top:13px;
	}

#header-menu {
    position:absolute;
	right:8px;
	top:45px;
	width:350px;
	text-align:right;
	}

#header-menu img {
    margin-left:15px;
	}

/*
==============================
新着情報＆メイン画像
==============================
*/

#top-main {
    height:300px;
	}

#top-news-and-info {
    width:262px;
	float:left;
	}

#top-news-and-info img.bar {
    display:block;
	}

#top-news-and-info #n-and-i-text {
    height:275px;
	background:url(images/top-main-news-and-information-back.jpg) no-repeat ;
	color:#FFFFFF;
	overflow-y:auto; /* 新着情報が長くなったときだけスクロールバーを出す */
    scrollbar-base-color:#666;
    scrollbar-face-color:#666;
    scrollbar-arrow-color:#333;
    scrollbar-shadow-color:#666;
    scrollbar-highlight-color:#666;
	}

p.date {
    font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	margin:10px 15px 5px 15px;
	border-left:5px solid #ffc;
	padding-left:5px;
	line-height:110%;
	} 

p.desc {
    margin:0 15px;
	}

#top-main-img {
    display:block;
	float:right;
	}

/*
==============================
メニューバー
==============================
*/

#menubar {
    padding:10px 0;
	height:45px;
	}

#menubar a {
    display:block;
	float:left;
	}



/*
==============================
トップページ左右カラム
==============================
*/

#top-L-and-R, #sub-main {
    padding:20px 10px 20px 10px;
	}

#top-Left {
    width:435px;
	float:left;
	}

#top-Right {
    width:435px;
	float:right;
	}

.top-one-box {
    border-left:1px solid #333;
	width:434px;
	margin-bottom:20px;
	}

img.hl-img {
    border-left:5px solid #333;
	padding-left:10px;
	display:block;
	margin-bottom:10px;
	}

img.profile-img {
    clear:both;
    display:block;
    float:left;
    margin-right:15px;
    margin-left:10px; /* IE6 以外 */
    _margin-left:5px; /* IE6 */
    margin-bottom:20px;
    }

p.profile {
    width:315px;
    float:left;
    padding-bottom:20px;
    }

div.salon {
    width:215px;
    float:right;
    margin-bottom:20px;
	}

#top-main div.salon p {
    margin:0;
    }


p.mgnLR {
    margin:0 10px;
    }

/*
==============================
フッター
==============================
*/

#footer {
    position:relative;
    width:100%;
    height:75px;
	background:url(images/footer-back.jpg) repeat-x;
	}

#footer-menu {
    text-align:center;
	font-size:10px;
	color:#fff;
	}

#footer-menu a:link, #footer-menu a:visited {
    color:#fff;
    }

#footer-menu a:hover {
    color:#f90;
    }
    

#copyright {
    position:absolute;
	left:50%;
	bottom:3px;
	margin-left:-133px;
	}

/*
==============================
サブページスタイル
==============================
*/

#sub-main { 
    padding:0 50px 50px 50px ; 
    background:#ECE9D8;
    /*position:relative;*/
	}

#onfooter {
    width:800px;
	height:28px;
    text-align:right;
        zoom:1;
	}

#sub-content {
    background:#fff;
	padding:30px;
    zoom:1;
	}

h3 { /* stitlebar */
    clear:both;
    display:block;
	margin-bottom:20px;
	border-top:4px solid #960;
	border-bottom:1px solid #ccc;
    width:740px;
	}

img.mainimg {
    position:relative;
    left:-50px;
    display:block;
	float:left;
	/*margin-left:-50px;*/
       /*_margin-left:-25px;*/ /* IE6 only */
	margin-right:15px;
	margin-bottom:20px;
	border:1px solid #999;
        width:300px;
    zoom:1;
	}

div#maintxt {
    float:right;
	width:470px;
    margin-top:-220px;
	margin-bottom:20px;
	}

#sub-main p {
    margin:0 15px 10px 0;
	text-indent:1em;
	}

#sub-main p.no-indent {
    margin:0 15px 10px 0;
    text-indent:0;
	}

/*　ビフォー＆アフター　*/

.ba-one-example {
    padding-bottom:20px;
    zoom:1;
    }

.sejutsurei-shurui {
    background:#432;
    color:#fff;
    font-size:10px;
    padding:4px;
    width:80px;
    text-align:center;
    line-height:100%;
    float:right;
    }

.ba-photo-part {
    width:340px;
	margin-right:15px;
	float:left;
	}

.ba-photo-part-after-only {
    width:154px;
	margin-right:15px;
	float:left;
	}

.ba-explain-part{
    width:380px;
	float:left;
	}

/*.before-photo, .after-photo {
    width:154px;
	float:left;
	}*/

.beforeimg {
    display:block;
    float:left;
    border:2px solid #993300;
    width:150px;
    /*height:150px;*/
    margin-right:10px;
	}

.afterimg {
    display:block;
    float:right;
    border:2px solid #FF6600;
    width:150px;
    /*height:150px;*/
	}

img.before-to-after { /*　やじるし　*/
    display:block;
    float:left;
    margin-top:69px;
    }



#sub-main .ba-one-example p {
    text-indent:0;
	}

#sub-main p.name-address {
    margin:0 0 5px 0;
    font-size:14px;
	line-height:100%;
	color:#333;
	font-weight:bold;
	text-indent:0;
	}

img.ba-txtimg {
    display:block;
	margin-bottom:5px;
	}

img.clover {
    margin:0 5px 0 0 ;
	vertical-align:top;
	}

/*　料金　*/

.price {
    /*position:relative;*/
	margin-bottom:10px;
    height:52px;
	}

.price img {
    z-index:-1;
    }

#sub-main .special-price {
	/*position:absolute;*/
        text-align:right;
	margin:0;
	margin-right:85px;
	margin-top:-20px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	color:#FF3300;
	text-indent:0;
        z-index:1;
	}

/*　モデルさん　*/
img.model {
    display:block;
    float:left;
    margin:0 15px 15px 0;
    }

/*　スクール　*/
img.school-flow-next {
    clear:both;
    display:block;
    margin:15px 0 15px 43px;
    }

div.courses {
    position:relative;
    width:244px;
    height:344px;
    float:left;
    margin-right:4px;
    margin-bottom:15px;
    background-repeat:no-repeat;
    }

#sub-main div.course-content {
    margin:75px 5px 10px 10px;
    }

#sub-main div.course-content p {
    text-indent:0;
    }

div.course-basic {
    background:url(images/school-course-basic.jpg);

    }

div.course-master {
    background:url(images/school-course-master.jpg);
    }

div.course-pro {
    background:url(images/school-course-pro.jpg);
    margin-right:0;
    }

#sub-main div.course-content p.course-detail {
    /*margin-top:40px;*/
    position:absolute;
    width:218px;
    bottom:0;
    }

#sub-main p.course-detail span.price {
    color:#f60;
    font-size:20px;
    font-weight:bold;
    }   

img.lesson {
    display:block;
    margin:0 auto;
    border-top:1px dotted #999;
    }

/*　フォーム　*/
table.contact-form th {
    width:130px;
    padding:5px;
    text-align:right;
    border-bottom:1px dotted #ddd;
    }

table.contact-form td {
    width:475px;
    padding:5px;
    text-align:left;
    border-bottom:1px dotted #ddd;
    border-left:5px solid #6c0;
    }

/*　リンク集　*/
a.links {
    height:30px;
    line-height:30px;
    padding:5px 0 5px 30px;
    background:url(images/clover.jpg) no-repeat left center;
    }

/*　サイトマップ　*/
ul#sitemap {
    margin:0;
    padding:0;
    padding-left:30px;
    list-style-image:url(images/clover.jpg);
    list-style-position:outside;
    }

ul#sitemap li {
    padding-left:5px;
    line-height:100%;
    margin-bottom:10px;
    }