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

/* Color-----------------------------------------------
Gray: #666666
Light Gray: #a9a9a9
Pale Gray: #dcdcdc

Orange: #ff5d00
Blue: #3d52a4
Green: #00a168
*/

/* どんなブラウザでもクリアできる呪文 */ 

box:after{/* for modern browser */ 
content: " "; clear: both; height: 0; display: block; visibility: hidden;} 

* html box{/* for IE */ 
/*¥*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
} 

/* 呪文ここまで */


/* =====================================================================
	global
====================================================================== */

* {
	margin : 0;
	padding : 0;
	background : transparent;
	border : none;
	font : normal normal 100% Arial, Helvetica, sans-serif;
}

body {
	background : #dcdcdc;
	color : #333333;
	font-size : 62.5%;
	text-align : center;
}

body#images{
}

/* =====================================================================
	layout
====================================================================== */

div#container {
	width: 800px;
	background: #ffffff;
	margin: 0 auto 20px auto;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-bottom: 5px solid #a9a9a9;
	text-align: left;
} 

div#header,
div#shell,
div#footer {
	margin : 0 auto;
	width : 790px;
	padding: 5px;
	background : #ffffff;
	position : relative;
	font-size : 1.1em;
}

div#header {
	background: #ffffff;
	padding: 0px;
	margin: 0;
	height: 95px;
}

div#headlogo {
	background: #ffffff;
	position : absolute;
	top : 21px;
	left : 0px;
	padding: 0;
	margin : 0;
	width : 316px;
	height: 67px;
}

div#headnavi {
	background: #ffffff;
	position : absolute;
	top : 46px;
	right : 0px;
	padding: 0;
	margin : 0;
	width : 440px;
	height : 20px;
}


div#header h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1em;
	border-bottom: 1px dotted #666666;
}

div#header h2 {
	position : absolute;
	overflow : hidden;
	top : 35px;
	left : 10px;
	height : 42px;
}

div#menu {
	width : 195px;
	float : left;
	margin: 20px auto auto auto;
}

div#banner {
	width : 150px;
	float : right;
	margin: 20px auto auto auto;
}

div#topcontents {
	width : 385px;
	margin : 20px auto auto 225px;
}
	
div#contents {
	width : 550px;
	margin : 20px auto auto 225px;
}

div#footer {
	clear : both;
	margin : 20px auto auto auto;
}
	
/* ___________________________________________________________ anchor */
a {
	text-decoration : none;
}
a:link {
	color : #2c4081;
}
a:visited {
	color : #2c4081;
}
a:hover {
	color : #007b15;
}
a:active {
	color : #cb291f;
}


/* ___________________________________________________________ image */
img {
	vertical-align : middle;
}
.thumbs_left {
	float : left;
	margin : 0 10px 0 0;
	vertical-align : top;
}
.thumbs_right {
	float : right;
	margin : 0 0 0 10px;
}
.thumbs_center {
	text-align : center;
}


/* ___________________________________________________________ topic_path */

ul.topic_path {
	width : 550px;
	height : 20px;
	background : #dedede;
	border-top : 1px dotted #666;
	border-bottom : 1px dotted #666;
	text-indent : 9px;
	text-align : left;
}
ul.topic_path li {
	display : inline;
	padding : 0;
	background : none;
	line-height : 20px;
	font-size : 11px;
}


/* =====================================================================
	menu
====================================================================== */

div#menumainservice,
div#menuservice {
	width : 195px;
}

div#menumainservice dl {
	list-style:none;
	display:block;
	margin : 0 0 10px 0;
}

div#menumainservice dt {
	padding : 0 0 5px 0;
}

div#menuservice ul li {
	list-style:none;
	display:block;
	font-size:1em;
}

div#menuservice li {
	background : url(img/icon_arr_small.gif) no-repeat 0 0;
	padding : 0 0 5px 8px;
}


/* =====================================================================
	header
====================================================================== */

div#headnavi ul li {
	list-style:none;
	display:inline;
	font-size:9px;
}

div#headnavi li {
	text-align : right;
}

/* =====================================================================
	topcontents
====================================================================== */

div#topcontents h2,
div#topics h2,
div#info h2 {
	font-size : 1.6em;
	padding: 5px 0;
	border-bottom: 1px solid #333333;
}

div#topcontents ul{
	list-style : none;
}

div#topcontents ul li{
	line-height : 2em;
}

/* =====================================================================
	contents
====================================================================== */

div#contents h2 {
	margin: 10px 0 0 0;
	color: #3d52a4;
	text-indent: 10px;
	font-size : 18px;
	line-height : 50px;
	border-left: 8px solid #3d52a4;
	width : 542px;
	height : 50px;
	background: url(http://www.kti-center.jp/new/img/contents_h4_bg.gif);
}
div#contents h3 {
	line-height : 18px;
	font-size : 15px;
	font-weight: bolder;
	color: #ec6941;
	margin : 15px 0 0 0;
}

div#contents h3.category_shinchaku {
	font-size : 13px;
	color: #ec6941;
}

div#contents h4,
div#contents h4 a {
	font-size : 12px;
	line-height : 31px;
	color: #3d52a4;
}
div#contents h5 {
	line-height : 31px;
}
div#contents h6 {
	line-height : 21px;
}


div#contents p {
	line-height : 1.8em;
	margin : 0 0 20px 20px;
	overflow: auto;
}

div#contents dl {
}


div#contents dt {
	margin: 10px 0 0 0;
	text-indent: 2em;
	line-height : 1.8em;
}


div#contents dd {
	text-indent: 4em;
	line-height : 1.8em;
}

div#contents ol {
	line-height : 1.8em;
	margin-left: 40px;
}


div#contents li {
	line-height : 1.8em;
}

div#contents-20 {
	margin : 0 0 0 20px;
}

div#contents ul.regular {
	line-height : 1.8em;
	margin-left: 20px;
	list-style: square;
}

div#contents li.regular {
	line-height : 1.8em;
	margin-left: 20px;
}

div#contents ul.category_shinchaku {
	line-height : 1.2em;
	margin: 10px 0 0 10px;
	list-style: none;
	border-bottom: 1px dotted #666;
}

div#topics ul.category_shinchaku {
	line-height : 1.2em;
	margin: 8px 0 0 0;
	list-style: none;
	border-bottom: 1px dotted #666;
}

div#topics h3.category_shinchaku {
	font-size : 11px;
}

div#info h3.category_shinchaku {
	font-size : 11px;
	line-height : 1.2em;
	margin: 8px 0 0 0;
}


/* =====================================================================
	other
====================================================================== */
div#loc_right {
	float : right;
	padding : 5px;
	width : 150px;
	text-align : right;
}

div#loc_right .small_txt {
	font-size: 10px;
}

div#contents strong{
	font-weight: bolder;
}

div#banner p {
	margin : 0 0 5px 0;
}

table#services {
	background-color:#666666;
	width: 100%;
	}
table#services td, th{
	padding: 8px;
	font-size: 1em;
	}
table#services th {
	background-color: #999999;
	text-align: center;
	}
table#services td {
	background-color: #FFFFFF;
	}
table#services p {
	font-size: 1em;
	}

div#kakomi_blue {
	padding: 10px;
	border: 1px dotted #3d52a4;
	}

div#kakomi_blue ul {
	list-style: none;
	}