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

p {
	font-family:"ヒラギノ角ゴ ProW", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: 'EB Garamond', serif;
}
.serif {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.sans-serif {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.monospace {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}


body {
	line-height:1.7em;
	padding:0;
	background-color:#EFEFEF;
}
#main { 　/* サイト全体の中央配置 */
	width:960px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#container { /* index container */
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:2900px;
	background-color:#FFFFFF;
	position:relative;
}
#container_01 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:2000px;
	background-color:#FFFFFF;
	position:relative;
}
#container_02 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:53500px;
	background-color:#FFFFFF;
	position:relative;
}
#container_03 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:2600px;
	background-color:#FFFFFF;
	position:relative;
}
#container_06 { /* dress collection container */
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:3850px;
	background-color:#FFFFFF;
	position:relative;
}

#container_07 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:2600px;
	background-color:#FFFFFF;
	position:relative;
}

#container_08 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:7200px;
	background-color:#FFFFFF;
	position:relative;
}



#container_09 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:1150px;
	background-color:#FFFFFF;
	position:relative;
}
#container_10 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:40px;
	height:800px;
	background-color:#FFFFFF;
	position:relative;
}
#container_11 {
	width:960px;
	margin:0 auto;
	margine-top:0;
	padding-top:0;
	padding-left:20px;
	padding-right:20px;
	height:1650px;
	background-color:#FFFFFF;
	position:relative;
}

#right_column {
	width:650px;
	height:auto;
	margin-top:0;
	margin-left:350px;
}
#welcome {
	position: absolute;
	top: 161px;
	left: 350px;
	width: 480px;
	/*	width:480px;
*/
	height: auto;
	z-index: 10;
	display: block;
	text-align: center;
	color: #990099;

}
#welcome2 {
	position:absolute;
	top:140px;
	left:350px;
	width:480px;
	height:auto;
	z-index:15;
	display:block;
	text-align:center;
	color:#990099;

}
#logo {
	position:absolute;
	top:32px;
	left:20px;
	width:339px;
	height:90px;
	z-index: 10;
}

#top_movie {
	position:absolute;
	top:205px;
	left:350px;
	width:480px;
	height:332px;
	z-index: 10;
}

#bouquet {
	position: absolute;
	top: 51px;
	left: 94px;
	width: 890px;
	height: 468px;
	z-index: 0;
}
.bouquet2 {
/*	position: absolute; */
	margin:0;
	padding-top: 50px;
	padding-left:74px;
	width: 890px;
	height: 468px;
	z-index:0;
}

/* ナビボタン */
#nav_area {
	position:absolute;
	top:160px;
	left:60px;
	margin-top:0;
	width:240px;
	height:470px;
	z-index:10;
}
.nav_button { /* ナビボタン共通定義 */
	width:195px;
	height:32px;
	margin-bottom:13px;
	z-index:15;
}
.nav_text { /*　ナビボタン　テキスト */
	display:block;
	width:195px;
	height:32px;
	line-height:32px;
	margin-bottom:13px;
	text-align:center;
	font-style:italic;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	color:#000000;
	z-index:20;
/*	background-image:url(img/01-0_%E8%B5%A4.png);
*/
}
a:link.intro { /* ナビボタン　01-Ris & Seikのご紹介 */
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image: url(img/menu_bg01.png);
		}
a:link.intro { /* ナビボタン　01-Ris & Seikoのご紹介 */

}
a:hover.intro {
	background-image: url(img/menu_bg01_on.png);
}

a:link.history { /* ナビボタン　02-演奏活動のご紹介 */
	position:absolute;
	top:45px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image: url(img/menu_bg02.png);
		}
a:hover.history {
	background-image:url(img/menu_bg02_on.png);
}

a:link.prof-ris { /* ナビボタン　03-プロフィール　坂元理恵 */
	position:absolute;
	top:90px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg03.png);
}
a:hover.prof-ris {
	background-image:url(img/menu_bg03_on.png);
}

