@charset "utf-8";

/* === テキストカラーコントロール === */

.text_blue12{
color:#0099FF;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.text_blue12r{
color:#0099FF;
font-size:12px;
margin:0px 40px -20px 0px;
padding:0px 0px 0px 0px;
float:right;
}

.text_orange12l{
color:orange;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.text_orange12{
color:#E1771E;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.text_deepblue12{
color:#0099FF;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}
.text_orange10{
color:#E1771E;
font-size:10px;
margin:0 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:10px;
}
.text_white12{font-size:12px;

color:white;}


.text_white13{font-size:13px;
width:200px;
margin:0px 0px 10px 10px ;
color:white;
font-family: "Aria","ＭＳ ゴシック",sans-serif;}

.text_red11{
color:red;
font-size:11px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.cyusyaku_10orange{ color: #E1771E;
	font-size:10px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;}
	
.cyusyaku_10gray{ color:gray;
	font-size:10px;}
	

/* 
.textin_images{
margin:8 180 0 0;
float:right;
}*/

.textin_images{
margin:5px 20px 25px
 0px;
float:left;

}

.textin_images_r{
margin:5px 5px 10px 10px;
float:right;
}

.textin_images_l {

margin:0px 10px 30px 0px;
font-size:12px;
float:left;
}




/* === profile　ARTIST LINK　共
通 === */


#profile_back {
margin: 0px 0px;
width: 980px;
background: url(../profile/images/profile_back04.jpg) no-repeat center top;
}

#profile_image_eria{

height:260px;
width:900px;
margin:0px auto;
padding:0px 0px;
text-align:center;
}


/* === profile ARTIST LINK　共通メニュー　menu_line === */ /* === 絵画教室コンテンツ共通メニュー　menu_line === */

#menu_line{
height:auto;
width:150px;
margin:15px 15px 0px 38px;
float:left;

}

#menu_line ul{
width:150px;
height:auto;

margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#menu_line  li{
height:35px;
width:150px;
color:#333333;
list-style:none;
letter-spacing:0.1em;

}
#menu_line  a{

height:35px;
width:150px;
background: url(../profile/images/menu_frame.jpg) no-repeat center top;
margin:0px 0px 0px 0px;
padding:9px 0px 0px 3px;
color:#333333;
list-style:none;
letter-spacing:0.1em;
}

#menu_line li  a{
display:block;

font-size:12px;
text-decoration: none;
color:#999999;
}

#menu_line li  a:link{
color:#666666;

}

#menu_line  li a:hover{
height:35px;
width:150px;
background: url(../profile/images/menu_frame_on.jpg) no-repeat center top;
padding:9px 0px 0px 3px;
list-style:none;
margin-left:0px;

color:#9900FF;
}

#menu_line li  a:active{
color:#cccccc;
}


/* === ARTIST LINK === */
/* === ARTIST LINK イメージライン（メニュー下画像用　現在使っていない）=== */
#image_line{
height:auto;
width:150px;
margin:0px 0px 0px 0px;
float:left;

}

#image_line ul{
width:0px;
}

#image_line  li{
width:150px;
height:35px;
background: url(../profile/images/menu_frame.jpg) no-repeat center ;
margin:0px 0px 35px 0px;
list-style:none;
}

.image_line_cyousei{margin:35px 0px 0px 35px}

/* ===ARTIST LINK その他用 body_ line === */

#body_line{
height:auto;
width:650px;
margin-left:0px;
margin-top:0px;
margin-bottom:100px;
float:left;

}

#body_line ul{
width:0px;
}

#body_line  li{
font-size:12px;
width:650px;
margin-top:10px;
margin-left:-30px;
color:#999999;
list-style-type:none;
letter-spacing:0.3em;
line-height:25px;
}

#body_line li  a{
font-size:12px;
text-decoration: none;
color:#E1771E;
text-decoration: underline;
}

