@charset "utf-8";

/*============================== All ==============================*/

	*{font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Meiryo","sans-serif","Verdana","メイリオ";}
	
	body {
	margin: 0px;
	padding: 0px;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small;
		}
			
	html {
		height:100%;
		padding-bottom:1px;
		}

	a { color:#666; }


	a:link, a:visited {text-decoration:none;}
	
	.icon-link {
	background: url(/office/images/arrow-green.png) no-repeat 0px 0px;
	margin: 0px;
	padding-left: 20px;
	text-decoration: none;
	}


	a:hover, a:active {
	text-decoration: underline;
	color: #FFA928;
}
	
	img {
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}
	sup { font-size:60%;}
	
/*============================== FontSize ==============================*/
	
	h1 {padding: 0px; margin: 0px; line-height:160%; font-size:161.6%; font-weight:bold;}
	h2 {padding: 0px; margin: 0px; line-height:160%; font-size:116%; font-weight:bold;}
	h3 {padding: 0px; margin: 0px; line-height:160%; font-size:108%; font-weight:bold;}
	h4 {padding: 0px; margin: 0px; line-height:160%; font-size:100%; font-weight:bold;}

	p {
	padding:0px;
	margin:0px;
	color:#666;
	line-height:160%;
	}

	li {
	padding:0px;
	margin:0px;
	color:#666;
	line-height:160%;
	}

	input,textarea,select {
	padding:0px;
	margin:0px;
	color:#666;
	line-height:100%;
	}
	
	.m-10 {
		margin:10px 0;
		}
	
/*============================== Parts ==============================*/

	.contentsclear {
	clear:both;
	margin: 0px;
	padding: 0px;
}
	span.hidden {display:none;}
	
	.margin-bottom20 {
		margin:0 0 20px 0;
		}
		
	.pdd-bottom5 {
		padding:0 0 5px 0;
		}

	.tex-decoration-none {
		text-decoration:none;
		}	
		
	.tex-decoration-none:hover {
		text-decoration:none;
		}
			
	.tex-orange {
		color:#FF6600;
		text-decoration:underline;
		}
	
	.tex-pink {
		color:#FF6666;
		background:url(/office/images/icon_list.gif) no-repeat 0 3px;
		padding:0 0 0 10px;
		}

	.border-top {
		border-top:3px double #CCC;
		padding:10px 0 0 0;
		}
		
.kso-index-box-right .bn,
.contents-left .bn {
	margin: 3px 0px;
	padding: 0px;
	}

	.center {
	text-align:center;
	display:block;
		}

/*============================== Clearfix ==============================*/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	.clearfix {display: ;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	
	
	/*============================== wrapper ==============================*/

#wrapper {
	text-align:left;
	width:980px;
	margin: 0px auto;
	padding: 0px;
	min-height: 600px;
	display:block;
		}

#wrapper #header .header-logo {
	width: 352px;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	float: left;
}

#header {
	margin: 0px;
	padding: 0 0 10px 0;
}

/*============================== header menu ==============================*/
	.g-header {
	height:28px;
	float:right;
	padding:3px 0px 0px;
	margin:0px;
		}
	.sitemap-products,.is-products	,.office-products	,.dictionary-products	,.onlineshop-products	,.company-products
	 {
	font-size:11px;
	padding-bottom: 3px;
	padding-top: 8px;
		}

	.is-products {
	background: url(/office/images/head-navi-kis.gif) no-repeat left 5px;
	float: left;
		}
	
	.office-products {
	background: url(/office/images/head-navi-kso.gif) no-repeat left 5px;
	float: left;
		}

	.dictionary-products {
	background: url(/office/images/head-navi-ksd.gif) no-repeat left 5px;
	float: left;
		}

	.onlineshop-products {
	background: url(/office/images/head-navi-pay.gif) no-repeat left 5px;
	float: left;
		}
		
	.company-products {
	background: url(/office/images/head-navi-ks.gif) no-repeat left 5px;
	float: left;
		}

	.sitemap-products {
	background: url(/office/images/head-navi-sitemap.gif) no-repeat left 7px;
	float: left;
		}

	
	.sitemap-products a,	
	.company-products a,	
	.onlineshop-products a,	
	.dictionary-products a,	
	.office-products a,	
	.is-products a {
		color:#999;
		padding:0 10px 0 17px;
		text-decoration: none;	
		}
		
	.is-products a:hover {	
		color:#0066FF;
		padding:0 10px 0 17px;
		text-decoration: none;	
		}
		
	.office-products a:hover {
		color:#FF9900;
		padding:0 10px 0 17px;
		}
	
	.dictionary-products a:hover {
		color:#009726;
		padding:0 10px 0 17px;
		}

	.onlineshop-products a:hover {
		color:#990000;
		padding:0 10px 0 17px;
		}
		
	.sitemap-products a:hover,
	.company-products a:hover {
		color:#FF0000;
		padding:0 10px 0 17px;
		}
		 		