a:link.prof-seiko { /* ナビボタン　04-プロフィール　柚木菁子 */
	position:absolute;
	top:135px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg04.png);
}
a:hover.prof-seiko {
	background-image:url(img/menu_bg04_on.png);
}

a:link.repertoire { /* ナビボタン　05-レパートリー */
	position:absolute;
	top:180px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg05.png);
}
a:hover.repertoire {
	background-image:url(img/menu_bg05_on.png);
}

a:link.dress { /* ナビボタン　06-ドレス・コレクション */
	position:absolute;
	top:225px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg06.png);
}
a:hover.dress {
	background-image:url(img/menu_bg06_on.png);
}


a:link.lesson { /* ナビボタン　07-楽器を習ってみませんか？ */
	position:absolute;
	top:270px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg07.png);
}
a:hover.lesson {
	background-image:url(img/menu_bg07_on.png);
}

a:link.album { /* ナビボタン　08-Ris & Seikoのアルバム */
	position:absolute;
	top:315px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg08.png);
}
a:hover.album {
	background-image:url(img/menu_bg08_on.png);
}


a:link.friends { /* ナビボタン　09-Ris & Seikoの仲間たち */
	position:absolute;
	top:360px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg09.png);
}
a:hover.friends {
	background-image:url(img/menu_bg09_on.png);
}

a:link.request { /* ナビボタン　10-演奏のご依頼はこちらへ */
	position:absolute;
	top:405px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/menu_bg01.png);
		}
a:hover.request {
	background-image:url(img/menu_bg01_on.png);
}




.test { /* ナビボタン　10-テスト */
	position:absolute;
	top:450px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/01-0_%E8%B5%A4.png);
}
a:link.test2 { /* ナビボタン　11-テストNo.2 */
	position:absolute;
	top:495px;
	left:0;
	display:block;
	width:195px;
	height:32px;
	line-height:33px;
	text-decoration:none;
	background-image:url(img/01-0_%E8%B5%A4.png);
}
a:hover.test2 {
	background-image:url(img/09-40_%E3%82%AA%E3%83%AC%E3%83%B3%E3%82%B8_%E3%82%B0%E3%83%A9%E3%83%87.png);
}
.test2_img {
	background-image:url(img/01-0_%E8%B5%A4.png);
}
.nav_text_test { /*　ナビボタン　テキスト */
	display:block;
	position:absolute;
	top:540px;
	left:0;
	width:195px;
	height:32px;
	line-height:32px;
	margin-bottom:13px;
	text-align:center;
	font-style:italic;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	color:#000000;
	z-index:20;
	background-image:url(img/06-160_%E3%82%A8%E3%83%A1%E3%83%A9%E3%83%AB%E3%83%89.png);
}

.happy_ny { /* 新年のご挨拶～トップページ左下のご挨拶 */
	position:absolute;
	top:480px;
	left:0px;
	display:block;
	width:270px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3F43FF;
	z-index:10;
}

#news {
	display: block;
	position: absolute;
	top: 625px;
	left: 355px;
	margin-top: 0;
	margin-left: 0;
	width: 480px;
	color: #cc00cc;
	z-index: 10;
	font-family: "EB Garamond";
	font-size: 36px;
	font-style: italic;
	line-height: 0.6em;
}

.garamond {
	font-size: 36px;
/*	font-style:italic;
*/
	font-weight: 400;
	line-height:1.5em;
}

/* ＊＊＊＊＊ コンサートニュース ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

.concert_news { /* コンサートニュース　*/
	position: absolute;
	top: 161px;
	left: 350px;
	display: block;
	width: 530px;
/*	width: 510px;
*/
	height: auto;
	z-index: 10;
	font-family: "EB Garamond";
	font-size: 36px;
	font-style: italic;
	line-height: 0.6em;
	color: #990099;
}
.each_news {
	display:block;
	padding-left:0px;
	padding-top:0px;
	font-style:normal;
	float:left;
}
.each_news_txt {
	position:absolute;
	left:210px;
	display:block;
	width:350px;
	padding-left:10px;
	padding-top:10px;
	font-size: 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*	background-color:rgba(211,255,220,0.30) /* 緑半透明 */
}
.each_news_txt_only {
	position: absolute;
	left: 1px;
	/*	float:left;
*/
	display: block;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

/*	background-color:rgba(211,255,220,0.30) /* 緑半透明 */
}

