@charset "euc-jp";


/* --------------------------------------------------
   RESET
-------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/* --------------------------------------------------
   FONT
-------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

--------------------------------------------------------
YUI Font-size Adjustment
10px = 77%     11px = 85%	  12px = 93%     13px = 100%
14px = 108%	   15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/*body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}*/


/* --------------------------------------------------
   ELEMENT
-------------------------------------------------- */
body #contentsWrapper {
	color: #66625f;
	font-family:'Hiragino Kaku Gothic ProN', '¥Ò¥é¥®¥Î³Ñ¥´ ProN W3', Meiryo, ¥á¥¤¥ê¥ª, sans-serif;
	background:#fbf9f6;
}

#contentsWrapper img{vertical-align:bottom;}

#contentsWrapper strong{font-weight:bold;}

.red {
	color: #c11920;
}

.pinkLP {
	color: #e67d9f;
	font-weight: bold;
}


p.data{
	font-size: 14px!important;
	line-height:1.4;
	margin:0;
}

.textIndent{ padding-left:1em; text-indent:-1em;}

/* --------------------------------------------------
   HEADER
-------------------------------------------------- */
#contentsWrapper #headerlp {
	height: 78px;
	background:#FFF;
	border-bottom:#e8e8e8 solid 1px;
	margin-bottom:1px;
}

#contentsWrapper #headerLogo {
	float: right;
	width: 50px;
	margin:18px 52px 0 0;
}

#contentsWrapper h1{
	width:628px;
	float: left;
	margin:20px 0 18px 40px;
}


/* --------------------------------------------------
   CONSTRUCTION
-------------------------------------------------- */
#contents {
	width:1020px;
	margin:0 auto;
	text-align: left;
}

#section1{
  background:URL("../img/top_back.png")no-repeat 40px 40px #ffffff ;
  /*height:622px;*/
  height:111px;
  padding:551px 66px 20px;
  border-bottom:#e8e8e8 solid 1px;
  margin-bottom:1px;
}

#section1 .btnEntryS1 {
  background:#FFFFFF;
  display:block;
  width:888px;
  height:92px;
}

#section1 .btnEntryS1 img{ margin:0;}

#section1 .btnEntryS1 a:hover{
  opacity: 0.8; 
  filter: alpha(opacity=80); 
  -moz-opacity: 0.8;
}

#section1-2,
#section2,
#section3-0,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8 {
	background:#FFF;
	border-bottom:#e8e8e8 solid 1px;
	margin-bottom:1px;
	padding:40px 40px 0;
}

#section2 div.cf img{ float:left;}
#section2 div.cf img.center{ margin-top:200px;}

div.w880 {width:880px; margin:0 auto;}
div.w880 img.top{margin:20px 0 0 20px;}
div.w880 p{margin:20px 0 0; line-height:1.6; font-size:18px;}
div.w880 p span.uLine{text-decoration:underline;}
div.w880 h3,
div.w880 h4{margin:40px 0 10px;}

#section4 {padding-bottom:20px;}

#s3_contents,#s4_contents,#s5_contents{
display:none;
}

#section6 img.top {margin-bottom:20px;}


div.s2{text-align:center; margin:30px 10px 0;}
div.s2 {text-align:left;}
div.s2 div{margin:0 10px 0 0; width:170px; display: inline-block; vertical-align:top;}
div.s2 div.end{margin:0;}
div.s2 div img{margin-bottom:10px;}
div.s2 div p{margin:0; padding:0; width:170px; text-align:left; font-size:14px;}
div.s2 div span{margin-top:5px; display:block; width:170px; text-align:left; font-size:12px; padding-left:1em; text-indent:-1em;}
div.s2 img.bottom{margin:20px 0 0;}


/* --------------------------------------------------
   ENTRY BUTTON
-------------------------------------------------- */
/*div.btnEntryS1 {
	margin:20px 0 40px;
	width: 940px;
	height: 180px;
	background:  url(../img/bt_back_sec1.png) 0 0 no-repeat;
}*/

div.btnEntryS1 a img{
	margin:16px 20px 0;
}


