@charset "UTF-8";

/*
======== table of content. =================================

summary:松岡ゆりなのオトコトバ・コンテンツCSS定義


- BODY
- HTML

============================================================
*/

@import "base.css";

@import "thickbox.css";
@import "my_thickbox.css";


/*----------------------------------------------------------
BODY
----------------------------------------------------------*/

html {
	height: 100%;
	overflow-y: hidden;
}

body {
	width: 9322px;
	height: 100%;
	overflow-y: hidden;
	
	font-size: 80%;
	color: #2F2F2F;
}



/*----------------------------------------------------------
TITLE (hidden)
----------------------------------------------------------*/

h1 {
	display: none;
}

.copyright {
	display: block;
	width: 277px;
	height: 17px;
	background: transparent url( ../images/copyright.jpg ) no-repeat left top;
	text-indent: -9999px;
	
	position: absolute;
	left: 11px;
	top: 522px;
}


/*----------------------------------------------------------
WRAPPER
----------------------------------------------------------*/

#wrap {
	width: 100%;
	height: 100%;
	position: relative;
	
	/* Last Image */
	background: #000000 url( ../images/bg/8_special.jpg ) no-repeat scroll right top;
	
	/* clearfix */
	zoom:1;
}
/* clearfix */
#wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*----------------------------------------------------------
ANCHOR(hidden)
----------------------------------------------------------*/

a.anchor {
	display: none;
}



/*----------------------------------------------------------
COMMON PARTS
----------------------------------------------------------*/

img {
	vertical-align: bottom;
}

.bottom10 {
	margin-bottom: 10px;
}

.bottom20 {
	margin-bottom: 20px;
}

.pink {
	color: #d95d7c;
}
.orange {
	color: #DB6F15;
}
.green {
	color: #006666;
}

/*----------------------------------------------------------
PAGES
----------------------------------------------------------*/

.frame {
	height: 100%;
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}
.page {
	width: 100%;
	height: 451px;
	margin-top: 55px;
	position: relative;
}

/* frame width */
#f_intro	{ width: 1100px; padding-left: 0px; padding-right: 0px; }
#f_top		{ width: 820px; padding-left: 140px; padding-right: 140px; }
#f_schedule	{ width: 820px; padding-left: 141px; padding-right: 139px; }
#f_works	{ width: 820px; padding-left: 141px; padding-right: 139px; }
#f_music	{ width: 820px; padding-left: 140px; padding-right: 140px; }
#f_lesson	{ width: 820px; padding-left: 140px; padding-right: 140px; }
#f_profile	{ width: 820px; padding-left: 150px; padding-right: 130px; }
#f_link		{ width: 820px; padding-left: 150px; padding-right: 130px; }


/* background */
#f_intro	{ background-image: url( ../images/bg/0_intro.jpg ); }
#f_top		{ background-image: url( ../images/bg/1_top.jpg ); }
#f_schedule	{ background-image: url( ../images/bg/2_schedule.jpg ); }
#f_works	{ background-image: url( ../images/bg/3_works.jpg ); }
#f_music	{ background-image: url( ../images/bg/4_music.jpg ); }
#f_lesson	{ background-image: url( ../images/bg/5_lesson.jpg ); }
#f_profile	{ background-image: url( ../images/bg/6_profile.jpg ); }
#f_link		{ background-image: url( ../images/bg/7_link.jpg ); }



/*----------------------------------------------------------
Intro
----------------------------------------------------------*/

#my_intro {
	margin-top: 0px;
	height: 500px;
}

#noscript {
	position: absolute;
	top: 250px;
	left: 300px;
	
	color: #FFFFFF;
}


/*----------------------------------------------------------
Top Page
----------------------------------------------------------*/

/* Layout */
#my_top h2 {
	position: absolute;
	left: 0px;
	top: 28px;
}

#my_top .contents {
	width: 534px;
	position: absolute;
	left: 20px;
	top: 92px;
}

#new_release {
	width: 248px;
	height: 100%;
	position: absolute;
	left: 572px;
	top: 0px;
}


/* Image Replace */
#my_top h2 {
	width: 168px;
	height: 54px;
	background: transparent url( ../images/h2/1_top.jpg ) no-repeat left top;
	text-indent: -9999px;
}


