@import url(ik_site.css);

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #F2F2F2;
	font-size: 12px;
	line-height: 1.6;
	color: #444444;
	font-family:  "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1{
	font-size: 12px;
	font-weight: normal;
}

img {
	border: none;
}
p{
padding: 0 0 10px;
}


/*ヘッダー
--------------------------------------------------------------------------------------------*/
#header{
	width: 100%;
	height: 100px;
	background: #FFFFFF url(img/heder_bg.gif) repeat-x bottom;
	margin: 0 0 10px;
}
#header .out_box{
	width: 760px;
	height: 95px;
	margin: 0 auto;
	padding: 5px 0 0;
	text-align: left;
}
#header .out_box h1{
	width: 400px;
	font-size: 12px;
	font-weight: normal;
	float: left;
}
#header .out_box .form_navi{
width: 360px;
float: left;
text-align: right;
}

#header .out_box .logo{
width: 270px;
float: left;
}
#header .out_box .info{
width: 490px;
margin: 35px 0 0;
float: left;
text-align: right;
}

/*メインメニュー
--------------------------------------------------------------------------------------------*/

#menu {
width: 760px;
height: 50px;
background: url(img/menu_bg.gif) no-repeat;
margin: 0 auto;
padding: 10px;
font-size: 14px;
line-height: 1;
}
	#menu ul{
	/*width: 760px;
	height: 50px;*/
	margin: 0 0 0 48px;
	padding: 0;
	list-style-type: none;
	}
	#menu li{
	display:inline;
	}
		#menu a {
		display: block;
		height: 50px;
		float: left;
		background-position: top;
		background-repeat: no-repeat;
		}
		#menu a:hover {
		background-position: bottom;
		}
		#menu #menu_top a{
		width: 69px;
		background-image:url(img/menu_top.png);
		}
		#menu #menu_product a{
		width: 95px;
		background-image: url(img/menu_product.png);
		}
		#menu #menu_case a{
		width: 152px;
		background-image:url(img/menu_case.png);
		}
		#menu #menu_flow a{
		width: 139px;
		background-image: url(img/menu_flow.png);
		}
		#menu #menu_test a{
		width: 110px;
		background-image: url(img/menu_test.png);
		}
		#menu #menu_inquiry a{
		width: 100px;
		background-image: url(img/menu_inquiry.png);
		}
		#menu a span {
		position: absolute;
		text-indent: -5000px;
		overflow: hidden;
		}


/*コンテンツ内
--------------------------------------------------------------------------------------------*/
#contents{
width: 780px;
margin: 0 auto;
padding: 0;
background: #F2F2F2 url(img/contents_body_bg.gif) repeat-y;
text-align: left;
}
#contents .main{
width : 760px;
background: url(img/contents_head_bg.png) top no-repeat;
margin: 0 10px;
padding: 0;
text-align: left;
overflow: auto;
}
	#contents .main_body{
	width: 480px;
	margin: 0;
	padding: 30px 30px 0;
	float: left;
	}
	#contents .main_body h2{
		width: 440px;
		height: 14px;
		margin: 0 0 15px;
		padding: 10px 0 6px 40px;
		background: url(img/contents_title_bg.png) no-repeat;
		color: #FFFFFF;
		font-size: 14px;
		line-height: 1;
	}

#contents ul.box_navi {
width: 480px;
margin: 0 0 30px;
overflow: auto;
}
	#contents ul.box_navi li {
	display: inline;
	}
	#contents .box_navi a{
	display: block;
	width: 206px;
	height: 45px;
	padding: 30px 20px 0 9px;
	line-height: 1.4;
	float: left;
	color: #666666;
	background-position: left;
	background-repeat:no-repeat;
	text-decoration: none;
	}
	#contents .box_navi a:hover{
	background-position: right;
	color: #333333;
	}
	#contents .box_navi #box_navi_upload a{
	background-image: url(img/box_navi_upload_2.png);
	margin: 0 9px 10px 0;
	}
	#contents .box_navi #box_navi_play a{
	background-image: url(img/box_navi_permission.png);
	margin: 0 0 10px;
	}
	#contents .box_navi #box_navi_comment a{
	background-image: url(img/box_navi_comment.png);
	margin: 0 9px 1px 0;
	}
	#contents .box_navi #box_navi_group a{
	background-image: url(img/box_navi_search.png);
	margin: 0 0 1px 0;
	}
