@charset 'UTF-8';

/** -------------------------------------------
* =============================================
* 
* Style Name: style.css
* Modified:   2009-03-03
* 
* =============================================
* ------------------------------------------**/

/* =========================================

browser style clear

========================================= */

*                   { margin: 0; padding: 0;                                    }
html                { height: 100%; overflow-y: scroll;                         }
ul,li,dl,dt,dd      { list-style:none;                                          }
img                 { vertical-align: top;                                      }
a img               { border: none;                                             }
a:link              { color:#00f; text-decoration:underline;                    }
a:visited           { color:#609; text-decoration:underline;                    }
a:hover, a:active   { color:#00f; text-decoration:underline;                    }
h1,h2,h3,h4,h5,h6   { margin:0; padding:0; font-size: 100%; font-weight:normal; }
hr                  { margin:0; padding:0; display: none;                       }
em                  { font-style:normal;                                        }
table, tr, th, td   { border-collapse:collapse;                                 }

body {
	background-color: #fff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #353535;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	height: 100%;
}

#Container {
	width:898px;
	margin:0 auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
/* =========================================

Check Page Style

========================================= */
#Container #ContentsArea #check_form h3,
#Container #ContentsArea #finish h3 {
	background-image:none;
	width:698px;
	height:38px;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-top:3px solid #f00;
	padding:0;
	margin:0;
	text-align:center;
}
#Container #ContentsArea #check_form h3 span,
#Container #ContentsArea #finish h3 span {
	font-size:114%;
	font-weight:bold;
	line-height:2;
}
#ContentsArea #check_form #section_form_inner dl {
	margin:0 0 30px 0;
}
#ContentsArea #check_form #section_form_inner dl dt {
	width:180px;
	float:left;
	padding:5px 0 5px 10px;
	clear:both;
	font-weight:bold;
}
#ContentsArea #check_form #section_form_inner dl dd {
	margin-left:180px; 
	padding:5px 0 5px 10px;
}
#ContentsArea #check_form #section_form_inner form {
	text-align:center;
}
#ContentsArea #finish #section_form_inner p {
	text-align:center;
}

/* =========================================

HeaderArea

========================================= */
h1{ margin:3px;}

#HeaderArea {
	width:898px;
	height:345px;
	background:url(../images/header_base.jpg) no-repeat left top;
	padding:0;
	text-align:right;
}
#HeaderArea #header_area_inner {
	float:right;
	margin:25px 15px 0 0;
}
* html #HeaderArea #header_area_inner { margin-right:7px; }
#HeaderArea #header_area_inner h2 {
	margin: 0 0 18px 0;
}


#HeaderArea #header_area_inner .conetntRead {
	background:url(../images/header_read.jpg) no-repeat;
	width:514px;
	height:0px;
	margin: 0 0 23px 0;
	padding-top:44px;
	overflow:hidden;
}
#HeaderArea #header_area_inner .header_tellNum {
	background:url(../images/tell_number.jpg) no-repeat;
	width:514px;
	height:0px;
	margin: 0 0 24px 0;
	padding-top:20px;
	overflow:hidden;
}


/* =========================================

ContentsArea

========================================= */

#ContentsArea {
	clear:both;
	padding:0 19px;
}

#ContentsArea p.sectionRead {
	font-size:134%;
	font-weight:bold;
	padding:0 0 0 20px;
	margin:0;
}
#ContentsArea p.sectionRead_n {
	font-size:100%;
	padding:0 0 0 20px;
	margin:0;
}
#ContentsArea .linkIcon {
	background:url(../images/link_icon.gif) no-repeat left 0.2em;
	padding:0 0 0 16px;
}
/* h3 style */
#ContentsArea h3 {
	width:860px;
	height:0px;
	margin: 0 0 12px 0;
	padding-top:28px;
	overflow:hidden;
}




/* Start Section */

#ContentsArea #section_start {
	margin:24px 0 30px 0;
}
#ContentsArea #section_start dl dt {
	background:url(../images/start_title.gif) no-repeat;
	width:160px;
	height:0px;
	margin: 0 0 6px 0;
	padding-top:15px;
	overflow:hidden;
}
#ContentsArea #section_start dl dd em {
	font-weight:bold;
	color:#f00;
}

