@charset "UTF-8";

/*----------------------------------------------->

z-bossのトップページ用CSS

	0.common
	1.head
	2.image

<------------------------------------------------*/

/*----------------------------------------------->
	0.common
<------------------------------------------------*/
/**
 * text link style
 */
a {
	/* color   : #0098c4; */
	color   : #3300cc;
	outline : none;
	}
a:link {
	/* color   : #0098c4; */
	color   : #3300cc;
	}
a:visited {
	/* color   : #0098c4; */
	color   : #3300cc;
	}
a:hover {
	/* color   : #0098c4; */
	color   : #3300cc;
	text-decoration : underline;
	}
a:active {
	color   : #0098c4;
	}
/**
 * body
 */
body {
	color      : #444444;
	font       : 13px/1.231 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	*font-size : small; /* for IE */
	*font      : x-small; /* for IE in quirks mode */
	background : #ffffff;
	}
/* for IE6 */
* html body {
	font       : 13px/1.231 'ＭＳ Ｐゴシック','MS P Gothic',arial,helvetica,clean,sans-serif;
	}
/* for IE7 */
*:first-child+html body {
	font       : 13px/1.231 'ＭＳ Ｐゴシック','MS P Gothic',arial,helvetica,clean,sans-serif;
	}

/* -----------------------------------------------------------------------------
	1. headerContainer
	
	body > #stage > #headerContainer
----------------------------------------------------------------------------- */
#headerContainer {
	position   : relative;
	background : url(../img/header/headerContainer_background.gif) repeat-x 0 0;
	background-size	: contain;
}

#headerContainer h1 {
	position    : relative;
	width       : 100%;
	height      : 20px;
	margin      : 0 auto;
	padding     : 0;
	color       : #ffffff;
	font-size   : 85%;
	line-height : 20px;
	background  : #333333;
}

#header {
	position: relative;
	width	: 100%;
	height	: 100px;
	margin	: 0 auto;
}

#siteID {
	display : block;
	float   : left;
	width   : 376px;
	height  : 100px;
	margin  : 0 0 0 2px;
}

#headerSubContents {
	float   : right;
	width   : 340px;
	margin  : 5px 0 0 0;
}

#quickInquiry {
	position   : relative;
	float      : left;
	width      : 250px;
	height     : 90px;
	background : url(../img/header/quickInquiry_background.gif) no-repeat 0 0;
}

#quickInquiry h2 {
	margin-left : 10px;
	padding-left: 18px;
	font-size   : 15px;
	font-weight : bold;
	line-height : 15px;
	text-shadow : rgba(255,255,255,1) 0 1px 0;
	background  : url(../img/icon_boxArrow.gif) no-repeat 0 30%;
	margin-top: 3px;
}

#quickInquiry h3 {	
	margin : 10px 0 0 10px;
}

#quickInquiry p {
	margin		: 5px 0 0 12px;
	color		: #666666;
	font-size	: 85%;
	width		: 100%;
}

#logo_SRA {
	position   : relative;
	float      : right;
	width      : 70px;
	height     : 62px;
	margin     : 9px 0 0 0;
	border-style	: none;
}

.no_border {
	border-style	: none;
}

/* Footer */
div#footer {
        clear: both;
        text-align: center;
        font-size: small;
        font-weight: bold;
        background-color: #414141;
        width: 100%;
        display: block;
        padding: 0px;
        margin: 0px;
}
div#footer div#copy {
        color: #ffffff;
        vertical-align: middle;
        padding: 6px;
}

.clearfix:after {
        content    : ".";
        display    : block;
        height     : 0;
        clear      : both;
        visibility : hidden;
        }
.clearfix { display : inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */

/*----------------------------------------------->
	2.image
<------------------------------------------------*/
.top_logo_imaege_size {
	width	: 30%
        height	: 100%;
}