@charset "shift_jis";
/*
01design_school/learn/...

===== CONTENTS =========================
	1: common style
	2: for about_learn.html
	3: for div#outline
	3.5: for div#outline_new
	4: for preparation.html
	5: for prezen.html
========================================
*/



/*
0: css reset
--------------------------------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/*
1: common
--------------------------------------------*/
/*
div#learn-wrap
----------------------*/
div#learn-wrap {
	padding: 0 10px;
}

/*
div#learn-header
----------------------*/
div#learn-header p img {
	margin: 14px 0 40px;
}

div#learn-header h3 {
	margin: 0 0 9px;
}

div#learn-header p {
	font-size: 12px;
	line-height: 1.35em;
}

h3.catch{
color:#00286E;
font-size:13.5px;
font-weight:bold;
line-height:1.35em;
margin-bottom:10px;
}


/*
2: about_learn
--------------------------------------------*/
/*
div#about-contents
----------------------*/
div#about-contents {
	margin: 40px 0 47px;
	position: relative;
}

/*
div.about-contents-box
----------------------*/
div#about-contents div.about-contents-box {
	margin-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/line_point01.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#about-contents div.about-contents-box-foot {
	margin-top: 20px;
}

div#about-contents div.about-contents-box table {
	padding: 0;
	border-width: 0;
	border-spacing: 0;
}	

div#about-contents div.about-contents-box table td.midashi {
 width: 192px;
}


/*
div.course-guide2
----------------------*/
h2.course-guide2{
margin:0 0 20px 0;
}

div.course-guide2{
width:490px;
margin:0 0 40px;
}

div.course-guide2 .right-img{
width:230px;
float:right;
text-align:right;
}

div.course-guide2 .left-desc{
width:250px;
float:left;
}

div.course-guide2 .left-desc h3{
width:250px;
font-size:14px;
color:#00286E;
padding:0 0 3px 0;
margin:0 0 10px 0;
border-bottom:1px solid #999;
font-weight:bold;
}

div.course-guide2 .left-desc p{
font-size:12px;
line-height:1.35em;
margin:0 0 10px 0;
}

div.course-guide2 .left-desc a.moreinfo {
	display: block;
	font-size:12px;
	height: 15px;
	padding-left: 15px;
	background-image: url(../img/01design_school/link_icon_blue.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color:#333;
	text-decoration:none;
}
div.course-guide2 .left-desc a.moreinfo:hover {
text-decoration:underline;
}


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

.clearfix{
min-height:1px;
}





/*
div#course-guide
----------------------*/
div#course-guide {
	background-color: #E5EEF1;
	padding: 14px 0;
	_padding: 14px 0 0; 	/*hack for IE6*/
	margin-bottom: 20px;
}

*:first-child+html div#course-guide {
	padding: 14px 0 0; 	/*hack for IE7*/
}

div#course-guide h2 {
	text-indent: 16px;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	border-bottom: 1px solid #FFFFFF;
}

div#course-guide div#course-guide-wrap {
	padding: 0 16px;
	zoom :100%; 	/*hack for IE*/
}

/*
div.course-guide-box
----------------------*/
div.course-guide-box {
	margin-bottom: 20px;
}

div.course-guide-box-foot {
	margin-bottom: 0px;
}

div.course-guide-box div.course-guide-left {
	width: 252px;
	float: left;
}

div.course-guide-box div.course-guide-right {
	width: 129px;
	float: right;
}

div.course-guide-box .course-guide-left h3 {
	padding-bottom: 7px;
	border-bottom: 1px solid #9696B0;
}

div.course-guide-box .course-guide-left p.guide-text {
	padding: 7px 0 10px;
}

div.course-guide-box .course-guide-left p.guide-link a {
	display: block;
	height: 15px;
	padding-left: 15px;
	background-image: url(../img/01design_school/link_icon_blue.gif);
	background-position: left center;
	background-repeat: no-repeat;
}



/*
voice/faq
--------------------------------------------*/

div#voicebox {
	border: solid 1px;
	padding: 10px 10px;
	_padding: 14px 0 0; 	/*hack for IE6*/
	margin: 14px 0 35px 0;
}

div#voicebox h2 {
	font-size: 14px;
	line-height: 2.5em;
	font-weight: bold;
}


div#voicebox .voice {
	font-size: 12px;
	line-height: 1.4em;
	padding: 8px 0px;
	margin-bottom: 5px;
	border-bottom: dotted 1px;
	border-color:#CCC;
}



div#textlink-header-menu {
	margin: 25px 0 25px 5px;
	font-size: 10px;
	line-height:2em
}