/*======================navi======================*/
	
	.global-navi {
		height:67px;
		text-align:left;
		margin:0;
		padding:0;
		clear:both;
		}
	
	.global-navi ul {
		padding:0;
		margin:0;
		height:67px;
		}
		
	.global-navi li {
		display:inline;
		list-style-type:none;
		}
		
	.global-navi li a {
		height:67px;
		display:block;
		float:left;
		text-decoration:none;
		overflow:hidden;
		}
	
	.global-navi li.navi01 a,
	.global-navi li.navi02 a,
	.global-navi li.navi03 a,
	.global-navi li.navi04 a,
	.global-navi li.navi05 a,
	.global-navi li.navi06 a,	
	.global-navi li.navi07 a	
	 {
		text-indent:-9999px;
		}
	
	/*------off*/
	.global-navi li.navi01 a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat 0px 0px;
		width:258px;
		}
		
	.global-navi li.navi02 a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -258px 0px;
		width:118px;
		}
		
	.global-navi li.navi03 a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -376px 0px;
		width:118px;	
		}
		
	.global-navi li.navi04 a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -494px 0px;
		width:118px;
		}
		
	.global-navi li.navi05 a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -612px 0px;
		width:118px;
		}

	.global-navi li.navi06 a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -730px 0px;
		width:118px;
		}
		
	.global-navi li.navi07 a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -848px 0px;
		width:118px;
		}		
	
	
	/*------hover*/
	.global-navi li.navi01 a:hover {
		background:url(/office/images/kso-header-menu.jpg) no-repeat 0px -67px;
		}
		
	.global-navi li.navi02 a:hover {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -258px -67px;
		}
		
	.global-navi li.navi03 a:hover {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -376px -67px;
		}
		
	.global-navi li.navi04 a:hover {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -494px -67px;
		}
		
	.global-navi li.navi05 a:hover {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -612px -67px;
		}

	.global-navi li.navi06 a:hover {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -730px -67px;
		}

	.global-navi li.navi07 a:hover {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -848px -67px;
		}

	/*------on*/
	.global-navi li.navi01-on a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat 0px -134px;
		width:258px;
		}
		
	.global-navi li.navi02-on a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -258px -134px;
		width:118px;
		}
		
	.global-navi li.navi03-on a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -376px -134px;
		width:118px;
		}
		
	.global-navi li.navi04-on a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -494px -134px;
		width:118px;
		}
		
	.global-navi li.navi05-on a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -612px -134px;
		width:118px;
		}
		
	.global-navi li.navi06-on a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -730px -134px;
		width:118px;
		}

	.global-navi li.navi07-on a {
		background:url(/office/images/kso-header-menu.jpg) no-repeat -848px -134px;
		width:118px;
		}		
		
		
/*============================== header ==============================*/

.index-img {
	margin: 0px;
	padding: 0px;
	width: 950px;
}

#contents .dl-bt{
	padding: 14px 6px 24px 209px;
	background: url(/office/images/kso-link-bt-bg01.jpg) no-repeat center;
	text-align: center;
	margin: 10px 0;
}

#contents .dl-bt-estimate{
	padding: 50px 97px 6px 97px;
	background: url(/office/images/kso-link-bt-bg01.gif) no-repeat center;
	text-align: center;
	margin: 10px 0;
}

#contents .dl-index-bt {
	height: 110px;
	text-align: center;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 950px;
}
.dl-index-bt h1 {
	font-size: 12px;
	font-weight: normal;
}
.dl-index-bt .dl-index-bt-img {
	margin: 0px;
	padding: 0px;
}

#pagetop #wrapper #contents .dl-index-bt .dl-index-bt-img img {
	margin-right: 10px;
	margin-left: 10px;
}

#contents .dl-bt-no-bg {
	text-align: center;
	padding: 12px 5px 20px;
}

#contents .dl-bt-no-bg img{
	margin-right: 5px;
	margin-left: 5px;
}

#contents .dl-bt img {
	margin: 0 9px;
}

#wrapper #contents,
.sitemap-contents {
	margin: 0 0 10px 0;
	padding: 10px 15px 15px;
	width: 950px;
	background: #FFFFFF;
	line-height: 100%;
}

.sitemap-contents .box {
	border-bottom:1px solid #CCC;
	padding:0 10px 10px 10px;
	width:300px;
	}

.sitemap-contents .box-left {
	width:320px;
	float:left;
	}

#contents   .office-index  {
	font-size: 140%;
	color: #FF6600;
	border: 1px solid #DDD;
	padding: 10px 0px;
	background: #EEE;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 7px;
	margin-left: 7px;
}

.kso-index-box-left {
	width: 710px;
	float: left;
}

.kso-index-box-right {
	float: right;
	width: 230px;
	margin-left: 5px;
	display: inline;
}

