@charset "utf-8";

/* -- 回り込み解除 ------ */
.clearfix {
	zoom:1; /* for IE 5.5-7 */
}
.clearfix:after { /* for modern browser */
	content:".";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac ¥*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* -- 回り込み解除(ボックス内) -- */
.floatclear {
	clear:both;
	height:0;
	overflow:hidden;
}
.floatclear hr {
	display:none;
	height:0;
}


.imgfloatright {
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}

.notice {
	font-size:.9em;
	margin-left:2em;
	margin-top:-1em;
	color:#333;
}


/* -- 全体設定 -------------------------------------------------- */
html,body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	text-align:center;
	line-height: 1.4;
	font-family:sans-serif;
	background:url(/it_support/img/body_bg.gif) center repeat-y;
}

img,
a img {
	border: none;
}
a {
	outline-width: 0;
}

body > #wrapper {
	height: auto;
}


#wrapper {
	width:860px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
}

#header {
	background:#fff;
	width:860px;
	border-collapse:collapse;
	border-spacing:0;
}
#header th{
	width:303px;
	vertical-align:top;
}
#header td {
	width:557px;
	text-align:right;
	vertical-align:top;
	color:#4D4D4D;
}
#header td strong{
	color:#DADB28;
}
#header h1 {
	margin:20px 20px 0 0;
	padding:0;
	font-size:2em;
}
#header p {
	margin:0 20px 20px 0;
	padding:0;
	line-height:1;
}
#header em {
	font-size:1.4em;
	font-weight:bold;
	font-style:normal;
}

#contents {
	padding: 10px 20px;
}

#pricebox {
	float:left;
	width:263px;
	color:#2C3541;
}
#pricebox h2 {
	text-align:center;
	font-size:1.2em;
}
#pricebox table {
	width:100%;
	font-size:.9em;
}
#pricebox th {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
#pricebox th strong {
	font-weight:bold;
	color:#fff;
}
#pricebox td {
	text-align:right;
	vertical-align:bottom;
}


#textbox {
	float:right;
	width:517px;
	color:#fff;
}
#textbox h3 {
	font-weight:normal;
	font-size:1.2em;
}
#textbox p {
	margin-left:1em;
	margin-right:1em;
}
#textbox a {
	color:#fff;
}
#textbox a:hover,
#textbox a:active{
	color:#FFFF66;
}


.works {
	margin:-0.5em 1em 1em;
}
.works th {
	vertical-align:top;
}
.works td {
	vertical-align:top;
	padding-left:1em;
	padding-bottom:1em;
}


#mailform {}
#mailform h3 {
	margin-bottom:0;
	font-weight:bold;
}
.mailform {}
.mailform th {
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	padding:5px;
}
.mailform td {
	vertical-align:top;
	padding:5px;
}
.mailform textarea {}
.mailform span {
	color:#FFFF00;
	padding-right:.2em;
}


#footer {
	clear:both;
	width:100%;
	padding-top:60px;
	padding-bottom:20px;
	background:#002D47 url(/it_support/img/foot_top.gif) no-repeat  top;
}
#footer table {
	width:800px;
	margin:auto;
	}
#footer th {
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	color:#fff;
}
#footer td {
	text-align:right;
	vertical-align:top;
}
#footer a {
	color:#fff;
}
#footer a:hover,
#footer a:active{
	color:#FFFF66;
}