@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 ;
	}
	
	h2.leftTel {
		margin-bottom : 10px ;	
	}
	
	h2.contentsHead {
		margin-bottom : 10px ;	
	}
	
	h3 {
		font-size : 1em ;
		margin    : 0 0 0 0 ;
		padding   : 0   ;
	}
	
	h4 {
		font-size : 1.2em ;
		margin    : 0 0 5px 0   ;
		padding   : 0   ;
	}
	
	

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


	a:link    { color: #d00 ; }
	a:visited { color: #d00 ; }
	a:hover   { color: #d99 ; text-decoration : none ; }
	a:active  { color: #d99 ; text-decoration : none ; }
	
	.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       : url(../img/bg.gif) repeat-x ;
		background-color : #fff   ;
		color            : #444   ;
		text-align       : center ;
	}
	

	#wrapper {
		width      : 900px         ;
		min-height : 100%          ;
		height     : auto !important;
		height     : 100%          ;  
		margin     : 0 auto -262px ;
		padding    : 0;
	}
	
	
	.push {
		height : 262px ;
	}
	
	p {
		color        : #444       ;
		line-height  : 140%       ;
	}
	
	.detailLink {
		font-size   : 1.2em  ;
		font-weight : bold   ;
	}
	
/*-------------------------------------------header-------------------------------------------*/

#header {
	margin  : 0 0 15px 0 ;
	padding : 0 ;
	text-align:left;
}

#logo {
	width   : 390px  ; 
	float   : left   ;
	display : inline ;
	margin  : 0 0 0 10px  ;
	padding : 35px 0 0 0 ;
}
	


#h_right {
	width   : 380px  ;
	float   : right  ;
	display : inline ;
	padding : 15px 0 0 0 ;
}
	
	#h_login {
		width   : 250px ;
		height  : 24px;
		margin  : 0 0 5px 0 ;
		padding : 10px 10px 10px 120px ;
		background:url(../img/bg_header_login.gif) no-repeat ;
	}
	
		#h_input {
			width   : 145px  ;
			float   : left  ;
			display : inline ;
			padding : 0 0 0 0;
		}
		
		#h_input input{
			width   : 140px  ;
			height  : 18px ;
		}
		
		#h_loginBtn {
			width   : 100px  ;
			float   : right  ;
			display : inline ;
		}


	#subNavBlock {
		width   : 366px ;
		height :12px;
		padding : 14px 7px ;
		background:url(../img/bg_subNav.gif) no-repeat ;
	}
	
	#subNav {
		
	}
	
		#subNav li {
			margin : 0 6px ;
			float : left ;
		}
	



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

#contents {
	padding : 0 0 30px 0 ;
}

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

#leftBlock {
	width   : 200px  ;
	border  : 1px solid #ccc ;
	margin-bottom : 20px ;
	padding : 4px ;
	background:url(../img/bg_left.gif) repeat ;
}

	#left_apply {
		width  : 180px ;
		height : 50px ;
		margin-top:0px;
		margin-bottom:10px ;
		padding : 75px 10px 5px 10px ;
		background:url(../img/bg_leftapply.gif) no-repeat ;
	}

	#gNav {
		border     : 1px solid #d4d4d4 ;
		margin-bottom:10px ;
		padding    : 1px  ;
		background : #fff ;	
	}
	
		#gNav li {
			line-height : 1em ;	
		}
	
	.leftBanner {
		margin-bottom:10px ;
	}
	
	#howto {
		margin-bottom:10px ;
	}
	
	#opentest {
		border:5px solid #ccc ;
		margin-bottom:0 ;
		background:#fff;
	}
	
		#ot_list {
			
		}
		
			#ot_list li{
				text-align :left;
				font-size  : 1.2em ;
				line-height:140%;
				border-top : 1px dotted #ccc ;
			}
			
			#ot_list li p{
				font-size  : 0.8em ;
				font-weight : bold ;
				color:#d81367;
			}
			
			#ot_list li a {
				margin          : 0 ;
				padding         : 7px 25px 6px 25px ;
				color           : #444 ;
				text-decoration : none    ;
				display         : block   ;
				background:url(../img/icon_test.gif) no-repeat 8px center;
			}
			
			#ot_list li a:hover {
				color      : #d81367    ;
				background-color : #eee ;
			}