.flyer_small {
	float:left;
	padding-top:0px;
	padding-bottom:20px;
	margin-bottom:0px;
}

#jr_news { /* ジョイント・リサイタルのお知らせ　*/
	position:absolute;
	top:152px;
	left:305px;
	display:block;
	width:510px;
	height:auto;
	z-index:10;
	font-family: "EB Garamond";
	font-size: 36px;
	font-style: italic;
	line-height: 0.6em;
	color:#990099;
}

.otosekai_news { /* 中島梓の音世界のお知らせ　*/
	position:absolute;
	top:160px;
	left:350px;
	display:block;
	width:510px;
	height:auto;
	z-index:10;
	font-family: "EB Garamond";
	font-size: 36px;
	font-style: italic;
	line-height: 0.6em;
	color:#990099;
}
#jr_news2 { /* ジョイント・リサイタルのお知らせ　問い合わせ先　*/
	position:absolute;
	top:260px;
	left:550px;
	display:block;
	width:320px;
	height:auto;
	z-index:10;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
/*	font-style: italic;
*/
	line-height: 1.5em;
	color: #990099;
}
.flyer-200 { /* ジョイント・リサイタル　フライヤー　幅200px */
	position:absolute;
	top:260px;
	left:325px;
	width:200px;
	height:283px;
	z-index:10;
	
	-webkit-box-shadow:3px 3px 5px 0 #660066;
	-moz-box-shadow:3px 3px 5px 0 #660066;
	box-shadow:3px 3px 5px 0 #660066;
}
.flyer-200-2 { /* ジョイント・リサイタル　フライヤー　幅200px */
/*	position:absolute;
	top:80px;
	left:0px;
*/
	width:200px;
	height:283px;
	z-index:10;
	margin-right:20px;
	float:left;
	-webkit-box-shadow:3px 3px 5px 0 #660066;
	-moz-box-shadow:3px 3px 5px 0 #660066;
	box-shadow:3px 3px 5px 0 #660066;
}

/* ＊＊＊＊＊ プロフィール ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.introduction {
	position:absolute;
	top:160px;
	left:350px;
	display:block;
	width:530px;
	height:auto;
	z-index:10;
	line-height: 1.5em;
	color:#990099;
	text-align:center;
}
.profile_photo {
	-webkit-box-shadow:1px 1px 1px 0 #006633;
	-moz-box-shadow:1px 1px 1px 0 #006633;
	box-shadow:1px 1px 1px 0 #006633;
}

.sm2_12_both {  /* 飾り曲線 */
	position:absolute;
	top:70px;
	left:0;
	z-index:5;
	width:510px;
	height:42px;
}
/* ＊＊＊＊＊ 演奏活動のご紹介 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.concert {
	position:absolute;
	top:160px;
	left:350px;
	display:block;
	width:530px;
	height:auto;
	z-index:10;
	line-height: 1.5em;
	color:#990099;
	text-align:left;
}

/* ＊＊＊＊＊ 演奏のご依頼はこちらへ　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.request_text {
	position:absolute;
	top:160px;
	left:350px;
	display:block;
	width:580px;
	height:auto;
	z-index:10;
	line-height: 1.5em;
	color:#990099;
	text-align:center;
}
/* ＊＊＊＊＊ 楽器を習ってみませんか？　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

.background_pl {
	position:absolute;
	top:500px;
	left:380px;
	width:460px;
	height:225px;
	z-index:5;
}
.background_jc {
	position:absolute;
	top:1295px;
	left:350px;
	width:521px;
	height:228px;
	z-index:5;
}
.background_ec {
	position:absolute;
	top:1840px;
	left:350px;
	width:530px;
	height:225px;
	z-index:5;
}
/* ＊＊＊＊＊ Ris & Seikoの仲間たち　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.takahama {                /* 高浜秀和さん */
	position:absolute;
	top:320px;
	left:350px;
	width:480px;
	height:115px;
	z-index:10;
}
.takahama_text {
	position:absolute;
	top:0px;
	left:140px;
	width:200px;
	height:115px;
	z-index:10;
}
.takahama_text-2 {
	position:absolute;
	top:120px;
	left:0px;
	width:480px;
	height:80px;
	z-index:10;
}

