@charset "utf-8";
/* CSS
----------------------------------------------------------- */
body {
	line-height: 1.6 !important;
	min-width:1024px;
	_display: inline;
	_zoom:1;
}

body{
	background-image: url(images/body_bg.jpg);
}
/*共通
-------------------------------------*/
.inner_wrap{
	width: 1000px;
	margin: 0 auto;
}

/*ヘッダー
-------------------------------------*/
#header{
	width: 100%;
	border-top: 4px solid #2c66d0;
}

#header a{
	color: #2c66d0;
	text-decoration: none;
}

#header h1{
	float: left;
	margin-top: 61px;
}

#header ul{
	float: right;
	margin-top: 83px;
}

#header li{
	float: left;
	margin: 0 0 0 25px;
}

/*キーイメージ
-------------------------------------*/
#key_image{
	clear: both;
	background-image: url(images/key_bg.png);
	background-repeat: repeat-x;
}
#key_image img{
	clear: both;
	background-image: url(images/body_bg.jpg);
}



/*ニュース
-------------------------------------*/
#top_news{
	clear: both;
	width: 100%;
	border-top: 4px solid #2c66d0;
	color: #2c66d0;
	padding: 6px 0 6px 0;
	text-align: center;
}

#top_news img{
	margin-right: 12px;
}

/*サービス
-------------------------------------*/
#top_service{
	width: 100%;
	background-image: url(images/service_bg.jpg);
}

#top_service h2{
	padding-top: 30px;
}

.s_col{
	width: 290px;
	margin-top: 30px;
	margin-left: 35px;
	text-align: center;
	float: left;
}

#top_service h3{
	margin-top: 15px;
	font-size: 20px;
	color: #fff;
}

#top_service p{
	margin-top: 15px;
	color: #fff;
}

#top_service .btn_detail{
	margin-top: 44px;
	padding-bottom: 24px;
}

/*コンテンツメニュー
-------------------------------------*/
#footer{
	clear: left;
	background-image: url(images/contents_menu_bg.jpg);
	color: #fff;
}

#footer h2{
	padding-top: 30px;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

#footer li,#footer dt{
	font-size: 18px;
}

#footer ul,#footer dl{
	float: left;
	margin-top: 30px;
	margin-right: 100px;
}

#footer #footer_logo{
	float: right;
	margin-top: 175px;
	padding-bottom: 20px;
}

#copyright{
	clear: both;
	color: #fff;
	background-color: #000;
	text-align: center;
	padding: 18px 0 18px 0;
}

/*メインコンテンツ
-------------------------------------*/
#main_content{
	clear: both;
	border-top: solid 2px #2c66d0;
}

#main_content h2{
	margin-top: 37px;
}

#main_content h3{
	font-size: 18px;
	color: #2c66d0;
	border-left: solid 5px #2c66d0;
	padding-left: 8px;
}

/*会社案内
-------------------------------------*/
#main_content #company{
	padding-bottom: 90px;
}

#main_content #company p{
	width: 554px;
	margin-top: 15px;
}

#main_content #company h3{
	margin-top: 25px;
}

#main_content #company .president{
	width: 554px;
	text-align: right;
}

#main_content #company table{
	width: 650px;
	margin-top: 15px;
}

#main_content #company th{
	width: 128px;
	height: 38px;
	vertical-align: middle;
}

#main_content #company td{
	width: 490px;
}

/*ECサイト運営
-------------------------------------*/
#main_content #ec{
	padding-bottom: 90px;
}

#main_content #ec h3{
	font-size: 18px;
	color: #2c66d0;
	border-left: none;
	padding-left: 0px;
	margin: 36px 0 0 45px;
}

#main_content #ec p{
	margin-top: 26px;
	width: 485px;
}

#main_content #ec .ec_text{
	margin-left: 45px;
	width: 485px;

}

/*デザイン
-------------------------------------*/
#main_content #design{
	padding-bottom: 90px;
}

#main_content #design h3{
	font-size: 18px;
	color: #2c66d0;
	border-left: none;
	padding-left: 0px;
	margin: 30px 0 0 45px;
}

#main_content #design p{
	margin-top: 26px;
}

#main_content #design .design_text{
	margin-top: 15px;
	margin-left: 90px;
	width: 485px;

}


/*ニュース
-------------------------------------*/
#news{
	width: 625px;
	padding-bottom: 120px;
}

#news .news_col{
	margin-top: 25px;
	margin-left: 50px;
}

#news .news_col .next_news{
	text-align: right;
}

#news li{
	float: left;
	margin: 0 5px;
}

#news #pager{
	margin: 50px 200px;

}

/*システム開発
-------------------------------------*/
#main_content #system{
	padding-bottom: 90px;
}

#main_content #system p{
	width: 554px;
	margin-top: 15px;
	margin-left: 25px
}

#main_content #system h3{
	margin-top: 25px;
	margin-left: 25px
}

/*コンタクト
-------------------------------------*/
#contact{
	padding-bottom: 90px;
}

#contact p{
	margin-top: 30px;
}

#contact span{
	color: #ff0000;
}

#contact table{
	margin: 40px 0 0 140px;
} 

#contact th{
	width: 160px;
	height: 60px;
}

#contact .submit_btn{
	margin-left: 450px;
}