@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body,h1,h2,h3,h4,h5,h6{
	font-size:62.5%;/*10px*/
	color:#4B4B4B;
	font-weight:normal;
}
img{
	border:none;
}
#wrapper{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/bg.jpg) center top no-repeat;
	min-width:852px;
}
#wrapper_top{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/bg_top.jpg) center top no-repeat;
	min-width:852px;
}

#header,#contents,#footer{
	margin:0 auto;
}

/*navigation common settings*/
#head_menu li,#global_navi li,#footer_navi li{
	float:left;
	display:block;
	list-style:none;
}
/*header*/
#header_back{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/head_bg.gif) repeat-x top;
	padding-top:5px;
}
#header{
	width:852px;
}
#header h1 a{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/head_logo.gif) no-repeat;
	display:block;
	float:left;
	height:78px;
	width:139px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .intro{
	float:left;
	padding-left:30px;
	padding-top:20px;
	width:300px;
	font-size:1.2em;
}

#head_menu{
	width:361px;
	height:32px;
	float:right;
	margin-top:8px;
}
#head_menu li{
	height:32px;
}
#head_menu li a{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/head_menu.png) no-repeat;
	display:block;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}
#head_menu .hm_01 a{
	width:90px;
	background-position:0px 0px;
}
#head_menu .hm_01 a:hover{
	background-position:0px -35px;
}
#head_menu .hm_02 a{
	width:174px;
	background-position:-90px 0px;
}
#head_menu .hm_02 a:hover{
	background-position:-90px -35px;
}
#head_menu .hm_03 a{
	width:97px;
	background-position:-264px 0px;
}
#head_menu .hm_03 a:hover{
	background-position:-264px -35px;
}

/*global navigation*/
#global_navi{
	height:40px;
	clear:both;
	padding-top:8px;
}

#global_navi li a{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/gnavi.png) no-repeat;
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}
#global_navi .gn_01 a{
	width:122px;
	background-position:0px 0px;
}
#global_navi .gn_01 a:hover{
	background-position:0px -50px;
}
#global_navi .gn_02 a{
	width:121px;
	background-position:-122px 0px;
}
#global_navi .gn_02 a:hover{
	background-position:-122px -50px;
}

#global_navi .gn_03 a{
	width:121px;
	background-position:-243px 0px;
}
#global_navi .gn_03 a:hover{
	background-position:-243px -50px;
}
#global_navi .gn_04 a{
	width:121px;
	background-position:-364px 0px;
}
#global_navi .gn_04 a:hover{
	background-position:-364px -50px;
}

#global_navi .gn_05 a{
	width:122px;
	background-position:-485px 0px;
}
#global_navi .gn_05 a:hover{
	background-position:-485px -50px;
}

#global_navi .gn_06 a{
	width:122px;
	background-position:-607px 0px;
}
#global_navi .gn_06 a:hover{
	background-position:-607px -50px;
}

#global_navi .gn_07 a{
	width:122px;
	background-position:-729px 0px;
}
#global_navi .gn_07 a:hover{
	background-position:-729px -50px;
}



/*contents*/
#contents{
	width:820px;
	margin-bottom:15px;
}
#wrapper #contents{
	margin-top:15px;
}
#wrapper_top #contents{
	margin-top:209px;
}

/*article*/
#article{
	float:right;
	width:590px;
}
#article a{
	color:#4D4D4D;
	text-decoration:none;
}
#article a:hover{
	color:#A0A0A0;
}

.section{
	clear:both;
	margin-bottom:20px;
}
#wrapper_top #contents #article h2{
	font-size:1.6em;
	border:#FF65A4 solid 1px;
	border-left:#FF65A4 solid 8px;
	padding:3px 5px;
	font-weight:bold;
	margin-bottom:5px;
	clear:both;
	height:1.6em;
	line-height:1.6em;

}
#wrapper #contents #article h2{
	margin:auto;
	font-size:2.1em;
	font-weight:bold;

}
#wrapper #contents #article h3{
	font-size:1.4em;
	font-weight:bold;
	border:#FF65A4 solid 1px;
	border-left:#FF65A4 solid 8px;
	padding:1px 5px;
	font-weight:bold;
	clear:both;
	height:1.4em;
	line-height:1.4em;
}
#wrapper #contents #article #blog{
	padding:0 10px;
	font-size:1.6em;
}

*html #wrapper_top #kids_image {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.naganoblog.jp/usr/angelcosmoweb/kids.png);
	width:134px;
	height:61px;
	float:right;
	position:relative;
	top:30px;
	left:8px;
}
#wrapper_top #kids_image img{
	width:134px;
	height:61px;
	float:right;
	position:relative;
	top:30px;
	left:8px;
}
*html #wrapper_top #kids_image img{display:none;}

#wrapper_top #course_list .course{
	float:left;
	width:171px;
	height:auto;
	border:#A5A5A5 1px solid;
	margin-left:18px;
	margin-top:15px;
}
*html #wrapper_top #course_list .course{
	margin-left:8px;
	position:relative;
}
#wrapper_top #course_list .course img{
	margin-top:-15px;
	padding-left:4px;
}
* html #wrapper_top .course .png{
	position:relative;
	top:-10px;
	right:-5px;
}
* html #wrapper_top #course1 .png{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.naganoblog.jp/usr/angelcosmoweb/course1.png);
	height:133px;
	width:172px;
}
* html #wrapper_top #course1  .png img {
	display:none;
}
* html #wrapper_top #course2 .png{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.naganoblog.jp/usr/angelcosmoweb/course2.png);
	height:133px;
	width:178px;
}
* html #wrapper_top #course2  .png img {
	display:none;
}