div.btnEntry {
	margin:20px 0 0;
	width: 940px;
	height: 130px;
	background:url(../img/bt_back.png);
}


div.btnEntry.voice {margin:0;}

div.btnEntry a img{
	margin:18px 0 0 185px;
}

div.btnEntry a:hover{
  opacity: 0.8; 
  filter: alpha(opacity=80); 
  -moz-opacity: 0.8;
}

.toplink,
.bottomlink {
	width:916px;
	height:18px;
	text-align:right;
	font-size:16px;
	margin:40px 0 20px;
	padding:0 24px 0 0;
}

.toplink{background:url(../img/go_up.png) right no-repeat;}
.bottomlink{background:url(../img/go_down.png) right no-repeat;}

/* --------------------------------------------------
   BOX
-------------------------------------------------- */
#section3 div.box,
#section4 div.box,
#section6 div.box{
	margin-top:1px;
	border-top: #cbcbcb solid 1px;
	padding:30px 40px;
}
#section3 div.box,
#section4 div.box{background:url(../img/box_back.png) bottom no-repeat;}
#section6 div.box{background:url(../img/box_back_sec6.png) bottom no-repeat;}

#section3 ul.square{margin:20px 0 0;}
#section3 ul.square li{
	background:url(../img/header_square.png) left no-repeat;
	padding-left: 28px;
	font-size:18px;
	line-height:2;
}

#section4 div.box p { font-size:20px; padding-left:50px; text-indent:-50px; margin-bottom:40px;}
#section6 div.box p { font-size:18px; line-height:1.4; margin-bottom:30px;}
#section6 div.box p.bottom { margin-bottom:0;}

#section4 div.box p img,
#section6 div.box p img { margin-bottom:15px;}

#section4 div.box p.bottom img { margin-bottom:0;}


div.dotLineBOX{background:url(../img/box_back_dotline.png) bottom no-repeat;}
div.dotLineBOX.mt20px{margin-top:20px;}

div.dotLineBOX div{
	width:390px;
	padding:20px;
	float:left;
	border-top:#00b7ee solid 1px;
}
div.dotLineBOX div.left{ margin-right:20px;}
div.dotLineBOX div p{
	font-size: 16px;
	line-height:1.4;
	margin:10px 0 20px;
}


div.poinBoxBOOK{
	width:940px;
	height:110px;
	margin-top:55px;
	background:url(../img/point_back_sec4.png) bottom no-repeat; 
	overflow:hidden;
}
div.poinBoxBOOK p{ margin:60px 20px 0; font-size:16px;}
div.poinBoxBOOK p span{ display:none;}

div.poinBoxFPQ{
	width:880px;
	margin-top:55px;
	padding-top:-40px;
	padding-bottom:30px;
	background:url(../img/box_back_blueline.png) bottom no-repeat; 
	overflow:hidden;
}
div.poinBoxFPQ p{ margin:20px 20px 0; font-size:16px; line-height:1.4; text-indent:-1em; padding-left:1em;}

div.qaBOX{background:url(../img/box_back_qa.png) bottom no-repeat; margin-top:30px;}
/*div.qaBOX.mt20px{margin-top:20px;}*/

div.qaBOX div{
	width:430px;
	/*padding:20px;*/
	float:left;
}
div.qaBOX div.left{ margin-right:20px;}
div.qaBOX div p{
	font-size: 16px;
	line-height:1.4;
	margin:10px 20px 20px;
}

div.message div{margin-top:20px;}
div.message div.left{float:left; width:550px;}
div.message div.rigt{float:rigt; width:260px;}
div.message div.left p{
	width:510px;
	margin:20px 0;
	font-size:18px;
	line-height:1.4;
}

div.poinBoxMEDIA{
	width:880px;
	margin:40px 0 55px;
	padding-top:-40px;
	padding-bottom:30px;
	background:url(../img/box_back_blueline_books.png) bottom no-repeat; 
	overflow:hidden;
}
div.poinBoxMEDIA p{ margin:15px 20px 0; font-size:16px; line-height:1.4; text-indent:-1em; padding-left:1em;}

