@charset "utf-8";

/* contents Section top page
---------------------------------------------------------------------- */

#contents{
	clear:both;
	text-align: left;
	background: #FFF;
}

#main {
	width: 500px;
	text-align: left;
	float: right;
	border-left: 1px solid #DDD; 
	padding-left: 10px;
}

#main h2 {
	padding-bottom: 4px;
}

#sub h2 {
	padding-bottom: 4px;
}

#mainTop {
	width: 480px;
	padding: 10px;
}

#uranaiIntroduce li {
	list-style: none;
	padding: 0px;
	min-height: 70px;
	border-bottom: 1px dotted #CCC;
	margin-right: 20px;
}

#uranaiIntroduce li p {
	padding: 0.5em;
}

#uranaiIntroduce li img {
	margin-right: 5px;
}



#mainLeft {
	width: 230px;
	padding: 10px;
}

#mainRight {
	width: 230px;
	padding: 10px;
	float: right;
}

#mainBottom {
	width: 480px;
	padding: 10px;
}

#bannerList li {
	list-style: none;
	display: inline;
	margin-right: 6px;
	padding: 0;
}

#bannerList li a img {
	border: 1px solid #fff;
}

#bannerList li a:hover img {
	border: 1px solid #CC0000;
}

#sub {
	width: 239px;
	display: inline;
}

#sub p {
	width: 200px;
}

/* side Section 
---------------------------------------------------------------------- */

#sideTop {
	width: 200px;
	padding: 10px;
}

#sideTop p {
	width: 190px;
}

#sideMiddle {
	width: 200px;
	padding: 10px;
}

#sideMiddle p {
	width: 190px;
}

#sideBottom {
	width: 200px;
	padding: 10px;
}

#sideBottom p {
	width: 190px;
}

#sideUranai {
	width: 200px;
	margin: 10px 0 0 5px;
	border: 1px solid #F8A1B4;
}


#sideUranai h2 {
	font-size: 80%;
	width: 180px;
	padding: 5px 10px;
	border-bottom: 1px solid #F8A1B4;
	background: #FDDEE4;
	text-align: center;
}

#sideUranai li {
	padding: 2px 0;
	list-style: none;
	float: left;
	width: 66px;
	text-align:center;
}

/* breadcrumbs
---------------------------------------------------------------------- */

#breadcrumbs {
	clear: left;
	padding: 10px 0 10px 0px;
	text-align: left;
	font-size: 75%;
	width: 640px;
}

#breadcrumbs ul {
	list-style: none;
	display: inline;
}

#breadcrumbs li {
	display: inline;
	padding-right: 0.2em;
}

#breadcrumbs li a:hover {
	text-decoration: none;
	background: #7C4A33;
}





/* second page Section 
---------------------------------------------------------------------- */

#entry {
	padding-top: 15px;
	padding-left: 45px;
	padding-right: 45px;
	width:640px;
}

#entry h2 {
	padding: 4px 4px 4px 15px;
	font-weight: bold;
	color: #446395;
	border: 1px solid #AAA;
	font-size: 100%;
	width: 620px;
	margin-bottom: 10px;
}

#entry h3 {
	padding-left: 25px;
	background: url(../images/ico_flower.gif) no-repeat left center;
	font-size: 100%;
	color: #5678B2;
	margin-bottom: 10px;
}

#entry h4 {
	margin: 15px 0 10px 0;
	padding-left: 5px;
	color: #333;
	border-bottom: 1px dotted #999999;
	font-weight: bold;
	font-size: 100%;
}

#entry h4:hover {
	border-bottom: 1px dashed #999999;
}


.NumList li {
	list-style:decimal;
	padding-left: 5px;
	margin-left: 20px;
	margin-bottom:10px;
}


/* Subsection Tabs
--------------------*/
#contents ul.subsection_tabs {
	list-style:none;
	margin: 15px 0 10px 0;
	padding:0;
	clear:both;
	padding-bottom: 1px;
	border-bottom:2px solid #FF9900;
	height:20px;
	clear:both;
}

#contents ul.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
	list-style: none;
}

#contents ul.subsection_tabs li a {
	display:block;
	height:20px;
	padding:0 10px 0 10px;
	background-color: #FFF;
	color:#000;
	text-decoration: none;
	border: 1px solid #FF9900;

}

#contents ul.subsection_tabs li a:hover ,
#contents ul.present li a.active {
	background-color: #FF9900;
	color:#FFF;
	border: 1px solid #FF9900;
}