#contents .topics{
margin: 0 0 30px;
}
	#contents .topics .backnumber{
	text-align: right;
	}
	#contents .topics ul{
	border: 1px solid #CCCCFF;
	padding: 5px;
	list-style-type: none;
	line-height: 1.8;
	}
	#contents .topics li{
	border-top: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	}
	#contents .topics li:hover{
	background: #F2F5F9;
	border-top: 1px dotted #99CCFF;
	border-bottom: 1px dotted #99CCFF;
	}
	#contents .topics li span{
	color: #FF6600;
	font-size: 10px;
	}
	
#contents .site_map{
width: 480px;
overflow: auto;
}
	#contents .site_map h3{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px;
	line-height: 1.8;
	color: #333333;
	}
	#contents .site_map li{
	margin: 0 0 0 20px;
	}
	#contents .site_map .left{
	width: 230px;
	margin: 0 20px 0 0;
	float: left;
	}
	#contents .site_map .right{
	width: 230px;
	margin: 0;
	float: left;
	}
	#contents .site_map .left div,
	#contents .site_map .right div{
	background: url(img/site_map_bg.png) no-repeat;
	margin: 0 0 15px;
	padding: 4px 18px 10px;
	}

#contents .block {
margin: 0 0 30px;
}
	#contents .block h3 {
	margin: 20px 0 10px;
	font-size: 14px;
	color: #003366;
	}
	#contents .block .now_work{
	padding: 30px;
	border: 3px solid #EEEEEE;
	text-align: center;
	}

	#contents .block strong {
	color: #6699FF;
	}
#contents .function_block{
margin: 0 0 10px;
}
	#contents .function_block strong {
	color: #6699FF;
	}

#contents .page {
width: 480px;
height: 30px;
margin: 0 0 30px;
/*overflow: auto;*/
text-align: center;
}
	#contents .page .page_prev,
	#contents .page .page_to_top,
	#contents .page .page_next{
	display: inline;
	}
	#contents .page .page_prev a {
	width: 120px;
	height: 30px;
	background-image: url(img/function_prev.png);
	text-decoration:none;
	float: left;
	}
	#contents .page .page_next a {
	width: 120px;
	height: 30px;
	background-image: url(img/function_next.png);
	float: right;
	text-decoration:none;
	}
	#contents .page .page_to_top a {
	width: 120px;
	height: 30px;
	background-image: url(img/function_to_top.png);
	float: left;
	margin: 0 60px;
	text-decoration:none;
	}
	#contents .page .page_prev a:hover,
	#contents .page .page_next a:hover,
	#contents .page .page_to_top a:hover {
	background-position: bottom;
	
	}
	#contents .page .page_prev span,
	#contents .page .page_to_top span,
	#contents .page .page_next span{
	position:absolute;
	text-indent: -5000px;
	overflow: hidden;
	}

/*主な機能
-----------------------------------------*/
#contents .function_list{
width: 480px;
}
	#contents .function_list .line{
	width: 480px;
	height: 120px;
	}
	#contents .function_list a.left{
	margin-right: 9px;
	}
	#contents .function_list a.right{
	}
	#contents .function_list a{
	display: block;
	width: 223px;
	height: 98px;
	padding: 5px;
	border: 1px solid #D6E6EF;
	background: #EDF4F8;
	color: #444444;
	text-decoration: none;
	float: left;
	}
	#contents .function_list a:hover{
	border: 1px solid #FFD6C6;
	background: #FFEDE6;
	}
	#contents .function_list a span{
	display: block;
	font-weight: bold;
	color: #3333CC;
	margin: 0 0 5px;
	}

#contents .img_bg{
}
	#contents .img_bg a{
	display: block;
	width: 380px;
	margin: 0 auto;
	border: 3px solid #CCCCCC;
	padding: 8px;
	text-align: center;
	}
	#contents .img_bg a:hover{
	background: #ECF0FF;
	border: 3px solid #C4CEFF;
	}

#contents .main_body .business_info {
background: #FCFCFF;
border: 5px solid #E0E9FC;
padding: 10px;
}

/*フォーム
-----------------------------------------*/
#contents .list_box{
padding: 10px 0;
border-top: 1px dotted #CCCCCC;
line-height: 1.6;
}
	#contents .list_box label{
	display: block;
	width: 170px;
	float: left;
	}
	#contents .list_box label span{
	color: #FF0000;
	}
	#contents .list_box .input_m{
	width: 200px;
	}
	#contents .list_box .input_l{
	width: 300px;
	}
	#contents .list_box .list_item_right{
	margin:0 0 0 170px;
	}
	#contents .list_box .list_item_right span{
	color: #FF0000;
	}