/* Greeting */
#greeting {
	width: auto;
	padding: 2px;
	font-size: 93%;
	line-height: 138.5%;
	text-align: justify;
	text-justify: inter-ideograph;
	height: 100px;
}


/* News */
#news {
	width: auto;
	height: 229px;
	margin-top: 12px;
	border: 1px solid #c8c6c6;
	background: #FFFFFF url( ../images/bg_news.jpg ) no-repeat left bottom;
	overflow: auto;
}
#news h3 {
	padding: 3px 0px 3px 10px;
	margin: 1px 1px 14px 1px;
	background-color: #d65aa9;
	font-size: 1px;
	line-height: 1px;
}

#news dl {
	margin: 0px 10px 10px 10px;
}

#news dt {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 2px 0px;
	_margin: 0px 0px 4px 0px;
	border-left: #e9b3c7 3px solid;
	
	line-height: 131%;
	
	color: #afaeae;
	font-size: 93%;
	line-height: 116%;
	font-weight: bold;
}

#news dd {
	margin-bottom: 11px;
	font-size: 93%;
	line-height: 123.1%;
}

/* Link */
#news a {
	color: #177fa6;
	text-decoration: underline;
}
#news a:hover,
#news a:active {
	text-decoration: none;
}


/* New Release */
#new_release {
	background-color: #252525;
}

#new_release h3 {
	padding: 3px 0px 3px 10px;
	margin-bottom: 18px;
	background-color: #d65aa9;
	font-size: 1px;
	line-height: 1px;
}

#new_release .cd {
	margin-bottom: 18px;
	text-align: center;
}

#new_release h4 {
	margin: 0px 10px 8px 15px;
	
	color: #FFFFFF;
	font-size: 116%;
	font-weight: bold;
}

#new_release p {
	margin: 0px 10px 0px 15px;
	
	color: #b2b1b1;
	font-size: 93%;
	line-height: 131%;
}

#new_release .cdmore {
	padding-top: 16px;
	text-align: right;
}

#new_release .cdmore a {
	color: #b2b1b1;
	text-decoration: underline;
}
#new_release .cdmore a:hover,
#new_release .cdmore a:active {
	color: #b2b1b1;
	text-decoration: none;
}



/*----------------------------------------------------------
Schedule
----------------------------------------------------------*/

/* Layout */
#my_schedule {
	/*
	background: transparent url( ../images/bg_schedule.jpg ) no-repeat center top;
	*/
}

#my_schedule h2 {
	position: absolute;
	left: 0px;
	top: 28px;
}

#my_schedule .contents {
	width: 780px;
	height: 332px;
	overflow: auto;
	left: 20px;
	top: 96px;
	position: absolute;
}


/* Image Replace */
#my_schedule h2 {
	width: 168px;
	height: 54px;
	background: transparent url( ../images/h2/2_schedule.jpg ) no-repeat left top;
	text-indent: -9999px;
}


/* Contents */
#my_schedule .contents .txt h3 {
	margin-bottom: 10px;
	
	color: #774f10;
	font-size: 146.5%;
	font-weight: bold;
}

#my_schedule .contents .txt {
	float: left;
	width: 560px;
}

#my_schedule .contents .txt p {
	font-size: 93%;
	line-height: 123.1%;
}

#my_schedule .contents a{
	color: #177fa6;
}
#my_schedule .contents a:hover {
	color: #177fa6;
	text-decoration: none;
}

#my_schedule .contents .img {
	width: 180px;
	margin-right: 10px;
	float: left;
}

#my_schedule .contents .img h3 {
	margin-bottom: 5px;
	color: #3E625A;
	font-size: 120%;
	font-weight: bold;
}
#my_schedule .contents .img dl {
	margin-top: 5px;	
}

#my_schedule .contents .img dt {
	float: left;
	width: 10%;
}

#my_schedule .contents .img dd {
	color: #663300;
	list-style-type: decimal;
	float: left;
	width: 90%;
}

/*----------------------------------------------------------
Works
----------------------------------------------------------*/

/* Layout */
#my_works {
	/*
	background: transparent url( ../images/bg_works.jpg ) no-repeat center top;
	*/
}

#my_works h2 {
	position: absolute;
	left: 0px;
	top: 28px;
}

