/**************************************
common
**************************************/





/**************************************
concept
**************************************/
.left h2 {
	padding-bottom: 24px;
}
.left h3 {
	padding-bottom: 25px;
}
.left p {
	font-size: 100%;
}
.left dl {
	padding-top: 20px;
}
.left dt {
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 17px;
	padding-bottom: 10px;
}


.left dd {
	font-size: 100%;
	padding-bottom: 17px;
}
.concept p {
	line-height: 1.8em;
}

.concept dt {
	padding-bottom: 12px;
}

.concept dd {
	line-height: 1.8em;
}

.btn_area {
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 65px;
}








/**************************************
product
**************************************/

.right li {
	height: 41px;
	width: 210px;
	margin-bottom: 5px;
}
.right li a {
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	width: 210px;
}
.sub_navi1 a {
	background-image: url(../images/product/sub_navi_web1.gif);
}
.sub_navi2 a {
	background-image: url(../images/product/sub_navi_web2.gif);
}
.sub_navi3 a {
	background-image: url(../images/product/sub_navi_web3.gif);
}
.right li a:link {
	background-position: left top;
}
.right li a:visited {
	background-position: left top;
}
.right li a:hover {
	background-position: left bottom;
}
.right li a:hover img {
	display: none;
}


.item_box {
	width: 691px;
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	padding-bottom: 17px;
	clear: both;
}
.site_img {
	float: left;
	width: 250px;
}
.site_img2 {
	float: left;
	width: 415px;
}
.site_img img {
	border: 1px solid #5d3c27;
}
.site_text {
	float: left;
	width: 441px;
}
.site_text2 {
	float: left;
	width: 276px;
}

.product .item_box dl {
	background-image: none;
	margin: 0px;
	padding: 0px;
}
.product .item_box dt {
	margin: 0px;
	padding: 0px;
	background-image: none;
	line-height: 1em;
}
.item_box .site_text span,.item_box .site_text2 span {
	display: block;
}

.site_text .title,.site_text2 .title {
	font-size: 123.1%;
	color: #5d3c27;

}
.site_text2 .title {
	margin-bottom: 10px;
}
.site_text .url {
	font-size: 93%;
	padding-top: 7px;

}

.site_text .url a:link {
	color: #666666;
}
.site_text .url a:visited {
	color: #666666;
}
.site_text .url a:hover {
	color: #46c7eb;
}
.site_text .works {
	padding-top: 13px;
	padding-bottom: 11px;
	font-size: 100%;
}
.site_text2 .company {
	padding-top: 0px;
	padding-bottom: 12px;
	font-size: 100%;
}

.product .item_box dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}


.page_nation {
	clear: both;
	text-align: center;
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 200px;
}
.no_prev {
	padding-left: 240px;
}
.page_nation2 {
	padding-left: 320px;
}
.page_nation a {
	display: block;
	float: left;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 9px;
	margin-right: 12px;
}
.page_nation a:link {
	color: #573721;
	border: 1px solid #e5e8e9;
}
.page_nation a:visited {
	color: #573721;
	border: 1px solid #e5e8e9;
}
.page_nation a:hover {
	color: #FFFFFF;
	border: 1px solid #e5e8e9;
	text-decoration: none;
	background-color: #46c7eb;
}
.page_nation .active {
	display: block;
	float: left;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 9px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color: #990000;
	background-color: #FFFFFF;
	margin-right: 12px;
}






/**************************************
workflow
**************************************/


.flow_box {
	background-repeat: no-repeat;
	background-position: 11px 14px;
}

.no1 {
	background-image: url(../images/flow/no1.gif);	
}
.no2 {
	background-image: url(../images/flow/no2.gif);	
}
.no3 {
	background-image: url(../images/flow/no3.gif);	
}
.no4 {
	background-image: url(../images/flow/no4.gif);	
}
.no5 {
	background-image: url(../images/flow/no5.gif);	
}
.no6 {
	background-image: url(../images/flow/no6.gif);	
}
.no7 {
	background-image: url(../images/flow/no7.gif);	
}
.no8 {
	background-image: url(../images/flow/no8.gif);	
}
.no9 {
	background-image: url(../images/flow/no9.gif);	
}

.workflow dl {
	padding-top: 0px;
	background-image: url(../images/common/border_dot_v.gif);
	background-repeat: repeat-y;
}


.workflow dt {
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 14px;
	padding-bottom: 10px;
	padding-left: 47px;
}
.workflow dd {
	padding-left: 86px;
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 15px;
}
.workflow .arrow {
	text-align: center;
	padding-top: 9px;
	padding-bottom: 6px;
}
.workflow .btn_area {
	background-image: none;
}







/**************************************
company
**************************************/

.company h2 {
	padding-bottom: 0px;
}

.company table {
	border-collapse:collapse;
	margin-bottom: 30px;
}


.company td {
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	font-size: 100%;
	line-height: 2em;
	background-color: #FFFFFF;
}
.company .check {
	vertical-align: top;
	padding-right: 10px;
	padding-top: 24px;
	width: 29px;
}




.company .outline td {
	vertical-align: top;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 100%;
	line-height: 1.5em;
	background-color: #FFFFFF;
	background-image: none;
	width: auto;
	letter-spacing: 1px;
	
}

.company .outline .td_left {
	padding-left: 40px;
	padding-right:10px;
	float: left;
	width: 160px;
}
.company .outline .td_right {
	padding-left: 0px;
	padding-right:10px;
	float: left;
	width: 450px;
}


.company .outline .td_h {
	vertical-align: top;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 100%;
	line-height: 1.5em;
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
	width: 180px;
	padding-left: 40px;
	padding-right: 0px;
	
}
.company .border_space th {
	line-height: 1px;
	padding: 0px;
	width: auto;
	height: 1px;
}