.tanaka {                 /* 田中梢さん */
	position:absolute;
	top:530px;
	left:350px;
	width:450px;
	height:115px;
	display:block;
	z-index:15;
}
.tanaka_p_icon {
	position:absolute;
	top:5px;
	left:330px;
	width:102px;
	height:105px;
	z-index:15;
}
.tanaka_text {
	position:absolute;
	top:30px;
	left:140px;
	width:200px;
	height:70px;
	display:block;
	z-index:15;
}
.tanaka_text-2 {
	position:absolute;
	top:100px;
	left:0px;
	width:430px;
	height:80px;
	z-index:10;
}
.sugawara {               /* 菅原正宣さん */
	position:absolute;
	top:750px;
	left:350px;
	width:460px;
	height:70px;
	display:block;
	z-index:5;
}
.sugawara_base_icon {
	position:absolute;
	top:0px;
	left:30px;
	width:63px;
	height:147px;
	z-index:5;
}
.sugawara_text {
	position:absolute;
	top:70px;
	left:140px;
	width:200px;
	height:70px;
	display:block;
	z-index:5;
}
.sugawara_text-2 {
	position:absolute;
	top:160px;
	left:0px;
	width:480px;
	height:80px;
	z-index:10;
}
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */


h1 {  /*  */
	color:#cc00cc;
	margin-bottom:0;
}
h2 {
	color:#cc00cc;
}
h3 {  /*  */
	color:#cc00cc;
	margin-top:0;
}

.pic_center {   /* 画像の中央配置 */
	display:block;
	margin:0 auto;
	margin-top:0;
	border:none;
}

.text_center {  /* テキストの中央配置 */
	display:block;
	text-align:center;
}

#logo {
	display:block;
}

.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix3: {               /* clearfix for IE7 */
	display:inline-block;
}
.clearfix2: {               /* clearfix for IE7 */
	display:block;
}

.mailto {  /* 問い合わせ先メールアドレス */
	display:block;
	position:absolute;
	top:75px;
	left:670px;
	width:300px;
	height:45px;
	color:#cc00cc;
	z-index: 10;
	text-align:right;
	line-height:1.5em;
}
.mailto_img {
	position:absolute;
	top:20px;
	left:125px;
	width:176px;
	height:16px;
	z-index:10;
}

.deco_line_center {
	margin:0;
	padding-left:240px;	
	width:480px;
	height:36px;
	z-index:10;
}
.deco_line { /* 装飾ライン */
	position:absolute;
	top:565px;
	left:350px;
	width:480px;
	height:36px;
	z-index:10;
}
#deco_line-09 { /* 装飾ライン */
	position:absolute;
	top:1020px;
	left:350px;
	width:480px;
	height:36px;
	z-index:10;
}
.text_red { /* あけましておめでとうございます */
	color:#FF0004;
	font-weight:600;
}


a:link.jr-link { /* ジョイント・リサイタル　リンク */
	color:#cc00cc;
}

a:visited.jr-link {
	color:#cc00cc;
}

a:hover.jr-link { /* ジョイント・リサイタル　リンク */
	color:#EC0D6E;
}
a:active:jr-link {
	color:#EC0D6E;
}
.under_construction {
	position:absolute;
	top:340px;
	left:480px;
	width:400px;
	height:auto;
	line-height:1.5em;
	color:#cc00cc;
}

