@charset "utf-8";
/*
Theme Name: Meikou System
Theme URI: http://www.meikou.net/
Description: This is Meikou System theme.
Author:Meikou System
*/

/**********************************************
 * 
 * 全体
 *
 **********************************************/
html{  
    height:100%; 
}

body{
    width:auto;
    height:100%;
    font-size:90%;
    color:#000000;
    margin:0;
    padding:0;
    font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
}

div#wrap{
	width: 100%;
	position: relative;
	height: auto !important; 
	height: 100%;
	min-height: 100%;
}
/**********************************************
 * 
 * ヘッダー関連
 *
 **********************************************/
div#header_area{
    width:100%;
    height:auto;
}

div#head{
    width:900px;
    height:60px;
	margin:8px auto;
}

img#contact{
	float:right;
	margin-top:15px;
}

div#menu{
    width:100%;
    height:80px;
	background-image:url(img/all/menu_bg.gif);
	background-repeat:repeat-x;
	clear:both;
}

div#menu_area{
    width:900px;
    height:68px;
	padding-top:8px;
	padding-bottom:4px;
	margin:0 auto;
	}

ul#menu_btn{
width:auto;
height:68px;
}

ul#menu_btn li{
float:left;
width:150px;
height:68px;
}

/**********************************************
 * ヘッダー関連>トップイメージ
 **********************************************/

div#head_img_area{
	width:100%;
	height:365px;
	background-image:url(img/all/headimg_bg.gif);
	background-repeat:repeat-x;
}

div#head_img{
    width:900px;
    height:365px;
	margin:0 auto;
		background-image:url(img/top/topimage.jpg);
	background-repeat:no-repeat;
}

div#head_img p{
	height:149px;
	margin:0 0 0 500px;
	padding:20px 35px;
	line-height:1.4em;
	color:#000;
	letter-spacing:0.2em;
	font-size:90%;
}

.text_right{
	display:block;
	text-align:right;
	margin-top:5px;
}


/**********************************************
 * ヘッダー関連>トピックパス
 **********************************************/
div#topic_path_area{
	width:100%;
	height:44px;
	background-image:url(img/all/page/topicpath_bg.gif);
	background-repeat:repeat-x;
}

div#topic_path{
	width:900px;
	height:44px;
	margin:0 auto;
	color:#fff;
	font-size:90%;
	line-height:44px;
}

div#topic_path a{  
outline:0;  
text-decoration:underline;
    color:#ffffff;
}

div#topic_path a:link{  
outline:0;  
text-decoration:underline;
    color:#ffffff;
}

div#topic_path a:visited{  
outline:0;  
text-decoration:underline;
    color:#ffffff;
}

div#topic_path a:hover {  
outline:0;  
text-decoration:underline;
color:#00aaff; 
} 

div#topic_path a:active{  
outline:0;  
text-decoration:underline;
    color:#ffffff;
}
/**********************************************
 * ヘッダー関連>各メニューページタイトル
 **********************************************/

div#page_title_area{
	width:100%;
	height:100px;
	background-image:url(img/all/page/pagetitle_bg.gif);
	background-repeat:repeat-x;
}

div#page_title{
	width:900px;
	height:100px;
		margin:0 auto;
}

/**********************************************
 * 
 * フッター関連
 *
 **********************************************/
div#footer{
	width: 100%;
	height: 187px;
	background-image: url(img/all/footer_bg.gif);
	background-repeat: repeat;
	bottom:0px;
	position: absolute;
	border-top: #1C1F87 4px solid;
	clear: both;
}

div#footer_menu{
    width:900px;
    height:30px;
	padding-top:;
	font-size:90%;
	color:#ffffff;
	margin:auto;
		text-align:center;
		line-height:30px;
}

div#footer_menu a{
	color:#fafaf0;
}

div#footer_menu a:hover{  
color:#1C1F87; 
}

div#footer_bottom{
	width:100%;
	height:45px;
	margin:auto;
	text-align:center;
	position:relative;
	bottom:0;
	margin-top:112px;
	line-height:45px;
	background-image:url(img/all/footer_bottom_bg.gif);
	background-repeat:repeat-x;
		color:#ffffff;
		font-size:80%;

}


/**********************************************
 * 
 * ページ共通
 *
 **********************************************/
div#main{
    width:100%;
    height:auto;
	clear:both;
	padding-bottom:187px;
 
}

div#main_area{
width:900px;
height:auto;
margin:40px auto;
}

/*IE以外のブラウザでheightが適用されないのを防ぐ*/
div#dammy{
   width:100%;
   clear:both;
   height:1px;
}

div.dammy{
   width:100%;
   clear:both;
   height:1px;
}

/**********************************************
 * ページ共通 > 会社案内、事業案内
 **********************************************/

div#colmn2_left_wrap{
	width:450px;
	height:auto;
	float:left;
}

div#colmn2_left{
		width:425px;
	height:auto;
	padding-right:25px;
}

div#colmn2_right_wrap{
		width:450px;
	height:auto;
	float:left;
}

div#colmn2_right{
		width:425px;
	height:auto;
	padding-left:25px;
}

/**********************************************
 * ページ共通 > 人材募集、サポート、お問い合わせ
 **********************************************/
div#colmn1_wrap{
	width:900px;
	height:auto;
}

div#colmn1{
		width:900px;
	height:auto;
}

img#email{
	padding-left:0;
}

/**********************************************
 * 
 * トップページ
 *
 **********************************************/
 div#top_info_wrap{
	 width:514px;
	 height:354px;
	 float:left;
	 padding:3px;
	 border:#B4b5b5 1px solid;
	 margin:0 15px 0 0;
}

 div#top_info{
	 width:514px;
	 height:244px;
	 float:left;
	 background-color:#EEEFEF;
}