#body_line li  a:link{
color:#E1771E;
}

#body_line  li a:hover{
color:red;
text-decoration: underline;
}

#body_line li  a:active{
color:#cccccc;
}

#body_line img{
margin-bottom:-10px;
}

#body_line .p_title2{
font-size:13px;
font-weight: bold;
color:#E1771E;
text-decoration: underline;
margin:0px 0px -10px -20px;
padding:0px 0px 0px 0px;
font-family: "Aria","ＭＳ ゴシック",sans-serif;
}

#body_line .p_title2   a{
font-size:12px;
text-decoration: none;
color:#E1771E;
}

#body_line .p_title2   a:link{
color:gray;
}

#body_line .p_title2  a:hover{
color:orange;
}

#body_line .p_title2   a:active{
color:#cccccc;
}
/* === body_lineマージン調整=== */
#body_line_c{
margin:15px 0px 0px 0px;
}




/* === 絵画教室お問い合わせ　調整=== */
.class_mail{margin:15px 0px 0px 50px}

/* === profile=== */
/* === profile用　イメージライン　image_line2 === */
#image_line2{
height:auto;
width:180px;
margin:0px -10px 0px -30px;
margin-bottom:0px;
float:left;
}

#image_line2 ul{
width:0px;
}

#image_line2  li{
width:180px;
margin:0px 0px 35px 0px;
}

/* === profile用　ボディ　body_ line2 === */
#body_line2{
height:auto;
width:560px;
margin-left:0px;
margin-top:0px;
margin-bottom:100px;
float:left;
}

#body_line2 ul{
width:0px;
}

#body_line2  li{
font-size:12px;
width:560px;
margin-top:10px;
margin-left:-30px;
margin-bottom:30px;
color:#999999;
list-style-type:none;
letter-spacing:0.3em;
line-height:25px;
}

#body_line2 li  a{
font-size:12px;
text-decoration: none;
color:#cccccc;
}

#body_line2 li  a:link{
color:#666666;
}

#body_line2  li a:hover{
color:#E1771E;
}

#body_line2 li  a:active{
color:#cccccc;
}

#body_line2 img{
margin-bottom:-10px;
}
.title_cyousei{
margin:11px 0px 0px 0px ;

}


/* === 絵画教室生徒募集=== */
#seitobosyu_bk_top{
width:739px;
height:8px;
margin:0px 0px 0 1px ;
padding:0px 0px ;
background-color:white;
background: url(../art_class/seitobosyu_images/bk_line_top.jpg) no-repeat ;

}
#seitobosyu_bk{
width:740px;
height:2160px;
margin:15px 0px 150px 210px ;
padding:0px 0px ;
background-color:white;
background: url(../art_class/seitobosyu_images/bk_line.jpg) repeat-y center top;

}

.colores_logo{
margin:50px 0px -20px 220px;
}


/* === seitobosyu用　イメージライン　image_line3 === */
#image_line3{
height:auto;
width:180px;
margin:0px -10px 0px 10px;
margin-bottom:0px;
float:left;
background-color:white;

}

#image_line3 ul{
width:0px;
}

#image_line3  li{
width:180px;
margin:0px 0px 35px -20px;
padding-top:20px;
list-style:none;
}

/* === seitobosyu用　ボディ　body_ line3 === */
#body_line3{
height:auto;
width:560px;
margin-left:0px;
margin-top:0px;
margin-bottom:150px;
float:left;
background-color:white;
color:black;
}

#body_line3 ul{
width:0px;
}

#body_line3  li{
font-size:12px;
width:530px;
margin-top:10px;
margin-left:-40px;
margin-bottom:30px;
color:black;
list-style-type:none;
letter-spacing:0.2em;
line-height:23px;

}

#body_line3 li  a{
font-size:12px;
text-decoration: none;
color:#E1771E;
}

#body_line3 li  a:link{
color:#666666;
}

