#container {
	margin: 0px;
	padding: 0px;
    background: #ffffff;
}

#haikei {
	width: 802px;
	margin: 0px auto;
	padding: 0px;
	background:   url(../images/background.gif) repeat-y;
}

#haikei2 {
	background: #fffff6;
}

#page {
	margin: 0px auto 0px;
    padding: 0px;
	
}

#header {
    width: 800px;
    height: 600px;
    margin: 0px auto;
    padding: 0px;
    display: block;
	text-indent: -9877em;
	text-decoration: none;
    background:   url(../images/header.jpg) no-repeat;
}

#header2 {
    width: 800px;
    height: 600px;
    margin: 0px auto;
    padding: 0px;
    display: block;
	text-indent: -9877em;
	text-decoration: none;
    background:   url(../images/header2.jpg) no-repeat;
}

#header-mousikomi {
    width: 800px;
    height: 200px;
    margin: 0px auto;
    padding: 0px;
    display: block;
	text-indent: -9877em;
	text-decoration: none;
    background:   url(../images/header-mousikomi.jpg) no-repeat;
}


#body {
    width: 703px;
    margin: 0px auto;
	padding: 0px 40px 50px;
    background: #FFFFFF;
}



/*-- text 修飾
すべてspanで使用すること。
例）<span class="text-black">
      黒字で太い文字にしたいところ
    </span>
例）<span class="text-black">
      <span class="text-18">
        18pxの文字の大きさで黒字で太い文字にしたいところ
      </span>
    </span>

 --*/
/*通常文字*/
.text {
    margin: 0px 0px 50px;
    line-height: 2.0em;
}

.text2 {
    margin: 0px 0px 20px;
    line-height: 1.8em;
}

.text3 {
    margin: 30px 0px 50px;
    line-height: 1.8em;
}

.text4 {
    margin: 30px 0px 50px;
}


.text-list {
    margin: 0px 0px 50px;
    line-height: 3.0em;
}

.text-sukima {
    margin: 0px 0px 50px;
    line-height: 3.0em;
}

/*青文字*/
.text-blue {
    color: #00F;
    font-weight: bold;
}
/*赤文字*/
.text-red {
    color: #F00;
    font-weight: bold;
}
/*ピンク文字*/
.text-pink {
    color: #F06;
    font-weight: bold;
}
/*黒文字*/
.text-black {
    color: #000;
    font-weight: bold;
}
/*オレンジ*/
.text-orange {
    color: #FF9900;
    font-weight: bold;
}

/*文字の大きさ*/

.text-10 {
    font-size: 11px;
}

.text-11 {
    font-size: 11px;
}

.text-12 {
    font-size: 12px;
}

.text-14 {
    font-size: 14px;
}

.text-18 {
    font-size: 18px;
}

.text-20 {
    font-size: 20px;
}

.text-22 {
    font-size: 22px;
}

.text-24 {
    font-size: 24px;
}

.text-26 {
    font-size: 26px;
}

.text-28 {
    font-size: 28px;
}

.text-30 {
    font-size: 30px;
}

.text-36 {
    font-size: 36px;
}

/*文字の下にアンダーライン*/
.text-line {
    text-decoration: underline;
}

.text-waku{  
	letter-spacing:2px;
	background-color:#ffffff;
	border:2px solid #000000;
	text-align:left;
	padding:5px;
	margin-top:30px;
	margin-bottom:30px;
	width:705px;
}

.text-waku2{  
	letter-spacing:2px;
	background-color:#ffffff;
	border:2px solid #0006ff;
	text-align:left;
	padding:20px;
	margin-top:30px;
	margin-bottom:30px;
	width:600px;
}


/*文字を画面の中心に
※例外としてこれは　<div class="text-center">文字</div>
例）<div class="text-center">中央にしたい文字</div>
　　<div class="text-center">
      <span class="text-black">
        中央にしたい文字
      </span>
    </div>
*/
.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/*背景色を黄色に*/
.bg-yellow {
    background: #FF0;
    padding: 0px;
    color: #F00; /*文字の色*/
    font-weight: bold;
}

.bg-yellow2 {
    background: #FF0;
    padding: 3px;
    color: #F00; /*文字の色*/
    font-weight: bold;
}

.text-kyocho {
    font-size: 26px;
	font-family: "HGP明朝E", "ヒラギノ明朝 Pro W3", "HG明朝B";
    color: #000000;
    padding: 5px;
}

.text-lines{
border-bottom: 3px #000000 double;
} 

.text-lines-red {
border-bottom: 3px #ff0000 double;
} 
 
.text-min {
    font-family: "HGP明朝E", "ヒラギノ明朝 Pro W3", "HG明朝B";
}

.text-bal {
    margin-left: 100px;
}


/*-- text 終わり　--*/

/*-- チェック --*/