#my_works .contents {
	width: 780px;
	height: 332px;
	overflow: auto;
	
	position: absolute;
	left: 20px;
	top: 96px;
}


/* Image Replace */
#my_works h2 {
	width: 126px;
	height: 54px;
	background: transparent url( ../images/h2/3_works.jpg ) no-repeat left top;
	text-indent: -9999px;
}


/* Contents */
#my_works .contents .worksbox {
	width: 750px;
	margin-bottom: 22px;
	background: transparent url( ../images/works_bg.gif ) repeat-y left top;
	
	/* clearfix */
	display: inline-table;
}
#my_works .contents .worksbox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #my_works .contents .worksbox {height: 1%;}
#my_works .contents .worksbox {display: block;}
/* End hide from IE-mac */


#my_works .contents h3 {
	display: block;
	width: 83px;
	float: left;
}

#my_works .contents .info {
	width: 667px;
	margin-bottom: 15px;
	float: right;
	
	/* clearfix */
	display: inline-table;
}
#my_works .contents .info:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #my_works .contents .info {height: 1%;}
#my_works .contents .info {display: block;}
/* End hide from IE-mac */

#my_works .contents h4 {
	display: block;
	width: 150px;
	float: left;
	font-size: 93%;
	line-height: 123.1%;
}

#my_works .contents .text {
	width: 497px;
	float: right;
	
	font-size: 93%;
	line-height: 131%;
}

/* Link */
#my_works .contents a {
	font-weight: bold;
	color: #bb7974;
	text-decoration: underline;
}
#my_works .contents a:hover {
	text-decoration: none;
}



/*----------------------------------------------------------
Music
----------------------------------------------------------*/

/* Layout */
#my_music {
	/*
	background: transparent url( ../images/bg_works.jpg ) no-repeat center top;
	*/
}

#my_music h2 {
	position: absolute;
	left: 0px;
	top: 28px;
}

#my_music .basket {
	width: 570px;
	
	position: absolute;
	right: 25px;
	top: 25px;
}

#my_music .contents {
	width: 780px;
	height: 332px;
	overflow: auto;
	
	position: absolute;
	left: 20px;
	top: 96px;
}
#my_music .disc {
	width: 756px;
	
	/* clearfix */
	display: inline-table;
}
#my_music .disc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #my_music .disc {height: 1%;}
#my_music .disc {display: block;}
/* End hide from IE-mac */

#my_music .disc .left {
	width: 210px;
	float: left;
}

#my_music .disc .right {
	width: 546px;
	float: right;
}

#my_music .disc .list {
	width: 546px;
	
	/* clearfix */
	display: inline-table;
}
#my_music .disc .list:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #my_music .disc .list {height: 1%;}
#my_music .disc .list {display: block;}
/* End hide from IE-mac */

#my_music .disc ul.list_l {
	width: 312px;
	float: left;
}

#my_music .disc ul.list_r {
	width: 234px;
	float: right;
}

#my_music .disc .info {
	width: 390px;
	padding-top: 24px;
}


/* Image Replace */
#my_music h2 {
	width: 168px;
	height: 54px;
	background: transparent url( ../images/h2/4_music.jpg ) no-repeat left top;
	text-indent: -9999px;
}


/* Basket */
#my_music .basket {
	text-align: right;
	color: #939191;
	font-size: 93%;
	line-height: 123.1%;
}


/* Disc */
#my_music .disc h3 {
	margin-top: 8px;
}

#my_music .disc a.buy {
	display: block;
	width: 170px;
	height: 29px;
	margin-top: 8px;
	background: transparent url( ../images/btn_buy.gif ) no-repeat left top;
	text-indent: -9999px;
}
#my_music .disc .music_ok {
	background-image: url(../images/music_ok.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 170px;
	text-indent: -9999px;
	margin-top: 8px;
}

#my_music .disc .list li {
	margin-bottom: 12px;
}

#my_music .disc .list li h4 {
	display: inline;
	color: #666666;
	font-size: 93%;
	line-height: 123.1%;
	font-weight: bold;
}

#my_music .disc .list li p {
	margin-top: 2px;
	_margin-top: 4px;
	font-size: 93%;
	line-height: 116%;
}

#my_music .disc .info {
	font-size: 93%;
	line-height: 123.1%;
}

