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

/* =0= base */
html * {
}

body {
	background-image: url(../img/global/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #E0DFE3;
	font-size:14px;
	_font-size: 11pt;
	font-family: "ＭＳ Ｐゴシック";
	margin: 0px;
	padding: 0px;
}

/* =2= body */

#body {
	margin-top: 10px;
	font-size: 100%;
	background-image: url(../img/top/body_bg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	height: 100%;
	width: 800px;
}

form{margin:0px;padding:0px;}
input{margin:0px;padding:0px;}

a:link {  color: #06C; text-decoration: none}
a:visited {  color: #06C; text-decoration: none}
a:hover {  color: #F00; text-decoration: underline}
a:active {  color: #F00; text-decoration: underline}

#wrap h1.fLeft{
	font-size:15px;
	color:#F00;
	margin:4px 0px 2px 2px;
}


#headNavi{
	/*font-weight:lighter;*/
	font-size:15px;
	margin:4px 0px 2px 2px;
	float:right;
}

/* パンくずナビ */
#right .pan{
	font-size:100%;
	font-weight:lighter;
	margin:0px;
	padding:0px;
	color:#0033CC;
}


.clear,
#foot {
	clear:both;
}

.clearfix:after,
#head_line:after,
#body:after,
#content:after,
#main:after,
.main_programBox01:after,
.main_programBox02:after,
.infoBox_contents:after,
#head:after,
#right div.border01:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
#head_line,
#body,
#content,
#main,
.main_programBox01,
.main_programBox02,
.infoBox_contents,
#head,
#right div.border01
 {
	/*display: inline-table;*/
}

.clearfix,
#head_line,
#body,
#content,
#main,
.main_programBox01,
.main_programBox02,
.infoBox_contents,
#head,
#right div.border01
 {
	zoom: 100%;
}

/* Hides from IE-mac \*/
* html #right div.border01,
* html .clearfix
{
height: 1%;
}
#right div.border01,
.clearfix
{
display: block;
}
/* End hide from IE-mac */

/* clearfix	設定終了 */

#wrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}


/* =1= head */

/* =1= head */

#head {
	background-color: #FFE993;
	height: 64px;
	width: 800px;
	clear:both;
}

#head *{
	margin: 0px;
	padding: 0px;
}



#head_line {
	background-image: url(../img/global/head_line.gif);
	height: 19px;
	width: 800px;
	background-repeat: no-repeat;
}

#head_line h1,#head_line h2 {
	font-size: 0.8em;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
	width: 585px;
	height: 15px;
	padding-left: 5px;
	padding-top: 4px;
}

#head_line a {
	width: 210px;
	display: block;
	float: right;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}

#head_logo {
	float: left;
	height: 45px;
	width: 195px;
}

#head_txt {
	height: 24px;
	float: right;
	width: 605px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 11px;
}



#content {
	margin-top: 10px;
	font-size: 100%;
	background-image: url(../img/common/bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	height: 100%;
	width: 800px;
}



#class{
	width:570px;
	height:50px;
}

#class img{
	float:left;
	margin-left:0px;
}



#left{
	float:left;
	width:200px;
	
}

#left .menu{
	width:200px;
	margin:0px 10px;
}

#left .menu .btn01{
	margin:10px 0px;
}

#left .menu .btn01 a{
	display:block;
	width:180px;/*width:200px;*/
	height:18px;
	background-image:url(../img/common/menu_icon01.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	color:#333;
}

#left .menu .btn01 span{
	display:block;
	width:180px;/*width:200px;*/
	height:18px;
	background-image:url(../img/common/menu_icon01.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	color:#333;
}

#left .menu .btn01 a:hover{
	background-image:url(../img/common/menu_icon01_ov.gif);
}

#left .menu .btn01_ov a{
	color:#F00;
	text-decoration:none;
	margin:10px 0px;
	display:block;
	width:180px;/*width:200px;*/
	height:18px;
	background-image:url(../img/common/menu_icon01_ov.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

#left .menu .btn01_ov span{
	color:#F00;
	text-decoration:none;
	margin:10px 0px;
	display:block;
	width:180px;/*width:200px;*/
	height:18px;
	background-image:url(../img/common/menu_icon01_ov.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

#left .menu .btn02{
	margin:3px 0px;
}

#left .menu .btn02 a{
	display:block;
	width:168px;/*width:200px;*/
	/*height:18px;*/
	height:auto;
	background-image:url(../img/common/menu_icon02.gif);
	background-repeat:no-repeat;
	background-position:12px center;
	padding:0px 0px 0px 30px;
	color:#333;
}
#left .menu .beginner a{
  background-position:12px 3px;
	}