#body_line3  li a:hover{
color:#E1771E;
}

#body_line3 li  a:active{
color:#E1771E;
}

#body_line3 img{
margin-bottom:-10px;
}
.title_cyousei{
margin:11px 0px 0px 0px ;
}

#body_line3  .seitobosyu_color01{color:black; 
font-size:35px;
 font-weight:bold; 
margin:40px 0px 0px -35px; 
padding:0px 0px 0px 0px; }

#body_line3   .seitobosyu_color02{color:#330066; 
font-size:13px;
font-weight:bold;
}
#body_line3   .seitobosyu_color03{color:#660066; 
font-size:12px;
}

#body_line3   .seitobosyu_color04{color:#663333; 
font-size:12px;
}
#body_line3   .seitobosyu_color05{color:#993300; 
font-size:12px;
}
#body_line3   .seitobosyu_color06{color:#990000; 
font-size:12px;
}
#body_line3 .title_b{
font-size:13px;
font-weight:bold;
margin:0 0 -18px 0;
}

/* === 絵画教室　内容 === */

/* === タイトルロゴ === */
.colores_logo_top{
margin:30px 0px 0px 250px;
}
/* === ビオレッタの会 === */
#body_image01{
height:300px;
width:300px;
background: url(../art_class/images/violeta.jpg) no-repeat center top;
margin:30px 0px 20px 150px;
padding:0px 0 0 0px;
}

/* === パティオの会 === */
#body_image02{
height:300px;
width:300px;
background: url(../art_class/images/patio.jpg) no-repeat center top;
margin:0px 0px 20px 150px;
padding:0px 0 0 0px;
}

/* === アマポーラの会 === */
#body_image03{
height:300px;
width:300px;
background: url(../art_class/images/amapola.jpg) no-repeat center top;
margin:0px 0px 20px 150px;
padding:0px 0 0 0px;
}

/* === アスールの会 === */
#body_image04{
height:300px;
width:300px;
background: url(../art_class/images/azul.jpg) no-repeat center top;
margin:0px 0px 20px 150px;
padding:0px 0 0 0px;
}
#body_text01{
height:auto;
width:300px;
color:gray;
margin:0px 0px 60px 150px;
font-size:12px;
letter-spacing:0.2em;
line-height:20px;
}
#body_text01 a{
color:#FF6600;
font-size:12px;

}
.syousai{margin:10px 0px 0px 0px ;}

#map_area{
font-size:12px;
font-family: "Aria","ＭＳ ゴシック",sans-serif;
color:white;
margin:40px 0px 0px 10px;
}

#body_line2  .class_color01{color:#9900CC; 
margin:-30px 0px -10px -30px; 
padding:0px 0px 0px 0px; }

#body_line2 .class_color02{color:gray;
margin:-30px 0px -10px -30px; 
padding:0px 0px 0px 0px;}

#body_line2 .class_color03{color:#FF6600;
margin:-30px 0px -10px -30px; 
padding:0px 0px 0px 0px;}

#body_line2 .class_color04{color:#CC00CC;
margin:-30px 0px -10px -30px; 
padding:0px 0px 0px 0px;}

#body_line2 .class_color05{color:#6666CC;
margin:-30px 0px -10px -30px; 
padding:0px 0px 0px 0px;}


/* === 個展案内　イメージエリア調整 === */

#popup_image_eria{

height:auto;
width:900px;
margin:0px auto 0px  ;
text-align:center;
}

/* === 個展案内　hrライン調整 === */
.hr_yp{
border: 1px dashed gray;
width:auto;
margin:0px 0px 0px 10px;
}


/* === ジグレー === */
#giclee_back {
margin: 0px auto 150px;
padding:0px 0px 5px 0px;
height:auto;
width: 900px;
background: url(../giclee/images/back_line.jpg) repeat-y center top;
}

#giclee_back2 {
margin: -16px 15px 0px 16px;
padding:0px 0px 10px 0px;
height:auto;