/*div.flow{ padding:40px 0 65px;}*/

/* --------------------------------------------------
   IMG TEXT
-------------------------------------------------- */
div.imgText{
	text-align:center;
}

div.imgText img{
	margin:30px 0 0;
}

/* --------------------------------------------------
   VOICE
-------------------------------------------------- */
#boxVoice {
	margin: 0 auto;
	/*width: 820px;*/
	width: 880px;
	background: url(../img/bg_border.gif) repeat-y 50% 0;
}

#boxVoice img.voiceImgLeft {
	float: left;
	padding-right: 5px;
}

#boxVoice img.voiceImgRight {
	float: right;
	padding-left: 5px;
}

#boxVoice1 {
	float: left;
	width: 440px;
}

#boxVoice2 {
	float: left;
	width: 440px;
}

#boxVoice1 div, #boxVoice2 div {
	border-bottom: 1px solid #ccc;
}

#boxVoice1 div.bottom, #boxVoice2 div.bottom {
	margin-bottom: 20px;
}

#boxVoice1 div h3{margin:30px 30px 15px 0;}

#boxVoice1 div p {
	margin:0 30px 1.5em 0;
	line-height: 1.6;
}

#boxVoice2 div h3{margin:30px 0 15px 30px;}

#boxVoice2 div p {
	margin: 0 0 1.5em 30px;
	line-height: 1.6;
}

/* --------------------------------------------------
   ATTENTION
-------------------------------------------------- */

#attention{
	padding:10px 0 50px;
	/*background:#f3f3f3;
	border-top:2px #1aa4e2 dotted;
	border-bottom:2px #69c1eb dotted;*/
}
#attention h2{
	margin: 35px 0 10px;
	font-size:21px;
	font-weight: bold;
}
#attention h3{
	margin: 25px 0 10px 10px;
	font-size:18px;
	font-weight: bold;
}
#attention ul li{
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	margin: 15px 20px 0;
	text-align: left;
	line-height: 1.5;
	font-size: 16px;
}
#attention ul li strong{color:#f39c12; font-weight:normal;}
#attention ul li span{display:block; margin-top:10px; margin-left:1em;}

#attention ul li a,
#attention ul li a:hover{ color:#736962;}
#attention ul li a:visited{ color:#a6988d;}

#attention p{
	margin: 15px 20px 0;
	line-height: 1.5;
	font-size: 16px;
}


/* --------------------------------------------------
   FOOTER
-------------------------------------------------- */
#footerLP {
	height: 120px;
	text-align: center;
	background:  url(../img/bg_footer.png) 0 0 repeat-x;
	/*border-top:2px solid #333;*/
}
#footerLP.conf {
	margin-top: 20px;
	height: 40px;
	text-align: center;
	background: none;
}

#footerLP ul {
	margin-bottom: 15px;
}

#footerLP ul li {
	padding: 0 10px;
	display: inline;
	height: 80px;
	line-height: 80px;
	font-size: 12px;
}

#footerLP ul li a {
	color: #333;
}

#footerLP ul li a:hover {
	color: #ff6600;
}


.copy {
	font-size: 12px;
}


/* --------------------------------------------------
   FOOTER
-------------------------------------------------- */
/*#footerLP {
	height: 120px;
	text-align: center;
	background:  url(../img/bg_footer.png) 0 0 repeat-x;
}
#footerLP.conf {
	margin-top: 20px;
	height: 40px;
	text-align: center;
	background: none;
}

#footerLP ul {
	margin-bottom: 15px;
}

#footerLP ul li {
	padding: 0 10px;
	display: inline;
	height: 80px;
	line-height: 80px;
	font-size: 12px;
}

#footerLP ul li a {
	color: #333;
}

#footerLP ul li a:hover {
	color: #ff6600;
}


.copy {
	font-size: 12px;
}*/

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

.cf {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .cf {
	height: 1%;
	overflow: visible;
}

.cf {
	display: block;
}

/* End hide from IE-mac */