* html .kso-index-box-right {
	float: right;
	width: 220px;
	margin-left: 5px;
	display: inline;
}

.index-news-box {
	border: 1px solid #CCCCCC;
	padding: 27px 5px 5px;
	margin-bottom: 10px;
	background: url(/office/images/news-title.gif) no-repeat;
}

.index-faq-box {
	border: 1px solid #CCCCCC;
	padding: 27px 5px 5px;
	margin-bottom: 10px;
	background: url(/office/images/faq-title.gif) no-repeat;
}


#contents  .index-contents-box-left-1 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px 8px;
	margin: 0px 0px 10px;
	background: url(/office/images/kso-index-bg01.jpg) no-repeat 0px 0px;
	height: 130px;
}

#contents  .index-contents-box-left-2 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px;
	margin: 0px 5px 10px 0px;
	background: url(/office/images/kso-index-bg03.jpg) no-repeat 0px 0px;
	height: 130px;
}

* html #contents  .index-contents-box-left-1 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px 3px;
	margin: 0px 0px 10px;
	background: url(/office/images/kso-index-bg01.jpg) no-repeat 0px 0px;
	height: 130px;
}

* html #contents  .index-contents-box-left-2 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px 3px;
	margin: 0px 0px 10px;
	background: url(/office/images/kso-index-bg03.jpg) no-repeat 0px 0px;
	height: 130px;
}

.title-text a { color: #FF6600; }

.kso-index-img-left {
	float: left;
	width: 100px;
	padding-right: 10px;
}

#contents  .index-contents-box-right-1 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px;
	margin: 0px;
	_margin: 0px 6px 10px 3px;
	background: url(/office/images/kso-index-bg02.jpg) no-repeat;
	height: 130px;
}

#contents  .index-contents-box-right-2 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px;
	margin: 0px;
	_margin: 0px 6px 10px 3px;
	background: url(/office/images/kso-index-bg04.jpg) no-repeat;
	height: 130px;
}


* html #contents  .index-contents-box-right-1 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px 1px;
	margin: 0px;
	_margin: 0px 6px 10px 3px;
	background: url(/office/images/kso-index-bg02.jpg) no-repeat;
	height: 130px;
}

* html #contents  .index-contents-box-right-2 {
	width: 344px;
	float: left;
	display:block;
	padding: 45px 4px 4px 1px;
	margin: 0px;
	_margin: 0px 6px 10px 3px;
	background: url(/office/images/kso-index-bg04.jpg) no-repeat;
	height: 130px;
}


.title-text {
	width: 220px;
	padding: 0px;
	float: left;
}
.title-text h2 {
	font-size: 100%;
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}
.index-contents-box-left  p a {
	color: #FF6600;
	text-decoration: underline;
	padding: 10px 0px 10px 10px;
	}
	
.index-contents-box-right   p  a {
	color: #FF6600;
	text-decoration: underline;
	padding: 10px 0px 10px 10px;
	}

#contents .index-contents-box h2 {
	font-size: 100%;
	line-height: 150%;
	font-weight: normal;
	text-decoration:none;
	}

#index-info {
	background: #EEE url(/office/images/footer-bar.gif) repeat-y center;
	padding: 0px;
	text-align: center;
	margin: 0px;
	}
	
.index-info-wrapper {
	text-align: left;
	width: 930px;
	margin: 0px auto;
	padding: 10px;
	}

#index-info .index-news {
	float: left;
	width: 440px;
	padding: 10px;
	margin-right: 10px;
	}


#index-info .index-faq {
	float: left;
	width: 440px;
	padding: 10px;
	}

.office-news-day   {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px 0px;
	margin: 0px;
	}
	
.office-news-text     {
	color: #333333;
	padding: 0px;
	margin: 0px 0px 5px;
	line-height: 130%;
	font-size: 90%;
	text-decoration: none;
	}

.office-news-text a { text-decoration: none; }

.office-news-text a:hover {
	text-decoration: underline;
	color: #FF6600;
	}

.is-faq-text       {
	line-height: 130%;
	padding: 5px 0px 0px 5px;
	text-decoration: none;
	font-size: 90%;
	margin-bottom: 5px;
	}

.is-faq-text  a { text-decoration: none; }

.is-faq-text  a:hover {
	text-decoration: underline;
	color: #FF6600;
	}
	


.breadcrumbs {
	padding: 5px;
	width: 930px;
	margin: 0px;
	color: #666666;
	font-size:85%;
	}

.breadcrumbs span {
	margin-right: 10px;
	margin-left: 10px;
	}

.breadcrumbs a {
	margin-right: 10px;
	margin-left: 10px;
	}
	
#wrapper .sitemap-contents h1,
.contents-right h1  {
	width:700px;
	margin:0 0 15px;
	color:#333;
	background: url(/office/images/h1-title.gif) no-repeat 0px bottom;
	}

