@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	font-style:normal;
}
html {
    overflow-y:scroll;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック","HGP明朝E", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 1.6;
	background-image:url("images/top.gif");
	background-repeat:no-repeat;
	background-position:center 90px;
	background-size:750px 300px;

}
img{
	border: none;
	vertical-align: bottom;
}
a{
	text-decoration:underline;
	color:#333;
}
a:hover{
	color:#999;
}
h1 {
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	text-indent: 10px;
	float:left;
}
h2 {
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	float:left;
}
h3{
	margin : 20px 0;
}
h4{
	font-size: 120%;
	font-weight: bold;
	color: #2e3192;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
hr{
	margin:20px 0;
    border: 0;
	border-bottom: 1px solid #ccc;
	background: #2e3192;
}
ul{
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
th {
	font-weight: normal;
	background-color: #99FF66;
	width: 130px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
td {
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}



.company {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

input[type="text"], textarea {
	padding: 2px;
	border: 1px solid #999;
}
.clear {
	clear:both;
}
.clear hr {
	display:none;
}
/*----------
全体の枠
----------*/
#wrapper {
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
#header {
	height: 80px;
	width: 570px;
}
#header #headline{
	width : 570px;
	height: 20px;
	background-color: #0F0;
}
#header p {
	float: left;
	padding-left: 10px;
	padding-top:5px;	
}
#header #banner_inquiry p {
	float: right;
	padding-right:10px;
	padding-top:5px;
}
/*----------
グローバルナビ
----------*/
#groval_navi {
	height: 50px;
	width: 820px;
}
#groval_navi ul.main {
	height: 50px;
	width: 820px;
	list-style-type: none;
}
#groval_navi ul.main li {
	float: left;
	width:150px;
	height:50px;
	background:url(images/btn.gif);
	position:relative;
}
#groval_navi ul.main li a {
	height: 100%;
	width: 100%;
	display:block;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
}
#groval_navi ul.main li a:hover{
	background:url(images/btn_ov.gif);
}
#groval_navi ul.sub li{
	list-style:none;
}
#groval_navi #ul.mainli ul.sub{
	position:absolute;
}
#groval_navi ul.main:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#index_page #groval_navi #home {
	background-image: url(images/btn_ov.gif);
	background-repeat: no-repeat;
}
#access_page #groval_navi #access {
	background-image: url(images/btn_ov.gif);
	background-repeat: no-repeat;
}
#service_page #groval_navi #service {
	background-image: url(images/btn_ov.gif);
	background-repeat: no-repeat;
}
#introduce_page #groval_navi #introduce {
	background-image: url(images/btn_ov.gif);
	background-repeat: no-repeat;
}
#recruitment_page #groval_navi #recruitment {
	background-image: url(images/btn_ov.gif);
	background-repeat: no-repeat;
}
#inquiry_page #groval_navi #inquiry {
	background-image: url(images/btn_ov.gif);
	background-repeat: no-repeat;
}