/* Link */
#my_music a {
	color: #177fa6;
	text-decoration: underline;
}
#my_music a:hover,
#my_music a:active {
	text-decoration: none;
}



/*----------------------------------------------------------
Lesson & School
----------------------------------------------------------*/

/* Layout */
#my_lesson {
	/*
	background: transparent url( ../images/bg_lesson.jpg ) no-repeat center top;
	*/
}

#my_lesson h2 {
	position: absolute;
	left: 0px;
	top: 28px;
}

#my_lesson .contents {
	width: 780px;
	
	position: absolute;
	left: 20px;
	top: 96px;
	
	/* clearfix */
	display: inline-table;
}
#my_lesson .contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #my_lesson .contents {height: 1%;}
#my_lesson .contents {display: block;}
/* End hide from IE-mac */


#my_lesson .contents .left {
	width: 337px;
	float: left;
}

#my_lesson .contents .right {
	width: 430px;
	height: 334px;
	float: right;
	
	overflow: auto;
}


/* Image Replace */
#my_lesson h2 {
	width: 134px;
	height: 54px;
	background: transparent url( ../images/h2/5_lesson.jpg ) no-repeat left top;
	text-indent: -9999px;
}


/* Contents */

#my_lesson .contents h3 {
	margin-bottom: 10px;
	
	color: #b68c55;
	font-size: 123.1%;
	line-height: 100%;
	font-weight: bold;
}

#my_lesson .contents h4 {
	margin-bottom: 5px;
	
	font-weight: bold;
	font-size: 93%;
	line-height: 108%;
}

#my_lesson .contents p {
	font-size: 93%;
	line-height: 123.1%;
}


/* Link */
#my_lesson .contents a {
	color: #177fa6;
	text-decoration: underline;
}
#my_lesson .contents a:hover,
#my_lesson .contents a:active {
	text-decoration:none;
}



/*----------------------------------------------------------
Profile
----------------------------------------------------------*/

/* Layout */
#my_profile {
	/*
	background: transparent url( ../images/bg_lesson.jpg ) no-repeat center top;
	*/
}

#my_profile h2 {
	position: absolute;
	left: 0px;
	top: 28px;
}

#my_profile .image {
	width: 275px;
	height: 451px;
	
	position: absolute;
	left: 545px;
	top: 0px;
}

#my_profile .contents {
	width: 500px;
	height: 334px;
	overflow: auto;
	
	position: absolute;
	left: 20px;
	top: 96px;
}

/* Image Replace */
#my_profile h2 {
	width: 128px;
	height: 54px;
	background: transparent url( ../images/h2/6_profile.jpg ) no-repeat left top;
	text-indent: -9999px;
}

/* Contents */
#my_profile .contents p {
	font-size: 93%;
	line-height: 123.1%;
}



/*----------------------------------------------------------
Links
----------------------------------------------------------*/

/* Layout */
#my_link {
	/*
	background: transparent url( ../images/bg_link.jpg ) no-repeat center top;
	*/
}

#my_link h2 {
	position: absolute;
	left: 0px;
	top: 28px;
}

#my_link .contents {
	width: 780px;
	height: 332px;
	overflow: auto;
	
	position: absolute;
	left: 20px;
	top: 96px;
}


/* Image Replace */
#my_link h2 {
	width: 96px;
	height: 54px;
	background: transparent url( ../images/h2/7_link.jpg ) no-repeat left top;
	text-indent: -9999px;
}


/* Contents */
#my_link .contents h3 {
	display: inline;
	padding-left: 5px;
	border-left: #d9adaa 3px solid;
	
	font-size: 100%;
}

#my_link .contents h3 a {
	color: #bb7974;
	font-size: 108%;
	font-weight: bold;
	text-decoration: underline;
}
#my_link .contents h3 a:hover,
#my_link .contents h3 a:active {
	text-decoration: none;
}

#my_link .contents a.link {
	margin-left: 8px;
	color: #2f2f2f;
	font-size: 93%;
	text-decoration: none;
}

#my_link .contents p {
	margin-top: 8px;
	margin-bottom: 25px;
	_margin-top: 8px;
	_margin-bottom: 24px;
	
	font-size: 93%;
	line-height: 123.1%;
}







/*----------------------------------------------------------
Special
----------------------------------------------------------*/