.contents-left  {
	width: 220px;
	float: left;
	margin: 10px 0px 30px 0px;
	padding: 0px;
	}
	
.contents-left ul {
	margin:0 0 10px 0;
	padding: 5px 0px 5px 3px;
	list-style: none;
	background: #CCC;
	border: 1px solid #999999;
	}

.contents-left li {
	padding: 0px;
	font-size: 90%;
	}

.contents-left .office-left-dlbt {
	margin-bottom: 5px;
	background: url(/office/images/kso-link-bt-bg02.jpg) no-repeat;
	text-align: center;
	padding: 50px 0px 23px;
	}
	
.contents-left .office-left-dlbt img { margin-bottom: 10px; }

.contents-left .navi-button a {
	background: url(/office/images/kso-left-bt.jpg) no-repeat;
	}

.contents-left .navi-button-on a,
.contents-left .navi-button a {
	width: 190px;
	display: block;
	padding: 8px 0px 10px 23px;
	margin: 0px;
	color: #555555;
	text-decoration:none;
	}
	
.contents-left .navi-button-on a,
.contents-left .navi-button  a:hover {
	background: url(/office/images/kso-left-bt_over.jpg) no-repeat 0px 0px;
	color: #333333;
	text-decoration:none;
	}
	
.contents-left .navi-button-s-on a,
.contents-left .navi-button-s a {
	color:#000;
	background:url(/office/images/navigation_icon.gif) no-repeat 0 10px;
	width: 177px;
	display: block;
	padding: 5px 0px 7px 10px;
	margin:0 0 0 20px;
	}
	
.contents-left .navi-button-s-on a,
.contents-left .navi-button-s a:hover {
	color: #666666;
	text-decoration:underline;
	}

/*is-navigation*/
.contents-left .is-navi-button a { 
	background: url(/is/images/kis-left-bt.jpg) no-repeat; 
	}

.contents-left .is-navi-button-on a,
.contents-left .is-navi-button a {
	width: 190px;
	display: block;
	padding: 8px 0px 10px 23px;
	margin: 0px;
	color: #555555;
	text-decoration:none;
	}

.contents-left .is-navi-button-on a,
.contents-left .is-navi-button  a:hover {
	background: url(/is/images/kis-left-bt_over.jpg) no-repeat 0px 0px;
	color: #FFF;
	text-decoration:none;
	}

.contents-left .is-left-dlbt {
	text-align:center;
	padding: 63px 0px 10px;
	background: url(/is/images/kis-link-bt-bg03.gif) no-repeat;
	margin-bottom: 5px;
	}

