@charset "utf-8";

#free 		{
			margin: 0px auto;
			padding: 0px;
			width: 512px;
			}
#free .left {
			width: 248px;
			border: 1px solid #CCCCCC;
			background: #F5F5F5;
			float:left;
			}
#free .right {
			width: 248px;
			border: 1px solid #CCCCCC;
			background: #F5F5F5;
			margin: 0px 0px 0px 10px;
			float:left;
			}
#free .freetit 	{
			margin: 0px;
			padding: 0px;
			width: 248px;
			font-size:0px;
			line-height:0px;
			}
#free h5 	{
			margin: 0px;
			padding: 0px;
			width: 248px;
			font-size:0px;
			line-height:0px;
			}
#free dl 	{
			border: 1px solid #666666;
			margin: 2px auto 3px;
			width: 231px;
			padding: 5px;
			background: #FFFFFF;
			}
#free dt 	{
			text-align: center;
			margin: 0px auto;
			padding: 0px;
			width: 215px;
			}
#free dd 	{
			margin: 5px 0px 0px;
			padding: 0px;
			width: 226px;
			text-align:center;
			}
#free .btnno {
			text-align: center;
			margin: 5px auto;
			padding: 5px 5px;
			width: 226px;
			background: #FFFFFF;
			border: 1px solid #999999;
			}
#enable 	{
			margin: 10px auto 0px;
			padding: 0px;
			width: 508px;
			border: 1px solid #CCCCCC;
			background: #F5F5F5;
			}
#enable h4 	{
			font-size: 0px;
			line-height: 0px;
			margin: 0px;
			padding: 0px;
			width: 508px;
			}
#enable .enablebg {
			background: url(img/cont_enable_bg.jpg) repeat-y;
			padding: 0px 0px;
			margin: 5px 0px;
			width: 506px;
			}
#enable dl 	{
			margin: 0px 1px 0px 0px;
			padding: 10px 0px;
			width: 167px;
			float:left;
			}
#enable dt 	{
			text-align: center;
			margin: 0px auto;
			padding: 0px 0px 10px;
			width: 165px;
			}
#enable dd 	{
			margin: 0px;
			padding: 0px;
			width: 165px;
			}
#enable ul 	{
			margin: 0px;
			padding: 0px 0px 0px 5px;
			list-style: disc outside;
			width:160px;
			}
#enable li 	{
			margin: 0px 0px 0px 20px;
			padding: 5px 0px 5px 0px;
			}

#top_img_01 		{
      margin:0px 0px 4px 17px;
			padding: 0px;
			width: 508px;	
			}
#top_img_01 p.top_200807		{
      margin:0px;
      padding:0;
			}
#top_img_02 		{
      margin:0px 0px 4px 17px;
			padding: 0px;
			width: 508px;	
			}
#top_img_02 p.top_200807		{
      margin:0px 0px 0px 0px;
      padding:0;
			}
#top_img_03 		{
      margin:0px 0px 4px 17px;
			padding: 0px;
			width: 508px;	
			}
#top_img_03 p.top_200807		{
      margin:0px 0px 0px 0px;
      padding:0;
			}
#top_img_04 		{
      margin:0px 0px 4px 17px;
			padding: 0px;
			width: 508px;	
			}
#top_img_04 p.top_200807		{
      margin:0px 0px 0px 0px;
      padding:0;
			}

#news 		{
			background: #F5F5F5;
			border: 1px solid #CCCCCC;
			margin: 0px auto 10px;
			padding: 0px;
			width: 508px;	
			}
#news h4 	{
			font-size: 0px;
			line-height: 0px;
			margin: 0px;
			padding: 0px;
			width: auto;
			}
#news dl 	{
			width: 495px;
			margin: 0px auto 3px;
			padding: 3px 0px;
			border-bottom: 1px dotted #999999;
			}
#news h2.top_navi 	{
			padding: 7px 0px 8px;
			float: left;
			width: 30px;
			text-align: center;
			}
#news h3 	{
			text-align: left;
			margin: 0px;
			padding: 5px 0px;
			float: left;
			width: 460px;
			}
#allpage 	{
			margin: 0px auto 0px;
			padding: 0px 0px 15px;
			width: 510px;
			}
#allpage h4 {
			margin: 0px 0px 10px;
			padding: 0px;
			width: 510px;
			}
#allpage .imges {
			float: left;
			width: 240px;
			}
#allpage h5 {
			margin: 0px 0px 5px;
			padding: 0px;
			width: 240px;
			text-align: left;
			}
		
#topphoto h5 {
			display: inline;
			}
#topphoto p {
			margin-top: 5px;
			margin-bottom: 0px;
			}
#allpage .read {
			font-size: small;
			line-height: 160%;
			width: 510px;
			text-align:left;
			margin-bottom:15px;
			}