div#textlink-header-menu a {
	color: #5B6C8E;
	text-decoration: none;
}

div#textlink-header-menu a:hover {
	text-decoration: underline;
}

div#textlink-header-menu .px10-indigo{
line-height:2em;
}


/*
3: for div#outline
--------------------------------------------*/
div#outline {
	margin: 40px 0 45px;
}

div#outline h3 {
	margin-bottom: 9px;
}

div#outline caption {
	display: none;
}

div#outline table {
	border: 1px solid #CCCCCC;
	border-width: 1px 0 0;
	margin: 0;
	padding: 0;
}

div#outline td {
	border-bottom: 1px solid #CCCCCC;
}

div#outline td {
	padding: 10px 5px;
	vertical-align: top;
}

div#outline td.cell-w70 {
	width: 70px;
}

div#outline td.cell-w55 {
	width: 55px;
}

div#outline td.cell-w110 {
	width: 110px;
}

div#outline p.link-gappyou a,
div#outline p.link-siharai a {
	display: block;
	height: 15px;
	padding-left: 15px;
	background-image: url(../img/01design_school/link_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


/*
3.5: for div#outline_2 2010.11
--------------------------------------------*/
div#outline_2 {
	margin: 40px 0 45px;
	font-size:12px;
	line-height:1.4em;
}


div#outline_2 h3{
width:480px;
background-color:#666;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:3px 5px;
margin:0 0 40px 0;
}

div#outline_2 h4{
font-size:12px;
font-weight:bold;
margin:0 0 18px 0;
}




div#outline_2 div.class_long{
width:490px;
margin:0 0 30px 0;
}

div#outline_2 div.class_day{
width:390px;
margin:0 0 30px 100px;
}

div#outline_2 div.class_info{
width:490px;
margin:0 0 30px 0;
padding:18px 0 0 0;
border-top:1px dotted #CCCCCC;
}


/*各セル*/
div#outline_2 .cap{
text-align:left;
line-height:1.2em;
float:left;
}

div#outline_2 .desc{
text-align:left;
float:left;
}

div#outline_2 .twospan{
text-align:left;
clear:both;
float:none;
}

div#outline_2 .line{
clear:both;
width:100%;
height:0px;
text-align:left;
line-height:0px;
overflow:hidden;
border-top:1px dotted #CCCCCC;
}

div#outline_2 div.class_day .cap{width:50px;margin:0 0 10px 0;}
div#outline_2 div.class_day .desc{width:340px;margin:0 0 10px 0;}
div#outline_2 div.class_day .twospan{width:390px;margin:0 0 10px 0;}
div#outline_2 div.class_day .line{margin:0 0 10px 0;}


div#outline_2 div.class_info .cap{width:100px;margin:0 0 18px 0;}
div#outline_2 div.class_info .desc{width:390px;margin:0 0 18px 0;}
div#outline_2 div.class_info .twospan{width:490px;margin:0 0 18px 0;}
div#outline_2 div.class_info .line{margin:0 0 18px 0;}


div#outline_2 .gotop{
width:100%;
text-align:right;
clear:both;
float:none;
margin:0;
}

div#outline_2 strong{
font-weight:bold;
font-size:inherit;}







/*
4: for preparation.html
--------------------------------------------*/
/*
div#preparation-guide
----------------------*/
div#preparation-guide {
	margin: 40px 0 18px;
}

div#preparation-guide div.preparation-guide-left {
	width: 232px;
	float: left;
}

div#preparation-guide div.preparation-guide-right {
	width: 180px;
	float: right;
}

div#preparation-guide div.preparation-guide-left h3 {
	margin-bottom: 17px;
}

/*
div#preparation-creator
----------------------*/
/*.preparation-creator-box
----------------------*/
div#preparation-creator {
	background-color: #E5EEF1;
	padding: 12px 12px 0;
	zoom :100%; 	/*hack for IE6*/
}

div#preparation-creator h3 {
	margin-bottom: 17px;
}

div#preparation-creator div.preparation-creator-box {
	width: 190px;
	height: 60px;
	padding: 0 12px 22px 0;
	position: relative;
	float: left;
	_margin-right: -3px; 	/*hack for IE6*/
}

div#preparation-creator div.preparation-creator-box dl {
	width: 135px;
	_width: 120px; 	/*hack for IE6*/
	height: 45px;
	padding-left: 65px;
}

div#preparation-creator div.preparation-creator-box dt {
	font-size: 12px;
}

div#preparation-creator div.preparation-creator-box dd {
	font-size: 9px;
}

