@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", sans-serif;
	font-size: 100%;
	line-height: 1.2em;
	color: #666666;
	background-color: f7f7f7;
}

a {color:#747474;}

a:hover{text-decoration:none;}



/*---------------ヘッダー部----------------*/

/*ヘッダーを固定*/

#header{
	width:100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background-image: url(../images/2012/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 90px;
}

#header a{text-decoration: none;}

/*ロゴ*/

.logo{
	height: 64px;
}


/*スケジュール、受講規定など*/

#header_right{
	color: #666666;
	text-align: right;
	padding-top: 40px;
	float: right;
	width: 540px;
	font-size: 11px;
}

#header_right a{
	color: #3399CC;
	text-decoration: none;
}

#header_right a:hover{
	color: #66CCFF;
	text-decoration: underline;
}


/*ヘッダーの横サイズを指定してセンタリング*/

#header_content{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 64px;
}


/*ヘッダーの説明部とパンくずリスト*/

/*#header h1,#header p{font-size: 10px;font-weight: normal;color: #758BA4;float: left;position: relative;padding-bottom: 2px;}

#header h1{margin-right: 20px;position: relative;left: 10px;}

#header p{float: none;}

#header a{color: #758BA4;text-decoration: none;}*/


/*本文全体　横サイズを指定してセンタリング*/

#koza_content{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	background-color: #6633FF;
}

#box{
	width: 980px;

}


/*左半分　サイズを指定してフロート、固定指定し、上マージンを指定*/

#left_box{
	width: 390px;
	float: left;
	position: fixed;
	top: 90px;
	background-color: #89c1d0;
	height: 1000px;
}

#left_box2{
	width: 390px;
	float: left;
	position: fixed;
	top: 90px;
	background-color: #CCCC99;
	height: 1000px;
}



/*右半分（テキスト部分）サイズを指定してフロート、テキスト部分を四角囲み、余白を指定。文字サイズ、ピッチを指定。*/

#right_box{
	width: 590px;
	float: right;
	font-size: 14px;
	line-height: 20px;
	background-color: #89c1d0;
	text-align: center;
}

#right_box2{
	width: 590px;
	float: right;
	font-size: 14px;
	line-height: 20px;
	background-color: #CCCC99;
	text-align: center;
}



#rightbox_inner{
	width: 540px;
	font-size: 14px;
	line-height: 20px;
	background-color: #FFFFFF;
	margin-top: 110px;
	margin-right: auto;
	border: 1px solid #666666;
	text-align: left;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 8px;
}

#widesize{
	padding-right: 15px;
	padding-left: 15px;
}


/*左半分の本文*/

.wrapper { width:100%; overflow:hidden;}


/*上部ＴＯＰへ戻るボタンの青ボタン*/

/*.link1 { display:block; float:left; background:url(images/link1-bgd.gif) repeat-x top; color:#fff; text-decoration:none; font-size:.92em; line-height:.92em;}

.link1 span { display:block; background:url(images/link1-left.gif) no-repeat left top;}

.link1 strong { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:7px 12px 7px 12px; font-style:normal;}

.link1:hover { text-decoration:underline;}*/


/*前ページ、次ページ*/

