@charset "utf-8";


/* ********************************
   reset
******************************** */
body{
margin-top:0;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,object{
margin:0;
padding:0;
}

img{
border:none;
vertical-align:bottom;
}

object{
vertical-align:top;
}

ul,li{
list-style:none;
}


/* ********************************
   base, module
******************************** */
#wrapper{
width:980px;
font-family:"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
line-height:1.5;
color:#000;
}

#topicPath{
margin-top:5px;
margin-bottom:13px;
color:#009afc;
font-size:62%;
}

#contents{
width:980px;
font-size:87%;
}

#contents h2{
margin-bottom:0;
}

.article{
width:920px;
margin:0 auto;
text-align:left;
}

.pageTop01{
text-align:right;
margin-top:-10px;
}

.pageTop{
text-align:right;
margin-top:0;
}

.pageTop03{
text-align:right;
margin-top:-10px;
margin-bottom:20;
}

a:link,
a:visited{
color:#0066cb;
text-decoration:underline;
}


/* ********************************
   common
******************************** */
.mb1{
margin-bottom:1em;
}

.mb15{
margin-bottom:1.5em;
}

.center{
text-align:center;
}


/* ********************************
   header
******************************** */
#header{
height:63px;
background:#09f;
}


/* ********************************
   main
******************************** */
#main{
position:relative;
text-align:left;
margin-bottom:20px;
}

p#mainMovie{
float:left;
margin-right:0;
}

#mainText{
float:left;
width:469px;
}

#mainText h1{
margin-top:0;
margin-bottom:0;
}

ul#mainNavi{
clear:left;
position:relative;
width:990px;
margin-top:20px;
margin-right:-8px;
margin-bottom:20px;
}

ul#mainNavi li{
float:left;
margin-right:9px;
}

ul#mainNavi li a{
display:block;
width:238px;
height:92px;
}

ul#mainNavi li a span{
display:none;
}

ul#mainNavi li.navi01 a{
background:url(images/plink_genchi.gif) no-repeat;
}
ul#mainNavi li.navi02 a{
background:url(images/plink_inochi.gif) no-repeat;
}
ul#mainNavi li.navi03 a{
background:url(images/plink_kodomo.gif) no-repeat;
}
ul#mainNavi li.navi04 a{
background:url(images/plink_you.gif) no-repeat;
}

ul#mainNavi li a:hover{
background-position:0 -92px;
}



/* ********************************
   section01
******************************** */
#section01 {
	padding: 0 0 0 15px;
}

#report_area {
    margin-bottom:10px;
    background: url("images/report_bg.jpg") no-repeat scroll left top transparent;
    height: 1020px;
    width: 951px;
}

#report_area_in {
	padding: 30px 30px 30px 47px;
	float: left;
}

#report_area_in p.phot_01 {
    float: left;
}

#report_area_in dl.tit_01 {
    float: left;
	padding: 10px 0 0 18px;
}

#report_area_in dd.tit_space {
    margin-top: 20px;
	margin-bottom: 18px
}

#report_area_in dl.tit_02 {
    float: left;
		width: 622px;
}

#report_area_in span.bule {
    font-weight: bold;
	color: #0099ff;
	font-size: 87%;
}

#report_area_in span.text {
    width: 622px;
	font-size: 87%;
}

#report_area_in span.text02 {
    width: 445px;
	font-size: 87%;
}


.text_area01 p.phot_01 {
    margin-left: 16px;
}

.text_area01 {
	float: left;
}

#report_area_in dd.space {
    margin-top: 15px;
}

#report_area_in dl.tit_03 {
	margin-top: 15px;
    float: left;
	width: 445px;
}

#report_area_in p.osam {
    float: left;
	width: 231px;
}

#report_area_in p.kodomo {
    float: left;
	width: 219px;
	margin-left: 17px;
	margin-bottom: 5px;
}


#report_area_in dd.copytext{
    text-align: right;
	margin-top: 5px;
    font-size: 72%;
}



.text_area02 {
	margin-top: 9px;
	float: left;
	width:460px;
}


.text_area02 p.phot_02 {
    margin-left: 17px;
	float: left;
}

.text_area03 {
	margin-top: 9px;
	float: left;
}


.text_area03 p.phot_02 {
    padding-left: 5px;
	margin-top: 25px;
	float: left;
}



/* ********************************
   section02
******************************** */
#section02 {
	padding: 0 30px 20px 30px;
	}
#guidewrapper {
    border: 8px solid #2CA9E0;
    padding: 5px;
    position: relative;
}

#guidewrapper {
padding:19px 26px 20px 27px;
}

#guidewrapper p.tittext {
    font-weight: bold;
	font-size: 87%;
}


