@charset "UTF-8";

/*Structur
-----------------------------------------------------*/

body  {
	color: #333333;
	text-align: center;
	background: #44a931 url(../images/bg.jpg) repeat-x;
	
	font: 100% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

a {
	color: #0090d9;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background-color: #fff;
	border-right: 1px none #4380b6;
	border-left: 5px none #64b07b;
}
#header {
	width: 900px;
	height: 115px;
	background-image: url(../images/header.jpg);
	margin-bottom: 30px;
}

#headerT {
	width: 900px;
	height: 115px;
	background-image: url(../images/top_header.jpg);
}

#topicPathWrap {
	width: 900px;
	height: 40px;
	background: url(../images/topicpath_gray.gif) repeat-x;
}


#topimg {
		margin-bottom: 30px;
		clear: both;
}

#batonBtn {
	padding-left: 20px;
	padding-top: 12px;
	float: left;
}
#batonTab {
	padding-left: 15px;
	padding-top: 66px;
	float: left;
}


#batonImg {
	width: 870px;
	margin-left: 15px;
	margin-bottom: 30px;
}



.batonPageLink {
	text-align: right;	
	padding-top: 20px;
	font-size: 80%;
}
/*MainNavi
-----------------------------------------------------*/

/* Container for navigation */
#mainNaviWrap {
	margin: 78px 15px 0 0;
	padding: 0;
	float: right;
	}

/* UL for main navigation */
#mainNavi {
	margin: 0;
	padding: 0;
	background: url(../images/mainnavi.jpg) no-repeat;
	width: 426px;
	height: 20px;
	position: relative;
	}

/* LI for main navigation */
#mainNavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainNavi li, #mainNavi a {
	height: 20px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#mainNavi a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#mainNavi-top {left: 0px; width: 38px;}
#mainNavi-about {left: 38px; width: 68px;}
#mainNavi-message {left: 106px; width: 68px;}
#mainNavi-mission {left: 174px; width: 102px;}
#mainNavi-service {left: 276px; width: 68px;}
#mainNavi-inquiry {left: 344px; width: 82px;}

#mainNavi-top a:hover, #mainNavi-top a:visited:hover { background: transparent url(../images/mainnavi.jpg) -0px -20px no-repeat;}
#mainNavi-about a:hover, #mainNavi-about a:visited:hover { background: transparent url(../images/mainnavi.jpg) -38px -20px no-repeat;}
#mainNavi-message a:hover, #mainNavi-message a:visited:hover { background: transparent url(../images/mainnavi.jpg) -106px -20px no-repeat;}
#mainNavi-mission a:hover, #mainNavi-mission a:visited:hover { background: transparent url(../images/mainnavi.jpg) -174px -20px no-repeat;}
#mainNavi-service a:hover, #mainNavi-service a:visited:hover { background: transparent url(../images/mainnavi.jpg) -276px -20px no-repeat;}
#mainNavi-inquiry a:hover, #mainNavi-inquiry a:visited:hover { background: transparent url(../images/mainnavi.jpg) -344px -20px no-repeat;}








#wrap {
	width: 890px;
	margin-bottom: 15px;
	margin-left: 0;
}
#wrapTop {
	width: 890px;
	margin-bottom: 15px;
		margin-left: 0;
}


/* clearFix */
#wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrap {display: inline-block;}


 
#wrapTop #sideImg {
	width: 420px;
	float: right;
}
#wrapTop #sideImg img{
	margin-left: 0;
}
#wrapTop #mainContent{
	width: 390px;
	float: left;
	padding-bottom: 50px;
	margin-bottom: 20px;;
	text-align: center;
	margin-left: 40px;
}

p.m50 {
	margin-top: 50px;
	font-size: 70%;
}

#introCP {
	clear: both;
	margin-bottom: 50px;
}
#introCP table{
	width: 400px;
	margin-left: 400px;
	font-size: 70%;

}
#introCP table th, #introCP table td{
	border-style: none;
		border-top: 1px dotted #ccc;
}
#introCP table th{
	text-align: left;
}

#wrapTop #mainContent #whatsnew {
	margin-top: 50px;
	text-align: left;
	border: 1px solid #4aac33;
	padding: 5px 10px;
}
#wrapTop #mainContent #whatsnew h3{
	margin-top: 5px;
	padding-top: 20px;
	color: #4aac33;
	padding: 0;
	margin-bottom: 5px;
}
#wrapTop #mainContent #whatsnew p{
	padding-top: 1em;
	border-top: 1px dotted #4aac33;
	font-size: 80%;
}


#wrapTop #sideImg .batonBzBn{
	margin-top: 40px;
}











#wrap #mainContent{
	width: 580px;
	float: right;
	padding-bottom: 30px;
}
#wrap #mainContent h1{
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin-bottom: 2em;
	margin-top: 0;
	color: #df8b0c;
	font-size: 80%;
}
#wrap #mainContent h2{
	color: #4aac33;
	margin-bottom: 2em;
	padding-left: 15px;
	border-left-style: solid;
	border-left-width: 10px;
	font-size: 110%;
}

#mainContent h3{
	font-size: 90%;
}
#mainContent h4{
	font-size: 90%;
}

