@charset "utf-8";
/*all*/
*{
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
ul{
	list-style:none;
}

#cmn_header #cmn_plist .cmn_left{
	width:560px;
}

div#contents_area{
	width:690px;
}

a{
	outline:none;
}

img{
	border:0px;
}

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

.content_materials p{
    line-height:150%;
	padding:5px 0 0 0;
}

.clear{
    clear:both;
	height:1px;
	margin:-1px 0 0 0;
}

/*IE6*/
* html .clear{
	height:15px;
	margin:-15px 0 0 0;
}


/*top*/
div#title_area{
	width:690px;
	height:170px;
	margin:0px 0 10px 0;
/*	background:url("../course/petit-first/images/idx_h1_ttl.jpg") no-repeat;*/
}

div#title_area h1{
	text-indent:0px;
}

div#title_area h2{
	text-indent:-9999px;
}

#flash_h1 {
    width:690px;
    height:170px;
    margin:0;
    float:left;
}


/*page top*/
.content_materials p.top{
    padding:0;
	margin:0;
}

.content_materials h4{
    float:none;
	padding:0;
	margin:0;
	clear:both;
}

.content_materials .imgbox{
    width:640px;
	padding:0;
	margin:15px 0 32px 10px;
	overflow:hidden;
}

.content_materials .imgbox .btn_info{
    margin:0 0 8px 7px;
}


/*main*/
.content_materials .subtitlebox_line1,
.content_materials .subtitlebox_line2{
    width:548px;
	margin:0 0 15px 0;
}

.content_materials .item_container .subtitlebox_line2{
	height:43px;
	background:url(../images/bg_subtitle_line2.gif) no-repeat;
	padding:7px 0 0 65px;
}

.content_materials .item_container .subtitlebox_line1{
	height:30px;
	background:url(../images/bg_subtitle_line1.gif) no-repeat;
	padding:12px 0 0 65px;
}

.content_materials .item_container{
    width:614px;
	padding:0 0 0 34px;
	margin:10px 0 0 0;
	background:url(../images/bg_leftbar.gif) repeat-y left;
}

.content_materials .item_container_btm{
    width:614px;
	height:10px;
	padding:0 0 0 34px;
	margin:0 0 30px 0;
	clear:both;
	background:url(../images/bg_leftbar_btm.gif)  no-repeat left top;
}

.content_materials .item_container_btm_last{
    width:614px;
	height:10px;
	padding:0 0 0 34px;
	margin:0;
	clear:both;
	background:url(../images/bg_leftbar_btm.gif)  no-repeat left top;
}

.content_materials .itembox{
    width:614px;
	margin:0 0 30px 0;
}

.content_materials .itemboxlast{
    width:614px;
	margin:0;
}

.content_materials .itembox img,
.content_materials .itemboxlast img{
    float:left;
}

.content_materials .itembox .textbox,
.content_materials .itemboxlast .textbox{
    width:265px;
	margin:0 15px 0 0;
    float:left
}

.content_materials .itembox .textbox img,
.content_materials .itemboxlast .textbox img{
    float:none;
}

.content_materials p.caption{
	clear:both;
    font-weight:bold;
	font-size:83%;
	padding:4px 0 0 4px;
	margin:0;
	line-height:120%;
}

/*IE6*/
* html .content_materials p.caption{
	clear:both;
    font-weight:bold;
	font-size:83%;
	padding:0;
	margin:4px 0px 0px 8px;
	line-height:120%;
}
*:first-child+html .content_materials .itembox_song .textbox p{
	letter-spacing: -1px;
}
.content_materials .caption .nomal,
.content_materials .caption2 .nomal{
    font-weight:normal;
}

.content_materials .itembox_letter{
    width:614px;
	margin-bottom:30px;
}

/*IE*/
*:first-child+html .content_materials .itembox_letter{
	margin-bottom:0;
}

* html .content_materials .itembox_letter{
	margin-bottom:30px;
}

.content_materials .itembox_letter .textbox{
    width:223px;
	margin:0 20px 0 0;
    float:left;
}

.content_materials .itembox_letter img{
    float:left;
}

.content_materials .itembox_letter .textbox img{
    float:none;
}

.content_materials .itembox_song{
    width:614px;
	margin-top:30px;
	clear:both;
}

.content_materials .itembox_song img{
    float:left;
}

.content_materials .itembox_song .textbox{
    width:300px;
	margin-right:20px;
}
.content_materials .itembox_song .textbox2{
    width:180px;
	margin-right:20px;
	margin-top: 60px;
}