* html #wrapper_top #course3 .png{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.naganoblog.jp/usr/angelcosmoweb/course3.png);
	height:133px;
	width:176px;
}
* html #wrapper_top #course3  .png img {
	display:none;
}

#wrapper_top #course_list .course h3{
	font-size:1.8em;
	font-weight:bold;
	padding:3px;
}
#wrapper_top #course_list .course h3 .red{
	color:#F00;
}
#wrapper_top #course_list .course p{
	font-size:1.4em;
	padding:3px;
}
#wrapper_top #course_list .course p.link{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/top_link.gif) no-repeat 0px 4px;
	padding-left:18px;
	float:right;
}
#wrapper_top #course_list .course p.link a{
	color:#4D4D4D;
	text-decoration:underline;
}
#wrapper_top #course_list .course p.link a:hover{
	color:#A0A0A0;
}
#wrapper .loop{
	margin-bottom:10px;
}
#wrapper_top .loop{
	font-size:1.4em;
	margin-bottom:5px;
	padding-left:20px;
}
.loop a{
	color:#4D4D4D;
	text-decoration:none;
}
.loop a:hover{
	color:#A0A0A0;
}

#wrapper #contents #article dt{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:#FF65A4 solid 1px;
	border-left:#FF65A4 solid 8px;
	padding:0px 5px;
	font-weight:bold;
	clear:both;
	height:1.2em;
	line-height:1.2em;
	margin-bottom:7px;
	width:50%;
}
#wrapper #contents #article dd{
	margin-left:40px;
}



#article_footer{
	margin-top:10px;
}
#article_footer img {
	display:block;
	margin:0 auto;
	clear:both;
}

/*side*/
#side{
	height:auto;
	display:block;
	width:auto;
	float:left;
	margin-bottom:20px;
}
#wrapper_top #side{
	margin-top:61px;/*kids_imageの高さ*/
}
#side_up{
	margin-bottom:15px;
}
.contact{
	width:206px;
	height:217px;
	margin-bottom:10px;
}
.material{
	width:208px;
	height:64px;
	padding-left:3px;
	margin-bottom:10px;
}
.about{
	width:203px;
	height:55px;
	padding-left:3px;
}
#side_down{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/side_line.png) no-repeat;
	padding-top:10px;
	padding-left:3px;
}
.introduce{
	margin-top:10px;
}
.blog{
	margin-top:10px;
}
/*footer*/
#footer{
	width:852px;
	clear:both;
	font-size:1.3em;
}
#footer_navi{
	height:30px;
	margin-bottom:20px;
}

#footer_navi a{
	background:url(http://www.naganoblog.jp/usr/angelcosmoweb/footer_navi.png) no-repeat;
	display:block;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
}
#footer_navi .fn_01 a{
	width:46px;
	background-position:0px 0px;
}
#footer_navi .fn_01 a:hover{
	background-position:0px -30px;
}
#footer_navi .fn_02 a{
	width:55px;
	background-position:-46px 0px;
}
#footer_navi .fn_02 a:hover{
	background-position:-46px -30px;
}
#footer_navi .fn_03 a{
	width:71px;
	background-position:-101px 0px;
}
#footer_navi .fn_03 a:hover{
	background-position:-101px -30px;
}
#footer_navi .fn_04 a{
	width:62px;
	background-position:-172px 0px;
}
#footer_navi .fn_04 a:hover{
	background-position:-172px -30px;
}
#footer_navi .fn_05 a{
	width:54px;
	background-position:-234px 0px;
}
#footer_navi .fn_05 a:hover{
	background-position:-234px -30px;
}
#footer_navi .fn_06 a{
	width:54px;
	background-position:-288px 0px;
}
#footer_navi .fn_06 a:hover{
	background-position:-288px -30px;
}
#footer_navi .fn_07 a{
	width:55px;
	background-position:-342px 0px;
}
#footer_navi .fn_07 a:hover{
	background-position:-342px -30px;
}
#footer_navi .fn_08 a{
	width:56px;
	background-position:-397px 0px;
}
#footer_navi .fn_08 a:hover{
	background-position:-397px -30px;
}
#footer_navi .fn_09 a{
	width:70px;
	background-position:-453px 0px;
}
#footer_navi .fn_09 a:hover{
	background-position:-453px -30px;
}
#footer_navi .fn_10 a{
	width:135px;
	background-position:-523px 0px;
}
#footer_navi .fn_10 a:hover{
	background-position:-523px -30px;
}
#footer_navi .fn_11 a{
	width:74px;
	background-position:-658px 0px;
}
#footer_navi .fn_11 a:hover{
	background-position:-658px -30px;
}
#footer_navi .fn_12 a{
	width:120px;
	background-position:-732px 0px;
}
#footer_navi .fn_12 a:hover{
	background-position:-732px -30px;
}

#footer_text{
	margin-bottom:10px;
	padding: 0 5px;
}
#copyright{
	color:#95999B;
	padding: 0 5px;

}

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

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

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