width:866px;
background-color:black;

}




/* ===ジークレー用 body_ line4 === */



#body_line4{
height:auto;
width:400px;
margin:30px auto 100px;



}

#body_line4 ul{
width:0px;
}

#body_line4  li{
font-size:12px;
width:400px;
margin-top:10px;
margin-left:-30px;
color:#999999;
list-style-type:none;
letter-spacing:0.3em;
line-height:25px;
}

#body_line4 li  a{
font-size:12px;
text-decoration: none;
color:#E1771E;
text-decoration: underline;
}

#body_line4 li  a:link{
color:#E1771E;
}

#body_line4  li a:hover{
color:red;
text-decoration: underline;
}

#body_line4 li  a:active{
color:#cccccc;
}

#body_line4 img{
margin-bottom:-10px;
}

#body_line4 .p_title2{
font-size:13px;
font-weight: bold;
color:#E1771E;
text-decoration: underline;
margin:0px 0px -10px -20px;
padding:0px 0px 0px 0px;
font-family: "Aria","ＭＳ ゴシック",sans-serif;
}

#body_line4 .p_title2   a{
font-size:12px;
text-decoration: none;
color:#E1771E;
}

#body_line4 .p_title2   a:link{
color:gray;
}

#body_line4 .p_title2  a:hover{
color:orange;
}

#body_line4 .p_title2   a:active{
color:#cccccc;
}
/* === ジグレー　body 調整=== */
#body_line_giclee li{
margin:0px 0px 0px 40px;
width:600px;
}

#image_left{
margin:80px auto 0px;
width:531px;
height:auto;
}

#body_image{
margin:80px auto 0;
width:650px;
height:auto;
}

#body_img{
margin:0px auto 10px;
width:531px;
height:auto;
}
/* === ジークレー用メニュ=== */

#menu_line_giclee{
height:auto;
width:800px;
margin:0px 60px 80px 0px;
margin-bottom:0px;

}
#menu_line_giclee ul{
width:800px;
}

#menu_line_giclee  li{
height:35px;
width:150px;
background: url(../profile/images/menu_frame.jpg) no-repeat center top;
margin:0px -20px -10px 0px;
padding:9px 0px 0px 20px;
color:#333333;
list-style:none;
letter-spacing:0.1em;
float:left;
}

/* === ジークレー　進む戻る=== */


#giclee_menu {

margin:0px 0px 0px 0px;
width:100px;
height:36px;
float:left;
/*background-color:blue;*/
}

#giclee_menu ul{
width:100px;
height:36px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 30px;
}

#giclee_menu li{
text-decoration: none;
float:left;
}

.back_menu {
background:url(../giclee/images/menu_back.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:36px;
width:34px;
}

.back_menu a{
display:block;
background:url(../giclee/images/menu_back.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:36px;
width:34px;
}


.back_menu a:hover{
background:url(../giclee/images/menu_back_on.gif) no-repeat;
}


.next_menu {
background:url(../giclee/images/menu_next.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:36px;
width:34px;
}

.next_menu a{
display:block;
background:url(../giclee/images/menu_next.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:36px;
width:34px;
}

.next_menu a:hover{
background:url(../giclee/images/menu_next_on.gif) no-repeat;
}




#menu_line_giclee li  a{
display:block;

font-size:12px;
text-decoration: none;
color:#999999;
}

#menu_line_giclee li  a:link{
color:#666666;
}

#menu_line_giclee  li a:hover{
color:#9900CC;
}

#menu_line_giclee li  a:active{
color:#cccccc;
}

/* === ジークレー作品リンク=== */


#select {
width:395px;
height:30px;
margin:0 auto;

}

#select ul{
width:120px;
height:30px;
margin:0px auto;
padding:0px 0px;

}

#select li{
width:30px;
height:30px;
float:left;
text-align:center;
margin:0px 0px 0px 0px;
color:red;
}

