@charset "UTF-8";

*{
	margin:0;
}

p,li {
	line-height: 1.5em;
}

table {
	font-size: 100%;
}
/*------------------------------------------------ */
/* Common
-------------------------------------------------- */
.ptext{
	padding: 0px 10px 0px 10px;
}

.ptext2{
	margin: 20px 10px 0px 15px;
/*	padding: 5px 10px 5px 15px;*/
}

.ptext3{
	margin: 5px 10px 0px 15px;
	line-height: 150%;
}

.ptext4{
	padding: 10px 10px 0px 30px;
}

.ptext5 {
	margin: 5px 10px 0px 40px;
}
.ptext7 {
	margin: 5px 10px 0px 15px;
	font-size: 80%;
}

#stage, #header-top, #location, #content, #global-navi{
	width: 950px;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,input,textarea {
    margin: 0px;
	padding: 0px;
}

/*
li {
    list-style: none;
}
*/

img {
	border: none;
	margin: 0px;
}

a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

.up {
	text-align: right;
	margin: 15px 0px 15px 0px;
	font-size:75%;
	width:100%;
}
	.up a {
		background: url("/kcc/el/img/ico_up.png") no-repeat left center;
		padding-left: 15px;
	}

#to_contentstop {
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* STRUCTURE FOR CAFE WEB
------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

body {
	background-color: #ffffff;
	color: #000000;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 90%;
}
.center{
	margin: 0px auto;
	text-align: center;
}
#wrapper {
	clear: both;
	display: block;
	margin: 0px auto;
	background-color: #ffffff;
	color: #000000;
} 

#stage{
	clear: both;
	display: block;
	margin: 0px auto;
	height: auto;
	padding: 0;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

/*------------------------------------------------ */
/* header
-------------------------------------------------- */
#header {
	width: 100%;
}

#header-top {
	margin: 0px auto;
	height: 92px;
}

#header-logo {
	float: left;
	width: 40%;
	margin: 10px 0 0 1px;
	padding: 0;
	display: inline;
	text-align: left;
	
}

#header-navi-area {
	width: 50%;
	float: right;
	margin: 5px 0px 0px 0px;
	height: auto;
	padding: 0;
	display: inline;
}
#contact {
	float: right;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}

#site {
	float: right;
	height: 30px;
	width: 90%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 75%;
}


/*----------------- */
/* menu
------------------- */

#menu-top {
	float: left;
	width: 100%;
	height: 43px;
	margin-top: 0px;
	background:url("/kcc/el/img/global_bg.png") repeat-x;
}
#global-navi{
	margin: 0px auto;
	padding: 0px;

}

#main-menu  {
	width:950px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#main-menu li  {
	display: inline;
	float:left;
}

#main-menu li a {
}
#main-menu li a:visited {
}

/*------------------------------------------------ */
/* location
-------------------------------------------------- */

#location {
	float: left;
}

#location ul {
	font-size: 90%;
	padding: 4px 0px 4px 10px;
	
}

#location ul li {
	display: inline;
}

#location ul li a {
	color: #000000;    
}


#location ul li a:visited {
	/*color: #004d9d;*/
	color: #000000;
	margin-bottom: 10px;
	
}

#location ul li a:hover {
	/*color: #3b9bff;*/
	color: #000000;
}

#currentPosition {
	color: #000000;
}

/*------------------------------------------------ */
/* main content
-------------------------------------------------- */

#content {
	clear: both;
	padding-top: 10px;
	float: left;
	margin: 0px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

/*------------------------------------------------ */
/* footer
-------------------------------------------------- */
#sitemap-bg-topline{
	clear: both;
	width:100%;
	min-width:950px;
	background-color:#DCDCDC;
	height:1px;
	max-height:1px;
	float:left;
	line-height:1px;
	overflow:hidden;
}
#sitemap-background{
	float: left;
	clear: both;
	width: 100%;
	font-style: normal;
	margin-bottom: 0px;
	background-color: #f0f0f0;
	border-top: 1px solid white;
	/*outline: #f0f0f0 solid 1px;*/
	min-width: 950px;
}