#contents ul.register_tabs {
	border-bottom:none;
}

#contents ul.register_tabs li a.active {
	background-color:#FFF;
	color:#000;

}

#methodList {
	list-style: decimal;
}

#methodList li {
	padding-left: 15px;
}

#linkBtn {
	margin: 30px auto 0 auto;
	text-align: center;
	width: 660px;
	font-size: 14px;
}

#linkBtn ul {
	padding-top: 30px;
	list-style: none;
	text-align: center;
}

#linkBtn ul li {
	list-style: none;
	float: left;
	display: block;
	margin-left: 2px;
	height: 35px;
	margin-bottom: 20px;
}

#linkBtn li a {
	background: #FF9900;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	width: 171px;
	padding: 10px 20px;
	display: block;
}

#linkBtn li a:hover {
	background: #FFBB00;
}




.tableA {
	margin-top: 15px;
	border: 1px solid #999;
	border-collapse: collapse;

}

.tableA td, th {
	border: 1px solid #999;
	border-collapse: collapse;
	padding: 10px;
}

.tableA th {
	background: #FFCCCC;
}

.annotation {
	color: #CC0000;
	padding: 10px 0 20px 0;
}

.BlueText {
	color:#000066;
}

.detail {
	padding-left: 15px;
	background: url(../images/img_detail.gif) no-repeat left center;
}

#pagetop a {
	padding-left: 15px;
	background: url(../images/img_pagetop.jpg) no-repeat left center;
}



dl.faq dt {
	background: ;
	padding: 6px 6px 6px 36px;
	width: 100%;
	background: #EEFFFF url(../images/img_q.gif) no-repeat 7px 5px;
	border: 1px solid #AAA;
	margin-bottom: 8px;
}

dl.faq {
	margin-bottom:30px;
}

dl.faq dd {
	height:100%;
	padding: 16px 6px 6px 36px ;
	background: #EEEEFF;
	width: 100%;
	margin-bottom: 25px;
	background: url(../images/img_a.gif) no-repeat 7px 15px;
}

ul.circleList {
	list-style: circle;
	margin-left: 20px;
}

ul.circleList li {
	list-style: circle;
}

table.tableB {
	border-collapse:collapse;
	border: 1px solid #999;
	width: 100%;
}

table.tableB td, th {
	border-collapse:collapse;
	border: 1px dotted #999;
	padding: 8px;
}

table.tableB th {
	width: 35%;
	vertical-align: top;
	text-align: left;
} 

table.recruitTable {
	border-collapse: collapse;
	border: 1px solid #666;
	background: #FFF;
	font-size: 90%;
	width: 95%;
	margin: 10px 0 15px 0;
}

table.recruitTable th {
	border: 1px dotted #666;
	font-weight: bold;
	width: 5em;
	background: #EFFFFF;
}

table.recruitTable td {
	border: 1px dotted #666;
	padding: 10px;
}

table.recruitTable ul li {
	list-style: none;
}


/*----------user-----------*/

.userBox {
	margin-bottom: 15px;
	vertical-align: bottom;
}
.userBox img {
	float: left;
}

.userBox .name {
	background: #EEEEEE;
	margin-bottom: 10px;
}

.userBox h4 {
	border: none;
	width: 300px;
	float: left;
	margin: 0;
	padding: 0;
}

.userBox img {
	float: left;
	padding-right: 10px;
}

.userBox .name p {
	float: right;
	width: 200px;
	text-align: right;
	padding: 10px;
	margin: 0px;
}

.cont_text01 {
	line-height: 1.5em;
	border-collapse:collapse;
	padding: 8px;
}
.cont_text02 {
	line-height: 1.5em;
	border: 1px solid #999;
	border-collapse:collapse;
	padding: 8px;
	width: 100%;
}

.cont_text01 td {
	border-collapse:collapse;
	padding: 8px;
}

.cont_text02 td {
	border: 1px solid #999;
	border-collapse:collapse;
	padding: 8px;
}

/*-------------------------------------------------------------- 
body#contact
--------------------------------------------------------------*/


#formTable ul,
#formTable textarea,
#formTable select{
	font-size: 100%;
}


#formTable{
	color: #333333;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-top: 1px #B6B6B5 solid;
}

#formTable colgroup {
	width: 130px;
	background: #f5f5f5;
}