#select li a{
color:#cccccc;
}

#select li a:hover{
color:red;
}
#select .next_orange a{
color:#E1771E}


/* === ジグレー下のマット　=== */
.mat{
margin:0px 0px 0px 0px;
}

/* === ジグレーについてページ　body調整=== */
#body_line_giclee{
margin:20px 0px 0px 50px;

}
/* === 告知ページ　body=== */
#body_line550{
height:auto;
width:550px;
margin:30px auto 100px;
}

#menu_line .close{margin:-40px 0px 60px 370px}

#body_line550 ul{
width:0px;
}

#body_line550  li{
font-size:12px;
width:550px;
margin-top:10px;
margin-left:-30px;
color:#999999;
list-style-type:none;
letter-spacing:0.3em;
line-height:25px;
}

#body_line550 li  a{
font-size:12px;
text-decoration: none;
color:#E1771E;
text-decoration: underline;
}

#body_line550 li  a:link{
color:#E1771E;
}

#body_line550  li a:hover{
color:red;
text-decoration: underline;
}

#body_line550 li  a:active{
color:#cccccc;
}

#body_line550 img{
margin-bottom:-10px;
}

#body_line550 .p_title2{
font-size:13px;
font-weight: bold;
color:#E1771E;
text-decoration: underline;
margin:0px 0px -10px -20px;
padding:0px 0px 0px 0px;
font-family: "Aria","ＭＳ ゴシック",sans-serif;
}

#body_line550 .p_title2   a{
font-size:12px;
text-decoration: none;
color:#E1771E;
}

#body_line550 .p_title2   a:link{
color:gray;
}

#body_line550 .p_title2  a:hover{
color:orange;
}

#body_line550 .p_title2   a:active{
color:#cccccc;
}

#popup_close{
height:35px;
width:150px;
background: url(../profile/images/menu_frame.jpg) no-repeat center top;
margin:40px auto -120px;
padding:8px 0px 0px 17px;
color:#333333;
list-style:none;
letter-spacing:0.1em;

}

.center_text{
width:550px;
height:120px;
color:white;
font-size:13px;
text-decoration:underline;
text-align:center;}



/* === 生徒さんギャラリー=== */
.cyousei h2{margin:-10px 0px 0px 0px;}

#gallery {
		background-color: black;
		margin:0px 0px 150px 0px;
		padding:10px;
		width: 700px;
		height:auto;
		float:left;
	}
	#gallery ul { list-style: none; 
	font-size:12px;
	color:white;
	
}
	#gallery ul li { display: inline; 
		font-size:12px;
	color:white;
	font-family: "Aria","ＭＳ ゴシック",sans-serif;
	 }
	
	#gallery ul img {
		border: 5px solid black;
		border-width: 5px 5px ;
		margin:0px 0px 0px 0px; 
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px ;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

	#gallery h1{ margin:-10px 0px 0px 40px; }

/* === 絵本ー=== */

.textin_book{
margin:0px 15px 30px 0px;
font-size:12px;
float:left;
}

.textin_book a{
display:block;
width:306px;
height:273px;
background:url(../book/images/book_image01+.jpg) no-repeat center bottom ;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

.textin_book a:hover{
width:306px;
height:273px;
background:url(../book/images/book_image01on.jpg) no-repeat center bottom ;
}


/* === ギャラリー=== */

#ra_gallery_back {
margin: 0px 0px;
width: 980px;
background: url(../gallery/images/gallery_back.jpg) no-repeat center top;
}

#ra_gallery {
		margin:0px 0px 150px -20px;
		padding: 10px;
		width: 700px;
		height:auto;
		float:left;
	}
	#ra_gallery ul { list-style: none; 

	
}
	#ra_gallery ul li { display: inline; 
		font-size:12px;
	color:white;