.copyright {  /* 禁無断転載・著作権表示 */
/*	position:absolute
	top;770px;
	left:610px;
*/	
	clear:both;
	display: block;
	float:right;
	margin-top:0;
/*	padding-top:790px;
/*	padding-left:500px;
*/
	font-size: 12px;
	line-height: 1.5em;
	color: #808080;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style:italic;
}
.copyright_italic {  /* 著作権表示・イタリック体指定 */
	font-style:italic;
}

.copyright_jr {  /* 禁無断転載・著作権表示 ジョイント・リサイタルページ*/
/*	position:absolute
	top;770px;
	left:610px;
*/	
	clear:both;
	display: block;
	float:right;
	margin-top:0;
	margin-right:0px;
/*	padding-right:20px;
/*	padding-top:640px;
/*	padding-left:500px;
*/
	font-size: 12px;
	line-height: 1.5em;
	color: #808080;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style:italic;
}

.copyright-f {  /* 禁無断転載・著作権表示 */
	clear:both;
	display: block;
	float:right;
	font-size:12px;
	margin-top:0;
	line-height: 1.5em;
	color: #808080;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.copyright_03 {  /* 禁無断転載・著作権表示 */
	clear:both;
	display: block;
	float:right;
	font-size:12px;
	margin-top:0;
	line-height: 1.5em;
	color: #808080;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.copyright-f {  /* 禁無断転載・著作権表示 */
	clear:both;
	display: block;
	float:right;
	font-size:12px;
	margin-top:0;
	line-height: 1.5em;
	color: #808080;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.copyright_07 {  /* 禁無断転載・著作権表示 07-楽器を習ってみませんか？ページ*/
	clear:both;
	display: block;
/*	float:right;
*/
	margin-top:0;
/*	padding-top:1600px;
*/
	font-size: 12px;
	line-height: 1.5em;
	color: #808080;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style:italic;
}
.copyright_09 {  /* 禁無断転載・著作権表示 09-Ris & Seikoの仲間たち */
	clear:both;
	display: block;
	float:right;
	margin:0;
	padding-top:1080px;
	font-size: 12px;
	line-height: 1.5em;
	color: #808080;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style:italic;
}
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*.dress_collection_title {
	position:absolute;
	top:160px;
	left:350px;
	display:block;
	width:480px;
	height:auto;
	z-index:10;
	line-height: 1.5em;
	color:#990099;
	text-align:center;
}
*/

.dress_title {
	position: absolute;
	top: 160px;
	left: 280px;
	z-index:30;
}

.dress_box {
	position: absolute;
	top: 210px;
	left: 60px;
	z-index: 30;
}
.dress_navi {
	margin:0;
	padding-top:0px;
	padding-left:40px;
	z-index:30;
}


/* Section */
.section-container {
  width: 100%;
  display: block;
  margin-bottom: 1.25em;
  border: 1px solid #cccccc;
  border-top: none;
}


/* Side Nav */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25em 0 1.125em;
  padding-top: 0.25em;
  margin-right: 0;
  margin-left: -0.5625em;
}
.sub-nav dt,
.sub-nav dd {
  float: left;
  display: inline;
  margin-left: 0.5625em;
  margin-bottom: 0.625em;
  font-weight: normal;
  font-size: 0.875em;
}
.sub-nav dt a,
.sub-nav dd a {
/*  color: #999999;
*/
	color: #666666;
	font-weight:bold;
  text-decoration: none;
}
.sub-nav dt.active a,
.sub-nav dd.active a {
  -webkit-border-radius: 7px;
  border-radius: 7px;
  font-weight: bold;
/*  background: #2ba6cb;
*/
/*  background:#cc00cc;
	background:#3399cc;
*/
	background:#0099cc;
  padding: 0.1875em 0.5625em;
  cursor: default;
  color: white;
}