.contents-left .is-navi-button-s a {
	 background: url(http://www.kingsoft.jp/is/images/kis-left-bt_s.jpg) no-repeat; 
	}

.contents-left .is-navi-button-s-on a,
.contents-left .is-navi-button-s a {
	width: 177px;
	display: block;
	padding: 5px 0px 7px 23px;
	margin:0 0 0 12px;
	color: #555555;
	text-decoration:none;
	}
	
.contents-left .is-navi-button-s-on a,
.contents-left .is-navi-button-s a:hover {
	background: url(http://www.kingsoft.jp/is/images/kis-left-bt_over_s.jpg) no-repeat 0px 0px;
	color: #FFF;
	text-decoration:none;
	}
	
/*is-navigation*/
.contents-right .case-study {
	margin:10px 0 0 0;
	display:block;
	width:300px;
	height:45px;
	}

.contents-right .case-study a {
	display:block;
	width:300px;
	height:45px;
	}
			
.contents-left .is-left-dlbt img { margin-bottom: 6px; }

.contents-right  {
	float: left;
	width: 700px;
	padding: 0px;
	margin: 10px 0px 30px 30px;
	margin: 10px 0px 30px 15px¥9; /* IE8 */
}
	
.contents-right .flow .pdd-top10 {
	padding:10px 0 0 0;
	}
	
.contents-right p {
	padding: 5px 0px 15px 20px;
	margin: 0px;
	}
	
.sitemap-contents h2,
.contents-right h2 {
	color: #333333;
	border-left: 3px solid #FF9900;
	margin: 20px 0px 10px;
	background: #F5F5F5;
	padding: 5px 0px 5px 10px;
	}
	
#contents .contents-right .flow {
 	margin:20px 0;
	}
		
.sitemap-contents h2 {
	width:300px;
	}
	
.contents-right .img-border {
	border:1px solid #CCC;
	}
	
.contents-right .img-margin {
	margin:0 20px 0 0;
	}
		
.contents-right .margin-h3 {
	margin:20px 0;
	}

.contents-right .product-box {
	background:url(/office/images/kso-top-font.jpg) no-repeat;
	width:700px;
	height:125px;
	margin:0 0 5px 0;
	}
	
.contents-right .product-box .right{
	padding:25px 0 0 220px;
	width:480px;
	height:100px;
	}
	
.contents-right .product-box2 p,
.product-box .right p {
	margin:5px 0;
	padding:0;
	line-height:140%;
	font-size:12px;
	}
	
 .product-box .right .text-orange {
 	color:#FF7519;
	font-weight:bold;
	font-size:15px;
	}

.contents-right .product-box2 {
	background:url(/office/images/kso-top-verup.jpg) no-repeat;
	width:660px;
	height:140px;
	padding:35px 20px 0 20px;
	}

 .contents-right .product-box2 a {
 	display:block;
	float:left;
	padding:0 13px 0 0;
	width:207px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	}

 .product-box2 .point1 a {
 	background:url(/office/images/versionup-point1.jpg) no-repeat;
 	}

 .product-box2 .point1 a:hover {
 	background:url(/office/images/versionup-point1_over.jpg) no-repeat;
	}

 .product-box2 .point2 a {
 	background:url(/office/images/versionup-point2.jpg) no-repeat;
 	}

 .product-box2 .point2 a:hover {
 	background:url(/office/images/versionup-point2_over.jpg) no-repeat;
	}

 .product-box2 .point3 a {
 	background:url(/office/images/versionup-point3.jpg) no-repeat;
 	}

 .product-box2 .point3 a:hover {
 	background:url(/office/images/versionup-point3_over.jpg) no-repeat;
	}
		
/*============================== compare ==============================*/

.contents-right .compare-list {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	height:20px;
	border:1px solid #CCC;
	border-width:0 0 0 1px;
	}
	
.contents-right .compare-list li {
	float:left;
	display:block;
	padding:0 18px; 
	border:1px solid #CCC;
	border-width:0 1px 0 0;
	}
	
.contents-right table {
	boder-spacing:0;
	empty-cells:show;
	clear:left;
	border-collapse:collapse;
	width:700px;
	}
	
.contents-right table tr {
	margin:0;
	padding:0;
	}
	
.contents-right table th {
	font-size:93%;
	text-align:center;
	background-color:#EEE;
	}
	
.contents-right table th, td {
	margin:0;
	border:1px solid #CCC;
	text-align:center;
	font-size:93%;
	height:30px;
	vertical-align:middle;
	}
	
.contents-right .td-height {
	height:50px;
	}	
	
.m-right {
	background-color:#FFFCF7;
	}
	
.tex-orange {
	color:#FF6E0C;
	}

.compare-list .selected {
	font-weight:bold;
	color:#FF6E0C;
	text-decoration:underline;
	}		

.compare-list .left-border {
	border:1px solid #CCC;
	border-width:0 0 0 1px;
	}

.tex-red {
 	color:#FF0000;
	}
	
.contents-right .tex-left {
	text-align:left;
	padding:0 0 0 10px;
	}
	
.content-img-left {
	float: left;
	padding: 10px 20px 10px 0px;
	}
	
.left {
	float: left;
	padding:0px 20px 0 0;
	margin:0 0 20px 0;
	}	

#footer {
	border-top: 1px solid #CCC
	margin:0;
	background-color: #CCC;
	background-image: url(/images/company-footer-bg.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #AAA;
}
#footer  .footer-wrapper {
	width: 987px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer  .footer-wrapper  ul.footer-link-box {
	float: left;
	list-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: -25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 20px;
}


#footer .footer-wrapper .footer-link-box a {
	color: #069;
	font-size: 12px;
	text-decoration:none;
}

#footer .footer-wrapper .footer-link-box a:hover {
	text-decoration:underline;
	}
	

#footer  .footer-wrapper  ul.footer-link-box-right {
	float: right;
	list-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: -25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}


#footer .footer-wrapper .footer-link-box-right a {
	color: #069;
	font-size: 12px;
	text-decoration:none;
}

#footer .footer-wrapper .footer-link-box-right a:hover {
	text-decoration:underline;
	}