div#top_info img{
	margin-bottom:5px;
}

div#top_info p{
	line-height:2.7em;
}

span.info_date{
		display:block;
	width:80px;
	height:auto;
	margin-right:15px;
	margin-left:20px;
	border-bottom:#666 1px solid;
			padding:0 5px 0px 5px;
			float:left;

}
span.info_text{
	display:block;
	width:355px;
	height:auto;
	float:left;
	border-bottom:#666 1px solid;
		margin-right:20px;
			padding:0 5px 0px 5px;
				vertical-align:middle;
}

span.info_text img{
	vertical-align:middle;
}

div#top_access_wrap{
		 width:355px;
	 height:354px;
	 float:left;
	 padding:3px;
	 border:#B4b5b5 1px solid;
}

div#top_access{
		 width:315px;
	 height:224px;
	 float:left;
	 background-color:#EEEFEF;
	 padding:0px 20px 20px 20px;
	 line-height:1.3em;
}

p#honsya{
	font-size:90%;
}
p#k_center{
	border-top:#666 1px solid;
	padding-top:8px;
	font-size:90%;
}

img.image_vertical_top{
	vertical-align:
	middle;

}

/**********************************************
 * 
 * 会社案内ページ、事業案内ページ（技術要件）
 *
 **********************************************/
table.hyou_a{
	width:405px;
	height:auto;
	border:0;
	margin:15px 10px 0 10px;
}

table.hyou_a tr{
	line-height:2em;
}

table.hyou_a tr.line{
	line-height:2em;
		border-bottom:#CCC 1px solid;

}

table.hyou_a tr.sub{
	line-height:1em;
		border-top:#E2E2E2 1px solid;
		border-left:#E2E2E2 1px solid;
		border-right:#BFBFBF 1px solid;
		border-bottom:#BFBFBF 1px solid;
	background-color:#EEEFEF;
}

table.hyou_a tr th{
	width:25%;
	vertical-align:top;
		padding:7px 0px 7px 10px;
}

table.hyou_a tr th.sub_ti{
		line-height:1em;
}

table.hyou_a tr th.ri{
	width:25%;
	vertical-align:top;
		padding:7px 0px 7px 50px;

}

table.hyou_a tr td{
	width:75%;
		padding:7px 10px 7px 0px;

}

table.hyou_a tr td img{
	padding-left:10px;
}

/**********************************************
 * 
 * 人材募集ページ
 *
 **********************************************/
table.hyou_b{
	width:880px;
	height:auto;
	border:0;
	margin:15px 10px 0 10px;
}

table.hyou_b tr{
	line-height:2em;
}

table.hyou_b tr.line{
	line-height:2em;
}

table.hyou_b tr.sub{
	line-height:1em;
	border-top:#E2E2E2 1px solid;
		border-left:#E2E2E2 1px solid;
		border-right:#BFBFBF 1px solid;
		border-bottom:#BFBFBF 1px solid;
	background-color:#EEEFEF;
}

table.hyou_b tr th{
	width:25%;
	vertical-align:top;
		padding:7px 0px 7px 10px;
}

table.hyou_b tr th.sub_ti{
		line-height:1em;
}

table.hyou_b tr th.ri{
	width:25%;
	vertical-align:top;
		padding:7px 0px 7px 50px;

}

table.hyou_b tr td{
	width:75%;
		padding:7px 10px 7px 0px;

}

table.hyou_b tr td img{
	padding-left:10px;
}

/**********************************************
 * 
 * サポートページ
 *
 **********************************************/
form#login_box{
		width:468px;
	height:313px;
	margin:auto;
	background-color:#EEEFEF;
	background-image:url(img/support/login_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
}

table.hyou_c{
	width:300px;
	height:auto;
	border:0;
	margin:auto;
	position:relative;
top:100px;
}

table.hyou_c tr{
	line-height:2.5em;
}

table.hyou_c tr th{
	width:25%;
}

table.hyou_c tr td{
	width:75%;
}

div#login{
	width:122px;
	height:28px;
	margin-top:140px;
	margin-left:300px;
}

input#login_btn{
	width:121px;
	height:28px;
	background-image:
	url(img/support/login_btn.gif);
	background-repeat:no-repeat;
	border:0;
}

/**********************************************
 * 
 * 事業案内ページ（業務技術実績）
 *
 **********************************************/
p.setumei {
	line-height:1.8em;
	padding:15px 15px;
	margin-left:10px;
		margin-right:10px;
			background-color:#F4F1C3;
}

div#colmn2_left ul li {
	line-height:2em;
	padding:0 20px 0 20px;
}

/**********************************************
 * 
 * お問い合わせページ
 *
 **********************************************/
div#contact_box{
	width:auto;
	height:auto;
	 margin:25px 10px 0 10px;
background-color:#eeefef;
	border-top:#E2E2E2 2px solid;
		border-left:#E2E2E2 2px solid;
		border-right:#ADADAD 2px solid;
		border-bottom:#ADADAD 2px solid;
		padding:10px 0 0 0;

}

p.con_colmn{
	width:auto;
	height:auto;
margin:0px 10px 0px 10px;
padding:10px 10px;
background-color:#CFE0E8;
		border-bottom:#B0C1C6 1px solid;
}

p.con_colmn_last{
	width:auto;
	height:auto;
margin:0px 0px 0px 0px;
padding:10px 20px;
color:#056D9B;
font-weight:bold;
}

span.con_colmn_item{
line-height:1.6em;
font-size:90%;
padding-left:5px;
}