#formTable th {
	width: 150px;
	font-size: 100% !important;
	font-weight: normal;
	text-align: center !important;
	background: #f5f5f5;
}


#formTable th img {
	margin-left: 3px;
}

#formTable .submit {
	text-align: center;
	background: #FFF;
}

.basI h3 {
	margin-left: 20px !important;
	text-align: left !important;
}

#formTable ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none !important;
}

#formTable input {
	vertical-align: middle;
	font-size: 100%; 
}

#formTable .formList01 {
	float: left !important;
	width: 49% !important;
}

#formTable ul span {
	padding-left: 1.5em !important;
}


#formTable label span{
	position: absolute;
	top: -3px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.error{
	color: #f00;
}

.errorLine{
	border-bottom: 2px solid #f00;
}


.uranaishiList {
	border-top: 1px solid #CCC;
	padding-bottom: 20px;
}

.uranaishiList li {
	list-style: none;
	border-bottom: 1px solid #CCC;
}

.uranaishiList li img {
	float: left;
	padding: 10px 10px 10px 0;
}

.uranaishiList li p.teachearName {
	font-weight: bold;
	font-size: 100%;
	color:#000066;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	width: 400px;
}

.uranaishiList li p.senjutsu {
	font-weight: bold;
	font-size: 100%;
	color:#000066;
	padding: 10px 0 5px 0;
}

p.LinkC {
	width: 200px;
	padding-bottom: 5px;
}

p.LinkD {
	float: right;
	width: 200px;
	text-align: right;
	padding-bottom: 5px;
}

.nextLink {
	clear: both;
	display: inline;
	text-align: right;
	width: 350px;
	float: right;
	font-size: 90%;
}

.nextLink li {
	display: inline;
	margin-left: 20px;
}


.blueBigText {
	font-weight: bold;
	font-size: 110%;
	color:#000066;
	padding-top: 10px;
}

.teachearBox {
	padding-top: 20px;
	width: 640px;
}

.news dt{
	float: left;
	width: 10em;
	padding-bottom: 4px;
}

.news dd{
	padding-bottom: 4px;
}

.news dl{
	padding-bottom: 10px;
}

.name h4 {
	font-size: 90%;
}

/* Start link page
---------------------------------------------------------------------- */

.linkcolumn {
	width: 450px;
	padding-left: 15px;
	padding-right: 10px;
}

#contents div.LinkList {
	margin: 0 0 1em 2em;
}

#contents div.LinkList a {
	text-decoration: none;
	background: #FFFFFF;
	width: 500px;
	display: block;
	border: 1px solid #DDDDDD;
	padding: 1em;
	margin-left: 2em;
}

#contents .LinkList a:hover {
	background: #FFFF99;
	border: 1px solid #DDCC99;
}

#contents .LinkList a:hover img {
	background: #FFFF99;
}

#contents .LinkList a img {
	float: left;
	text-align: left;
	background: #FFFFFF;
	display: block;
	padding-right: 5px;
}



#contents .LinkList span.LinkTitle {
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
	float: left;
	width: 350px;
	margin: 0;
	padding:0;
	color:#FF6600;
}

#contents .LinkList .LinkText {
	text-decoration: none;
	display: block;
	font-size:90%;
	padding:0;
	float: left;
	width: 400px;
	color:#666666;
	font-weight: normal;
}

#contents .LinkList span.LinkText2 {
	font-size: 90%;
	clear: both;
	color:#666666;
	font-weight: normal;
	width: 500px;
}

#contents .pager {
	font-size: 80%;
	margin-right: 30px;
}

#contents .BoshuuList {
	margin: 0 0 1em 4em;
	width: 500px;
	padding: 1em;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}

#contents .BoshuuList .LinkText {
	font-size: 90%;
	font-weight: normal;
	
}

#contents .BoshuuList span.LinkTitle {
	font-weight: bold;
	color:#FF6600;
	padding-right: 2em;
}

#linkForm {
	margin-left: 2em;
}


/* Start ad page Section
---------------------------------------------------------------------- */
.adTable {
	margin-top: 15px;
	background: #FFF;
	border: 1px solid #999;
	font-size: 80%;
	border-collapse: collapse;
	width: 568px;
}

.adTable td,th {
	padding: 1.0em;
	border: 1px solid #999;
}

.adTable th {
	text-align: center;
	background: #FFFFEE;
}


ol.PRList01 li {
	list-style-type:decimal;
	margin-left: 2em;
}