#sitemap {
	clear: both;
	width: 950px;
	margin: 0px auto;
	display: block;
	background-color: #f0f0f0;
}
	#sitemap div.sitemap-column {
		width: 290px;
		text-align: left;
		float: left;
		margin-right: 10px;
		padding: 10px;
		font-size: 80%;
	}
	#sitemap div.last {
		margin-right: 0px;
	}
	#sitemap ul.level01 li {
		list-style-image: url("/kcc/el/img/ico_footer01.png");
	}
	#sitemap ul.level02 li {
		list-style-image: url("/kcc/el/img/ico_footer02.png");
		margin-left: 10px;
	}
	#sitemap ul.level03 li {
		list-style-image: url("/kcc/el/img/ico_footer03.png");
	}
	#sitemap ul.level04 li {
		list-style-image: url("/kcc/el/img/ico_footer04.png");
	}

#footer {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	font-style: normal;
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 90%;
	background-repeat:repeat-x;
	min-width:950px;
}

#footer address{
	font-family: arial sans-self;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	font-style: normal;
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 90%;
	padding: 4px 0px;
	background-color: #3c3c35;
	text-decoration: none;
}
	#footer address a {
		color: #ffffff;
		text-decoration: none;
	}
	#footer address a:hover {
		text-decoration: underline;
	}

table.table_footer {
	margin-top:5px;
	margin-bottom: 20px;
	color: #000000;
	font-size: 85%;
	text-align: left;
	float: left;
	width: 310px;;
}

table.table_footer th {
	padding-top: 5px;
	text-align:left;
	width: 15px;
}

table.table_footer td {
	text-align: left;
	line-height: 120%;
}

.padding-text{
	padding-left: 4px;
}

.padding-icon{
	padding-top: 0px;
}
/*------------------------------------------------ */
/* tokucho page
-------------------------------------------------- */

/*----------------------- */
/* right content
-------------------------*/

#right-column {
	width:210px;
	float:right;
	margin-top: 0px;
	margin-bottom: 15px;
}

.top-menu{
	width: 210px;
	float: left;
}


.bottom-menu{
	width: 210px;
	float: left;
	margin-bottom: 0px;
}


.pic{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 210px;
}


.adv{
    width: 210px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.rightlogo{
	width: 210px;
	float: left;
	margin-top: 20px;
	text-align: center;
}

.rightlogoimg{
	width: 90%;
	text-align: left;
	margin:0 auto;
}

/*----------------------- */
/* left content
-------------------------*/
#left-column {
	width:720px;
	float:left;
	margin-top: 0px;
}

table.header_h1 {
	margin-bottom: 10px;
	border: none;
	border-collapse: collapse;
}
	table.header_h1 tr th {
		background:url("/kcc/el/img/h1.png") no-repeat left center;
		height: 100px;
		width: 950px;
	}
		table.header_h1 tr th h1 {
			font-weight:bold;
			color:#57564f;
			font-size: 150%;
			padding-left: 30px;
			text-align: left;
		}

#left-column h2.page_title {
	font-weight:bold;
	color:#57564f;
	font-size: 107%;
	padding: 7px 5px 8px 15px;
	text-align: left;
	line-height: 120%;
}

#left-column .header_h2{
	clear: both;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 0px;
	background:url("/kcc/el/img/h2.png") no-repeat;
	background-position: left bottom;
	min-height: 32px;
}

#left-column h3.page_title {
	padding: 0px 10px 0px 27px;
	background: url("/kcc/el/img/h3.png") no-repeat center;
	font-size: 95%;
	color: #000000;
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 2.4em;
}
#left-column .header_h3{
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
}

#left-column h4.page_title {
	font-weight:bold;
	color: #000000;
	font-size: 90%;
	padding: 0px 5px 0px 40px;
	text-align: left;
	line-height: 120%;
}

#left-column .header_h4{
	width: 100%;
	margin-left:1px;
	padding: 0px 2px 5px 0px;
	background: url("/kcc/el/img/h4.png") no-repeat;
	min-height: 12px;
	background-position:20px 0.2em;
	margin-top: 0px;
	font-size:100%;
}

.oneline{
	margin-left:1px;
	padding: 10px 5px 8px 18px;
	background: url("/kcc/el/img/icon.gif") no-repeat;
	background-position: center left;
}

.oneline a{

	text-decoration: none;
}

.twoline a{

	text-decoration: none;
}


.oneline a:hover{
	color: #e88e07;
}

.twoline a:hover{
	color: #e88e07;
}

.twoline{
	margin-left:1px;
	padding: 5px 5px 5px 18px;
	background: url("/kcc/el/img/icon.gif") no-repeat;
	background-position: center left;
}

