@charset "UTF-8";
/*文字の大きさ参考（13px基準）
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 124%    17px = 131%
 18px = 139%    19px = 147%    20px = 154%    21px = 162%
 22px = 170%    23px = 177%    24px = 185%    25px = 193%
 26px = 200%    27px = 208%    28px = 216%    29px = 224%
 30px = 231%
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}
audio,canvas,video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
ol,ul {
	list-style: none;
}
caption {
	text-align: left;
}
abbr,acronym {
	font-variant: normal;
}
address,caption,cite,code,dfn,em,strong,var,b {
	font-style: normal;
	font-weight: normal;
}
sub,sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
q {
    quotes: none;
}
hr {
	color: inherit;
	height: auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
pre {
	font-family: monospace, sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code,samp,kbd {
	font-family: monospace, sans-serif;
}
/*
==================================================
初期設定
==================================================
*/
img {
	vertical-align: top;
}
svg:not(:root) {
    overflow: hidden;
}
:focus {
	outline: 0;
}
input,button,textarea,select {
	font-size: 100%;
}
input[type="checkbox"],input[type="radio"] {
	vertical-align: middle;
}
textarea {
	overflow: auto;
}
/*
==================================================
全体構造
==================================================
*/
body {
	font-size: 85%;
	line-height: 175%;
	color: #555555;
	background: url(../img/bg_body.jpg) center top;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	min-width: 1074px;	/*960+57+57*/
}
* html body{	/* for IE6 */
	font-size: 85%;
}
*:first-child + html body{	/* for IE7 */
	font-size: 85%;
}
html>/**/body {	/* for IE8 */
	font-size/*\**/: 85%\9;
}
body:not(:target){	/* for IE9 */
	font-size: 85%\9;
}
/*
========== グローバルリンク ==========
*/
a:link {
	text-decoration: none;
	color: #44909E;
}
a:visited {
	text-decoration: none;
	color: #44909E;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #44909E;
}
/*
========== CSS opacity hover ==========
*/
#about ul.index li img:hover,
.utility_nav_head li img:hover,
.nav_global li img:hover,
.news_nav li img:hover,#sec_about li img:hover,.works_list img:hover,#sec_hearts dd img:hover,.refpri_list img:hover,.area_contact .request img:hover,.area_contact .inquiry img:hover,
.nav_banner01 li img:hover,
.area_contact_side dd img:hover,.nav_banner02 img:hover,#utility_nav_foot img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
/*
========== ページトップ ==========
*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	clear: both;
}
#page-top a {
	width: 42px;
	height: 42px;
	display: block;
}
/*
==================================================
コンテンツ
==================================================
*/
/*
========== レイアウト ==========
*/
#content {
	width: 960px;
	margin: 0 auto;
}
#col_main {
	float: left;
	width: 700px;
}
#col_sub {
	float: right;
	width: 240px;
}
/*
========== 第2階層レイアウト ==========
*/
#content_sec_tp {
	width: 700px;
	height: 58px;
	background: url(../img/bg_content_tp.png) left center no-repeat;	
}
#content_sec_md {
	width: 700px;
	background: url(../img/bg_content_md.png) left center repeat-y;	
}
#content_sec_btm {
	margin-bottom: 20px;
	width: 700px;
	height: 31px;
	background: url(../img/bg_content_btm.png) left center no-repeat;	
}
/*
========== clearfix ==========
*/
#content:after,
.article:after,
.col_layout:after,
.refpri_mid ul:after {
	content: '';
	display: block;
	clear: both;
	/* old type
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;*/
}
/*
==================================================
ブロック
==================================================
*/
/*
========== カラムレイアウト ==========
*/
.col_layout {	/* clearfix */
}
.col2_325_lt {
	float: left;
	width: 325px;
}
.col2_325_rt {
	float: right;
	width: 325px;
}
.col2_460_lt {
	float: left;
	width: 460px;
}
.col2_229_rt {
	float: right;
	width: 229px;
}
.col2_205_lt {
	float: left;
	width: 205px;
}
.col2_205_rt {
	float: right;
	width: 205px;
}
/*
==================================================
エレメント
==================================================
*/
/*
========== 配置 ==========
*/
.lyt_ctr {
	text-align: center;
}
.lyt_rt {
	text-align: right;
}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}