ol.PRList01 {
	margin-bottom: 1em;
}



/*inquiry
------------------------------*/
#entry form{
	margin:0;
	padding:0;
}
#entry table.inquiry{
	border-top:#CBCBCB solid 1px;
	border-left:#CBCBCB solid 1px;
	margin: 5px 18px 15px 23px;
	padding:0;
	width:600px;
}
#entry td.inquiry_left {
	border-bottom:#BBBBBB solid 1px;
	border-right:#BBBBBB solid 1px;
	background-color: #EFEFEF;
	margin:0;
	padding: 5px 0 5px 5px;
	line-height: 1.5;
	width: 160px;
	
}
#entry td.inquiry_right {
	border-bottom:#CBCBCB solid 1px;
	border-right:#CBCBCB solid 1px;
	margin:0;
	padding: 5px 0 5px 5px;
	line-height: 1.5;
	
}
#entry td.inquiry_right_noborder {
	margin:0;
	padding: 5px 0 5px 5px;
	line-height: 1.5;
	
}
#entry td.inquiry_right_border {
	border-right:#CBCBCB solid 1px;
	margin:0;
	padding: 5px 0 5px 5px;
	line-height: 1.5;
	
}
#entry td.inquiry_center {
	border-bottom:#CBCBCB solid 1px;
	border-right:#CBCBCB solid 1px;
	margin:0;
	padding: 5px 0 5px 5px;
	line-height: 1.5;
	
	text-align:center;
}
#entry div.inquiry{
	margin: 7px 18px 3px 23px;
	padding: 1px;
	background-color:#fff;
	border:#E4E4E4 solid 1px;
	line-height: 1.0;
}
#entry p.inquiry{
	margin:5px;
	padding: 10px;
	background-color:#E4E4E4;
}
#entry .txt_red{
	color:#D52F2F;
}

input.error,
textarea.error {
	background-color:#ffdfdf;
}

span.error {
	font-weight: bold;
	color:#FF0000;
}

.scrollArea {
	height:100px;
	overflow:auto;
	padding:7px;
	text-align:left;
	width:auto;
	border: 1px solid #666;
}

span.submitbutton button {
	width: 213px;
	height: 58px;
	font-weight: bold;
       background-color:#FFCC00;
       color: #000000;
       padding:3px 20px 3px 20px;
       text-decoration:none;
       border: solid 1px #ffffff;
       line-height: 30px;
       font-size: 16px;
}

span.submitbutton button:hover {
       background-color:#FFEDA6;
}


button {
	background-color: transparent;
	border: medium none;
	cursor: pointer;
}

.uranaishiBox1 {
	background: url(../images/bg_uranaishibox01.gif) no-repeat left top;
	height: 4px;
	padding: 5px 0;
}

.uranaishiBox3 {
	background: url(../images/bg_uranaishibox03.gif) no-repeat left bottom;
	height: 4px;
	padding: 5px 0;
}

.uranaishiBox2 {
	background: url(../images/bg_uranaishibox02.gif) repeat-y left top;
	float: right;
	width: 184px;
	margin-left: 15px;
}

.uranaishiBox2 p, .uranaishiBox2 img {
	padding: 0 10px;
}

.uranaishiName {
	font-weight: bold;
	color: #010068;
}

.uranaiNumListBox {
	margin: 20px 5px 20px 0;
	width: 154px;
	float: left;
}

.uranaiNumList {
	background: url(../images/bg_uranai_02.gif) no-repeat left top;
	list-style: decimal;
	width: 154px;
	height: 120px;
}

.uranaiNumList p {
	vertical-align:middle;
	padding: 28px 2px 10px 5px;
	font-weight: bold;
	font-size: 12px;
}

#entry h4.uranaiH4 {
	margin-top: 20px;
	background: url(../images/ico_h4.gif) no-repeat left center;
	padding-left: 25px;
	border-bottom: 1px dotted #C0A764;
}

.Question {
	font-weight: bold;
	color: #8B6400;
	margin-bottom: 10px;
}

.tokuten1 {
	width: 520px;
	background:url(../images/bg_tokuten1.jpg) repeat-y top left;
	margin: 0;
	padding: 0 10px;
}

.tokuten2 {
	width: 520px;
	background:url(../images/bg_tokuten1.jpg) repeat-y top left;
	margin: 0;
	padding: 0 10px;
}

