@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	/*table{border-collapse:collapse;border-spacing:0em;}*/
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}



/*------------------------------------------h1h6------------------------------------------*/


	h1 {}

	h2 {
		font-size : 1em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	.textHead {
		height      : 31px  ;
		margin      : 0 0 15px 0 ;
		padding     : 14px 0 0 50px ;
		font-size   : 1.6em ;
		font-weight : bold  ;
		line-height : 1.0em ;
		background  : url(../img/head/textHead.png) no-repeat ;	
	}
	
	h2.leftTel {
		margin-bottom : 10px ;	
	}
	
	h2.contentsHead {
		margin-bottom : 10px ;	
	}
	
	h3 {
		font-size : 1em ;
		margin    : 0 0 25px 0 ;
		padding   : 0   ;
	}
	
	h4 {
		font-size : 1.2em ;
		margin    : 0 0 5px 0   ;
		padding   : 0   ;
	}
	
	

/*--------------------------------------------------------------------------------------*/


	a:link    { color: #479816 ; }
	a:visited { color: #479816 ; }
	a:hover   { color: #61cc20 ; text-decoration : none ; }
	a:active  { color: #61cc20 ; text-decoration : none ; }
	
	br.clear {
		clear : both ;
	}
	
	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height : 100% ;
		background-color : #ddd   ;
		color            : #444   ;
		text-align       : center ;
	}
	

	#wrapper {
		width      : 880px         ;
		min-height : 100%          ;
		height     : auto !important;
		height     : 100%          ;  
		margin     : 0 auto -210px ;
		padding    : 0 5px        ;
		background : url(../img/bg_container.png) repeat-y ;
	}
	
	
	.push {
		height : 210px ;
	}
	
	p {
		color        : #444       ;
		line-height  : 140%       ;
	}
	
	.detailLink {
		font-size   : 1.2em  ;
		font-weight : bold   ;
	}
	
/*-------------------------------------------header-------------------------------------------*/

#header {
	width   : 880px ;
	margin  : 0 auto 15px auto ;
	padding : 0 ;
	border-top:10px solid #303f31 ;
	text-align:left;
}

#hLeft {
	width   : 450px  ; 
	float   : left   ;
	display : inline ;
}

	#logo {
		width   : 188px  ; 
		float   : left   ;
		display : inline ;
		margin     : 15px 0 0 20px  ;
		padding     : 0 10px 0 0 ;
		border-right : 4px solid #e5e5e5 ;
	}
	
	#description {
		float       : left   ;
		display     : inline ;
		font-size   : 1em  ;
		line-height : 1em  ;
		margin      : 30px 0 0 0;
		padding     : 0 0 0 10px ;
	}

#hRight {
	width   : 360px  ;
	float   : right  ;
	display : inline ;
}

	
	#subNav {
		margin-top : 30px ;
	}
	
		#subNav li {
			margin : 0 15px 0 0 ;
			float : left ;
		}
	



/*----------------------------------------contentsBase----------------------------------------*/

#contentsWrapper {
	padding : 10px 15px 20px 15px ;
}

#leftWrapper {
	width   : 200px  ;
	float   : left   ;
	display : inline ;
}

	#gNav {}
	
		#gNav li {
			line-height : 1em ;	
		}
#study li {
	line-height:1em;
}

#hpsole {
	margin-top : 10px ;	
}

#rightWrapper {
	width      : 630px  ;
	text-align : left   ;
	float      : right  ;
	display    : inline ;
}


/*-------------------------------------------table--------------------------------------------*/

.baseTable {
	width      : 100%    ;
	background : #d1d1d1 ;
}

	.baseTable th , .baseTable td {
		font-size   : 1.2em          ;
		line-height : 160%           ;
		padding     : 8px            ;
		border      : 1px solid #fff ;
		background  : #eee           ;
	}
	
	.baseTable th {
		font-weight : bold ;
	}

/*-------------------------------------------onlineform-------------------------------------------*/

#onlineWrapper {
	height     : 151px ;
	margin     : 0 0 20px 0 ;
	background : url(../img/bg_online.png) no-repeat ;
}


	#ofWrapper {
		margin : 2px 0 0 160px ;	
	}


	#online_left {
		width   : 300px  ;
		float   : left   ;
		display : inline ;
	}
	
	#online_right {
		width   : 106px  ;
		margin  : 17px 0 0 0 ;
		float   : left   ;
		display : inline ;
	}


	form.onlineform #btn_send{
		background  : url(../img/btn_req.png) no-repeat left top;
		width       : 106px   ;
		height      : 106px   ;
		border      : none    ;
		overflow    : hidden  ;
		cursor      : pointer ;
		margin      : 0 auto  ;
		padding     : 0       ;
		text-indent : -9999px ;
		display     : block   ;
	}
	
	.inputarea {
		margin : 20px 0;
	}
	
	/* Operaのみ適用 */
	*+html:first-child body form input#btn_send {
		padding-left: 300px;
	}

	/*Text inputs*/
	.NFText {border:none; vertical-align:middle; font-weight:bold; font-size:18px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; background:none;}
	.NFTextCenter {height:20px; background:url(../img/input.png) repeat-x 0 0; padding:10px 4px; margin:0; float:left; line-height:15px;}
	.NFTextLeft, .NFTextRight {width:6px; height:40px; vertical-align:middle; float:left;}
	.NFTextLeft  {background:url(../img/input_left.png) no-repeat 0 0;}
	.NFTextRight {background:url(../img/input_right.png) no-repeat 0 0;}
	
	
	/*Focused*/
	.NFfocused {border:1px dotted #666;}
	/*Hovered*/
	.NFh {background-position:0 100%;}
	.NFhr {background-position:100% 100%;}
	/*Hidden*/
	.NFhidden {opacity:0; z-index:-1; position:relative;}
	/*Safari*/
	select, input, textarea, button {outline:none; resize:none;}
	

/*-------------------------------------------footer-------------------------------------------*/

	
	#footer {
		width      : 880px ;
		height     : 200px ;
		margin     : 10px auto 0 auto ;
		padding    : 0 5px ;
		background : url(../img/bg_footer.png) repeat-y ;
	}
	
	.pagetop {
		text-align : right;
		padding    : 0 20px 25px 0 ;
		background : url(../img/bg_footer_dotted.png) repeat-x bottom ;
		background-color:#fff;
	}
	
	
	#footerContents {
		padding : 30px ;	
	}
	
	.fLogo {
		width   : 116px ;
		margin  : 0 20px 0 0 ;
		float   : left  ; 
		display : inline;
	}
	
	.fRight {
		text-align : left ;
		float : left  ; 
		display:inline;
	}
	
		
		#fNav {
			margin : 20px 0 0 2px ;
		}
		
			#fNav li {
				float           : left    ;
				border-left : 1px solid #50734e ;
			}
			
				#fNav li.fNavFst {
					border :none;	
				}
			
			#fNav li a {
				height          : 18px    ;
				margin          : 0 ;
				padding         : 6px 8px 0 8px ;
				color           : #9dff97 ;
				text-align      : center  ;
				text-decoration : none    ;
				display         : block   ;
			}
			
			#fNav li a:hover {
				color      : #fff    ;
				background : #57ac43 ;
			}
		
		
		.copyright {
			color  : #b4d0b3;
			margin : 10px 0 0 7px ;
		}