#allpage .links {
			width: 510px;
			}
#allpage .links dl {
			margin: 0px;
			padding: 0px 0px 10px;
			width: 500px;
			}
#allpage .links dt {
			margin: 0px;
			padding: 8px 0px 8px 15px;
			float: left;
			width: 235px;
			text-align: left;
			color: #333333;
			}
#allpage .links dd {
			text-align: left;
			margin: 0px;
			padding: 8px 0px 8px 15px;
			float: left;
			width: 235px;
			}

#allpage .pp {
			width: 510px;
			}
#allpage .pp h5 {
			font-size: medium;
			font-weight: bold;
			background: url(img/pp_listmark.gif) no-repeat 5px 9px;
			border-right: 2px solid #999999;
			border-bottom: 1px solid #CCCCCC;
			width: 480px;
			line-height: 180%;
			padding: 0px 0px 0px 20px;
			margin: 0px auto;
			color: #333333;
			}
#allpage .pp ol {
			margin: 10px 0px 0px 0px;
			padding: 0px 0px 0px 25px;
			width: 485px;
			}
#allpage .pp li {
			margin-bottom: 0.7em;
			list-style: decimal url(none) outside;
			}

#plan 		{
			margin: 0px auto 15px;
			padding: 0px;
			width: 510px;
			}
#plan h5 	{
			margin: 0px 0px 5px;
			padding: 0px;
			width: 240px;
			text-align: left;
			}
#plan .plantext {
			font-size: x-small;
			line-height: 140%;
			width: 270px;
			float: left;
			padding-right: 10px;
			margin: 0px;
			}
#plan .planbtn {
			text-align: center;
			float: left;
			width: 92px;
			padding-top: 3px;
			margin:0px;
			border-left: 1px solid #CCCCCC;
			}

table 		{
			background: #999999;
			width: 510px;
			margin: 10px 0px;
			padding: 0px;
			}
td 			{
			padding: 8px 3px;
			}
.gray 		{
			background: #EAEAEA;
			padding-left:5px;
			}
.freshgray 	{
			background: #F5F5F5;
			width:119px;
			text-align:center;
			color:#333333;
			}
.freshgray02 {
			background: #F5F5F5;
			text-align:center;
			width:150px;
			color:#333333;
			}
.freshgray03 {
			background: #F5F5F5;
			text-align:center;
			color:#333333;
			}
.freshgray04 {
			background: #F5F5F5;
			color:#333333;
			}
.white 		{
			background: #FFFFFF;
			width:119px;
			text-align:center;
			}
.white02 	{
			background: #FFFFFF;
			}
.white03 	{
			background: #FFFFFF;
			text-align:center;
			}
.yellow02		{
			background: #FFFF00;
			}						
#company 	{
	background: url(img/companyoutline_bg.jpg) repeat-y;
	margin: 5px 0px 0px;
	padding: 0px;
	width: 320px;
	float: right;
			}
#company dl {
			margin: 0px;
			padding: 0px;
			width: 320px;
			}
#company dt {
			float: left;
			width: 115px;
			border-top: 2px solid #66CC00;
			margin: 0px;
			padding: 8px 0px 8px 15px;
			font-size: small;
			color: #333333;
			}
#company dd {
			margin: 0px;
			padding: 5px 0px 5px 10px;
			float: left;
			width: 170px;
			border-top: 1px solid #CCCCCC;
			font-size: small;
			line-height: 180%;	
			}
#company .add {
			float: left;
			width: 170px;
			}
#company .map {
			float: left;
			width: 170px;
			}

#recruit 	{
			width: 510px;
			margin: 0px 0px 10px 0px;
			padding:0px;
			}
#recruit .explanationtext {
			font-size: small;
			line-height: 160%;
			width: 510px;
			}

#allpage .testbtn {
			text-align: center;
			margin: 5px auto;
			padding: 0px;
			float: left;
			width: 270px;
			}

.redtext 	{
			font-size: small;
			line-height: 140%;
			color: #FF0000;
			}

#choosing 	{
			margin: 0px;
			padding: 0px;
			width: 510px;
			}
#choosing .item {
			margin: 0px;
			padding: 10px 0px;
			width: 510px;
			border-bottom: 1px dotted #CCCCCC;
			}
#choosing .item dl {
			margin: 0px;
			padding: 0px;
			float: left;
			width: 255px;
			}
#choosing .item dt {
			margin: 0px;
			padding: 0px 0px 10px;
			width: 255px;
			text-align: center;
			}
#choosing .item dd {
			background: #F5F5F5;
			width: 240px;
			border: 1px solid #CCCCCC;
			margin: 0px;
			padding: 5px;
			font-size: small;
			line-height: 150%;
			display: block;
			clear: both;
			}

#basic 		{
			margin: 0px;
			padding: 0px;
			width: 510px;
			background: url(img/basic_img.jpg) no-repeat right top;
			}