.tokuten3 {
	width: 500px;
	background:url(../images/bg_tokuten1.jpg) repeat-y top left;
	margin: 0;
	padding: 0 10px;
}

.tokutenEnd {
	width: 520px;
	height: 37px;
	background:url(../images/bg_tokuten11.jpg) no-repeat bottom left;
	margin: 0 0 5px 0;
}

.tokutenTop {
	width: 520px;
	height: 37px;
	background:url(../images/bg_tokuten111.jpg) no-repeat bottom left;
	margin: 5px 0 0 0;
}

.tokuten1 img {
	margin: 50px 0 0 10px;;
}

.tokuten2 img {
	margin: 50px 0 0 10px;;
}

.tokuten3 img {
	margin: 50px 0 0 10px;;
}

.tokuten1 p, .tokuten2 p {
	margin: 0 30px 0 0px;
	width: 370px;
	float: right;
}

.tokutenA ,.tokutenB,tokutenC {
	color:#886500;
	font-weight: bold;
}

.tokutenA {
	background: url(../images/ico_tokutenA.jpg) left center no-repeat;
	padding-left: 30px;
}

.tokutenB {
	background: url(../images/ico_tokutenB.jpg) left center no-repeat;
	padding-left: 30px;
}

.tokutenC {
	background: url(../images/ico_tokutenA.jpg) left center no-repeat;
	padding-left: 30px;
}

#entry h2.PR {
	padding: 4px 4px 4px 15px;
	font-weight: bold;
	color: #446395;
	border: 1px dotted #A4A4FF;
	font-size: 100%;
	width: 620px;
	margin-bottom: 10px;
}

h2.PRtop {
	padding: 4px 4px 4px 15px;
	font-weight: bold;
	color: #446395;
	border: 1px dotted #A4A4FF;
	font-size: 100%;
	width: 445px;
	margin-bottom: 10px;
}

.PRAreaA {

}

.PRArea {
	background: #FFF;
	width: 640px;
	margin-bottom: 10px;
}

.PRArea ul.PRList {
	list-style: none;
	font-size: 90%;
}

.PRArea ul.PRList li {
	list-style: none;
	padding-left: 35px;
	background: url(../images/ico_pr.gif) left no-repeat;
	margin: 0.4em 0 0.4em 0.6em;
}

#sidePR li {
	list-style: none;
	text-align: center;
}

#contactList {
	margin: 0 0 0 50px;
}

#contactList li {
	float: left;
	margin: 0 10px 0 0;
	font-size: 18px;
	font-weight:bold;
	display: inline;
	padding-bottom: 0;
	padding-top: 0;
}


.icoTel {
	padding-left: 35px;
	background: url(../images/ico_tel.gif) left -5px no-repeat;

}

.telTxt {
	margin-bottom: -25px;
}

.selectList {
	margin-left: 30px;
}

.selectList li a {
	padding-right: 17px;
	background: url(../images/ico_arrow03.gif) right center no-repeat;
	color:#000033;
}

#q001 {
	border: 1px dotted #FF6600;
	padding: 0.5em;
	margin: 0 auto;
}
#q002 {
	border: 1px dotted #FF6600;
	padding: 0.5em;
	margin: 0 auto;
}



#hotLine a {
	width: 466px;
	border: 1px dotted #3399FF;
	background: #E6F2FF url(../images/simasima_bg.gif) repeat;
	display: block;
	text-decoration: none;
	padding: 10px 0;
	margin-bottom: 10px;
}

#hotLine a:hover {
	border: 1px dashed #FF66FF;
}

#hotLine li {
	list-style: none;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

#hotLine li span {
	font-size:14px;
	color:#CC0033;
}

.recruitBox a {
	border: 1px dotted #3399FF;
	background: #FFDFFF url(../images/simasima_bg.gif) repeat;
	display: block;
	text-decoration: none;
	margin: 2px 0;
	padding: 3px;
}

.construction {
	width: 95%;
	margin: 20px auto;
	padding: 10px;
	border: 2px dotted #FF9900;
	text-align: center;
	background: #FFFFCC url(../images/simasima_bg.gif) repeat;
}

.conA {
	float: left;
	width: 200px;
}

.textL {
	margin-top: 30px;
	font-weight: bold;
	color:#FF0000;
	font-size: 110%;

}

.textR {
	margin-top: 30px;
	font-weight: bold;
	color:#FF0000;
	font-size: 120%;
}