@charset "Shift_JIS";

/*-------------------
 1.common elements
 2.common class
 3.page id
---------------------------*/

/*------------------------
  1.common elements
--------------------------*/

/*-- body,img共通 --*/
body {
 margin: 0;
 padding :0;
 background: #FFF;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
 color: #333;
 line-height:1.5;
}

img { margin: 0; padding: 0; border: 0; }

/*-- hn, a --*/
div#syn h1 {
 font-size: 0.1em;
 margin: 0;
 padding: 0;
 visibility: hidden;
 display: none;
}
div#syn h2 {
 margin: 0;
 padding: 0;
}

div#syn h3 {
 margin: 0 0 15px 0;
 padding: 0;
}

a {}
a:hover {}

/*-- div#syn --*/
div#syn {
 width: 740px;
 margin-left: 10px;
 text-align: center;}

/*-- p（必要なければ削除) --*/
div#syn p {
 font-size: 80%; }

/*-- clearfix --*/

div:after {   
 content: ".";   
 display: block;   
 visibility: hidden;   
 height: 0.1px;   
 font-size: 0.1em;   
 line-height: 0;   
 clear: both;   
}

/* IE7 */
div {
 display: inline-block;
}


/*-------------------------
  2.common class
---------------------------*/

/*-- font-size --*/

/*-- font-color --*/
div#syn .fontblue {
 color: #06C;
}

/*-- background --*/

/*-- p,span --*/

/*-- border --*/

/*-- table --*/

/*-- float --*/
div#syn .fl { float: left; }
div#syn .fr { float: right; }
div#syn .cl { clear: both; }

/*-- align --*/
div#syn .vt { vertical-align: top; }
div#syn .al { text-align: left; }
div#syn .ar { text-align: right; }

/*-- margin --*/
div#syn .mar0 {
 margin: 0;
 padding: 0;
}
div#syn .marb10 { margin-bottom: 10px; }
div#syn .marb25 { margin-bottom: 25px; }
div#syn .marr8 { margin-right: 8px; }
div#syn .mart15 { margin-top: 15px; }
div#syn .marr15 { margin-right: 15px; }
div#syn .marr10 { margin-right: 10px; }
div#syn .marl10 { margin-left: 10px; }
/*------------------------
  3.page id
   3-0.共通id
   3-1.Top
   3-2.オファー
   3-3.Touch World
--------------------------*/

/********************************************/
/*　3-0.共通id                              */
/********************************************/
/*-- チャレンジネットヘッダー --*/
#style2007C_5 {
	margin: 0 15px;
	width: 710px;
	height: 70px;
}

/********************************************/
/*　3-1.Top                                 */
/********************************************/
/*-- Main --*/
div#syn #TopMain {
 background-color: #FFC;
}


/*-- Contents --*/
div#syn #TopMain .TopContents {
 margin: 0 auto;
 padding: 0 0 20px 35px;
}

/*-- section01 --*/
div#syn #TopMain .TopContents .sec01 {
 margin: 20px 0 15px 0;
 text-align: left;
}

/* sec01 p */
div#syn #TopMain .TopContents .sec01 p {
 width: 633px;
 padding:8px 15px 20px 15px;
 margin: 0;
 color: #F92459;
 background: url(../img/index/sec01_bg.gif) left bottom no-repeat;
}

/*-- section02 --*/
div#syn #TopMain .TopContents .sec02 {
 text-align: left;
 margin-bottom: 10px;
}

/* sec02 txt */
div#syn #TopMain .TopContents .sec02 .txtspace {
 background: url(../img/index/sec02_bg.gif) left bottom no-repeat;
 padding: 0 0 22px 0;
}
/* sec02 p */
div#syn #TopMain .TopContents .sec02 .txtspace p {
 width: 633px;
 margin-top: 0;
 padding: 0 15px 0 15px;
}

div#syn #TopMain .TopContents .sec02 .txtspace p.lead {
 padding: 10px 15px 10px 15px;
 color: #06C;
 border-bottom: 1px dotted #999;
 margin: 0;
}

/* sec02 table */
div#syn #TopMain .TopContents .sec02 .txtspace table {
 width: 633px;
 margin: 10px 15px 20px 15px;
 font-size: 80%;
}

div#syn #TopMain .TopContents .sec02 .txtspace .narea {
 width: 633px;
 margin: 0 15px 0 15px;
 padding: 10px 0;
 background: #E4F3FF;
}

div#syn #TopMain .TopContents .sec02 .txtspace .narea p {
}

div#syn #TopMain .TopContents .sec02 .txtspace .narea p.note {
 width: 560px;
 padding: 0 0 20px 48px;
 color: #F00;
 margin: 0 0 0 15px;
 font-size: 90%;
 background: url(../img/index/mark_notes.gif) left top no-repeat;
}

div#syn #TopMain .TopContents .sec02 .txtspace .narea p.tel {
 width: 603px;
}


div#syn #TopMain .TopContents .btnarea {
 margin: 0 40px 0 0;
}
/********************************************/
/*　3-2.オファー                            */
/********************************************/
/*-- Main --*/
div#syn #Main {
 width: 675px;
 margin: 20px auto;
 text-align: center;
}

/*-- READY5予約済み --*/
/*-- Main --*/
div#syn #Main p.reserve {
 text-align: left;
 margin: 0 30px 65px 30px;
 padding: 0;
 color: #F0037F;
}