#img-container{
	width: 720px;
	margin:10px 0px 10px 0px;
}
.img-row{

	width:auto;
	height: 80px;
	margin: 0px 10px 0px 5px;
	padding-bottom: 5px;

}
.img-cell{
	float: left;
	padding-left: 5px;
}

/*------------------------------------------------ */
/* top page
   導入実績のノート
-------------------------------------------------- */
.banner {
	padding-top: 10px;
}




.form {
	clear: both;
	margin: 30px 0 50px 0;
}
.form2 {
	margin: 20px 0 5px 0;
}


.textcontenttop{
	font-size: 90%;
	line-height: 120%;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 0px;
	padding: 0px 8px 0px 0px;
}
.icontop_min{
	width: 220px;
	margin-left:5px;
	padding: 0px 5px 2px 14px;
	background: url("/kcc/el/img/item_results.gif") no-repeat;
	background-position:1px 0.4em;
	margin-top: 2px;
	font-size:100%;
}


.contentboder{
	margin-left: 0px;
	margin-top: 10px;
}



.textcontent_start{
	font-size: 90%;
	line-height: 120%;
	color: #000000;
	text-align: left;
}

.textcontent{
	font-size: 90%;
	line-height: 120%;
	color: #000000;
	text-align: left;
}
.contenttop1 {
	width: 235px;
	float: left;
	margin-bottom: 10px;
	
}
.contenttop2 {
	width: 478px;
	float: right;
	margin-bottom: 10px;
}

.contenttop3 {
	width: 230px;
	float: left;
}

.contenttop4 {
	width: 235px;
	float: right;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.note {
 float: right;
 text-align: right;
 font-size: 84%; 
 margin-bottom: 1px;
 width: 100%;
 margin-top: 5px;
 padding: 0px;

}
.boder-img{
 float: left;
 margin-top: 0px;
 margin-bottom: 0px;
 
}

/*見出し付きボックス*/
div.frm-g{
 border:solid 1px #388504;
 margin-top:8px;
}


.list_n  {
    list-style: none;
}

/*++++++テーブル表+++++++++*/
table.standard{
	border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0;
    color: #000000;
    margin:10px 10px;
	font-size:100%;
	width:710px;
}

table.standard th{
	background-color:#dcf5be;
	text-align:left;
	border: 1px solid #cccccc;
}
table.standard td{
	background-color:#ffffff;
	text-align:left;
	border: 1px solid #cccccc;
}

/*++++++注目+++++++++*/
p.chuu{
	font-size:80%;
	margin-left:2em;
	text-indent:-1em;

}

p.chuu2{
	font-size:80%;
	margin-left:5em;
	text-indent:-3.5em;
}	
	
/*++++++Topic+++++++++*/
.topic{
	float:left;
	margin:0px 0px 15px 0px;
	height:auto;


}
.topic-panel{
	float:left;
	background-color:#ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom:0;
	margin-top: -5px;
	padding:15px 0px 15px 0px;
	width:718px;
	
}


.topic-max{
	float:left;
	padding: 0px 5px 2px 12px;
	background: url("/kcc/el/img/ico_focus.png") no-repeat scroll 1px 0.3em transparent;
	margin-left:14px;
	margin-top:2px;
	min-height: 14px;
	width:690px;
	font-size:100%;
}


.topic-text{
	width:690px;
	float:left;
	line-height:120%;

	font-size:85%;
	padding: 0;
    text-align: left;

}
.topic-date{
	float:left;
	max-width:140px;
	width: 7em;
}

.topic-news{
	float:left;
	width:545px;
	padding-left:30px;

}
.topic-news-icon{
	vertical-align:top;
}

/* コンサルサイト用に追加 */

#left-column ul {
	margin-left: 30px;
}

#left-column fieldset {
	margin: 20px 15px 20px 15px;
	padding: 5px;
}

#left-column dl {
	margin-left: 20px;
	margin-right: 10px;
}
	#left-column dl dt {
		margin-bottom: 10px;
	}

.link {
	background: url("/kcc/el/img/ico_focus.png") no-repeat left center;
	padding-left: 12px;
}
.blank {
	background: url("/kcc/el/img/ico_joho.gif") no-repeat right center;
	padding-right: 15px;
}