#basic h5 	{
			margin: 0px;
			padding: 0px;
			font-size: 0px;
			line-height: 0px;
			}
#basic p 	{
			font-size: small;
			line-height: 140%;
			padding: 10px 0px 10px 10px;
			width: 465px;
			}
#basic h6 	{
			margin: 5px 0px;
			padding: 0px;
			}
#basic .labeltit {
			padding: 0px;
			width: 198px;
			margin-bottom: 5px;
			margin-left: 20px;
			}
#basic .whattext {
			margin: 0px 0px 5px 30px;
			padding: 0px 0px 5px;
			width: 460px;
			border-bottom: 1px dotted #999999;
			}

#result 	{
			margin: 0px auto 10px;
			padding: 0px;
			width: 360px;
			}
#result .tableset {
			margin: 0px;
			padding: 0px 0px;
			width: 360px;
			}
#result .green {
			font-size: medium;
			line-height: 100%;
			font-weight: bold;
			color: #FFFFFF;
			background: #006600;
			text-align: center;
			}
#result .cellgray {
			font-size: small;
			background: #F5F5F5;
			text-align: center;
			}
#result .cell70 {
			background: #FFFFFF;
			width: 70px;
			text-align: center;
			}
#result .cell80 {
			background:#FFFF00;
			width: 70px;
			text-align: center;
			}

#close .closebtn {
			text-align: center;
			margin: 0px;
			width: 510px;
			padding-top: 5px;
			padding-bottom: 5px;
			background: #F5F5F5;
			border-top: 1px solid #CCCCCC;
			border-bottom: 1px solid #CCCCCC;
			}
#contact01 	{
			margin: 0px auto;
			padding: 0px;
			width: 510px;
			}
#contact01 .attention {
			margin: 0px;
			padding: 0px;
			width: 510px;
			}
#contact01 .attention ul {
			margin: 0px auto 0px;
			padding: 0px 0px 0px 5px;
			width: 450px;
			list-style: decimal outside;
			}
#contact01 .attention li {
			margin: 0px 0px 0px 20px;
			padding: 5px 0px 5px 0px;
			}
#contact01 .mailtit {
			margin: 15px auto 5px;
			padding: 0px;
			width: 410px;
			}
#contact01 .info {
			margin: 0px 10px 0px 0px;
			padding: 3px 0px 0px;
			width: 130px;
			float: left;
			text-align: right;
			}
#contact01 .mailtitarea {
			margin: 0px;
			padding: 0px;
			float: left;
			width: 270px;
			}
#contact01 .mailtit ul {
			width: 410px;
			margin: 0px 0px;
			padding: 10px 0px;
			text-align:center;
			}
#contact01 .mailtit li {
			display: inline;
			margin: 0px 2px 0px 0px;
			padding: 0px;
			}
#contact01 dl {
			margin: 0px;
			padding: 0px;
			width: 510px;
			background: url(img/contact_bg.jpg) repeat-y;
			}
#contact01 dt {
			margin: 0px 0px 0px;
			padding: 12px 0px 12px 8px;
			float: left;
			width: 145px;
			font-size: small;
			border-top: 2px solid #66CC00;
			border-right-width: 2px;
			border-bottom-width: 2px;
			border-left-width: 2px;
			}
#contact01 dd {
			margin: 0px 0px 1px;
			padding: 10px 0px 15px 5px;
			float: left;
			font-size: small;
			width: 345px;
			border-top: 1px dotted #999999;
			}
#contact01 .submitbtn {
			text-align: center;
			margin: 10px auto;
			padding: 10px 0px;
			width: 500px;
			border-top: 1px solid #999999;
			}
#contact01 .mailtittext {
			font-size: small;
			line-height: 160%;
			width: 270px;
			font-weight: bold;
			}
#contact01 .submittext {
			font-size: small;
			line-height: 160%;
			width: 345px;
			max-width: 345px;
			}
#contact01 .oktext {
			text-align: center;
			padding: 10px 0px;
			width: 500px;
			margin-top: 20px;
			margin-right: auto;
			margin-left: auto;
			font-size: medium;
			color: #666666;
			line-height: 160%;
			border-top: 1px dotted #999999;
			border-bottom: 1px dotted #999999;
			}	
			
#attentionplan {
			margin: 0px auto 10px;
			padding: 0px;
			width: 508px;
			border: 1px solid #CCCCCC;
			background: #F5F5F5;
}
#attentionplan .attit {
	width: 508px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #f6f6f6;
}
#attentionplan p {
	font-size: small;
	line-height: 160%;
	width: 500px;
	padding-top: 5px;
}
#plan h6 {
	font-size: 0px;
	line-height: 0px;
	padding: 20px 0px 5px;
}
.plantxt {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}