div#syn #Main p.n_reserve {
 margin: 0 30px 0 30px;
 padding: 0;
 color: #06C;
 text-align: left;
}

/*-- 教科・コースについて　--*/
div#syn #Main .Select {
 margin: 0;
 padding:0 0 25px 30px;
 border-bottom: 1px dotted #999;
 text-align: left;
}

div#syn #Main .Select .sec {
 margin: 15px 0 0 20px;
 padding: 0;
}

div#syn #Main .Select .sec p {
 margin: 0;
 padding: 0;
}

/* 教科　社会教材注記 */
div#syn #Main .Select .sec .notes {
 text-align: left;
 font-size: 70%;
 color: #666;
}

/* コースについて */
div#syn #Main .Select .sec .course {
 text-align: left;
 margin: 0 10px 20px 0;
 border-top: 1px solid #88BEEB;
 border-left: 1px solid #88BEEB;
}

div#syn #Main .Select .sec .course th,
div#syn #Main .Select .sec .course td {
 border-bottom: 1px solid #88BEEB;
 border-right: 1px solid #88BEEB;
}

div#syn #Main .Select .sec .course th {
 vertical-align: bottom;
}

div#syn #Main .Select .sec .course td {
 padding:0 3px 0 8px;
}

/* 中学講座→高校講座コース移行 */
div#syn #Main .Select .sec .kou_course {
 width: 408px;
 background: url(../img/offer/course_bg.gif) left bottom no-repeat;
 text-align: center;
}

div#syn #Main .Select .sec .kou_course img {
 vertical-align: middle;
}

/*-- 受講しない方への注意 --*/
div#syn #Main .Select .n_request {
 text-align: left;
 background-color: #FFFFE7;
 border: 1px solid #FC9;
 padding: 11px;
}

div#syn #Main .Select .n_request .notes {
 color: #F33;
 vertical-align: top;
 margin: 0 0 15px 0;
 padding-top: 0;
}

div#syn #Main .Select .n_request .call {
 color: #FC8229;
 margin-bottom: 0;
 padding-bottom: 0;
}

/*-- オファー詳細 --*/
div#syn #Main .offer_sec {
 text-align: left;
 border-bottom: 1px dotted #999;
 margin-top: 10px;
 padding-bottom: 15px;
}
div#syn #Main .offer_sec h4 {
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 90%;
 color: #0D65B0;
}

div#syn #Main .offer_sec p {
 margin: 0;
 padding: 0;
}

/* お問い合わせ先 */
div#syn #Main .offer_sec .contact {
 width: 530px;
 background-color: #F0FCFF;
 border: 1px solid #87B3D8;
 padding: 15px;
}

/*-- 手続きをはじめるボタン --*/
div#syn #Main .btn {
 margin: 25px auto;
}


/********************************************/
/*　3-3.Touch World                         */
/********************************************/
/*-- Touch World --*/
div#syn #TwMain {
 width: 575px;
 margin: 15px auto;
 text-align: left;
}

div#syn #TwMain h1 {
 margin: 0 auto 5px auto;
 padding: 0;
 text-align: center;
 visibility: visible;
 display: block;
}

div#syn #TwMain p.visitor {
  margin:0 0 20px;
  padding:0;
  text-align:center;
}

/*-- Get Flash --*/
div#syn #TwMain .GetFlash {
 width: 555px;
 margin: 15px 0 25px 0;
 padding: 10px;
 border: 1px solid #ccc;
}

div#syn #TwMain .GetFlash img {
 width: 160px;
 float: left;
}

div#syn #TwMain .GetFlash p {
 width: 375px;
 float: right;
 margin: 0;
 padding: 0;
}

/*-- Present --*/
div#syn #TwMain h2 {
 margin: 0 0 15px 0;
 padding: 0 0 3px 0;
 border-bottom: 1px dotted #999;
}

div#syn #TwMain .Present {
 margin: 0 0 25px 0;
}

div#syn #TwMain .Present img {
 width: 200px;
 float: left;
 margin-right: 25px;
}

div#syn #TwMain .Present ul {
 list-style-type: none;
 width: 350px;
 float: left;
 margin: 0;
 padding: 0;
 font-size: 80%;
}

/* 特長 */
div#syn #TwMain .Tokucyo {
 width: 571px;
 background: url(../img/touch/tokucyo_bg.gif) left bottom no-repeat;
 padding: 0 0 10px 0;
}

div#syn #TwMain .Tokucyo .section,
div#syn #TwMain .Tokucyo .section_lchild {
 width: 187px;
 float: left;
 margin-right: 5px;
}

div#syn #TwMain .Tokucyo .section_lchild {
 margin-right: 0;
}

div#syn #TwMain .Tokucyo .section h3,
div#syn #TwMain .Tokucyo .section_lchild h3 {
 margin: 0 0 15px 0;
 padding: 0;
}

div#syn #TwMain .Tokucyo .section p,
div#syn #TwMain .Tokucyo .section_lchild p {
 margin:0 10px 25px 10px;
 padding: 0;
}

div#syn #TwMain .Tokucyo .section .sumb,
div#syn #TwMain .Tokucyo .section_lchild .sumb {
 margin:0 10px 0 10px;
}

/* GOボタン */
div#syn #TwMain .btn {
 margin: 25px auto 15px auto;
 text-align: center;
}
/* Pagetop */
div#syn #TwMain .pagetop {
 margin: 0 0 15px 0;
 padding: 0;
 text-align: right;
 font-size: 70%;
}