@charset "UTF-8";

/*** setting clear ***/
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

/*** default settings ***/
html, body {
	height: 100%;
	width: 100%;
}
h1 {
	display: none;
}
a img {
	border: none;
}
.clearboth {	
	clear: both;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*** frame settings ***/
body {
	background: url(../img/back/bg.png) repeat;
}
#wrapper {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 980px;
	margin: 0 auto;
	background: url(../php/rotate.php) repeat-y;
}
#navi_area { /* ナビゲーションペインの設定 */
	float: left;
	width: 230px;
}
#img_bar { /* イメージペインの設定 */
	float: left;
	width: 200px;
}
#cont_area { /* コンテンツペインの設定 */
	float: right;
	width: 550px;
}

/*** navi_area settings ***/
/* logo setting */
#logo {
	height: 110px;
	background: url(../img/logo.png) no-repeat;
}
#logo h1 {
	display: none;
}
/* navigation setting */
#accordion {
	height: 100%;
	width: 100%;
	cursor: pointer;
}
#accordion ul li {
	list-style-type: none;
}
#accordion ul li a {
	display: block;
	height: 38px;
	overflow: hidden;
	vertical-align: bottom;
}
#accordion ul li a span {
	display: none;
}
#accordion dl dt a span {
	display: none;
}
/* ホーム */
#accordion a.g000:link,
#accordion a.g000:visited,
#accordion a.g000:active {
	background: transparent url(../img/navi/home.png) no-repeat 0 0;
}
#accordion a.g000:hover {
	background: transparent url(../img/navi/home_o.png) no-repeat 0 0;
}
/* ITソリューション */
#accordion a.g010:link,
#accordion a.g010:visited,
#accordion a.g010:active {
	background: transparent url(../img/navi/it_sol.png) no-repeat 0 0;
}
#accordion a.g010:hover {
	background: transparent url(../img/navi/it_sol_o.png) no-repeat 0 0;
}
/* IT・インフラ構築 */
#accordion a.g011:link,
#accordion a.g011:visited,
#accordion a.g011:active {
	background: transparent url(../img/navi/it_infra.png) no-repeat 0 0;
}
#accordion a.g011:hover {
	background: transparent url(../img/navi/it_infra_o.png) no-repeat 0 0;
}
#accordion a.g111:link,
#accordion a.g111:visited,
#accordion a.g111:hover,
#accordion a.g111:active {
	background: transparent url(../img/navi/it_infra_o.png) no-repeat 0 0;
}
/* 総合システム運用 */
#accordion a.g012:link,
#accordion a.g012:visited,
#accordion a.g012:active {
	background: transparent url(../img/navi/sys_ope.png) no-repeat 0 0;
}
#accordion a.g012:hover {
	background: transparent url(../img/navi/sys_ope_o.png) no-repeat 0 0;
}
#accordion a.g112:link,
#accordion a.g112:visited,
#accordion a.g112:hover,
#accordion a.g112:active {
	background: transparent url(../img/navi/sys_ope_o.png) no-repeat 0 0;
}
/* アプリケーション開発 */
#accordion a.g013:link,
#accordion a.g013:visited,
#accordion a.g013:active {
	background: transparent url(../img/navi/app_dev.png) no-repeat 0 0;
}
#accordion a.g013:hover {
	background: transparent url(../img/navi/app_dev_o.png) no-repeat 0 0;
}
#accordion a.g113:link,
#accordion a.g113:visited,
#accordion a.g113:hover,
#accordion a.g113:active {
	background: transparent url(../img/navi/app_dev_o.png) no-repeat 0 0;
}
/* デザインソリューション */
#accordion a.g020:link,
#accordion a.g020:visited,
#accordion a.g020:active {
	background: transparent url(../img/navi/des_sol.png) no-repeat 0 0;
}
#accordion a.g020:hover {
	background: transparent url(../img/navi/des_sol_o.png) no-repeat 0 0;
}
#accordion a.g120:link,
#accordion a.g120:visited,
#accordion a.g120:hover,
#accordion a.g120:active {
	background: transparent url(../img/navi/des_sol_o.png) no-repeat 0 0;
}
/* 商業デザイン */
/*#accordion a.g021:link,
#accordion a.g021:visited,
#accordion a.g021:active {
	background: transparent url(../img/navi/com_des.png) no-repeat 0 0;
}
#accordion a.g021:hover {
	background: transparent url(../img/navi/com_des_o.png) no-repeat 0 0;
}
#accordion a.g121:link,
#accordion a.g121:visited,
#accordion a.g121:hover,
#accordion a.g121:active {
	background: transparent url(../img/navi/com_des_o.png) no-repeat 0 0;
}*/
/* オフィスコーディネート */
/*#accordion a.g022:link,
#accordion a.g022:visited,
#accordion a.g022:active {
	background: transparent url(../img/navi/office_cn.png) no-repeat 0 0;
}
#accordion a.g022:hover {
	background: transparent url(../img/navi/office_cn_o.png) no-repeat 0 0;
}
#accordion a.g122:link,
#accordion a.g122:visited,
#accordion a.g122:hover, 
#accordion a.g122:active {
	background: transparent url(../img/navi/office_cn_o.png) no-repeat 0 0;
}*/
/* コンサルティング */
#accordion a.g030:link,
#accordion a.g030:visited,
#accordion a.g030:active {
	background: transparent url(../img/navi/consul.png) no-repeat 0 0;
}
#accordion a.g030:hover {
	background: transparent url(../img/navi/consul_o.png) no-repeat 0 0;
}
#accordion a.g130:link,
#accordion a.g130:visited,
#accordion a.g130:hover,
#accordion a.g130:active {
	background: transparent url(../img/navi/consul_o.png) no-repeat 0 0;
}
/* 会社概要 */
#accordion a.g040:link,
#accordion a.g040:visited,
#accordion a.g040:active {
	background: transparent url(../img/navi/aboutus.png) no-repeat 0 0;
}
#accordion a.g040:hover {
	background: transparent url(../img/navi/aboutus_o.png) no-repeat 0 0;
}
#accordion a.g140:link,
#accordion a.g140:visited,
#accordion a.g140:hover,
#accordion a.g140:active {
	background: transparent url(../img/navi/aboutus_o.png) no-repeat 0 0;
}
/* お問い合わせ */
#accordion a.g050:link,
#accordion a.g050:visited,
#accordion a.g050:active {
	background: transparent url(../img/navi/inquiry.png) no-repeat 0 0;
}
#accordion a.g050:hover {
	background: transparent url(../img/navi/inquiry_o.png) no-repeat 0 0;
}
#accordion a.g150:link,
#accordion a.g150:visited,
#accordion a.g150:hover,
#accordion a.g150:active {
	background: transparent url(../img/navi/inquiry_o.png) no-repeat 0 0;
}