.next_page{font-size: 11px;color: #ffffff;margin-top: 10px;margin-left: 40px;}

.next_page a{color: #ffffff;text-decoration: none;}

.next_page a:hover{color: #333333;text-decoration: underline;}


/*科目、回数タイトル*/

.title_big{font-size: 20px;line-height: 22px;color: #ffffff;background-image: url(../images/2012/kamoku_title.jpg);background-repeat: no-repeat;	background-position: left top;text-align: left;text-indent: 30px;height: 31px;width: 357px;padding-top: 12px;font-weight: normal;margin-top: 10px;}


.title_big2{font-size: 20px;line-height: 22px;color: #ffffff;background-image: url(../images/2012/kamoku_title2.jpg);background-repeat: no-repeat;	background-position: left top;text-align: left;text-indent: 70px;height: 31px;width: 357px;padding-top: 12px;font-weight: normal;margin-top: 10px;}


/*動画部分*/

.douga{
	margin-top: 10px;
	padding-left: 20px;
}


/*動画下の広告部分*/

.box {
	width: 364px;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 10px;
	line-height: 13px;
	margin-left: 20px;
}

.box a{color: #FFCCFF;text-decoration: underline;}

.box a:hover{color: #FF99FF;text-decoration: none;}

.box .box-indent {padding: 18px 23px 18px 23px;}

.box .corner-top-left {background: #3d6c8a url(../images/2012/corner-top-left.gif) no-repeat 0% 0%;}

.box .corner-top-right {background: url(../images/2012/corner-top-right.gif) no-repeat 100% 0%;}

.box .corner-bot-left {background: url(../images/2012/corner-bot-left.gif) no-repeat 0% 100%;}

.box .corner-bot-right {background: url(../images/2012/corner-bot-right.gif) no-repeat 100% 100%;width: 100%;}


.box2 {
	width: 364px;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 10px;
	line-height: 13px;
	margin-left: 20px;
}

.box2 a{color: #FFCCFF;text-decoration: underline;}

.box2 a:hover{color: #FF99FF;text-decoration: none;}

.box2 .box-indent {padding: 18px 23px 18px 23px;}

.box2 .corner-top-left {background: #bc7a07 url(../images/2012/corner-top-left2.gif) no-repeat 0% 0%;}

.box2 .corner-top-right {background: url(../images/2012/corner-top-right2.gif) no-repeat 100% 0%;}

.box2 .corner-bot-left {background: url(../images/2012/corner-bot-left2.gif) no-repeat 0% 100%;}

.box2 .corner-bot-right {background: url(../images/2012/corner-bot-right2.gif) no-repeat 100% 100%;width: 100%;}


.box .corner-top-left5 {
	background: #ffa734 url(../images/corner-top-left5.gif) no-repeat 0% 0%;
}

.box .corner-top-right5 {
	background: url(../images/corner-top-right5.gif) no-repeat 100% 0%;
}

.box .corner-bot-left5 {
	background: url(../images/corner-bot-left5.gif) no-repeat 0% 100%;
}

.box .corner-bot-right5 {
	background: url(../images/corner-bot-right5.gif) no-repeat 100% 100%;
	width: 100%;
}




/*動画広告　入校登録*/

/*初級インプット*/
.free_trial_btn a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.free_trial_btn a{background-image:url(../images/2012/free_trial_btn.png);}
.free_trial_btn a:hover { background-position:0 -150px;}

/*中上級インプット*/
.free_trial_btn2 a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.free_trial_btn2 a{background-image:url(../images/2012/free_trial_btn2.png);}
.free_trial_btn2 a:hover { background-position:0 -150px;}


/*製本購入者割引*/
.waribiki_btn a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.waribiki_btn a{background-image:url(../images/2012/waribiki_btn.png);}
.waribiki_btn a:hover { background-position:0 -150px;}


/*OUTPUT誘導バナー*/
.output_btn a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.output_btn a{background-image:url(../images/2012/output_btn.png);}
.output_btn a:hover { background-position:0 -150px;}

/*入校登録バナー*/
.t_input_btn a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.t_input_btn a{background-image:url(../images/2012/t_input_btn.png);}
.t_input_btn a:hover { background-position:0 -150px;}

/*実践OUTPUTバナー*/
.g_output_btn a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.g_output_btn a{background-image:url(../images/2012/g_output_btn.png);}
.g_output_btn a:hover { background-position:0 -150px;}

/*直前・答練講座バナー*/
.touren_btn a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.touren_btn a{background-image:url(../images/2012/moshi_mini.png);}
.touren_btn a:hover { background-position:0 -150px;}



/*動画広告　極テキスト案内*/

/*初級インプット*/
.kiwami_info_btn a{background-position:0 0;background-repeat:no-repeat;width: 364px;height:150px;display: block;text-indent: -9999px;}
.kiwami_info_btn a{background-image:url(../images/2012/kiwami_info_btn.png);}
.kiwami_info_btn a:hover { background-position:0 -150px;}



/*------------テキスト部分ここから--------------*/

/*本文ここからのタイトル*/

.text_title_01{
	font-size: 13px;
	line-height: 22px;
	color: #343232;
	background-image: url(../images/2012/title_small_2_250x31.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: 50px;
	height: 31px;
	width: 250px;
	padding-top: 5px;
	margin-top: 15px;
}


/*ページをめくるの青ボタン*/

.link2 { display:block; float:left; background:url(../images/2012/link2-bgd.gif) repeat-x top; color:#fff; text-decoration:none; font-size:.8em; line-height:.92em;}

.link2 span { display:block; background:url(../images/2012/link2-left.gif) no-repeat left top;}

.link2 strong { display:block; background:url(../images/2012/link2-right.gif) no-repeat right top; padding:7px 12px 7px 12px; font-style:normal;}

.link2:hover {text-decoration:none;color: #FFFF99;}


/*----------------共通-----------------*/

/*フロート*/

.fleft { float:left;}

.fright { float:right;}

.clear { clear:both;}


/*左寄せ　センタリング*/

.alignright { text-align:right;}

.aligncenter { text-align:center;}


/*カラー*/

.red{color: #FF0000;}

.bule{color: #0000FF;}

.white{color: #FFFFFF;}

.liteblue{color: #336699;}

.lite_yellow{color: #FFFF99}

/*マージン*/

.m-20{margin-top: 20px;}

.m-15{margin-top: 15px;}

.m-10{margin-top: 10px;}

.m-5{margin-top: 5px;}

.m-l-5{margin-left: 5px;}

.m-l-10{margin-left: 10px;}

.m-l-15{margin-left: 15px;}

.m-l-20{margin-left: 20px;}

.m-l-30{margin-left: 30px;}

.m-l-40{margin-left: 40px;}

.m-l-50{margin-left: 50px;}

.m-l-60{margin-left: 60px;}

.m-l-100{margin-left: 100px;}

.m-l-110{margin-left: 110px;}

.m-b-20{margin-bottom: 20px;}

.m-b-15{margin-bottom: 15px;}

.m-b-10{margin-bottom: 10px;}

.m-b-5{margin-bottom: 5px;}

.m-r-5{margin-right: 5px;}

.m-r-10{margin-right: 10px;}

.m-r-15{margin-right: 15px;}



/*プルダウン*/

/*トップボタン*/

/*.t_btn { display:block; float:left; background:url(images/t_btn_center.jpg) repeat-x top; color:#666666; text-decoration:none; font-size:11px; line-height:26px;}

.t_btn span {
	display:block;
	background-image: url(images/t_btn_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.t_btn strong {
	display:block;
	background:url(images/t_btn_right.jpg) no-repeat right top;
	font-style:normal;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

.t_btn:hover {text-decoration:none;color: #333333; background:url(images/t_btn_center_act.jpg) repeat-x top;}

.t_btn span:hover {
	background-image: url(images/t_btn_left_act.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.t_btn strong:hover {
	background:url(images/t_btn_right_act.jpg) no-repeat right top;
}*/

ul { list-style:none;}

/*ul#pulldown-menu a {color: #666666;text-decoration: none;}

ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {background-image: url(images/bg_menu.gif);background-repeat: no-repeat;background-position: left top;text-decoration:none;}

ul#pulldown-menu a:hover,
ul#pulldown-menu a.current,
ul#pulldown-menu a:active {
	background-image: url(images/bg_menu-act.gif);background-repeat: no-repeat;background-position: left top;text-decoration:none;}*/


ul#pulldown-menu li {
	float: left;
	position: relative;
	margin: 0px;
	font-weight:normal;
	background:url(../images/2012/t_btn_center_act.jpg) repeat-x top; 
	color:#666666; 
	text-decoration:none;
	font-size:11px;
	line-height: 26px;
}

/*ul#pulldown-menu li p{ display:block; float:left; background:url(images/t_btn_center.jpg) repeat-x top; color:#666666; text-decoration:none; font-size:11px; line-height:26px;height: 26px;}*/

ul#pulldown-menu li span {
	display:block;
	background-image: url(../images/2012/t_btn_left_act.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:11px;
	line-height: 26px;	
}

ul#pulldown-menu li font {
	display:block;
	background:url(../images/2012/t_btn_right_act.jpg) no-repeat right top;
	font-style:normal;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 13px;
	font-size:11px;
	line-height: 26px;	
}

ul#pulldown-menu li a{
	float: left;
	position: relative;
	margin: 0px;
	font-weight:normal;
	background:url(../images/2012/t_btn_center.jpg) repeat-x top; 
	color:#666666; 
	text-decoration:none;
	font-size:11px;
	line-height: 26px;
	font-size:11px;
	line-height: 26px;	
}

/*ul#pulldown-menu li p{ display:block; float:left; background:url(images/t_btn_center.jpg) repeat-x top; color:#666666; text-decoration:none; font-size:11px; line-height:26px;height: 26px;}*/

ul#pulldown-menu li a span {
	display:block;
	background-image: url(../images/2012/t_btn_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:11px;
	line-height: 26px;	
}

ul#pulldown-menu li a font {
	display:block;
	background:url(../images/2012/t_btn_right.jpg) no-repeat right top;
	font-style:normal;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 13px;
	font-size:11px;
	line-height: 26px;	
}

ul#pulldown-menu li a:hover {text-decoration:none;color: #333333; background:url(../images/2012/t_btn_center_act.jpg) repeat-x top;height: 26px;font-size:11px;}

ul#pulldown-menu li a span:hover {
	background-image: url(../images/2012/t_btn_left_act.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	font-size:11px;
	line-height: 26px;	
}

ul#pulldown-menu li a font:hover {
	background:url(../images/2012/t_btn_right_act.jpg) no-repeat right top;
	height: 26px;
	font-size:11px;
	line-height: 26px;	
}


.fright_img{
	float: right;
}


/*ul#pulldown-menu li a {display: block;width: 64px;text-align: center;text-decoration:none;}*/

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

ul#pulldown-menu li ul li {
	float: none;
	margin: 0;
	font-weight: normal;
	line-height: 38px;
	background-color: #000000;
	width: 150px;
}

ul#pulldown-menu li ul li a {
	width: 150px;
}

ul#pulldown-menu li ul li a:link,
ul#pulldown-menu li ul li a:visited {
	background-image: url(../images/2012/bg_menu_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
}

ul#pulldown-menu li ul li a:hover,
ul#pulldown-menu li ul li a.current,
ul#pulldown-menu li ul li a:active {
	background-image: url(../images/2012/bg_menu-act_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
}


#rightbox_inner a{
	text-decoration: underline;
	color: #333333;
}

#rightbox_inner a:hover{
	text-decoration: none;
}


.kakomi{
	background-color: #FFFFCC;
	margin: 10px;
	padding: 10px;
	width: 450px;
	border: thin dotted #999999;
}

.page_line{
	color: #FF9900;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

.green_S{
	color: #669900;
	font-size: 125%;
}