@charset "utf-8";

/*  ====================================================================
	Public
====================================================================  */
html{
	overflow-y:scroll;
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:12px/190% "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif/*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif*/;
	color:#363636;
	text-align:center;
}
@media print{
	body{ _zoom:67%; }
}
h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:100%; }
ul,ul li,dl,dl dt,dl dd{ margin:0; padding:0; }
ul,ul li{ list-style:none; }
p{ margin:0; padding:0 0 1em; }
a{ color:#3a362f; text-decoration:none; }
header,article,section,footer,aside,time,nav{ display:block; }
img{ border:0; vertical-align:middle; }
.fontbig{ font-size:116.7%; }
.fontsmall{ font-size:83.3%; }
.strong{ font-weight:bold; }

#wrapper{ width:945px; margin:0 auto; padding:0; text-align:left; }
header.global h1 a:hover img,
.globalPagetop a:hover img,
.f_toggle:hover img,
.global .fnav li a:hover img,
.hover img:hover,
#sideMenu li a:hover img,
.global .social li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#contents a{ color:#e2000f; text-decoration:underline; }
#contntes a:hover{ text-decoration:none; }

/*  ====================================================================
	Header
====================================================================  */
header.global{}
header.global h1{ margin:0 0 10px; float:left; }
header.global h2{ padding:45px 0 0 10px; float:left; font-weight:normal; }
header.global nav{ height:60px; clear:both; background:url(../images/header_bg.gif) no-repeat left 53px; }
header.global ul li{ float:left; }
header.global nav ul li{ margin:0 6px 0 0; }
header.global nav ul li.service,
header.global nav ul li.work,
header.global nav ul li.news{ margin-right:7px; }
header.global nav ul li.recruit{ margin:0; }
.global .contentName{
	margin:0 0 40px;
	height:50px;
	background:url(../images/header_bg.gif) no-repeat left bottom;
	position:relative;
}
.global .contentName img{ position:absolute; left:30px; top:17px; }
.global .utilityNav{ float:right; width:202px; }
.global .utilityNav ul{
	padding:6px 0px;
	background:url(../images/unav_bg.gif) no-repeat bottom;
}
.global .utilityNav ul li{ padding:0px 10px; }
.global .utilityNav ul li.contact{ background:url(../images/unav_separator.gif) repeat-y right; }
.global .utilityNav ul li a{
	padding:0 0 0 20px;
	color:#fff;
	background:url(../images/unav_arrow.gif) no-repeat left center;
}
.global .utilityNav ul li a:hover{ color:#eba5a9; }

/*  ====================================================================
	Contents
====================================================================  */
#contents{ width:707px; padding:0 0 80px; float:left; }
#contents .path{
	height:33px;
	margin:0 0 30px;
	background:url(../images/path.gif) repeat-x top left;
}
#contents .path li{ height:33px; line-height:33px; float:left; }
#contents .path li a{ margin:0 5px; padding:0 15px 0 0; background:url(../images/path_arrow.gif) no-repeat right center; }
#contents h1.pTitle{ margin:0 0 27px; }

nav#sideMenu{ width:188px; float:right; border-top:1px solid #e5e5e5; }
#sideMenu li{ border-bottom:1px solid #e5e5e5; }
#sideMenu li.select{ background:url(../images/snav_bg.gif) left center; }
#sideMenu ul.banner{ margin:14px 0 0; }
#sideMenu ul.banner li{ margin:0 0 4px; border:none; }
.stripeTitle{
	padding:8px 15px;
	margin:0 0 13px;
	border-bottom:1px solid #e5e5e5;
	background:url(../images/stripetitle.gif) repeat-x bottom;
}
.circleList li{ padding:0 0 0 11px; background:url(../images/icon_circle.gif) no-repeat left center; }

/*  ====================================================================
	Footer
====================================================================  */
footer.global{
	clear:both;
	text-align:left;
	background:url(../images/footer_bg.gif) no-repeat left top;
}
.global .social{ float:right; margin:2px 10px 0 0; }
.global .social li{ float:left; margin:0 0 0 6px; height:16px; }
.f_toggle{ width:188px; padding:6px 0; text-align:center; float:right; cursor:pointer; }
.global .fnav{ height:68px; margin:0 0 0 76px; clear:both; }
.global .fnav li{ /*margin:0 26px 0 0;*/margin:0 0 0 68px; padding:8px 0 0; float:left; _display:inline; }
.global .siteList .inner{
	padding:15px 25px 0px 15px;
	color:#e4848a;
	background:url(../images/footer_stripe.gif) repeat-x bottom left;
}
.global .siteList a{ color:#fff; }
.global .siteList a:hover{ text-decoration:underline; }
.global .siteList nav{
	margin:0 20px 0 0;
	float:left;
	font-size:83.3%;
	line-height:190%;
}
.global .siteList nav dl{
	height:24em;
	background:url(../images/footer_separator.png) no-repeat right center;
	float:left;
}
.global .copyright{ font-size:83.3%; line-height:140%; }
.global .siteList .copyright a{ color:#e4848a; }
.global .siteList nav dl.first{ width:166px; }
.global .siteList nav dl.middle{ width:176px; }
.global .siteList nav dl.last{ width:196px; }
.global .siteList nav dl dt{ padding:15px 18px 12px; }
.global .siteList nav dl dt.single{ padding:10px 18px 0; }
.global .siteList nav dl dd{ padding:0 20px 5px; }
.global .siteList nav dl.middle dd{ padding-bottom:2.4em; }
.global .siteList .inner div{ padding:15px 0; }
.global .siteList .inner .corpname{ line-height:150%; }


.mT20{ margin-top:20px; }

/*  ====================================================================
	Clearfix
====================================================================  */
.global .siteList .inner:after,
.clearfix:after,
footer.global:after,
#contents:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.global .siteList .inner,
.clearfix,
footer.global,
#contents{ display:inline-table; zoom:1; }
* html .global .siteList .inner,
* html .clearfix,
* html footer.global,
* html #contents{ height:1px; zoom:1; }
.global .siteList .inner,
.clearfix,
footer.global,
#contents{ display:block; }