.content_materials .itembox_song .textbox img,
.content_materials .itembox_song .textbox2 img{
    float:none;
}

.content_materials .itembox_song .textbox,
.content_materials .itembox_song .textbox2,
.content_materials .itembox_forest .textbox .left,
.content_materials .itembox_forest .textbox .right{
    float:left;
}

.content_materials .itembox_song .textbox p{
	overflow:visible;
}

.content_materials .itembox_song .chara{
    width:150px;
	height:121px;
	padding:0 0 0 85px;
	float:left;
	background:url("../images/bg_chara.jpg") no-repeat;
}
.content_materials .itembox_song .hitomi{
    width:150px;
	height:121px;
	padding:0 0 0 85px;
	float:left;
	/*background:url("../images/bg_hitomi.jpg") no-repeat;*/
}

.content_materials .img_baloon p,
.content_materials .itembox_song .chara p,
.content_materials .itembox_song .hitomi p,
.content_materials .itembox_forest .textbox .right p.bottom{
    font-size:83%;
	line-height:120%;
	padding:3px;
}

.content_materials .itembox_forest{
    width:614px;
	clear:both;
}

.content_materials .itembox_forest .textbox{
    width:612px;
	clear:both;
}

.content_materials .itembox_forest .bn{
    padding:15px 23px 0 0;
	margin:0 0 12px 0;
}

.content_materials .itembox_forest .textbox .left,
.content_materials .itembox_forest .textbox .right{
    float:left;
    margin:15px 0 0 0;
}

.content_materials .itembox_forest img{
    float:left;
}

.content_materials .itembox_forest .textbox .left{
    width:327px;
}

.content_materials .itembox_forest .textbox .left p{
    clear:both;
	padding-right:40px;
}

.content_materials .itembox_forest .textbox .right{
    width:285px;
}

.content_materials .itembox_forest img.emotion{
    float:left;
}

.content_materials .itembox_forest p.emotion{
    width:90px;
	padding:3px;
	float:left;
}
.content_materials .itembox_forest .textbox .right p.bottom{
	clear:both;
}

/*bottom*/
.content_materials .tonextbox{
    width:614px;
	height:101px;
	clear:both;
	margin:0 0 10px 35px;
}

.content_materials .tonextbox .bn{
    padding:23px 5px 0 60px;
	float:left;
}

.content_materials .btmbox{
    width:614px;
	clear:both;
	margin:0 0 0 35px;
}

.linktxt2{
	margin:0;
	padding:0 0 0 16px;
	width:200px;
	float:right;
	background:url("/course/images/idx_list_arw.gif") no-repeat;
}

.linktxt2 a{
	color:#0072CB;
}

.content_materials .notice{
    float:left;
	font-size:83%;
	line-height:120%;
	padding:25px 0 0 0;
}

div.related_link{
	clear:both;
	width:670px;
	margin:10px;
	text-align:center;
	font-size:83%;
}

div.related_link h4{
	padding:3px;
	color:#FFFFFF;
    background:#A38566;
	text-align:center;
}

div.related_link ul{
	height:40px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	line-height:1.4em;
}

div.related_link ul li{
	float:left;
	padding:0 10px;
	border-right:1px solid #666666;
}

div.related_link ul li.end{
	border-right:0px;
}

div.related_link ul li a{
	white-space:nowrap;
	text-decoration:underline;
	color:#0072CB;
}

div.related_link ul li a:hover{
	text-decoration:none;
}

div.related_link h4.second{
	padding:3px;
	color:#666666;
	border-top:1px solid #CCCCCC;
	background:#F2F2F2;
	text-align:center;
}

/*各種微調整*/
.lm110{
	margin-left:110px;
}

.lm48{
	margin-left:48px;
}

.lm28{
	margin-left:28px;
}

.lt15{
	margin-top:15px;
}

/*新タイトル画像090210*/
div.title_area_2009{
	position: relative;
}
div.title_area_2009 h1{
	text-indent:-9999px;
	font-size:0px;
	width: 690px;
	height: 480px;
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
}
div.title_area_2009 p{
	position: absolute;
	z-index: 1000;
	width:115px;
	height:43px;
	top: 386px;
	left: 565px;
}
div.title_area_2009 p a{
	display: block;
	width:115px;
	height:43px;
	text-indent: -9999px;
}
div.title_area_2009 p a:hover{
	background:url(../images/btn_info_o.gif) no-repeat;
	display: block;
	width:115px;
	height:43px;
}

/*新タイトル画像090210*/