.check li {
    margin: 0px auto;
    width: 600px;
    list-style-type: none;
}

.check_back {
    background: #a3e0b5;
}

/*-- 目次 --*/

#mokuji-block{
	width: 700px;
    margin: 0px auto;
	
}

#mokuji-left{
	float: left;
    width: 24px;
    margin-top: 20px;
    display: table;
	clear:right;
}

#mokuji-right {
    float: left;
    width: 636px;
    margin-top: 0px;
    margin-left: 10px;
    display: table;
}

#mokuji-right .text {
	line-height: 1.7em;
	margin: 0px 0px 0px 40px;
}



/*-- 目次終わり --*/

/*--3-4ポイント説明--*/

#point3 {
    background: url("../images/title3-4-bg.gif") no-repeat;
    background-position: top;
}

#point3-2 {
    background: url("../images/3-4-bg2.gif") no-repeat;
    background-position: top;
}



/*--3-4ポイント説明--*/

/*--4-6暗記--*/

#anki {
    background: url("../images/image15.jpg") no-repeat;
    background-position: top;
}

/*--4-6暗記ここまで--*/

/*--プロフィール部分 --*/
#profile {
    width: 701px;
    margin: 0px 0px 0px 0px;
}

#profile-right {
    float: left;
	margin-top: 0px;
    margin-left: 0px;
    display: table;
}

div.imgArea p {     
    display: table-cell;     
    vertical-align: middle;     
    margin: 0;     
}     
* html .imgArea p {     
    display: inline;     
    zoom: 1;     
}     
*:first-child+html .imgArea p {     
    display: inline;     
    zoom: 1;     
} 

.Pro-image {
	float: left;
	margin: 0px 20px 0px 0px;
}

.Pro-text {
	display: table;
}

.Pro-text .text{
	margin-top: 30pix;
}

.profile-top {
    margin: 0px ;
    padding: 0px ;
}

.profile-body {
    width: 587px;
    margin: 0px;
    padding: 30px 0px 0px 15px;
    background:   url(../../../img/profile_bg.gif) repeat-x;
    border-left: 1px solid #f13900;
    border-right: 1px solid #f13900;
}


.profile-info {
    margin: 0px auto;
    padding: 20px 0px 0px 10px;
    width: 566px;
    height: 295px;
    background:   url(../../../img/profileinfo_bg.gif) no-repeat;
}

.profile-media-body {
    width: 592px;
    padding: 30px 0px 30px 10px;
    background: #FFF;
    border-left: 1px solid #f13900;
    border-right: 1px solid #f13900;
    border-bottom: 1px solid #f13900;
}

/*--プロフィール部分ここまで --*/


/*--証明書画像部分 --*/

.gazo-left {
    float: left;
	display: table;
	margin-top: 0px;
    margin-left: 0px;
}

.gazo-chosei {
   	margin-top: 0px;
    margin-left: 50px;
}

.gazo-clear {
   	clear: left;
}
/*--証明書画像部分ここまで --*/

/*--表ここから --*/

#hyo{
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
}

#hyo table{
	margin: 0px;
	text-aligin: center;
	padding: 0px;
	width: 700px;
	border: 1px #FF7F50 solid;
	border-collapse: collapse;
	
}

#hyo tr {
	border-top: #ff9363;  
}

#hyo td {
	border: 1px #FF7F50 solid;
	background-color: #ffffff;
}

#hyo td .bg-blue {
	margin: 0px;
	padding: auto;
	background-color: #87CEFA;
}

#hyo td .bg-pink{
	margin: 0px;
	padding: auto;
	background-color: #FFB6C1;
}

#hyo .text{
	margin: 0px 5px;
    line-height: 1.2em;
}


/*--表ここまで --*/

/*-- お客様の声 --*/
.voice {
    margin: 20px 0px;
    padding: 10px 20px;
}

.voice-icon {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 70px;
}