/* First Section */

#ContentsArea #section_first {
	margin:24px 0 30px 0;
}
#ContentsArea #section_first h3 { background:url(../images/first_title.gif) no-repeat; }


#ContentsArea #section_first ul#blog_promotion {
	height:207px;
	padding:0 0 0 20px;
	margin:25px 0 0 0;
}
#ContentsArea #section_first ul#blog_promotion li {
	float:left;
}
#ContentsArea #section_first ul#blog_promotion li.second {
	padding:0 0 0 20px;
}
#ContentsArea #section_first ul#blog_promotion li.third {
	padding:60px 0 0 27px;
}


/* Second Section */
#ContentsArea #section_second {
	clear:both;
	margin:24px 0 30px 0;
}
#ContentsArea #section_second h3 { background:url(../images/second_title.gif) no-repeat; }

#ContentsArea #section_second #blogIntroduction {
	padding:0 0 0 5px;
	margin:15px 0 0 0;
}
#ContentsArea #section_second #blogIntroduction li {
	width:252px;
	border:1px solid #fc6;
	background-color:#ffc;
	padding:8px;
	float:left;
	margin:0 0 15px 15px;
}
* html #ContentsArea #section_second #blogIntroduction li { margin-left:11px; }
#ContentsArea #section_second #blogIntroduction li p { line-height:1.2; }
#ContentsArea #section_second #blogIntroduction li p.e_name {
	font-size:117%;
	font-weight:bold;
	margin:0 0 5px 0;
}
#ContentsArea #section_second #blogIntroduction li p.blogURL {
	background:url(../images/link_icon.gif) no-repeat left 0.2em;
	padding:0 0 0 16px;
	margin:5px 0 0 0;
}

/* Third Section */

#ContentsArea #section_third {
	clear:both;
	margin:24px 0 30px 0;
}
#ContentsArea #section_third h3 { background:url(../images/third_title.gif) no-repeat; }


#ContentsArea #section_third #section_third_flowChart {
	padding:0 0 0 20px;
	margin:40px 0 0 0;
	position:relative;
}
#ContentsArea #section_third #section_third_flowChart ul li.flowChart01 {
	background:url(../images/third_flowChart01.gif) no-repeat;
	width:529px;
	height:0px;
	margin:0;
	padding-top:75px;
	overflow:hidden;
}

#ContentsArea #section_third #section_third_flowChart ul li.flowChart02 {
	width:269px;
	height:235px;
	background:url(../images/third_flowChart02.gif) no-repeat;
	float:left;
}
#ContentsArea #section_third #section_third_flowChart ul li.flowChart03 {
	width:260px;
	height:235px;
	background:url(../images/third_flowChart03.gif) no-repeat;
	float:left;
}
#ContentsArea #section_third #section_third_flowChart ul li.flowChart04 {
	position:absolute;
	top:0;
	right:0;
	background:url(../images/third_flowChart04.gif) no-repeat;
	width:311px;
	height:0px;
	padding-top:310px;
	overflow:hidden;
}
#ContentsArea #section_third #section_third_flowChart ul li dl { position:relative; }
#ContentsArea #section_third #section_third_flowChart ul li dl dt { height:0; overflow:hidden; }
#ContentsArea #section_third #section_third_flowChart ul li dl dd { position:absolute; top:113px; left:20px; }

#ContentsArea #section_third #section_third_flowChart ul li dl dd ol li { list-style:decimal inside; padding:0;}
.flowChart03 ol { background-color:#ffecec; padding-right:10px; }
/* for IE6.7 */
*:first-child+html .flowChart03 ol { padding-right:30px; }
* html .flowChart03 ol { padding-right:15px; }





/* Fourth Section */
#ContentsArea #section_fourth {
	clear:both;
	margin:24px 0 0 0;
}
#ContentsArea #section_fourth h3 { background:url(../images/fourth_title.gif) no-repeat; }

#ContentsArea #section_fourth #section_fourth_flowChart {
	padding:0 0 0 20px;
	margin:30px 0 9px 0;
}
#ContentsArea #section_fourth #section_fourth_flowChart h3 {
	background:url(../images/fourth_h3tit.gif) no-repeat;
	width:264px;
	height:0px;
	margin:0 0 18px 0;
	padding-top:20px;
	overflow:hidden;
}

