/* CSS Document */

@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

img {
	border: 0px;
}

/*-------------------- BODY --------------------*/
body {
	font-family:verdana,arial,helvetica,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	color: #444444;
	margin: 0px;
	padding: 0px;
	background: url(../img_common/bg.gif);
}

/*-------------------- CONTAINER --------------------*/
.container{
	width: 900px;
	margin: 0px auto;
	padding: 0px 8px 20px 8px;
	position:relative;
	background: url(../img_common/container_bg.gif) repeat-y;
}

/*-------------------- HEADER --------------------*/
.header_copy {
	width: 900px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: #F6698D;
	border-bottom: solid 1px #DA4B6B;
}
.header_copy p {
	margin: 0;
	padding: 1px 0 0 15px;
	font-size: 10px;
	color: #FFFFFF;
}
.header_main {
	width: 900px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(../img_common/head_bg.gif) no-repeat;
}

/*-------------------- MAIN --------------------*/
.main {
	width: 900px;
	margin: 0;
	padding: 0 0 0 0;
}

/*-------------------- FOOTER --------------------*/
.footer {
	width: 870px;
 height: 80px;
	margin: 20px 0 0 15px;
	padding: 0 0 0 0;
	background: url(../img_common/foot_bg.gif) no-repeat;
}

/*-------------------- LINK --------------------*/
A:link{
	color: #444444;
	text-decoration: underline;
}

A:visited{
	color: #444444;
	text-decoration: underline;
}

A:active{
	color: #444444;
	text-decoration: underline;
}

A:hover{
	color: #0066FF;
	text-decoration: underline;
}
/*パンナビ*/
.panbox A:link{
	color: #444444;
	text-decoration: none;
}

.panbox A:visited{
	color: #444444;
	text-decoration: none;
}

.panbox A:active{
	color: #444444;
	text-decoration: none;
}

.panbox A:hover{
	color: #0066FF;
	text-decoration: underline;
}