font-family: "Aria","ＭＳ ゴシック",sans-serif;
text-align:left;
}
	
	#ra_gallery ul img {
		border: 5px solid black;
		border-width: 5px 5px ;
		margin:0px 0px 0px 0px; 
	}
	#ra_gallery ul a:hover img {
		border: 5px solid white;
		border-width: 5px 5px ;
		color: #fff;
	}
	#ra_gallery ul a:hover { color: #fff; }

#ra_gallery h1{ margin:-10px 0px 0px 40px; }

	
/* === ショップギャラリー油絵=== */
#shop_gallery_back {
margin: 0px 0px;
width: 980px;
background: url(../gallery/images/shop_gallery_back.jpg) no-repeat center top;
}

#shop_gallery_back_sold {
margin: 0px 0px;
width: 980px;
background: url(../gallery/images/shop_gallery_back_sold.jpg) no-repeat center top;
}
#gallery_image_eria{
height:430px;
width:400px;
margin:10px 10px 10px 50px ;
text-align:center;
float:left;
}

#gallery_image_eria2{
height:430px;
width:400px;
margin:10px 20px 10px 50px ;
text-align:center;
float:left;
}

#gallery_text_eria h1{
font-weight:bold;
color:white;
margin:0px 0px 0px 0px ;

}

#gallery_text_eria{
height:430px;
width:390px;
margin:10px 0px 10px 30px ;
padding:0px 0px;
position:relative; 
color:white;
float:left;
}

#gallery_text_eria ul{
height:320px;
width:390px;
margin:0px 0px 0px 0px ;
padding:0px 0px;
position:absolute; 
bottom:0px;
}

#gallery_text_eria li{
margin:0px 0px 0px 0px ;
padding:0px 0px;
text-align:left;
font-size:12px;
color:#999999;
list-style:none;
}


#gallery_image_eria2 .yoko{
margin:50px 0px  0px 0px ;

}

/* === ショップギャラリー　進む戻る=== */


#nb_menu {

margin:0px 0px 0px 0px;
width:220px;
height:40px;

position:absolute; 
bottom:0px;
float:left;
}

#nb_menu ul{
width:220px;
height:40px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#nb_menu li{
text-decoration: none;
float:left;
}

.nb_back_menu {
background:url(../gallery/images/menu_back.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:40px;
width:110px;
}

.nb_back_menu a{
display:block;
background:url(../gallery/images/menu_back.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:40px;
width:110px;
}


.nb_back_menu a:hover{
background:url(../gallery/images/menu_backon.gif) no-repeat;
}


.nb_next_menu {
background:url(../gallery/images/menu_next.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:40px;
width:110px;
}

.nb_next_menu a{
display:block;
background:url(../gallery/images/menu_next.gif) no-repeat center top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:40px;
width:110px;
}

.nb_next_menu a:hover{
background:url(../gallery/images/menu_nexton.gif) no-repeat;
}

#mail_c {
width:500px;
height:31px;
margin:-100px auto 150px;
font-size:11px;
color:#cccccc;
letter-spacing:0.1em;
}

/* === リンク=== */


#link_back {
margin: 0px 0px;
width: 980px;
background: url(../link/images/link_back3.jpg) no-repeat center top;
}


#link_body_line{
height:auto;
width:650px;
margin-left:0px;
margin-top:0px;
margin-bottom:100px;
float:left;

}

#link_body_line ul{
width:0px;
}

#link_body_line  li{
font-size:12px;
width:650px;
margin-top:10px;
margin-left:-30px;
color:#999999;
list-style-type:none;
letter-spacing:0.2em;
line-height:22px;
}

#link_body_line li  a{
font-size:12px;
text-decoration: none;
color:#E1771E;
text-decoration: underline;
}

#link_body_line li  a:link{
color:#E1771E;
}

#link_body_line  li a:hover{
color:red;
text-decoration: underline;
}

#link_body_line li  a:active{
color:#cccccc;
}