@charset "shift_jis";


/* 初めてのクラシック　CSS
-----------------------------------------------------------------------*/


p.introtxt{
font-family: 'メイリオ';
}



div#hcContents h2 img{
margin: 0 auto;
width:621px;}

div.hcContentsSection{
background: -moz-linear-gradient(right, #FFCC99, #fff);
background: -webkit-gradient(linear, right center, left center, from(#FFCC99), to(#fff));
border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */ 
border:solid 4px #FF9900;
-pie-background: linear-gradient(right, #FFCC99, #fff);/* PIE専用の記述 */
behavior: url(/hajimeteclassic/PIE.htc);
position:relative;
/*box-shadow: 2px 2px 5px 2px #bfbfbf;*/
/*    -moz-box-shadow: 1px 1px 3px #000;　*//* Firefox用 */  
/*    -webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */  
}


div.hcContentsSection h3{
margin:15px 20px 5px 20px;
font-family: 'メイリオ';
font-size:26px;
color:#FF6600;
}

div.hcContentsSection dl#box01{
height:260px;}

div.hcContentsSection dt{
padding:5px 15px;
background:#FF9900;
	background: -moz-linear-gradient(right, #CC6633, #FF9900);
	background: -webkit-gradient(linear, right center, left center, from(#CC6633), to(#FF9900));
margin: 0 25px 0 0 ;
font-family: HGP明朝E;
font-weight: bold;
font-size:28px;
color:#660000;
}


span.subnote{
font-size:24px;}

div.hcContentsSection dd{
text-justify:justify;
text-align: justify;}


div.hcContentsSection dd.hcContentnote{
margin:15px 0 0 20px;
width:400px;
 float:left;
font-size:15px;
font-family: 'メイリオ';}


div.hcContentsSection dd.hcContentimg{
margin:15px 20px 0 0;
width:250px;
float:right;}


div.hcContentsSection dd.hcContentnote02{
margin:15px 20px 0 0;
width:400px;
float:right;
font-size:15px;
font-family: 'メイリオ';
}

div.hcContentsSection dd.hcContentimg02{
margin:15px 0 0 20px;
width:250px;
float:left;}


div.yellowbox{
width:600px;
height:5px;
margin:0 0 0 67px;
background:#FFFF99;
}

div.hcContentsSection dd.hcContentlink{
clear:both;
padding:0 0 0 20px;}






/* 親スクロールロックのために追記ここから　*/
body {
  width: 100%;}

body.noscroll {
  position: fixed;
  overflow-y: scroll;}


/* ▽jQuery用のCSSここから▽ */

div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#acacac;
	filter:alpha(opacity=75);
	opacity: 0.75;}
* html div#glayLayer{
	position:absolute;
}
#overLayer{
	width:750px;
	display:none;
	overflow: hidden;
	border: 4px solid #FF6633;
	background:#fff;
	line-height:160%;
	position: fixed;
	top:50%;
	left:50%;}

#overLayer .hcjsarea{
	padding:10px;
	color: #111;
	margin:0px 0px 80px 0px;
	overflow:scroll;
	min-height:250px;
	max-height:380px;}

.foo #overLayer .hcjsarea{
	min-height:250px;
	max-height:380px;}

#overLayer img.close{
	position:absolute;
	bottom:15px;
	left:330px;
	cursor:pointer;
}
* html #overLayer{
	position: absolute;}


div.hcContentsSection div#hcjs{
clear:both;
}

div.hcContentsSection div#hcjs dt{
margin: 10px 0 0 5px;
font-weight:normal;
font-family: 'メイリオ';
background:none;
font-size:15px;}

div.hcContentsSection div#hcjs dt a{
font-weight:norma;
}


/* △jQuery用のCSSここまで△ */






/* clearfix
-----------------------------------------------------------------------*/
.clerdfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;}
	
.clerdfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clerdfix {height: 1%;}
.clerdfix{display:block;}
/* End Hack */