@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------
	Layout Parts
----------------------------------------------------------*/
.onlinesoft {
	}

	.onlinesoft h2 {
		padding:20px 0px;
		}

.onlinesoft .onlinesoftMenu {
	padding:20px 0px 0px 0px;
	}

.onlinesoft .onlinesoftMenu li {
	list-style-type:none;
	border-left: solid 1px #CCB;
	display:block;
	font-size:10px;
	float:left;
	line-height:1.0;
	}
	
	.onlinesoft .onlinesoftMenu li a {	
		display:block;
		background:#DDC url(/images/kenchi/onlinesoft/tab_bg.gif) no-repeat right top ;
		white-space:nowrap;
		padding:8px 11px 4px 9px;
		text-decoration:none;
		}
		
		.onlinesoft .onlinesoftMenu li a:hover, .onlinesoft .onlinesoftMenu li a.active {
			background:#3295CA url(/images/kenchi/onlinesoft/tab_bg.gif) no-repeat right top ;
			color:#FFF;
			}
		

.onlinesoft .onlinesoftBox {
	border-left:solid 1px #3295CA;
	border-right:solid 1px #3295CA;
	border-bottom:solid 1px #3295CA;
	width:100%;
	margin:0px 1px 10px 1px;
	}

.onlinesoft .softInfo {
	float:left;
	width:550px;
	}

.onlinesoft .detailBtn {
	float:right;
	width:65px;
	text-align:left;
	padding-top:16px;
	}
	
	.onlinesoft .detailBtn a {
		background:url(/images/kenchi/onlinesoft/btn_detail.jpg) no-repeat;
		display:block;
		width:65px;
		height:65px;
		text-indent:-9999px;
		}
		
		.onlinesoft .detailBtn a:hover {
			background:url(/images/kenchi/onlinesoft/btn_detail_on.jpg) no-repeat;
			}


	.onlinesoft .softHeader {
		padding:10px 16px;
		border-bottom: dotted 1px #999;
		}
		
		
		.onlinesoft .softHeader h3 {
			font-size:27px;
			padding-top:16px;
			line-height:1.2;
			letter-spacing:1px;
			}
			
			.onlinesoft .softHeader h3 span {
				font-size:10px;
				color:#999;
				padding:0px 1em;
				}
			
			.onlinesoft .softHeader p.summary {
				font-size:75%;
				line-height:1.6;
				padding-bottom:1em;
				padding-left:4px;
				}
			

.osusume h4, .os h4 {	
	width:50px;
	float:left;
	font-size:75%;
	line-height:1.0;
	padding:4px;
	}

.osusume li, .os li {
	list-style-type:none;
	display:inline;
	margin:0px 2px;
	}


.onlinesoft .detailInfo {
	background:#EED;
	padding:1px;
	}
	
	.onlinesoft .detailInfo h4 {
		padding:3px 6px;
		font-size:75%;
		background:#DDC;
		border-top:dotted 1px #999;
		font-weight:bold;
		letter-spacing:1px;
		}
		
	.onlinesoft .detailInfo .information {
		padding:10px;
		}
		
		.onlinesoft .detailInfo .information .thumbnail {
			float:right;
			margin:0px 0px 10px 10px;
			padding-bottom:16px;
			background:url(/images/kenchi/onlinesoft/onlineSoft_click.gif) no-repeat bottom center;
			}
		
		.onlinesoft .detailInfo .information p {
			line-height:1.8;
			margin-bottom:0.75em;
			}


.onlinesoft .dlBtn {
	text-align:center;
	padding:10px;
	font-size:75%;
	line-height:1.8;
	}