div#preparation-creator div.preparation-creator-box dd.preparation-creator-img {
	position: absolute;
	left: 0px;
	top: 0px;
}

div#preparation-creator div.preparation-creator-box dd.opus-partner {
	font-size: 10px;
	position: absolute;
	left: 65px;
	top: 50px;
	width: 135px;
}


/*以下カメラコース用*/
/*.camera-creator-box
----------------------*/
div#preparation-creator div.camera-creator-box {
	width: 190px;
	height: auto;
	padding: 0 12px 22px 0;
	position: relative;
	float: left;
	_margin-right: -3px; 	/*hack for IE6*/
}


/*2人用*/
div#preparation-creator div.camera-creator-box dl.camera01 {
	width: 135px;
	_width: 120px; 	/*hack for IE6*/
	height: 147px;
	padding-left: 65px;
}

/*4人用*/
div#preparation-creator div.camera-creator-box dl.camera02 {
	width: 135px;
	_width: 120px; 	/*hack for IE6*/
	height: 147px;
	padding-left: 65px;
}


div#preparation-creator div.camera-creator-box dt {
	font-size: 12px;
}

div#preparation-creator div.camera-creator-box dd {
	font-size: 9px;
}

div#preparation-creator div.camera-creator-box dd.preparation-creator-img {
	position: absolute;
	left: 0px;
	top: 0px;
}

div#preparation-creator div.camera-creator-box dd.opus-partner {
	font-size: 10px;
	position: absolute;
	left: 65px;
	top: 50px;
	width: 135px;
}


div#preparation-creator div.camera-creator-box dd.camera_cap {
	font-size: 10px;
	position: absolute;
	left: 0px;
	top: 70px;
	width: 170px;
}


/*
5: for prezen.html
--------------------------------------------*/
body#prezen {
	width: 500px;
	background-color: #B5CED6;
	margin: 0;
	padding: 10px;
	color: #666666;
	font-size: 10px;
	line-height: 1.44em;
}

div#prezen-wrap {
	width: 480px;
	height: 660px;
	background-color: #FFFFFF;
}

div#prezen-contents {
	padding: 0 28px;
}

div#prezen-wrap h1 {
	font-size: 12px;
	font-weight: normal;
	padding: 21px 0 17px;
}

div#prezen-wrap h2 {
	margin: 0 0 10px;
}

div#prezen-wrap p.prezen-text {
	margin: 0 0 19px;
}

div#prezen-wrap p.prezen-foot {
	text-align: right;
	padding: 12px 0;
}

div#prezen-wrap p.prezen-foot a {
	color: #666666;
	text-decoration: none;
}

div#prezen-wrap p.prezen-foot a:hover {
	text-decoration: underline;
}

/*ビギナーコース休校のお知らせ2012.3/
/*beginner.html .close_info
----------------------*/

div#learn-header div.close_info{
width:300px;
height:125px;
background-image:url(../img/bk_white-80per.png);
background-repeat:repeat;
_background-image:none;
_background-color:#FFF;
padding:20px 15px;
position:absolute;
top:85px;
left:150px;
}

div#learn-header div.close_info h3{
font-size:12px;
color:#666;
margin:0 0 15px;
padding:0;
background:none;
font-weight:bold;
}
div#learn-header div.close_info p{
font-size:11px;
line-height: 1.4em;
}

div#outline_2 div.close_info{
background-color:#F0F0F0;
width:460px;
padding:25px 15px;
margin:-20px 0 40px;
}

div#outline_2 div.close_info h3{
font-size:12px;
color:#666;
margin:0 0 15px;
padding:0;
background:none;
}
div#outline_2 div.close_info p{
width:300px;
font-size:11px;
}



div#outline_2 div.close_info{
background-color:#F0F0F0;
width:460px;
padding:25px 15px;
margin:-20px 0 40px;
}

div#outline_2 div.close_info h3{
font-size:12px;
color:#666;
margin:0 0 15px;
padding:0;
background:none;
}
div#outline_2 div.close_info p{
width:300px;
font-size:11px;
}

/*end ビギナーコース休校のお知らせ2012.3*/


/*休校のお知らせをヘッダーの下へ入れ替え　2012.05.01*/


#learn-header div.close_info-2{
background-color:#F0F0F0;
width:460px;
padding:25px 15px;
margin:-20px 0 20px;
}

#learn-header div.close_info-2 h3 {
    background: none repeat scroll 0 0 transparent;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0;
}

#learn-header div.close_info-2 p{
width:300px;
}

/* end 休校のお知らせをヘッダーの下へ入れ替え　2012.05.01*/