@charset "UTF-8";

body {
	font-size: 80%;
	background-color: #fff;
	color:#000;margin: 0px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

h1 {
	font-size: 11px;
	font-weight: normal;
	width: 885px;
	background-color: #f7f6eb;
	margin: 0;
	padding: 0 0 0 15px;
}

h2{
	margin: 0;
}

h3{
	margin: 0;
}

h4{
	margin:0;
	font-weight: normal;
}

img{
	border:0;
}

a{
	color: #000;
	text-decoration: none;
	border: 0;
}

a:hover{
	color: #E48E00;
	text-decoration: none;
}

#items{

	margin: 0;
	padding: 0;
}

#navilist{
	margin: 0;
	padding: 0;}
	
#navilist li {
	height: 30px;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navilist li.btn_home a:link, #btn_home a:visited {
display:block;
margin:0;
padding:0;
width:99px;
height:30px;
background-image:url(../img/btn/btn_home_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_home a:hover {
display:block;
margin:0;
padding:0;
width:99px;
height:30px;
background-image:url(../img/btn/btn_home_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_introduce a:link, #btn_introduce a:visited {
display:block;
margin:0;
padding:0;
width:140px;
height:30px;
background-image:url(../img/btn/btn_introduce_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_introduce a:hover {
display:block;
margin:0;
padding:0;
width:140px;
height:30px;
background-image:url(../img/btn/btn_introduce_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navilist li.btn_couse a:link, #btn_couse a:visited {
display:block;
margin:0;
padding:0;
width:115px;
height:30px;
background-image:url(../img/btn/btn_couse_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_couse a:hover {
display:block;
margin:0;
padding:0;
width:115px;
height:30px;
background-image:url(../img/btn/btn_couse_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navilist li.btn_experience a:link, #btn_experience a:visited {
display:block;
margin:0;
padding:0;
width:91px;
height:30px;
background-image:url(../img/btn/btn_experience_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_experience a:hover {
display:block;
margin:0;
padding:0;
width:91px;
height:30px;
background-image:url(../img/btn/btn_experience_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navilist li.btn_arrengements a:link, #btn_arrengements a:visited {
display:block;
margin:0;
padding:0;
width:128px;
height:30px;
background-image:url(../img/btn/btn_arrengements_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_arrengements a:hover {
display:block;
margin:0;
padding:0;
width:128px;
height:30px;
background-image:url(../img/btn/btn_arrengements_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navilist li.btn_question a:link, #btn_question a:visited {
display:block;
margin:0;
padding:0;
width:123px;
height:30px;
background-image:url(../img/btn/btn_question_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_question a:hover {
display:block;
margin:0;
padding:0;
width:123px;
height:30px;
background-image:url(../img/btn/btn_question_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navilist li.btn_access a:link, #btn_access a:visited {
display:block;
margin:0;
padding:0;
width:90px;
height:30px;
background-image:url(../img/btn/btn_access_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navilist li.btn_access a:hover {
display:block;
margin:0;
padding:0;
width:90px;
height:30px;
background-image:url(../img/btn/btn_access_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#navilist li.btn_inquiries a:link, #btn_inquiries a:visited {
display:block;
margin:0;
padding:0;
width:114px;
height:30px;
background-image:url(../img/btn/btn_inquiries_off.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#navilist li.btn_inquiries a:hover {
display:block;
margin:0;
padding:0;
width:114px;
height:30px;
background-image:url(../img/btn/btn_inquiries_ov.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

.hp_box{
margin:0px auto 0px auto;width:900px;
}

.lh36{
line-height:36px;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */






      
.btn{background-color:#ffa71b;text-align:center;vertical-align:middle;}


a{
color:#000;
text-decoration:none;
}

a:hover{
color:#E48E00;
text-decoration:none;
}

.gazo img:hover{
opacity:0.8;
filter: alpha(opacity=80);
}


strong.ttl {
text-align:left; 
border-left:solid 6px #d4bea4;
display:block;
padding:2px 10px;
margin-top:2em;
}


#footer{
width:900px;
background-image:url(http://www.atelier-laube.com/img/footer_line.gif);
background-repeat:repeat-x;
padding-top:24px;text-align:center;line-height:20px;
background-color:#f7f6eb;
margin: 0;height:100px;
margin-top:80px;}

img{border:0;}


/******************************************************
			トップ
******************************************************/

#holiday{
margin:13px 0 10px 28px;padding:3px 40px;
background:url(http://www.atelier-laube.com/img/cal_holiday_back.jpg) no-repeat;
text-align:left;
}

.info{
font-size: 1em;font-weight:normal;padding:5px 0 5px 20px;width:240px;background-color:#f5ece1;
margin:0;
}

.view_box{
	width:900px;
	height:345px;
	padding:0;
}

.news_text_link{
	text-align:right;
	margin:0 10px 0 0;
	color:#0000ff;
	
}



.line_02{
border:none;border-top:dashed 1px #ccc;height:1px;color:#FFFFFF;
width:100%;
margin:5px 0 5px 0;
}


/******************************************************
			アトリエのご紹介
******************************************************/

h3.introduce{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../introduce/img/introduce_img_02.jpg);
background-repeat: no-repeat;
}

.profile_01{
vertical-align:top;text-align:left;line-height:28px;width:18%;border-bottom: 1px dashed #ccc;
}
.profile_02{
vertical-align:top;text-align:left;line-height:28px;border-bottom: 1px dashed #ccc;
}

/******************************************************
			コース・料金
******************************************************/

h3.course{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../course/img/course_img_02.jpg);
background-repeat: no-repeat;
}

.td_01{height:30px;text-align:center;vertical-align: middle;border-bottom:1px dashed #000;}
.td_02{height:30px;text-align:center;vertical-align: middle;border-bottom:1px dashed #000;border-left:1px dashed #000;}
.td_03{height:30px;text-align:center;vertical-align: middle;border-left:1px dashed #000;}
.td_04{height:30px;text-align:center;vertical-align: middle;}

.text_5{
	text-align:left;
}

/******************************************************
			無料体験
******************************************************/

h3.experience{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../experience/img/experience_img_02.jpg);
background-repeat: no-repeat;
}

/******************************************************
			入会までの流れ
******************************************************/

h3.process{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../process/img/process_img_02.jpg);
background-repeat: no-repeat;
}

.p_box{
padding: 10px;border:1px solid;border-color:#ddd;
width:628px;margin:0px auto 0px auto;
word-wrap: break-word;line-height:28px;
background-color:#f6f6ec;
}





/******************************************************
			よくあるご質問
******************************************************/

h3.question{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../question/img/question_img_02.jpg);
background-repeat: no-repeat;
}

.box01Body {
}
.box01Textarea {
	margin-bottom: 10px;
	clear: both;
	width: 600px;
	margin-left: 3px;
	display: inline;
}


.box02 {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 10px;
}


.box01 .question {

	margin-bottom: 15px;
	background-position: 10px 2px;
	width: 600px;

}
.box01 .question h4 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.0em;
	color: #000;
	margin-bottom:0;
}


.box01 .answer span.answer_text {

	background-position: 5px 0px;

	display: block;
	line-height: 22px;

	margin-bottom: 10px;
}
.box01 .pagetop {
		width: 600px;

}
.box01 .pagetop a {
	background-image: url(http://www.atelier-laube.com/question/img/pagetop.gif);
	background-repeat: no-repeat;
	width: 106px;
	height: 11px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	margin-left: 495px;
}

.line_01{
border:none;border-top:dashed 1px #ccc;height:1px;color:#FFFFFF;
width:100%;
margin:30px 0 20px 0;
}

/******************************************************
			アクセス・お問合せ
******************************************************/

h3.access{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../access/img/access_img_02.jpg);
background-repeat: no-repeat;
}

/******************************************************
			プライバシーポリシー
******************************************************/

h3.privacy{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../privacypolicy/img/privacy_img_02.jpg);
background-repeat: no-repeat;
}
dt {float:left;}

/******************************************************
			サイトマップ
******************************************************/

h3.sitemap{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../sitemap/img/sitemap_img_02.jpg);
background-repeat: no-repeat;
}

li{
color:#d4bea4;
}

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

h3.linkpage{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../linkpage/img/linkpage_img_02.jpg);
background-repeat: no-repeat;
}
dt {float:left;}

/******************************************************
			絵のよもやま話
******************************************************/

h3.alacarte{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../alacarte/img/davinch_portrait_img_01.jpg);
background-repeat: no-repeat;
}

#denrai_yomoyama{
 margin-top:20px;
 margin-right:auto;
 margin-left:auto;
 padding:30px;
 width:690px;
 height:auto;
 background-color:#FFFAF0; 
 text-align:center;
}

.chapter{
 width:880px;
 float:left;
}

.pagetop a {
	background-image: url(../alacarte/img/pagetop.gif);
	background-repeat: no-repeat;
	width: 106px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	margin-top:25px;
	margin-left: 795px;
}

.ph1{
  float:right;
  margin:20px 0px 20px 20px;
} 
 

.ph2{
  float:left;
  margin:20px 20px 20px 20px;
} 

.text_1{
	margin:20px 0px 0px 20px;
}

.text_2{
    margin:20px 0px 0px 20px; 
    clear:both;
}

.text_3{
    margin:120px 0px 0px 20px;
    clear:right;
}


#reference{
	text-align:right;
}

.line_03{
border:none;border-top:dashed 1px #ccc;height:1px;color:#FFFFFF;
width:100%;
margin:30px 0 20px 0;
clear:both;
}

/******************************************************
			デッサン集中講座
******************************************************/

h3.cours_dessin{
margin-top: 30px;
width: 900px;
height: 230px;
background-image: url(../dessins/img/dessins_img_02.jpg);
background-repeat: no-repeat;
}

.td_05{height:30px;text-align:center;vertical-align: middle;border-bottom:2px solid #000;}
.td_06{height:30px;text-align:center;vertical-align: middle;border-bottom:2px solid #000;border-left:2px solid #000;}
.td_07{height:30px;text-align:center;vertical-align: middle;border-bottom:1px solid #000;}
.td_08{height:30px;text-align:center;vertical-align: middle;border-bottom:1px solid #000;border-left:2px solid #000;}
.td_09{height:30px;text-align:center;vertical-align: middle;border-left:2px solid #000;}
.td_10{height:30px;text-align:center;vertical-align: middle;}

.r_box{
padding: 10px;border:1px solid;border-color:#ddd;
width:605px;margin-right:auto; margin-left :auto;
word-wrap: break-word;line-height:28px;
background-color:#f6f6ec;
}

.text_4{
	text-align:left;
}