#left .menu .btn02 a:hover{
	background-image:url(../img/common/menu_icon02_ov.gif);
}


#left .menu .btn02_ov a{
	color:#F00;
	text-decoration:none;
	margin:3px 0px;
	display:block;
	width:168px;/*width:200px;*/
	max-height:35px;
	background-image:url(../img/common/menu_icon02_ov.gif);
	background-repeat:no-repeat;
	background-position:12px 0px;
	padding:0px 0px 0px 30px;
}


#left .menu .banner{
	margin:0px 0px 5px 0px;
}

#left #b11061{
	margin-top:-7px;
}



#right{
	float:right;
	width:570px;
	line-height:150%;
	margin:0px 0px 20px 0px;
}


/* =7= foot */

#foot {
	width: 800px;
	padding-top: 10px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	text-align: center;
	font-size: 10px;
	background-color:#FFF;
}

#foot p {
	margin:0px 0px 3px 0px;
}

#foot p a {
	text-decoration: none;
	color: #999999;
	background-image: url(../img/global/foot_a_line.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	padding-left: 8px;
}

#foot p a.first {
	background-image: none;
	padding-left: 0px;
	margin-left: 0px;
}


#copyright {}

#b11081{
	height:35px;
}

.border_img{
	border:1px solid #666;
}

.border01{
	border:1px solid #67A0F8;
	background-color:#DAE9FE;
	padding:10px;
	}

.border02{
	border:1px solid #333333;
	background-color:#FFFFFF;
	padding:5px;
}

.border03{
	border:1px dashed #333333;
	background-color:#FFFFFF;
	padding:5px;
}

.nomal_input{
	width:110px;
}

/* Forms */
#forms{background-color:#FFFFFF;margin:0px auto;font-size:13px;}
#forms .table{background-color:#999;text-align:left;font-size:13px;}
#forms .column{background-color:#EEE;color:#000;padding:5px 5px 5px 5px;vertical-align:top;text-align:left;}
#forms .value{background-color:#FFFFFF;color:#333333;padding:5px 5px 5px 5px;vertical-align:top;text-align:left;}
#forms .imeoff {ime-mode:disabled;}

#forms .textBox{
	width:300px;
}

#forms .nomalText{
	width:300px;
}

#forms .intText01{
	width:50px;
	text-align:center;
}

#forms .hissuText{
	color:#F00
}

.clr{clear:both;}

.show{display:block}
.hide{display:none}

.c_white{color:#FFF;}
.c_blue{color:#0066CC;}
.c_red{color:#FF0000;}
.c_orange{color:#FF6600;}
.c_green{color:#006666;}
.c_light_orange{color:#FFCC99}
.c_light_blue{color:#06F}

.nomal{font-size:95%;line-height:130%}

.small{font-size:90%;line-height:120%}
.xsmall{font-size:80%;line-height:120%}

.large{font-size:130%;}
.xlarge{font-size:150%;}

.fLeft{float:left}
.fRight{float:right}


.m05{margin:5px}
.m10{margin:10px}

.mT05{margin: 5px 0px  0px 0px}
.mT10{margin:10px 0px  0px 0px}
.mB05{margin: 0px 0px  5px 0px}
.mB10{margin: 0px 0px 10px 0px}
.mB20{margin: 0px 0px 20px 0px}

.mL05{margin:0px 0px 0px 5px}
.mL15{margin:0px 0px 0px 15px}

.mR05{margin:0px 5px 0px 0px}
.mR10{margin:0px 10px 0px 0px}
.mR20{margin:0px 20px 0px 0px}

.mTB05{margin: 5px 0px}
.mTB10{margin:10px 0px}

.mLB10{margin:0px 0px 10px 10px}
.mLB20{margin:0px 0px 20px 20px}


.pL10{padding:0px 0px 0px 10px}
.pR10{padding:0px 10px 0px 0px}

.pL20{padding:0px 0px 0px 20px}
.pR20{padding:0px 20px 0px 0px}

.pLR10{padding:0px 10px}
.pLR20{padding:0px 20px}

.pT10{padding:10px 0px 0px 0px}
.pB10{padding:0px 0px 10px 0px}

.pT20{padding:20px 0px 0px 0px}
.pB20{padding:0px 0px 20px 0px}

.pTB05{padding:5px 0px}
.pTB10{padding:10px 0px}

.tAL{text-align:left}
.tAR{text-align:right}
.tAC{text-align:center}

/*Simple RollOver*/
a.sro:hover img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

/*Debug*/
.debugImg{
	padding:20px;
	text-align:center;
	border:1px solid #333;
}

.debugText{
	color:#FF0033;
	font-weight:bold;
}