.footer-company-info {
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBB;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.footer-company-info ul {
	margin: 0px;
	padding: 0px;
}

.footer-company-info li {
	display: block;
	float: left;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 7px;
}

.footer-company-info li a {
	color: #666;
	font-size: 12px;
}
.copyright-text {
	font-size: 11px;
	margin-left: 10px;
	margin-top: 1px;
}

	
.case-q {
	color: #009966;
	font-weight: bold;
}

.case-a {
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

.download-box-left {
	float: left;
	width: 320px;
	padding: 10px;
}

.download-box-right {
	float: right;
	padding: 10px;
	width: 320px;
}


.line-top {
	border-top: 1px dashed #CCCCCC;
	padding: 20px 0px 0px;
	margin: 20px 20px 10px 10px;
	text-align: center;
	font-weight: normal;
}

.line-top h4 {
	font-weight: normal;
	font-size: 90%;
	color: #666666;
}

.pagetop {
	margin: 0px auto;
	padding: 0px;
	width: 930px;
	top: -25px;
	position: relative;
	text-align: right;
}


.news-day  {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	float: left;
	width: 90px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.news-product  {
	font-size: 12px;
	font-weight: normal;
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px 0px;
}


.release-title h1 {
	padding: 10px;
	border-left: 3px solid #FF0000;
	margin-top: 10px;
	background: #FFFAFA;
}

.release-share {
	float: right;
	width: 200px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
.btob-flow-text {
	padding: 0px;
	float: right;
	margin: 0px 0px 0px 20px;
	width: 300px;
	list-style: none;
}
.asset-body h3  {
	border-bottom: 1px solid #FF9900;
	padding: 5px 5px 5px 10px;
	background: #FFFFCC;
	margin: 0px 0px 10px;
}

p.interview {
	color: #009933;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.partner-box { border: 1px solid #CCCCCC; }

.partner-box h3 {
	padding: 10px;
	background: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
}

.partner {
	margin:0 0 10px 0;
	border: 1px solid #CCCCCC;
	}
	
.partner h3 {
	background: #EEEEEE;
	padding:5px 0 5px 10px;
	}
		
.kso-book  {
	background: url(/office/images/kso-book-img.jpg) no-repeat;
	height: 210px;
	padding-top: 160px;
	padding-left: 280px;
	line-height: 150%;
	padding-right: 80px;
	font-weight: normal;
	color: #333333;
}

.kso-book-contents-list {
	padding: 10px;
	border: 3px solid #99CC00;
	margin: 10px 38px 10px 0px;
	background: #FFFFCC;
	font-weight: normal;
}

.kso-book-embed { border: 3px solid #CCCCCC; }

.add-font-list {
	padding: 20px;
	border: 3px solid #006699;
	line-height: 180%;
	margin-top: 10px;
	margin-bottom: 5px;
}

.versionup-box {
	float: left;
	width: 220px;
	margin-right: 10px;
	border: 1px solid #0066FF;
}


* html .versionup-box {
	float: left;
	width: 210px;
	margin-right: 10px;
	border: 1px solid #0066FF;
}


.versionup-box h4 {
	background: #0066FF;
	padding: 7px;
	color: #FFFFFF;
}

.versionup-box p { padding: 7px; }

.writer-versionup li { list-style: none; }

.contents-right .co-header-text {
	background: url(/office/images/co-price.gif) no-repeat;
	height: auto;
	padding-top: 100px;
	padding-right: 350px;
	line-height: 150%;
	font-size: 100%;
	margin-bottom: 10px;
	padding-bottom: 20px;
	margin-top: 20px;
}

.contents-right .co-merit-box-left {
	float: left;
	width: 340px;
	margin-right: 10px;
}

.contents-right .co-merit-box-right {
	float: right;
	width: 340px;
	margin-bottom: 10px;
}

#pagetop #wrapper #contents .contents-950 { padding: 10px; }

.contents-right .dl-bt1  {
	padding: 50px 5px 20px;
	background: url(/office/images/affiliate-link-bt-bg01.jpg) no-repeat center;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.contents-right .border-pink {
	padding:10px 0 0 20px;
	width:500px;
	border:3px double #FF6666;
	margin:0 0 20px 20px;
	}
	
.contents-right h3.maru-icon {
	background:url(/office/images/icon_list2.gif) no-repeat 0 5px;
	padding:0 0 0 13px;
	}

.icon-link {
	background: url(/is/images/arrow-green.png) no-repeat 0px 0px;
	margin: 0px;
	padding-left: 20px;
	text-decoration: none;
}
.attention p {
	color: #666666;
	padding: 10px 20px;
}

.is-faq-text {
	margin-bottom: 7px;
	line-height: 150%;
	font-size: 90%;
}
.new-kso { margin-bottom: 10px; }

.new-kso h3 {
	background: #BAD3F2;
	padding: 5px;
	margin-bottom: 10px;
	border-left: 5px solid #0099CC;
	font-size: 100%;
}
.new-kso a {
	color: #FF0000;
	text-decoration: underline;
}



.new-kso .new-kso-box {
	float: left;
	width: 234px;
}

.new-kso .new-kso-box h4 {
	font-weight: normal;
	font-size: 90%;
	color: #666666;
}


#hatena {
	float:left;
	padding-right:10px;
	padding-top: 2px;
}

#mixi_check {
	float:left;
	padding-right:10px;
	padding-top: 2px;
}

#facebook_share {
	float:left;
	padding-right:10px;
	padding-top: 2px;
}

#twitter {
	float:left;
	padding-top: 2px;
}

#pagetop #wrapper #contents .contents-right .academic-box {
	background: url(/office/images/academic-02.jpg) no-repeat 0px 0px;
	padding-top: 150px;
	padding-left: 320px;
}

.sign-up-kdrive {
	background: url(/office/images/kdrive-bt-bg.jpg);
	height: 68px;
	padding-top: 12px;
	padding-left: 500px;
	margin-top: 20px;
}

.kdrive-contents-left {
	float: left;
	width: 340px;
	text-align: center;
	margin-bottom: 15px;
}

.contents-left .office-left-kdrive-dlbt{
    background: url(/office/images/kso_kdrive_dlbg02.jpg) no-repeat;
    text-align: center;
	padding: 95px 0 10px 0;
	width: 220px;
	height: 75px;
	margin-bottom: 10px;
}

#contents .contents-right .btob-left {
	background:url(/office/images/btob_bg.jpg) no-repeat;
	width:355px;
	height:138px;
	float:left;
	padding:0 10px;
	position:relative;
	margin:20px 0 0 0;
	}

 .contents-right .btob-left a {
 	display:block;
	width:128px;
	height:67px;
	position:absolute;
	top:60px;
	right:10px;
	}
	
.contents-right .btob-right .shop a:hover,	
.contents-right .case-study a:hover,	
.contents-right .btob-left a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	cursor:pointer;
	}