#guide {
padding-top:20px;
width:857px;
background:url(images/protect_line_bottom_01.gif) no-repeat 0 100%;
padding-bottom: 3px;
}

#sidelin{
width:857px;
background:url(images/protect_line_side01.gif) repeat-y;
}

.guide01 {
}

#guide_b {
width:857px;
background:url(images/protect_line_bottom_02.gif) no-repeat 0 100%;
padding-bottom: 3px;
}

#sidelin_b{
width:857px;
background:url(images/protect_line_side02.gif) repeat-y;
}


.guide01 p.copytext{
padding: 5px 10px 0 12px ;
font-size: 72%;
}

.guide01 p.text{
padding: 2px 10px 10px 12px ;
font-size: 87%;
}

.phottext_l {
	width:279px;
	float:left;
}

.phottext_r {
	width:279px;
	margin-left:10px;
	float:left;
}

#guidewrapper p.answer{
padding: 20px 0 10px 0 ;
}

.guide01 span.red {
    font-weight: bold;
	color: #ff0000;
}

.guide01 span {
    font-weight: bold;
}

/* ********************************
   section03
******************************** */
#section03 {
	padding: 0 30px 0 30px;
}

#youWrap {
	background-color: #ebf8fd;
    border: 2px solid #2CA9E0;
    padding: 5px;
    position: relative;
}

#you {
    padding:20px 35px 12px 22px;
	line-height: 1.0;
    font-size: 72%;
}

#you li.left {
    float: left;
    margin-bottom: 8px;
    width: 408px;
}

#you li.right {
    float: left;
	padding-left: 32px;
    margin-bottom: 8px;
    width: 408px;
}

/* ********************************
   section04
******************************** */
#section04 {
	margin-bottom: 20px;
}

#exampleWrap{
width:980px;
background:url(images/how2010_line_bottom.gif) no-repeat 0 100%;
padding-bottom: 3px;
}

#example{
background:url(images/how2010_line_side.gif) repeat-y;
padding:20px 26px 22px 23px;
}

ul#exampleNavi{
clear:left;
position:relative;
width:990px;
margin-right:-8px;
}

ul#exampleNavi li{
float:left;
margin-right:9px;
}


/* ********************************
   section05
******************************** */
#section05 {
margin-bottom: 20px;
	}

#etcWrap{
background:url(images/zeigaku_line_bottom.gif) no-repeat 0 100%;
padding-bottom: 6px;
}

#etc{
width:980px;
background:url(images/zeigaku_line_side.gif) repeat-y;
padding:21px 16px 21px 30px;
}

#etc li.left {
    float: left;
    width: 337px;
}

#etc li.right {
    float: left;
    margin-bottom: 8px;
    width: 597px;
}
/* ********************************
   cvArea
******************************** */
.cvArea{
margin-top:0;
margin-bottom:20px;
text-align:left;
}

.cvArea{
margin-top:0;
margin-bottom:20px;
text-align:left;
}

.cvArea h3{
text-align:center;
}

.cvArea ul.bg{
position:relative;
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
background-color:#f3f5f2;
padding:15px;
clear:both;
}

.cvArea li.month,
.cvArea li.one,
.cvArea li.one li{
float:left;
}

.cvArea li.month{
background:url(images/cv_line01.gif) left repeat-y;
padding:0 0 0 22px;
}

.cvArea li.month .txt{
margin:6px 0 13px 0;
}

.cvArea li.month li{
text-align:right;
}

.cvArea li.one{
padding:0 12px 0 5px;
}

.cvArea li.one .txt{
margin:20px 0 20px 0;
}

.cvArea li.one ul{
width:450px;
clear:both;
}

.cvArea li.one li{
margin-right:4px;
}



ul#copyList{
margin-bottom:20px;
margin-left:10px;
}

ul#copyList li{
float:left;
font-size:0;
line-height:0;
}

/* ********************************
   footer
******************************** */
#footer{
margin-top:0;
clear:left;
position:relative;
width:980px;
height:29px;
background:url(images/foot_bg.gif) no-repeat;
}

ul#footNavi,
#footer p{
position:absolute;
}

ul#footNavi{
left:10px;
top:0;
overflow:auto;
}

ul#footNavi li{
float:left;
margin-right:19px;
line-height:0;
}

#footer p{
right:20px;
top:0;
}


/* ********************************
   clearfix
******************************** */
/* IE以外のモダンブラウザ向け */
.cfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE7および、Mac：IE5向け */
.cfix{
display:inline-block;
}

/* IE6以前向け */
/* Hides from IE-mac \*/
* html .cfix{
height:1%;
}

.cfix{
display:block;
}

/** fleft claim 資料請求・メールマガジンリンク追加　111121**/
.claim li {float:left;list-style-type:none;}
.fleft {float:left; margin-top:-10px;}