#rightWrapper {
	width      : 670px  ;
	text-align : left   ;
	float      : right  ;
	display    : inline ;
	font-size  : 1.2em  ;
}


/*-------------------------------------------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 ;
	}

	

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

	
	#footer {
		width      : 100% ;
		height     : 262px ;
		margin     : 0 auto ;
		padding    : 0 ;
	}
	
	.pagetop {
		text-align : right;
		padding    : 0 0 10px 0 ;
	}
	
	
	#footerContents {
		width   : 900px ;
		margin  : 0 auto ;
		padding : 0 ;	
	}
	
	#formBlock {
		width      : 460px ;
		height     : 80px ;
		padding    : 20px 35px ;
		float      : left   ;
		display    : inline ;
		background : url(../img/bg_form.gif) no-repeat ;
	}
	
		#f_test {
			width  : 200px ;
			height : 60px  ;
			padding : 10px ;
			float  : left ;
			display : inline ;
		}
		
		#f_contact {
			width  : 200px ;
			height : 60px  ;
			margin : 0 0 0 20px ;
			padding : 10px ;
			float  : left ;
			display : inline ;
		}
		
			.f_btn {
				margin-bottom : 8px ;	
			}
			
			.f_text {
				text-align : left ;
				padding    : 0 0 0 5px ;
			}
	
	#f_loginform {
		width      : 330px ;
		height     : 66px ;
		padding    : 54px 20px 0 20px ;
		float      : left   ;
		display    : inline ;
		background : url(../img/bg_footer_login.gif) no-repeat ;
	}
	
		#f_input {
			width   : 145px      ;
			padding : 16px 0 0 0 ;
			float   : left ;
			display : inline ;
			text-align:left;
		}
		
		#f_input input{
			width   : 140px  ;
			height  : 18px ;
		}
		
		#f_loginBtn {
			width   : 165px      ;
			padding : 0 ;
			float   : right ;
			display : inline ;
		}
	
	
	
	#f_left {
		width : 520px ;
		float : left  ;
		display : inline ;
		padding     : 10px 0 10px 10px ;
	}
	
		#pmark {
			width : 60px ;
			float:left;
			display:inline;
			margin : 0 15px 0 0 ;
		}


	#f_right {
		width : 270px ;
		float : right ;
		display : inline ;
		margin-right : 10px ;
		padding     : 30px 0 ;
	}
	
		#f_logo_left {
			width   : 120px  ;
			float   : left   ;
			display : inline ;
			padding : 0 15px 0 0 ;
			border-right: 1px solid #d1d1d1 ;
		}
		
		#f_logo_right {
			width   : 120px  ;
			float   : right  ;
			display : inline ;
		}






		#fNav {
			padding : 20px 0 0 0 ;
		}
		
			#fNav li {
				float           : left    ;
				border-left : 1px solid #999 ;
			}
			
				#fNav li.fNavFst {
					border :none;	
				}
			
			#fNav li a {
				height          : 18px    ;
				margin          : 0 ;
				padding         : 6px 8px 0 8px ;
				color           : #666 ;
				text-align      : center  ;
				text-decoration : none    ;
				display         : block   ;
			}
			
			#fNav li a:hover {
				color      : #fff    ;
				background : #b44 ;
			}
		
		
		#copyright {
			color  : #fff;
			font-size : 1.2em ;
			margin : 0 ;
			padding:10px 0;
			background:#333;
		}
	



#pan{
	padding:10px 10px 10px 2px;

}

#topicscontainer {
	padding:20px;
	border:1px solid #c8c8c8 ;
}

#topicstitle{
	width:637px;
	height:24px;
	background-image:url(../img/head_topics_bg.gif);
	background-repeat:no-repat;
	padding-top:10px;
	padding-left:33px;
}

#sakurasaku{
	margin-bottom:10px;
}