/*
@media only screen {
  [class*="block-grid-"] {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0 -10px;
  }

  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 10px 10px;
  }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px;
  }
  .small-block-grid-2:nth-of-type(2n+1) {
    clear: both;
  }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px;
  }
  .small-block-grid-3:nth-of-type(3n+1) {
    clear: both;
  }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px;
  }
  .small-block-grid-4:nth-of-type(4n+1) {
    clear: both;
  }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px;
  }
  .small-block-grid-5:nth-of-type(5n+1) {
    clear: both;
  }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px;
  }

  .small-block-grid-6:nth-of-type(6n+1) {
    clear: both;
  }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px;
  }

  .small-block-grid-7:nth-of-type(7n+1) {
    clear: both;
  }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px;
  }
  .small-block-grid-8:nth-of-type(8n+1) {
    clear: both;
  }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px;
  }

  .small-block-grid-9:nth-of-type(9n+1) {
    clear: both;
  }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px;
  }

  .small-block-grid-10:nth-of-type(10n+1) {
    clear: both;
  }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px;
  }

  .small-block-grid-11:nth-of-type(11n+1) {
    clear: both;
  }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px;
  }
  .small-block-grid-12:nth-of-type(12n+1) {
    clear: both;
  }
}
*/


@media only screen and (min-width: 48em) {
  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 15px 15px;
  }

  .large-block-grid-2:nth-of-type(2n+1) {
    clear: both;
  }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 12px 12px;
  }
  .large-block-grid-3:nth-of-type(3n+1) {
    clear: both;
  }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px;
  }

  .large-block-grid-4:nth-of-type(4n+1) {
    clear: both;
  }

/*
  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px;
  }
*/


  .large-block-grid-5 > li { /* 画像固定幅176px */
    width: 176px;
    padding: 0 10px 10px;
  }



  .large-block-grid-5:nth-of-type(5n+1) {
    clear: both;
  }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px;
  }

  .large-block-grid-6:nth-of-type(6n+1) {
    clear: both;
  }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px;
  }

  .large-block-grid-7:nth-of-type(7n+1) {
    clear: both;
  }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px;
  }

  .large-block-grid-8:nth-of-type(8n+1) {
    clear: both;
  }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px;
  }

  .large-block-grid-9:nth-of-type(9n+1) {
    clear: both;
  }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px;
  }

  .large-block-grid-10:nth-of-type(10n+1) {
    clear: both;
  }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px;
  }

  .large-block-grid-11:nth-of-type(11n+1) {
    clear: both;
  }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px;
  }

  .large-block-grid-12:nth-of-type(12n+1) {
    clear: both;
  }
}




/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

.subpage_title {
	position: absolute;
	top: 160px;
	left: 349px;
	display: block;
	width: 480px;
	height: auto;
	z-index: 10;
	line-height: 1.5em;
	color: #990099;
	text-align: center;
}
.under_construction2 {
	position:absolute;
	top:215px;
	left:390px;
	width:415px;
	height:auto;
	line-height:1.5em;
	color:#cc00cc;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.lesson-1-bkg {
	background-color:#E0FFDF;
}
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */


.goto_page-top {
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	font-size:16px;
}

.fs-1 {
	font-size:1px;
}
.fs-12 {
	font-size: 12px;
}
.fs-14 {
	font-size: 14px;
}
.fs-16 {
	font-size: 16px;
}
.fs-18 {
	font-size: 18px;
}
.fs-20 {
	font-size: 20px;
}
.fs-22 {
	font-size:22px;
}
.fs-24 {
	font-size:24px;
}
.fs-26 {
	font-size:26px;
}
.fs-28 {
	font-size:28px;
}
.fs-30 {
	font-size:30px;
}
.fs-36 {
	font-size:36px;
}
.fs-40 {
	font-size:40px;
}

.android_back {
	background-image:url(img/transparent-gif.gif);
	background-color:rgba(255,255,255,0.01);
}
.back_img {
	background-image:url(img/transparent-gif.gif);
}