.voice-icon img {
    float: left;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

.voice-title {
    font-size: 26px;
	font-family: "HGP明朝E", "ヒラギノ明朝 Pro W3", "HG明朝B";
    color: #ff0000;
    padding: 0px;
}

.voice-name {
    font-weight: bold;
    margin: 10px 0px;
    padding: 0px;
    color: #000000;
}

.voice-body {
    margin-top: 30px;
    margin-left: 50px;
    
    padding-left: 30px;
}

.voice-body .text {
    margin: 0px 0px 30px;
    line-height: 1.6em;
}

.voice-body .text-02 {
    margin: 0px;
    line-height: 1.6em;
}

.voice-bg1 {
	background: url("../images/voice-bg1.gif") no-repeat;
	
}

.voice-bg2 {
	background: url("../images/voice-bg2.gif") no-repeat;
	
	
}

.voice-bg3 {
	background: url("../images/voice-bg3.gif") no-repeat;
	
}

.voice-bg4 {
	background: url("../images/voice-bg5.gif") no-repeat;
	
}

.voice-bg5 {
	background: url("../images/voice-bg5.gif") no-repeat;
	
}

.voice-bg6 {
	background: url("../images/voice-bg6.gif") no-repeat;
	
}

.voice-bg7 {
	background: url("../images/voice-bg7.gif") no-repeat;
	
}

/*-- お客様の声 終わり--*/

/*-- お支払い方法 --*/
.contents-pay {
    text-align: center;
}


/*-- お支払い方法終わり --*/

/*-- マニュアル内容--*/

.contents {
    margin-bottom: 50px;
}

.contents-body {
    margin: 20px 0px;
}

.contents-name {
    font-size: 22px;
	font-family: "HGP明朝E", "ヒラギノ明朝 Pro W3", "HG明朝B";
}

.contents-name img {
    vertical-align: middle;
}

.contents-body .text {
    margin: 10px 0px 40px 50px;
}


/*-- マニュアル内容終わり --*/

/*-- 特典 --*/

#tokuten {
	background-color: #d2e0cf;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	
} 

#tokuten .body {
	background-color: #ffffff;
	
} 


.privilege {
    margin: 30px 0px 50px;
}

.privilege-name {
    margin-left: 40px;
    border-left: 4px solid #f38715;
    font-size: 36px;
    padding: 5px 0px 5px 20px;
	font-family: "HGP明朝E", "ヒラギノ明朝 Pro W3", "HG明朝B";
}

.privilege-text {
    margin-top: 20px;
    margin-left: 80px;
}

.privilege-text .text {
    margin-bottom: 20px;
}

/*-- 特典終わり --*/


/*-- question --*/

.question {
    margin: 20px 0px;
    padding: 10px 20px;
}

.question-h {
    margin: 20px 0px;
}

.question-q {
    margin-bottom: 20px;
    color: #ff0000;
    font-weight: bold;
}

.question-a {
    margin-bottom: 20px;
}
.question-img {
    float: left;
    width: 30px;
}

.question-text {
    margin-left: 50px;
    width: 620px;
    overflow: block;
}

.question-text .text {
    margin-bottom: 20px;
}

/*-- question終わり --*/


/*--　申込み --*/
.app {
    width: 606px;
    height: 74px;
    margin: 0px auto 50px;
    background:   url(../images/bottun.gif) no-repeat;
}

.app a {
    width: 606px;
    height: 74px;
    display: block;
	text-indent:-9877em;
	text-decoration:none;
}

.app a:hover {
    background:	url(../images/bottun2.jpg) no-repeat;
}

/*-- 申込み終わり --*/

/*--追伸--*/
.after-letter .text{
    margin-bottom: 20px;
}
/*--終わり--*/


table {
    margin: 0px auto 20px;
    border-collapse: collapse;
    border: 1px solid #a5b0b9;
    letter-spacing: 0.2em;
    background: #f1f1f1;
    font-size: 12px;
}

th {
    text-align: left;
    font-weight: normal;
    border: 1px solid #a5b0b9;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 0;
}

td {
    border: 1px solid #a5b0b9;
    margin-left: 180px;
    padding: 15px 0px 15px 15px;
    background: #FFFFFF;
}


#footer {
    width: 500px;
    text-align: center;
	margin: 10px auto 0px;
	padding: 0px;
    font-size: 12px;
}

.name {
    margin: 0px;
    padding: 5px;
    font-size: 36px;
    line-height: 1.4em;
	font-family: "HG行書体";
}

.name2 {
    margin: 0px;
    padding: 5px;
    font-size: 20px;
    line-height: 1.4em;
	font-family: "HG行書体";
}

.name p {
    margin: 0px;
    padding: 0px;
    text-align: right;
}

/*申し込みページ*/

.moshikomi1 {
    margin: 0px auto 50px;
}



.moshikomi1 .app {
    width: 606px;
    height: 74px;
    margin: 0px auto 50px;
    background:   url(../images/bottun-form1.gif) no-repeat;
}

.moshikomi1 .app a {
    width: 606px;
    height: 74px;
    display: block;
	text-indent:-9877em;
	text-decoration:none;
}

.moshikomi1 .app a:hover {
    background:	url(../images/bottun-form2.gif) no-repeat;
}

.moshikomi2 {
    margin: 0px auto 50px;
}



.moshikomi2 .app {
    width: 606px;
    height: 74px;
    margin: 0px auto 50px;
    background:   url(../images/bottun-tel1.gif) no-repeat;
}

.moshikomi2 .app a {
    width: 606px;
    height: 74px;
    display: block;
	text-indent:-9877em;
	text-decoration:none;
}

.moshikomi2 .app a:hover {
    background:	url(../images/bottun-tel2.gif) no-repeat;
}

/*-- 申込み終わり --*/



/* 090819追加 */
.txtlists {
}