#ContentsArea #section_fourth #section_fourth_flowChart ol li {
	float:left;
	margin:0;
	padding:0;
}
#ContentsArea #section_fourth p.sectionReadBlock {
	font-size:114%;
	font-weight:bold;
	text-align:center;
	padding:12px 0;
	margin:0 0 14px 0;
	line-height:1.4;
	background-color:#f0f0f0;
}
#ContentsArea #section_fourth p.sectionReadBlock em { color:#f00; }


/* Form Section */
#ContentsArea #section_form,
#ContentsArea #check_form,
#ContentsArea #finish {
	width:700px;
	margin:46px auto 50px;
}
#section_form h3 {
	background:url(../images/form_title.gif) no-repeat;
	width:700px;
	height:0px;
	margin: 0;
	padding-top:39px;
	overflow:hidden;
}

#ContentsArea #section_form #section_form_inner,
#ContentsArea #check_form #section_form_inner,
#ContentsArea #finish #section_form_inner{
	background-color:#f0f0f0;
	border:1px solid #666;
	padding:20px;
}
#ContentsArea #section_form #section_form_inner label {
	width:130px;
	display:block;
	float:left;
	clear:both;
}
#ContentsArea #section_form #section_form_inner input {
	float:left;
	width:400px;
	margin:0 0 10px 0px;
	padding:2px;
}
/* for IE6.7 */
*:first-child+html #ContentsArea #section_form #section_form_inner input#email { margin-bottom:0; }
* html #ContentsArea #section_form #section_form_inner input#email { margin-bottom:0; }

#ContentsArea #section_form #section_form_inner textarea {
	width:500px;
	height:100px;
	margin:0;
	padding:2px;
}

#ContentsArea #section_form #section_form_inner input#image_banner {
	border:0;
	width:190px;
	height:30px;
	float: none;
}
#Container #ContentsArea #section_form #section_form_inner p { text-align:center; }
#Container #ContentsArea #section_form #section_form_inner p.banner {
	width:190px;
	margin:15px auto 0px;
	clear:both;
}


/* =========================================

Footer Area

========================================= */


#FooterArea #information {
	border:1px solid #ccc;
	padding:20px 17px;
	margin:0 19px 24px;
}

#FooterArea #information dt {
	font-weight:bold;
	margin:0 0 13px 0;
}

#FooterArea p.footer_tellNum {
	border:1px solid #ccc;
	background-color:#f0f0f0;
	text-align:center;
	margin:0 19px 35px;
	padding:24px 0;
}

#FooterArea p.footer_tellNum strong {
	background:url(../images/footer_info.gif) no-repeat;
	width:539px;
	height:0px;
	padding-top:43px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
#Container #copyrightBlock { border-top:1px solid #ccc; padding:16px 0 30px; }
#Container #copyrightBlock p {
	text-align:center;
}








/* === float Element Clear ============== */
body #ContentsArea #section_form #section_form_inner:after,
body #ContentsArea #section_fourth #section_fourth_flowChart:after,
body #ContentsArea #section_third #section_third_flowChart:after,
body #ContentsArea #section_second #blogIntroduction:after {
	content:" ";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
body #ContentsArea #section_form #section_form_inner,
body #ContentsArea #section_fourth #section_fourth_flowChart,
body #ContentsArea #section_third #section_third_flowChart,
body #ContentsArea #section_second #blogIntroduction {
	height:100%;
}

/*\*/
* html body #ContentsArea #section_form #section_form_inner,
* html body #ContentsArea #section_fourth #section_fourth_flowChart,
* html body #ContentsArea #section_third #section_third_flowChart,
* html body #ContentsArea #section_second #blogIntroduction {
	display:inline-block;
	height:1em;
}
body #ContentsArea #section_form #section_form_inner,
body #ContentsArea #section_fourth #section_fourth_flowChart,
body #ContentsArea #section_third #section_third_flowChart,
body #ContentsArea #section_second #blogIntroduction {
	display:block;
}



/*==================================================================================================================================*/