#mainContent p{
	font-size: 90%;
}


#mainContent dt,#mainContent dd{
	font-size: 90%;
}
#mainContent dt{
	font-weight: bold;
	margin-bottom: 1em;	
}
#mainContent dl{
	margin-left: 0;
	margin-bottom: 2em;
}
#mainContent dd{
	margin-left: 2em;
	margin-bottom: 2em;
}

.pastS {
	margin-bottom: 30px;
	background-color: #ececec;
	padding: 1px 12px 3px;
	font-size: 80%;
}

.profile {
	font-size: 80%;
	padding-top: 15px;
	border-top: 1px solid #ccc;
	margin-top: 20px;
}




#mainContent p span.rSign {
	text-align: right;
}

#mainContent .rSign {
	text-align: right;
	margin-right: 50px;
}


#wrap #sideImg {
	width: 310px;
	float: left;
}
#wrap #sideImg img{
	margin-left: 40px;
}

#wrap #sideImgP {
	width: 310px;
	float: left;
}
#wrap #sideImgP img{
	margin-left: 80px;
}

/*Baton
-----------------------------------------------------*/


#wrap #sideBaton {
	width: 250px;
	float: left;
}

#sideBaton ul {
	font-size: 80%;
}

#sideBaton li {
	list-style-type: none;
	margin-bottom: 1em;
	border-top: 1px dotted #46a8d7;
	padding-top: 1em;
}


#sideBaton .otoiawaseBtn {
	margin-bottom: 1em;
	padding-top: 1em;
	margin-left: 25px;
}

.baton #wrap #mainContent h2{
	color: #4aac33;
	margin-bottom: 1em;
	padding-top: 0em;
	padding-left: 15px;
	border-left-style: solid;
	border-left-width: 10px;
	font-size: 110%;
}


.baton #mainContent h3 {
	border-top: dotted 1px #4aac33;
	padding-top: 1em;
	padding-bottom: 0;
	margin-top: 0;
}


.baton #mainContent h4 {
	margin-bottom: 1em;
	margin-top: 2em;
	padding-top: 0em;
	padding-left: 15px;
	border-left: solid 10px #ccc;
	color: #666;
}





.baton #mainContent ul {
	font-size: 80%;
	margin-bottom: 50px;
}

.baton #mainContent li {
	list-style-type: none;
	margin-bottom: 0.5em;
	border-top: 1px solid #ccc;
	padding-top: 0.5em;
}

.baton #mainContent .batonstep {
	margin-bottom: 1em;
	border-top: 1px solid #ccc;
	padding-top: 0em;
}

.batonproduct dt {
		border-top: 1px solid #ccc;
		padding-top: 0.5em;
		color: #4aac33;
		
}

.batonproduct #mainContent h2 {
	padding-top: 0em;
	margin-top: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
}
.batonproduct #mainContent h3 {
	border-top: dotted 1px #4aac33;
	padding-top: 1em;
	padding-bottom: 0;
	margin-top: 0;
}


.batonproduct #mainContent h4 {
	margin-bottom: 1em;
	margin-top: 2em;
	padding-top: 0em;
	padding-left: 15px;
	border-left: solid 10px #ccc;
	color: #666;
}

.batonproduct #mainContent .textBox {
	margin-bottom: 3em;
	margin-top: 0em;

}

.batonproduct #mainContent .proBox {
	margin-bottom: 2em;
	margin-top: 2em;
	margin-left: 40px;

}


.batonproduct #mainContent .proimg {
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-right: 1em;
}






.batonstaff #wrap #mainContent h2 {
	margin-top: 2em;
	margin-bottom: 1em;
}

.staffimg {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.batonkoe {margin-top: 1em;
margin-bottom: 1em;
padding: 1em 1em 0.5em;
background-color: #f9f7da;

	
}


/*Interview
-----------------------------------------------------*/

.interview #container #wrap #mainContent h2{
	color: #4aac33;
	margin-bottom: 2em;
	font-size: 90%;
	padding-left: 0;
	border-left-style: none;
	border-left-width: 0;
}
.interview #container #wrap #mainContent p{
	margin-bottom: 4em;
	
}


.interview #wrap #sideImg {
	width: 260px;
	float: left;
}



.interview #sideImg ul {
	font-size: 80%;
	margin-left: 50px;
	margin-top: 30px;
}

.interview #sideImg li {

	list-style-type: none;
	margin-bottom: 1em;
	border-top: 1px dotted #0090d9;
	padding-top: 1em;
}

.interview #sideImg li .on{
	font-weight: bold;
	font-size: 100%;
	color: #333;
}

.batoncheck table td{
	border-style: none;
}
.contact table td{
	border-style: none;
}


#footer {
	width: 900px;
	clear: both;
	padding-bottom: 30px;
	border-top: 1px solid #ccc;
}
#footer #fLink{
	border-bottom: 1px solid #ccc;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: right;
}

#footer #fLink ul{


}
#footer #fLink li{

	padding-right: 1em;
	border-left: 1px solid #999;
	display: inline;
	padding-left: 1em;
	font-size: 75%;
}




.copyrights {
	font-size: 70%;
	text-align: right;
	margin-top: 10px;
	margin-right: 5px;
	color: #999;
}