/*----------
メインビジュアル
----------*/
#main_visual object {
	margin-top: 20px;
}
#main_visual #main_banner_left {
	float: left;
	height: 100px;
	width: 440px;
	margin: 20px 20px 0 0;
}
#main_visual #main_banner_right {
	margin-top : 20px;
}
/*----------
メインコンテンツ
----------*/
#main_contents {
	float: left;
	width: 700px;
}
#main_contents p {
	margin : 0 0 20px 0;
}
#index_page #main_contents p{
	font-size:120%;
}
#index_page #main_contents #main_service{
	margin: 20px 0;
	height: 320px;
	width: 700px;
}
#index_page #main_contents #sale{
	background-image: url(images/sale_back_1.gif);
	background-repeat: no-repeat;
	float: left;
	height: 320px;
	width: 200px;
	margin-right:20px;
}
#index_page #main_contents #main_service .service_title {
	width: 183px;
	height: 41px;
	margin : 10px auto 10px auto;
	display: block;
}
#index_page #main_contents #main_service h3{
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5;
	margin:0 10px;
	color : #333;
}
#index_page #main_contents #main_service .service_img {
	width: 180px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#index_page #main_contents #office_layout{
	float: left;
	height: 320px;
	width: 200px;
	margin-right: 20px;
	background-image: url(images/office_layout_back.gif);
	background-repeat: no-repeat;
}
#index_page #main_contents #troubleshooting{
	float: left;
	height: 320px;
	width: 200px;
	background-image: url(images/troble_shotting_back.gif);
	background-repeat: no-repeat;
}
#index_page #main_contents ul.service_detail{
	font-size:11px;
	list-style-type:disc;
	line-height:1.5;
	margin:10px 0 0 30px;
	color : #333;
}
#main_contents dl {
	margin:20px 0 20px 20px;
}
#main_contents dl dd {
	text-indent: 2em;
}
#main_contents div.left {
	display: block;
	float: left;
	width: 200px;
	padding:0 20px 20px 20px;
}
#main_contents div.left p {
	margin:0 0 20px 0;
}
#main_contents div.left p.img {
	margin:0;
}
#main_contents div.left p.caption {
	font-size: 10px;
	margin:0 0 20px 0;
}
#main_contents .left .icon {
	float: left;
	margin-right: 10px;
}
#main_contents .left ul {
	font-size: 10px;
	float: left;
	list-style-type: disc;
	margin-left: 20px;
	height: 80px;
	padding-top: 15px;
}
#main_contents div.right {
	display: block;
	float: left;
	width: 400px;
}
#main_contents div.right p{
	line-height: 1.8;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20;
	margin-left: 20px;
}
#main_contents .right dl {
	margin:20px 0 20px 20px;
}
#main_contents .right dt {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	line-height: 13px;
	margin-bottom : 10px;
	color: #333;
	font-weight: bold;
}
#main_contents .right dl dd {
	text-indent: 2.5em;
}
/*----------
サブコンテンツ
----------*/
#sub_contents {
	float:left;
	width: 220px;
	margin-left: 40px;
	margin-top:20px;
}
#sub_contents ul {
	list-style-type: none;
}
#sub_contents ul li {
	height: 70px;
	width: 220px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#sub_contents ul li a{
	height: 70px;
	width: 220px;
	display: block;
}
#sub_contents a{
	height: 70px;
	width: 220px;
	display: block;
}
#sub_contents #banner_recruitment{
	background-image:url(images/banner_recruitment.gif);
	background-repeat: no-repeat;
	margin-bottom:20px;
}
#sub_contents #banner_recruitment:hover{
	background-image:url(images/banner_recruitment_ov.gif);
	background-repeat: no-repeat;
}
#sub_contents #banner_campaign{
	background-image:url(images/banner_campaign.gif);
	background-repeat: no-repeat;
}
#sub_contents #banner_campaign:hover{
	background-image:url(images/banner_campaign_ov.gif);
	background-repeat: no-repeat;
}
#sub_contents #canon {
	background-image: url(images/banner_canon.gif);
	background-repeat: no-repeat;
}
#sub_contents #smartoffice {
	background-image: url(images/banner_smartoffice.gif);
	background-repeat: no-repeat;
}
#sub_contents #biznet {
	background-image: url(images/banner_biznet.gif);
	background-repeat: no-repeat;
}
/*----------
採用情報
----------*/
#recruitment_page #main_contents p {
	margin: 0 20px;
}
/*----------
お問い合わせ
----------*/
#inquiry_page #form{
	margin-bottom: 20px;
}
#inquiry_page #form table tr td {
	line-height: 1.8;
}
#inquiry_page #main_contents p {
	margin : 0 20px;
}
/*----------
個人情報保護
----------*/
#privacy_page #main_contents p {
	margin :0 20px 20px 20px;
}
/*----------
キャンペーン
----------*/
#campaign_page #main_contents p {
	margin:0 20px;
}
/*----------
マップ
----------*/
#map {
	margin: 20px auto 30px;
	width:600px;
	heigth:600px;
	border:2px solid #00CC33;
	margin-bottom:2px;

}
/*----------
フッター
----------*/
#footer {
	clear: both;
	background : #0F0;
	color: #fff;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#footer a:hover{
	color : #666;
	text-decoration:none;
}
#footer #footer_menu {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#footer ul{
	margin : 10px 0 0 20px;
	float:left;
}
#footer address{
	line-height:1.3;
	text-align:right;
	padding:10px 20px 20px 0;
	float:right;
}
#footer address p{
	margin-bottom : 10px;
}
#footer address .title {
	font-weight: bold;
	word-spacing: 0.5em;
	padding-bottom: 10px;
}
#footer p{
	clear : both;
	text-align:center;
}