#contents .submit_button{
padding: 10px 0 0 170px;
border-top: 1px dotted #CCCCCC;
}
	#contents .submit_button input{
	margin: 0 20px 0 0;
	}
/*-----------------------------------------
END*/

/*コメント
-----------------------------------------*/
.comment_out_box h3 {
font-size: 14px;
background: #F5ECFB;
padding: 5px 8px;
margin: 0 0 20px;
line-height: 1;
color: #330066;
}
.comments_list{
margin: 0 0 20px;
}
.comment_out_box .comment {
font-size: 11px;
width: 480px;
margin: 0 0 25px;
}
.comment_out_box .comment_body {
border-bottom: 1px dotted #CCCCCC;
}
.comment_out_box .comment_date {
text-align: right;
padding: 3px 0 0;
color: #666666;
}
.comment_out_box .comment_body p {
margin: 0;
padding: 0;
}
.comment_out_box .comments_button {
margin: 0 0 0 170px;
}
.comment_out_box .comments_button input {
padding: 5px 15px;
}
/*-----------------------------------------
END*/


#contents .main_body table {
background: #CCCCCC;
font-size: 12px;
line-height: 1.6;
}
	#contents .main_body table td {
	background: #FCFCFC;
	text-align: left;
	padding: 5px;
	}
	#contents .main_body table th {
	width: 150px;
	background: #F6F6F6;
	padding: 5px;
	text-align: left;
	}

#contents .main_body .news_list {
margin: 0 0 20px;
}
	#contents .main_body .news_list .date{
	text-align: left;
	/*border-bottom: 1px dotted #CCCCCC;*/
	}
	#contents .main_body .news_list h3 {
	margin: 0 0 10px;
	padding: 0 0 0 15px;
	border-left: 8px solid #A78BB8;
	color: #330066;
	font-size: 14px;
	}
	#contents .main_body .news_list h3 a {
	color: #330066;
	text-decoration: none;
	}
	#contents .main_body .news_list h3 a:hover {
	text-decoration: underline;
	}


/*サイドナビゲーション
--------------------------------------------------------------------------------------------*/
#contents .side_navi{
width: 180px;
padding: 20px;
float: right;
}
	#contents .side_navi ul{
	list-style-type: none;
	}
	#contents .side_navi li{
	margin: 0 0 15px;
	}
	#contents .side_navi a{
	display: block;
	width: 180px;
	height: 50px;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration:none;
	}
	#contents .side_navi a:hover{
	background-position: right;
	}
	#contents .side_navi #side_inquiry a{
	background-image: url(img/side_inquiry.png);
	}
	#contents .side_navi #side_document a{
	background-image: url(img/side_document.png);
	}
	#contents .side_navi #side_test a{
	background-image: url(img/side_test.png);
	}
	#contents .side_navi #side_estimate a{
	background-image: url(img/side_estimate.png);
	}
	#contents .side_navi #side_business a{
	background-image: url(img/side_business.png);
	}
	#contents .side_navi #side_company a{
	background-image: url(img/side_company.png);
	}
	#contents .side_navi a span{
	position: absolute;
	text-indent: -5000px;
	overflow: hidden;
	}


/*フッター
--------------------------------------------------------------------------------------------*/
#footer{
background: #453D3D;
text-align: center;
color: #CCCCCC;
}
	#footer a{
	color: #FFFFFF;
	}
	#footer a:hover{
	text-decoration: none;
	}
	#footer .bottom_navi {
	width: 760px;
	background: #453D3D url(img/footer_bg.gif) no-repeat top center;
	margin: 0 auto;
	padding: 45px 0 5px;
	font-size:12px;
	}
                #footer .footer_description {
                font-size:12px;
                }
	#footer .oopyright {
	font-size:11px;
	}

/****************
 * product
*****************/
#contents div.main_body div.block table.product2{
	font-size: 10px;
	width: 480px;
}
#contents div.main_body div.block table.product2,
#contents div.main_body div.block table.product2 tr,
#contents div.main_body div.block table.product2 tr td,
#contents div.main_body div.block table.product2 tr th{
	border-collapse: collapse;
	letter-spacing: 1px;
	border: 1px solid #63CB4B;
	padding: 1px;
	text-align: center;
	background-color: transparent;
}
#contents div.main_body div.block table.product2 tr th.title{
	background-color: #E5FAE1;
}