.ff-ss {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ff-garamond {
	font-family: "EB Garamond";
}
.fs-italic {
	font-style:italic;
}
.fw-200 {
	font-weight:200;
}
.fw-400 {
	font-weight:400;
}
.fw-500 {
	font-weight:500;
}
.fw-600 {
	font-weight:600;
}

.fw-bold {
	font-weight:bold;
}
.top10px {
	padding-top:10px;
}
.top20px {
	padding-top:20px;
}
.left_pad-40 {
	padding-left:40px;
}
.lh-1_5em {
	line-height:1.5em;
}
.lh-2em {
	line-height:2em;
}
.fc_orange {
	color:#FF7600;
}
.ta-left {
	text-align:left;
}
.ta-center {
	text-align:center;
}
.ta-right {
	text-align:right;
}
.ts-white {
		text-shadow:3px 3px 8px #ffffff;	
}
.dsp-box {
	display:box;
}
.didx-20 {
	z-index:20;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.fc_base {
	color:#cc00cc;
}
.fc_dark_base {
	color:#78009b;
}
.zi_15 {
	z-index:15;
}
.fc-orange {
	color:#ff9900;
}
.fc-pink {
	color:#cc00cc;
}
.fc-violet {
	color:#6600cc;
}
.fc-blue {
	color:#00ccff;
}
.fc-green {
	color:#00cc00;
}
.fc-yellow {
	color:#cccc00;
}
.fc-beige {
	color:#999933;
}
.fc-white {
	color:#999999;
}
.fc-pure-white {
	color:#FFFFFF;
}
.fc-black {
	color:#000000;
}
.fc-gold {
	color:#cc9900;
}
.fc-silver {
	color:#cccccc;
}
.fc-various {
	color:#990099;
}
.lh-1em {
	line-height:1em;
}
.bc-white{
	background-color:#FFFFFF;
}
.pad-space {
	margin-top:14px;
}
.pad-L40 {
	padding-left:40px;
}
.lh-12 {
	line-height:  1.2em;
}



/* 20210217 AIGIS追記 */

.ec-btn-flat{
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #3366FF;
  border: solid 2px #3366FF;
  border-radius: 3px;
  transition: .4s;
}

.ec-btn-flat:hover {
  background: #3366FF;
  color: white;
}

.caution{
	font-size:11px;
	font-weight: 500;
	color:#000;
}

.tube_box{
	margin:0.5em auto 1em;
}

.top_news_txt{
	text-align:center;
	font-size:18px;
}

.top_news_subtitle_txt{
	text-align:center;
	font-size:17px;
	margin:0 0 1.5em 0;
}


.top_news_subtitle_txt a{
	font-size:15px;
}


.top_news_banner{
	margin: 0.5em auto 1.2em;
}
.top_news_banner img{
	width:100%;
}
.top_news_banner a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.nav_text2 { /*　ナビボタン　テキスト 2列用 */
	display:block;
	width:195px;
	height:32px;
	line-height:22px;
	margin-bottom:13px;
	text-align:center;
	font-style:italic;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	color:#000000;
	z-index:20;
*/
}

.subtitle {
    font-size: 9px;
    display: block;
    line-height: 0.5;
	font-weight:400;
}

.albumtitle{
	line-height:1.4em;
	margin:10px auto;
}


#flyerarea{
	width:100%;
	padding:180px 0 0 0;
}

#flyerarea .linkbtn {
	position: absolute;
	top: 1375px;
	left: 242px;
	display: block;
	width: 530px;
	height: auto;
	z-index: 10;
	line-height: 1.5em;
	color: #990099;
	text-align: center;
}

/*　フライヤー上ボタン */
.btn-animation {
  display: inline-block;
  width: 200px;
  text-align: center;
  background-color: #e3a615;
  border: 3px solid #FFF;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
}

.btn-animation span {
  position: relative;
  z-index: 1;
}

.btn-animation::before,
.btn-animation::after {
  content: "";
  display: block;
  background-color: #cc00cc;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation::before {
  left: 0;
}
.btn-animation::after {
  right: 0;
}

.btn-animation:hover:before,
.btn-animation:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation:hover {
  color: #FFF;
}