#contents .contents-right .btob-right {
	float:right;
	width:300px;
	margin:20px 0 0 0;
	}

#contents .contents-right .btob-right .shop {
	width:300px;
	height:80px;
	display:block;
	}
			
/*============================== KSO-TOP ==============================*/

.dl-index-bt {
	width: 197px;
	height: 210px;
	background: url(/office/images/downlaod_bg.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 140px 18px 0 18px ;
	float:right;
}

.dl-index-bt a {
	width: 197px;
	height: 210px;
	margin: 0 0 40px 0;
}

#top-contens {
	width: 980px;
}

.kso-contens-menu {
	width: 980px;
	margin: 16px 0 0 0 ;
	padding: 0;
}

.kso-contens-menu .kso-contens {
	width: 233px;
	height: 228px;
	margin: 0 16px 0 0;
	float: left;
}

.kso-contens-menu .kso-contens-04 {
	width: 233px;
	height: 228px;
	float: left;
}

.kso-contens-box-01 {
	background: url(/office/images/content_bar_top.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 150px;
	margin: 16px 0 0 0 ;
}

.kso-contens-box-02 {
	background:  url(/office/images/content_bar_under.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 150px;
	margin: 16px 0 16px 0 ;
}


.kso-contens-box-01 .kso-contens01 h2,
.kso-contens-box-01 .kso-contens04 h2,
.kso-contens-box-02 .kso-contens01 h2,
.kso-contens-box-02 .kso-contens04 h2,
.kso-contens-box-01 .kso-contens h2,
.kso-contens-box-02 .kso-contens h2 {
	width: 200px;
	color: #666666;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
	margin: 0 auto;
	line-height: 1.3;
}

.kso-contens-box-01 .kso-contens h2,
.kso-contens-box-02 .kso-contens h2 {
	width: 190px;
	}


.kso-contens-box-01 .kso-contens h2 a,
.kso-contens-box-01 .kso-contens01 h2 a,
.kso-contens-box-01 .kso-contens04 h2 a,
.kso-contens-box-02 .kso-contens h2 a,
.kso-contens-box-02 .kso-contens01 h2 a,
.kso-contens-box-02 .kso-contens04 h2 a {
	margin: 0;
	display: inline;
}

.dl-index-bt a {
	width: 197px;
	height: 37px;
}

.kso-contens-box-01 .kso-contens01 a,
.kso-contens-box-02 .kso-contens01 a,
.kso-contens-box-01 .kso-contens04 a,
.kso-contens-box-02 .kso-contens04 a,
.kso-contens-box-01 .kso-contens a,
.kso-contens-box-02 .kso-contens a {
	width: 219px;
	height: 65px;
	display: block;
}

.kso-contens-box-01 .kso-contens01 a,
.kso-contens-box-02 .kso-contens01 a {
	margin: 9px 0 3px 21px;
}

.kso-contens-box-01 .kso-contens04 a,
.kso-contens-box-02 .kso-contens04 a {
	margin: 9px 0 3px 10px;
}

.kso-contens-box-01 .kso-contens a,
.kso-contens-box-02 .kso-contens a {
	margin: 9px 10px 3px 10px;
}


.kso-contens-box-01 .kso-contens,
.kso-contens-box-02 .kso-contens {
	width: 240px;
	height: 150px;
	float: left;
	}
	
.kso-contens-box-01 .kso-contens01,
.kso-contens-box-01 .kso-contens04,
.kso-contens-box-02 .kso-contens01,
.kso-contens-box-02 .kso-contens04 {
	width: 250px;
	height: 150px;
	float: left;
}

/*============================== contents-new ==============================*/

.contents-right .tex-red-bold{
	color: #CC0000;
	font-size:150%;
	font-weight:bold;
	text-align: center;
	line-height: 130%;
	}

.contents-right .29font{
	padding: 10px 0 0 0;
	}

.contents-right .androidmarket-dl-bt{
	text-align: center;
	padding: 27px 25px 20px 290px;
	background: url(/office/images/android_dlbg.jpg) no-repeat center;
	}

.contents-right .kdrive-dl-bt{
	text-align: center;
	padding: 25px 0 22px 400px;
	background: url(/office/images/kso_kdrive_dlbg.jpg) no-repeat center;
	}
	
.contents-right .app-dl-bt{
	text-align: center;
	padding: 27px 25px 20px 290px;
	background: url(/office/images/ipad_dlbg.jpg) no-repeat center;
	}
	
.contents-right .totalsolutions-contens{
	width: 700px;
	display: block;
	}

.contents-right .totalsolutions-contens .left{
	width: 328px;
	height: 93px;
	background: url(/office/images/totalsolutions_a.jpg) no-repeat left;
	padding: 245px 5px 5px 0;
	float: left;
	}
	
.contents-right .totalsolutions-contens .right{
	width: 328px;
	height: 93px;
	background: url(/office/images/totalsolutions_b.jpg) no-repeat right;
	padding: 245px 5px 5px 0;
	float: right;
	}

.contents-right .kd-icon{
	background: url(/office/images/kdrive_icon.gif) no-repeat;
	padding-left: 25px;
	}

.contents-right .kdrive-registration-bt{
	text-align: center;
	padding: 25px 0 22px 400px;
	background: url(/office/images/kdrive_dlbg.jpg) no-repeat center;
	}

.contents-right .app-iphone-dl-bt{
	text-align: center;
	padding: 27px 25px 20px 290px;
	background: url(/office/images/iphone_dlbg.jpg) no-repeat center;
	}
	
.contents-right .totalsolutions-link{
	width: 700px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
	}

.contents-right .totalsolutions-link .link-bt{
	margin: 0 25px;
	}
	
.contents-right .dl-bt-estimate .contact{
	float: right;
	}

/*============================== login ==============================*/

.login-box {
	margin:0 0 10px 0;
	border:1px solid #CCCCCC;
	background:#F6F6F6;
	width:218px;
	}
	
.login-box .login {
	font-size:93%;
	padding:0 10px;
	margin:10px 0 0 0;
	}
	

.login-box .login a {
	color:#FF0000;
	}	

.login-box .login a:hover {
	text-decoration:underline;
	}	

.font-bold {
	font-weight:bold;
	}

/*==============================  estimate ==============================*/

#contents .contents-right .estimate .estimate-content {
	background:#EEEEEE;
	padding:10px;
	}

#contents .contents-right .estimate .estimate-content table {
	width:680px;
	margin:10px 0;
	}
	