/* tablecloth styles */

/*.company tr.even td{background:#e5f1f4;}
.company tr.odd td{background:#f8fbfc;}*/

/*.company th.over, .company tr.even th.over, .company tr.odd th.over{background:#f3f4f6;}
.company th.down, .company tr.even th.down, .company tr.odd th.down{background:#f3f4f6;}
.company th.selected, .company tr.even th.selected, .company tr.odd th.selected{background:#f3f4f6;}*/

.company td.over, .company tr.even td.over, .company tr.odd td.over{background:#f3f4f6;}
.company td.down, .company tr.even td.down, .company tr.odd td.down{background:#f3f4f6;}
.company td.selected, .company tr.even td.selected, .company tr.odd td.selected{background:#f3f4f6;}

/* use this if you want to apply different styleing to empty table cells*/
/*td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}*/


.access {
	padding-top: 15px;
	padding-bottom: 40px;
}

.access img {
	margin-bottom: 5px;
}
.access li {
	text-indent: -2.7em;
	padding-left: 2.7em;
	font-size: 100%;
	line-height: 2em;
}







/**************************************
contact
**************************************/

.contact table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.contact h2 {
	padding-bottom: 15px;
}
.contact h3 {
	padding-bottom: 10px;
}
.contact .margin_bottom0 {
	margin-bottom: 0px;
}

.contact table th {
	text-align: left;
	width: 180px;
	padding-right: 10px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fbfbfc;
}
.contact td {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	vertical-align: middle;
}
.contact .padding_left0 {
	padding-left: 0px;
}

.contact .border_space {
	line-height: 1px;
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 1px;
	background-color: #fbfbfc;
}
.contact .border_space2 {
	line-height: 1px;
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 1px;
	background-color: #ffffff;
}
.contact .border_space3 {
	line-height: 1px;
	background-image: url(../images/common/border_dot.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 1px;
	background-color: #ffffff;
}


.contact input {
	margin: 0px;
	padding: 0px;
}

.contact input[type="text"] {
	width: 200px;
}
.contact input[type="radio"] {
	margin-right: 5px;
	vertical-align: text-bottom;
}
.contact th img {
	vertical-align: middle;
	margin-left: 15px;
}
.wrapper .contact th {
	font-size: 100%;
}
.contact .text_width {
	width: 200px;
}
.contact textarea {
	height: 130px;
	width: 400px;
	font-size: 100%;
}
.contact .h2_p {
	padding-bottom: 15px;
}
.contact .h2_p2 {
	line-height: 4em;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}


.contact form p {
	font-size: 93%;
	padding-top: 10px;
}
.contact .btn_area {
	padding-top: 20px;
	background-image: none;
}


.error_text{
	color: #ff3366;
	font-size: 100%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}
.color_ff3366 {
	color: #ff3366;
}






/**************************************
school
**************************************/

.school h3 {
	margin: 0px;
	padding: 0px;
}
.school .base_box {
	background-image: url(../images/school/school_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.school .main {

	padding-left: 0px;
	padding-right: 241px;
}
.school h4 {
	font-size: 123.1%;
	font-weight: bold;
	color: #f29600;
	padding-top: 20px;
	padding-bottom: 10px;
}

.school ul,.school ol {
	width: auto;
	margin: 0px;
	padding: 0px;
}
.school .main li {
	font-size: 100%;
}
.school ul li {
	text-indent: -0.5em;
	padding-left: 0.5em;
	padding-bottom: 10px;
}
.school ol li {
	padding-bottom: 5px;
}
.school table {
	border: 2px solid #00A0E9;
	border-collapse:collapse;
	margin-bottom: 15px;
}

.school table th {
	font-weight: bold;
	color: #2040AC;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A0E9;
	font-size: 100%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #D7EDF6;
}
.school .soft {
	font-size: 77%;
	color: #333333;
	font-weight: normal;
}
.school .detail {
	padding-left: 0px;
	padding-bottom: 40px;
}

.school table p {
	padding: 10px;
}
.school table p.ryokin {
	background-image: url(../images/school/border_dot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-weight: bold;
	color: #666666;
	line-height: 1.8em;
}
.school .btn_area {
	padding-top: 10px;
	padding-bottom: 20px;
	background-image: none;
}
.school .attention {
	padding-bottom: 10px;
}
.school .red {
	color: #FF0000;
}
#map {
	padding-bottom: 20px;
}
#map img {
	margin-top: 15px;
	margin-left: 100px;
}






/**************************************
policy
**************************************/
.policy dl {
	padding-top: 0px;
	padding-bottom: 20px;
}

.policy dt {
	background-image: none;
}
.policy dd {
	text-indent: -0.5em;
	padding-left: 0.5em;
}
.policy .no_indent {
	text-indent: 0px;
	padding-left: 0px;
}

.policy .padding_bottom0 {
	padding-bottom: 0px;
}








/**************************************
page_top
**************************************/
.page_top {
	clear: both;
	font-weight: bold;
	color: #2040AC;
	height: 23px;
	width: 691px;
	position: relative;
	left: 0px;
	top: 0px;
}
.page_top a {
	background-image: url(../images/common/page_top.gif);
	background-repeat: no-repeat;
	display: block;

}
.page_top a img {
	vertical-align: top;
}
.page_top a:link {
	background-position: left top;
}
.page_top a:visited {
	background-position: left top;
}
.page_top a:hover {
	background-position: left top;
	background-color:transparent;
}
.page_top a:hover img {
	position:relative;
	z-index:-1;
	left: 0px;
	top: 0px;
}