div.submenu {
	background: #ffffff url("/kcc/el/img/submenu_bg.png") no-repeat;
	margin-top: 10px;
	padding-top: 5px;
	height: 60px;
}

div.box {
	border: 1px solid #cccccc;
	border-top: none;
	padding: 10px;
	margin-bottom: 10px;
}
	div.box ul {
		list-style-image: url("/kcc/el/img/icon_list01.png");
	}
	
	div.box table.date {
		margin-left: 15px;
	}
	table.date tr th {
		white-space: nowrap;
		font-weight: normal;
		text-align: left;
		padding-right: 10px;
		background: #ffffff url("/kcc/el/img/ico_focus.png") no-repeat left 8px;
		padding-left: 12px;
	}
	table.date tr th,
	table.date tr td {
		vertical-align: top;
	}

#right-column div.other-service {
	clear: both;
	padding-bottom: 6px;
	background: #eeeeee url("/kcc/img/other_service_bottom.png") no-repeat bottom;
	
}
	#right-column div.other-service ul {
		list-style: none;
	}
		#right-column div.other-service ul li {
			text-align: center;
			padding-top: 3px;
			padding-bottom: 5px;
		}
	#right-column div.other-service p {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}

#right-column div.shikaku-box {
	margin-top: 10px;
	text-align: center;
}

#right-column div.results {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 19px;
	background: #ffffff url("/kcc/el/img/results_bottom.png") no-repeat bottom;
}
	#right-column div.results div.results-contents {
		background: url("/kcc/el/img/results_contents_bg.png") repeat-y;
		text-align: center;
	}
		#right-column div.results div.results-contents p,
		#right-column div.results div.results-contents h4,
		#right-column div.results div.results-contents div.info {
			width: 160px;
			margin: 0px auto;
			text-align: left;
		}
		#right-column div.results div.results-contents p {
			font-size: 80%;
			padding-bottom: 5px;
		}
		#right-column div.results div.results-contents p.detail {
			margin-top: 5px;
			text-align: right;
		}
		#right-column div.results div.results-contents ul {
			border: 1px solid #64a537;
			font-size: 80%;
		}
			#right-column div.results div.results-contents ul li {
				padding: 3px;
				margin-left: 20px;
			}

div.el-style {
	width: 350px;
	background: #ffffff url("/kcc/el/img/consul_style_bottom.png") no-repeat bottom;
	padding-bottom: 10px;
}
	div.el-style-contents {
		background: url("/kcc/el/img/consul_style_bg.png") repeat-y;
	}
		div.el-style-contents table {
			width: 330px;
			margin: 0px auto;
			font-size: 80%;
		}