/*** img_bar settings ***/
/* NONE */

/*** cont_area settings ***/
/* pankuzu settings */
#cont_header {
	position: relative;
	height: 120px;
	width: 100%;
}
.pankuzu {
	position: absolute;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	left: 50px;
	top: 85px;
}
/* contents settings */
.contents {
	margin: 30px;
	padding-bottom: 40px;
	width: 490px;
}
.contents h2 {
	margin: 20px 0px 5px 0px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.contents ul {
	list-style: url(../img/list.png) inside;
}
/* text settings */
.text_area {
	width: 80%;
	float: left;
}
.img_area {
	width: 20%;
	float: right;
}
/* information settings */
#info {
	padding-left: 15px;
	color: #333;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
div.info_block{
	width: 395px;
}
div.info_date{
	margin: 5px 0px;
}
div.info_content{
	margin: 0px 0px 15px 30px;
}
div.info_cont_red{
	margin: 0px 0px 15px 30px;
	color: #F00;
}
/* table settings */
.contents table.style {
	width: 490px;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 14px;
	font-variant: inherit;
	color: #333;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	text-indent: 0.5em;
}
.contents table.style th {
	padding: 5px;
	border: 1px solid #669;
	font-weight: normal;
	vertical-align: top;
}
.contents table.style td {
	padding: 5px;
	border-bottom: 1px solid #669;
	border-right: 1px solid #669;
	border-top: 1px solid #669;
}
.contents table.style ul {
	list-style: none;
}
/* mailform settings */
.form_container {
	margin: 0px auto;
	text-align:left;
	width: 500px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 12px;
	padding: 5px 15px;
}
.formElem {
	margin: 5px 0px 5px 0px;
}
.formSubmitArea {
	margin: 15px 0px 5px 0px;
}
.formlabel {
	width: 150px;
	font-weight:bold;
}
.formInput {
	width: 210px;
	margin-left: 10px;
}
.formTextInput{
	width: 300px;
}
.formComment {
	width: 100px;
}
.formError {
	color: #FF0000;
}
.formNeed {
	color: #FF0000;
}
/* footer settings */
#footer{
	position: absolute;
	height: 40px;
	width: 550px;
	bottom: 0;
	background: url(../img/footer.png) no-repeat;
}
address{
	margin: 0px 30px;
	padding: 13px 0px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 12px;
	text-align: right;
	letter-spacing: 0.1em;
}

/*** font settings ***/
.style1{
	padding: 0px 15px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 14px;
	text-align: left;
	color: #333;
	letter-spacing: 0.1em;
}
.style2{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.1em;
}
.style3{
	text-align: left;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka";
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}