/*-------------------- FONT --------------------*/
/*TEXT SMALL*/
.small{
	font-size: 10px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.small_b{
	font-weight: bold;
	font-size: 10px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.small_t{
	font-size: 10px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*TEXT MEDIUM*/
.medium{
	font-size: 12px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.medium2{
	font-size: 12px;
	line-height: 250%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.medium_b{
	font-weight: bold;
	font-size: 12px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}
.medium_c{
	font-size: 12px;
	line-height: 160%;
	text-align:center;
	text-justify: inter-ideograph;
}


/*TEXT LARGE*/
.large{
	font-size: 14px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.large_b{
	font-weight: bold;
	font-size: 14px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.text_b {
	font-weight: bold;
}

.text_col_g {
	color:#003300;
	padding:0 2px 0 5px;
}

.text_col_lg {
	color:#336600;
	padding:0 0 0 0;
}

/*p*/
p {
	margin: 0;
	padding: 0;
}

/*-------------------- header --------------------*/
.header_logo {
	padding: 5px 0 0 17px;
	float: left;
}
.header_right {
	width: 253px;
	margin: 0;
	padding: 3px 10px 0 0;
	float: right;
}
.header_menu {
	width: 253px;
	margin: 0;
	padding: 0;
}
.header_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.header_menu li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	float: left;
}
.header_jtb {
	margin: 0;
	padding: 9px 0 0 0;
	float: right;
}

/*-------------------- pan navi --------------------*/
.panbox {
	width: 900px;
	height: 25px;
	margin: 0;
	padding: 0;
	background-color: #DDDDDD;
	background-image: url(../img_common/pan_icon01.gif);
	background-repeat: no-repeat;
	font-size: 10px;
}
.panbox ul {
	list-style: none;
	margin: 0;
	padding: 7px 0 0 16px;
}
.panbox li {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 7px;
	float: left;
}
.pan {
	background: url(../img_common/pan_icon02.gif) no-repeat;
}

/*-------------------- main --------------------*/
.main_copy {
	width: 900px;
	margin: 0;
	padding: 10px 0 0 12px;
	text-align: left;
}
/*left_side*/
.main_l {
 width: 208px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}
/*right_side*/
.main_r {
 width: 660px;
	margin: 0;
	padding: 0 0 0 13px;
	float: left;
}

/*-------------------- menu --------------------*/
/*Accordion menu*/
.menu,
.mainmenu
.submenu{
	width: 200px;
}

ul.submenubox {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.submenubox img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

 .panel-up{
	background:url(../img_common/menu.gif) no-repeat scroll 0px 0px;
 }
.panel-down{
	background:url(../img_common/menu_over.gif) no-repeat scroll 0px 0px;
}

.panel-closed{
	display:none;
}
.mainmenu {
	text-align: left;
}
.mainmenu img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.menu2box {
	margin: 10px 0 0 5px;
	padding: 0;
	text-align: left;
}
.menu2box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu2box li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}
.menu2box img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/*-------------------- banner --------------------*/
.main_bannerbox {
 width: 218px;
	padding: 0;
}
.main_bannerbox02 {
 width: 218px;
	padding: 0;
	float: right;
}
.main_banner {
	margin: 0 10px 0 0;
	clear: both;
}
.main_banner02 {
	margin: 30px 0 0 0;
	clear: both;
}
.main_banner ul,
.main_banner02 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main_banner li,
.main_banner02 li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 100%;
}

/*-------------------- footer --------------------*/
.footer_main {
	width: 772px;
	margin: 0;
	padding: 45px 0 0 49px;
	float: left;
}
.footer_add {
	margin: 0;
	padding: 0 0 5px 0;
	clear: both;
	font-size: 10px;
	color: #333333;
}
.footer_copyright {
	width: 369px;
	margin: 0 auto;
	padding: 0 0 0 0;
	clear: both;
}
.btn_pageup {
	margin: 0;
	padding: 42px 10px 0 0;
	float: right;
}

/*-------------------- clearfix --------------------*/
.container:after,
.header_main:after,
.main:after,
.main_r:after,
.footer:after {
	content: ",";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*-------------------- imame --------------------*/
.btn_pageup img,
.footer_copyright img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/*----------------------------------------------------
CORNER
----------------------------------------------------*/
/*-------------------- title --------------------*/
h1 {
	width: 662px;
	height: 90px;
	margin: 10px 0;
	padding: 0;
}
h2 {
	width: 639px;
	height: 24px;
	margin: 0 0 15px 0;
	padding: 10px 0 0 23px;
	font-size: 12px;
	font-weight: bold;
}

h2.jpb {
	background: url(../img/j_s_ttl.gif) no-repeat;
}

h2.apb {
	background: url(../img/a_s_ttl.gif) no-repeat;
}

h2.cpb {
	background: url(../img/c_s_ttl.gif) no-repeat;
}

h2.spb {
	background: url(../img/s_s_ttl.gif) no-repeat;
}

h2.tpb {
	background: url(../img/t_s_ttl.gif) no-repeat;
}

h2.web {
	background: url(../img/weblesson/t_s_ttl.gif) no-repeat;
}


h3 {
	width: 654px;
	height: 22px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 8px;
	font-size: 12px;
	font-weight: bold;
}

h3.jpb {
	background: url(../img/j_ss_ttl.gif) no-repeat;
}

h3.apb {
	background: url(../img/a_ss_ttl.gif) no-repeat;
}

h3.cpb {
	background: url(../img/c_ss_ttl.gif) no-repeat;
}

h3.spb {
	clear:both;
	background: url(../img/s_ss_ttl.gif) no-repeat;
}

h3.tpb {
	background: url(../img/t_ss_ttl.gif) no-repeat;
}

h3.web {
	background: url(../img/web_ss_ttl.gif) no-repeat;
}

/*-------------------- common --------------------*/
.textbox {
	width: 658px;
	margin: 0;
	padding: 0 2px 0 2px;
}
.textbox01 {
	width: 658px;
	margin: 0;
	padding: 0 2px 10px 2px;
}
.textbox02 {
	width: 658px;
	margin: 0;
	padding: 0 2px 20px 2px;
}
.textbox03 {
	width: 658px;
	margin: 0;
	padding: 0 2px 30px 2px;
}
.textbox04 {
	width: 658px;
	margin: 0;
	padding: 0 2px 40px 2px;
}
.textbox05 {
	width: 658px;
	margin: 0;
	padding: 0 2px 50px 2px;
}

/*注釈*/
p.tyu {
	padding-left: 1em;
	text-indent: -1em;
}

.txt_b {
 font-weight: bold;
	}

/*-------------------- clearfix --------------------*/
.panbox:after,
.textbox:after,
.textbox01:after,
.textbox02:after,
.textbox03:after,
.textbox04:after,
.textbox05:after {
	content: ",";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*-------------------- imame --------------------*/

h1 img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}