#right-column div.right-menu {
	clear: both;
	background: #ffffff url("/kcc/el/img/right_menu_bottom.png") no-repeat bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
	#right-column div.right-menu div.right-menu-contents {
		background: url("/kcc/el/img/right_menu_bg.png") repeat-y;
	}
		#right-column div.right-menu div.right-menu-contents table {
			width: 100%;
			border-collapse: collapse;
			border: none;
		}
		#right-column div.right-menu div.right-menu-contents table.level01 {
			width: 190px;
			border: 1px solid #c6c6c0;
			background-color: #ffffff;
		}
			#right-column div.right-menu div.right-menu-contents table.level01 tbody tr td table tbody tr td {
				border: none;
			}
			#right-column div.right-menu div.right-menu-contents table.level01 thead tr th,
			#right-column div.right-menu div.right-menu-contents table.level01 tbody tr td {
				padding: 1px;
				border: 1px solid #c6c6c0;
			}
				#right-column div.right-menu div.right-menu-contents table thead tr th h2 {
					background: #e84848 url("/kcc/el/img/right_menu_th.png") repeat-x bottom;
					font-weight: bold;
					font-size: 100%;
					text-align: left;
				}
					#right-column div.right-menu div.right-menu-contents table thead tr th h2 a {
						display: block;
						background: url("/kcc/el/img/right_menu_th_icon.png") no-repeat 7px center;
						color: #ffffff;
						padding: 5px 5px 5px 25px;
					}
				#right-column div.right-menu div.right-menu-contents table tbody tr td h3,
				#right-column div.right-menu div.right-menu-contents table tbody tr td h4,
				#right-column div.right-menu div.right-menu-contents table tbody tr td h5 {
					font-weight: normal;
					font-size: 90%;
					text-align: left;
					line-height: 1.1em;
				}
					#right-column div.right-menu div.right-menu-contents table tbody tr td a {
						text-decoration: none;
						display: block;
						color: #333333;
						padding: 5px 5px 5px 0px;
					}

					#right-column div.right-menu div.right-menu-contents table tbody tr td a {
						background: url("/kcc/el/img/right_menu_td_icon_close.gif") no-repeat;
					}
					#right-column div.right-menu div.right-menu-contents table tbody tr td a.open {
						background: url("/kcc/el/img/right_menu_td_icon_open.gif") no-repeat;
					}
					#right-column div.right-menu div.right-menu-contents table tbody tr td a.cur {
						background: url("/kcc/el/img/right_menu_cur_icon.gif") no-repeat;
						color: #4d7922;
					}

					#right-column div.right-menu div.right-menu-contents table tbody tr td a:hover {
						background-color: #e6e5e2;
					}

					#right-column div.right-menu div.right-menu-contents table tbody tr td h3 a,
					#right-column div.right-menu div.right-menu-contents table tbody tr td h3 a.open,
					#right-column div.right-menu div.right-menu-contents table tbody tr td h3 a.cur {
						background-position:  9px center;
						padding-left: 25px;
					}
					#right-column div.right-menu div.right-menu-contents table tbody tr td h4 a,
					#right-column div.right-menu div.right-menu-contents table tbody tr td h4 a.open,
					#right-column div.right-menu div.right-menu-contents table tbody tr td h4 a.cur {
						background-position:  19px center;
						padding-left: 35px;
					}
					#right-column div.right-menu div.right-menu-contents table tbody tr td h5 a,
					#right-column div.right-menu div.right-menu-contents table tbody tr td h5 a.open,
					#right-column div.right-menu div.right-menu-contents table tbody tr td h5 a.cur {
						background-position:  29px center;
						padding-left: 45px;
					}

p.img-left {
	margin: 20px 10px 0px 15px;
	float: left;
}
p.img-left2 {
	margin: 0 0 0 15px;
	float: left;
}
p.img-right {
	margin: 20px 10px 10px 10px;
	float: right;
}
p.img-center {
	margin: 20px 0px 10px 0px;
	text-align: center;
}

p.tokuchou {
	margin-bottom: 10px;
}

.pdf {
	background: url("/kcc/img/icon_pdf.png") no-repeat right;
	padding-right: 30px;
}

ul.item-list li {
	list-style-image: url("/kcc/el/img/item_results.gif");
}

/*+++++++++++++++++++++++++*/

/* 20120813 トップページ修正に伴う追加 by 藤田 */
.recommend {
	clear: both; 
	float: left;
	padding-bottom: 10px; 
	height: auto;
	width:718px; 
}

.recommend-title{
	float:left;
	width:718px;
	padding:0px;

}
.recommend-content{
	float:left;
	background: url("/kcc/el/img/recommend-middle.png") repeat-y; 
	width:718px;
	padding-left: 4px;
}

.recommend-content-bottom{
	float:left;	
	background: url("/kcc/el/img/recommend-bottom.png");
	width:718px;
	height:19px;
}
/* 20120813 トップページ修正に伴う追加 by 藤田 ここまで */

div.box1 {
	border: 1px solid #ccc;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #888 0px 3px 3px;
	-moz-box-shadow: #888 0px 3px 3px;
	box-shadow: #888 3px 3px 3px;
	background: #eeefff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeefff), to(#fff));
	background: -webkit-linear-gradient(#eeefff, #fff);
	background: -moz-linear-gradient(#eeefff, #fff);
	background: -ms-linear-gradient(#eeefff, #fff);
	background: -o-linear-gradient(#eeefff, #fff);
	background: linear-gradient(#eeefff, #fff);
	-pie-background: linear-gradient(#eeefff, #fff);
	position: relative;
}
div.info {
	border: 1px solid #ccc;
	padding: 5px 5px 10px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #888 0px 3px 3px;
	-moz-box-shadow: #888 0px 3px 3px;
	box-shadow: #888 3px 3px 3px;
	background: #fff;
	position: relative;
}
	h4.info {
		padding: 5px 5px 5px 10px;
		-webkit-border-radius: 8px 8px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0;
		background: #21aa44;
		position: relative;
		color: #fff;
	}
	div.info p {
		margin: 5px;
	}
#left-column .ptext{
	margin: 5px 16px 30px;
}