.contents-right .estimate-content .td200 {
	width:188px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	border-width:1px 0px 1px 1px;
	padding:5px;
	}

.contents-right .estimate-content .td100 {
	width:88px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	padding:5px;
	}	
	
.contents-right .estimate-content .td170 {
	width:158px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	border-width:1px 0px 1px 1px; 
	}	

.error {
	background-color:#FF0000;
	color:#FFFFFF;
	width:180px;
	padding:0 10px;
	}
	
/*==============================  left(button-area) ==============================*/

.button-area {
	margin:0 0 15px 0;
	}

.button-area .button-area-contetns {
	background: url(/office/images/button_center_bg.jpg) repeat-y 0px 0px;
	padding:0 5px;
	width:210px;
	}
	
.button-area .button-area-contetns .icon {
	background:url(/office/images/icon.jpg) no-repeat 0 3px;
	padding:0 0 0 13px;
	}
		
.button-area .button-link {
	padding:5px 0;
	width:210px;
	}
	
.button-area .button-area-contetns p {
	margin:0 0 5px 0;
	}

.button-area .button-area-contetns a {
	display:block;
	width:190px;
	height:41px;
	margin:0 0 0 10px;
	}
	
#contents .btob-dl-bt {
	background: url(/office/images/corporate_download_bg.jpg) no-repeat;
	padding:15px 0 15px 220px;
	margin:20px 0;
	width:480px;
	height:70px;
	}
	
 #contents .contents-right .tel {
	width:320px;
	height:30px;
	display:block;
	float:right;
	margin:0 0 10px 0;
 	}
#pagetop #wrapper .new-login-box .button-link-logo {
	float: left;
	width: 230px;
}

#pagetop #wrapper .new-login-box .button-link-1 {
	float: left;
	width: 190px;
	padding: 10px;
}
#pagetop #wrapper .new-login-box .button-link-2 {
	float: left;
	width: 190px;
	padding: 10px;
}
#pagetop #wrapper .new-login-box .button-link-3 {
	float: left;
	width: 305px;
	padding: 10px;
}
#pagetop #wrapper .new-login-box {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	padding-top: 10px;
}
.gov-contact {
	padding: 10px;
	border: 5px solid #F00;
	margin-top: 10px;
	margin-bottom: 10px;
}