@charset "UTF-8";

/*
	dev
*/
/*
A new micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
*zoom:1;
}

/*
floatしたliを中心揃え
http://hail2u.net/blog/webdesign/centering-floated-list.html
*/
.flc {
	position: relative;
	overflow: hidden;
}
.flc ul, .flc dl {
	position: relative;
	left: 50%;
	float: left;
}
.flc ul li, .flc dl dt, .flc dl dd {
	position: relative;
	left: -50%;
	float: left;
}

/*
	base
*/
.fll {
	float:left;
}
.flr {
	float:right;
}
.textarea {
	color:#2c3e50;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol,ul {
	margin:0;
	padding:0;
	list-style:none;
}

#header, #footer, #main {
	width:100%;
}
#header header, #footer footer, #main #content {
	margin:0 auto;
	position:relative;
	width:960px;
}

/*
	#header
*/
#header {
	background:url(images/h_bg-01.png) repeat-x 0 0;
}
#header header {
	padding-top:140px;
}
#header h1 {
	margin:0;
	height:100px;
	text-align:center;
}
#navGlobal ul.parent {
	margin-top:10px;
	padding-left:20px;
}
#navGlobal ul.parent li {
	float:left;
	height:60px;
	width:160px;
	margin-right:30px;
}
#navGlobal ul.parent li.last {
	margin-right:0;
}
/*
#navGlobal ul.parent li a {
	display:block;
	height:60px;
	width:160px;
	overflow:hidden;
}
#navGlobal ul.parent li a:hover img {
	display:none;
}
#navGlobal ul.parent li a:hover {
	background-position:0 -60px;
}
*/
#navGlobal ul.parent li a {
	display:block;
	height:60px;
	width:160px;
	overflow:hidden;
	background-position:0 -60px;
}
#navGlobal ul.parent li a.navp01 {
	background-image:url(images/h_nav-home_onoff.png);
}
#navGlobal ul.parent li a.navp02 {
	background-image:url(images/h_nav-services_onoff.png);
}
#navGlobal ul.parent li a.navp03 {
	background-image:url(images/h_nav-outline_onoff.png);
}
#navGlobal ul.parent li a.navp04 {
	background-image:url(images/h_nav-access_onoff.png);
}
#navGlobal ul.parent li a.navp05 {
	background-image:url(images/h_nav-blog_onoff.png);
}
#navGlobal ul.child {
	margin-top:5px;
	padding-left:50px;
}
#navGlobal ul.child li {
	float:left;
	height:50px;
	width:220px;
	padding-right:49px;
	border-right:1px solid #e0e0e0;
	margin-right:50px;
}
#navGlobal ul.child li.last {
	padding-right:0;
	border-right:none;
	margin-right:0;
}
/*
#navGlobal ul.child li a {
	display:block;
	height:50px;
	width:220px;
	overflow:hidden;
}
#navGlobal ul.child li a:hover img {
	display:none;
}
#navGlobal ul.child li a:hover {
	background-position:0 -50px;
}
*/
#navGlobal ul.child li a {
	display:block;
	height:50px;
	width:220px;
	overflow:hidden;
	background-position:0 -50px;
}
#navGlobal ul.child li a.navc01 {
	background-image:url(images/h_nav-traffic_onoff.png);
}
#navGlobal ul.child li a.navc02 {
	background-image:url(images/h_nav-oxigen_onoff.png);
}
#navGlobal ul.child li a.navc03 {
	background-image:url(images/h_nav-backbone_onoff.png);
}
#header ul.info {
	position:absolute;
	top:16px;
	left:630px;
}
#header ul.info li.tel {
	height:20px;
}

#header ul.info li.mail {
	height:20px;
}

#header ul.info li.hours {
	height:14px;
	line-height:14px;
}
/*
	#footer
*/
#footer p {
	margin:0;
}
#footer {
	height:450px;
	background:url(images/f_bg-01.png) repeat-x 0 0;
	color:#ffffff;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#2c3e50;
}
#footer footer {
	padding-top:250px;
}
#footer h3 {
	margin:0;
	height:100px;
	text-align:center;
}
#footer div.jikosupport {
	position:absolute;
	top:37px;
	left:110px;
}
#footer div.jikosupport p {
	float:left;
	height:80px;
}
#footer div.jikosupport p.text {
	margin-right:19px;
}

#footer div.jikosupport p.banner {
	margin-right:19px;
}

#footer div.menu {
	position:absolute;
	top:200px;
	width:100%;
	font-size:12px;
}
#footer div.menu li {
	margin-right:1em;
}
#footer div.menu li.last {
	margin-right:0;
}
#footer div.info {
	font-size:11px;
}
#footer div.info li {
	margin-right:1em;
}
#footer div.info li.last {
	margin-right:0;
}
#footer p.copyright {
	margin-top:18px;
	height:15px;
	line-height:15px;
	text-align:center;
}
/*
	#main
*/
#navGoTop {
	margin:0;
	position:absolute;
	bottom:1px;
	left:799px;
}
#navGoTop p {
	margin:0;
	height:62px;
}
/*
	body.home, body.services
*/
body.home #main #content {
	margin-top:30px;
	padding-bottom:100px;
}
body.services #main #content {
	margin-top:75px;
	padding-bottom:150px;
}
body.home #content h2,
body.services #content h2 {
	margin:0;
	height:50px;
	text-align:center;
}
body.home #content ul.menu {
	margin-top:50px;
	padding-left:42px;
}
body.services #content ul.menu {
	margin-top:82px;
	padding-left:42px;
}
body.home #content ul.menu li,
body.services #content ul.menu li {
	float:left;
	height:300px;
	width:234px;
	margin-right:86px;
	padding-right:43px;
	border-right:1px solid #e0e0e0;
	margin-right:42px;
}
body.home #content ul.menu li.last,
body.services #content ul.menu li.last {
	padding-right:0;
	border-right:none;
	margin-right:0;
}
/*
body.home #content ul.menu li a,
body.services #content ul.menu li a {
	display:block;
	height:45px;
	width:234px;
	overflow:hidden;
	background-image:url(images/m_index-btn-kuwashiku_onoff.png);
}
body.home #content ul.menu li a:hover img,
body.services #content ul.menu li a:hover img {
	display:none;
}
body.home #content ul.menu li a:hover,
body.services #content ul.menu li a:hover {
	background-position:0 -45px;
}
*/
body.home #content ul.menu li a,
body.services #content ul.menu li a {
	display:block;
	height:45px;
	width:234px;
	overflow:hidden;
	background-image:url(images/m_index-btn-kuwashiku_onoff.png);
	background-position:0 -45px;
}
body.home #content ul.menu p,
body.services #content ul.menu p {
	margin:0;
}
body.home #content ul.menu p.icon,
body.services #content ul.menu p.icon {
	height:200px;
}
body.home #content ul.menu p.button,
body.services #content ul.menu p.button {
	margin-top:54px;
	height:45px;
}
body.services #content div.textarea01 {
	margin-top:23px;
}
body.services #content div.textarea01 p {
	margin:18px 0;
	line-height:18px;
	font-size:14px;
	text-align:center;
}
/*
	body.traffic
*/
body.traffic #main #content {
	margin-top:25px;
	padding-bottom:110px;
}
body.traffic #content h2 {
	margin:0;
	height:50px;
	text-align:center;
}
body.traffic #content figure.mainvisual {
	margin-top:30px;
	height:300px;
	text-align:center;
}
body.traffic #content div.textarea01 {
	margin-top:20px;
}
body.traffic #content div.textarea01 h3 {
	margin:0;
	height:46px;
	text-align:center;
}
body.traffic #content div.textarea01 ol {
	list-style:decimal inside;
}
body.traffic #content div.textarea01 li {
	line-height:24px;
	color:#eb6b8e;
	font-size:14px;
	text-align:center;
}
body.traffic #content div.textarea02 {
	margin-top:35px;
}
body.traffic #content div.textarea02 h3 {
	margin:0;
	height:50px;
	text-align:center;
}
body.traffic #content div.textarea02 ul {
	margin-top:50px;
}
body.traffic #content div.textarea02 li {
	height:30px;
	text-align:center;
}
body.traffic #content div.textarea02 p {
	margin:20px 0 0;
	height:50px;
	text-align:center;
}
body.traffic #content div.textarea03 {
	margin-top:50px;
}
body.traffic #content div.textarea03 h3 {
	margin:0;
	height:50px;
	text-align:center;
}
body.traffic #content div.textarea03 div.logo {
	margin-top:30px;
	height:70px;
	text-align:center;
}
body.traffic #content div.textarea03 p {
	margin:24px 0;
	line-height:24px;
	font-size:14px;
	text-align:center;
}
body.traffic #content div.textarea04 {
    margin-top:34px;
    text-align:center;
}
body.traffic #content div.textarea04 h3 {
	margin:0;
	height:61px;
}
body.traffic #content div.textarea04 p {
	margin:24px 0;
	line-height:24px;
	font-size:14px;
	text-align:center;
}
/*
	body.oxigen
*/
body.oxigen #main #content {
	margin-top:25px;
	padding-bottom:100px;
}
body.oxigen #content h2 {
	margin:0;
	height:50px;
	text-align:center;
}
body.oxigen #content figure.mainvisual {
	margin-top:30px;
	height:300px;
	text-align:center;
}

body.oxigen #content div.textarea01 {
	margin-top:20px;
}
body.oxigen #content div.textarea01 h3 {
	margin:0;
	height:46px;
	text-align:center;
}
body.oxigen #content div.textarea01 li {
	line-height:24px;
	color:#2980b9;
	font-size:14px;
	text-align:center;
}
body.oxigen #content div.textarea02 {
	margin-top:34px;
}
body.oxigen #content div.textarea02 h3 {
	margin:0 0 16px;
	height:58px;
	text-align:center;
}
body.oxigen #content div.textarea02 figure {
	margin-right:40px;
	padding-top:16px;
	padding-left:130px;
}
body.oxigen #content div.textarea02 p {
	margin:24px 0;
	line-height:24px;
	font-size:14px;
}
body.oxigen #content div.textarea03 {
	margin-top:37px;
}
body.oxigen #content div.textarea03 h3 {
	margin:0;
	height:50px;
	text-align:center;
}
body.oxigen #content div.textarea03 table {
	margin:50px auto 0;
	width:93.75%;
}
body.oxigen #content div.textarea03 table tr.first {
	background:#ececec;
}
body.oxigen #content div.textarea03 table th,
body.oxigen #content div.textarea03 table td {
	padding:0;
	border:1px solid #e0e0e0;
	height:48px;
	line-height:48px;
	font-size:14px;
	text-align:center;
}
body.oxigen #content div.textarea03 table th {
	font-weight:bold;
}
body.oxigen #content div.textarea03 table th.col02,
body.oxigen #content div.textarea03 table th.col03,
body.oxigen #content div.textarea03 table th.col04 {
	width:22.22%;
}
body.oxigen #content div.textarea03 p {
	margin:0;
	line-height:50px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
body.oxigen #content div.textarea04 h3 {
    text-align:center;
    height:93px;
}
body.oxigen #content div.textarea04 div.fll {
    width:450px;
    padding-left:20px;
    padding-right:20px;
}
body.oxigen #content div.textarea04 p {
	margin:24px 0;
	line-height:24px;
	font-size:14px;
}
body.oxigen #content div.textarea04 p.mb0 {
    margin-bottom:0;
}
body.oxigen #content div.textarea04 ul,
body.oxigen #content div.textarea04 li {
    margin:0;
}
body.oxigen #content div.textarea04 ul {
    margin-bottom:24px;
}
body.oxigen #content div.textarea04 li {
	line-height:24px;
	font-size:14px;
}
body.oxigen #content div.textarea04 figure {
    margin-top:24px;
    width:434px;
    height:270px;
}
/*
	body.backbone
*/
body.backbone #main #content {
	margin-top:25px;
	padding-bottom:106px;
}
body.backbone #content h2 {
	margin:0;
	height:50px;
	text-align:center;
}
body.backbone #content figure.mainvisual {
	margin-top:30px;
	height:300px;
	text-align:center;
}
body.backbone #content div.textarea01 {
	margin-top:20px;
}
body.backbone #content div.textarea01 h3 {
	margin:0;
	height:46px;
	text-align:center;
}
body.backbone #content div.textarea01 p {
	margin:0;
	line-height:24px;
	font-size:14px;
	text-align:center;
}
body.backbone #content div.textarea02 {
	margin-top:83px;
}
body.backbone #content div.textarea02 h3 {
	margin:0;
	height:50px;
	text-align:center;
}
body.backbone #content div.textarea02 div.item01 {
	margin-top:40px;
}
body.backbone #content div.textarea02 div.item02 {
	margin-top:20px;
}
body.backbone #content div.textarea02 figure {
	margin-right:40px;
	padding-left:110px;
}
body.backbone #content div.textarea02 h4 {
	margin:0;
	padding-top:10px;
}
body.backbone #content div.textarea02 p {
	margin:0;
	line-height:24px;
	font-size:14px;
}
body.backbone #content div.textarea03 {
	margin-top:50px;
}
body.backbone #content div.textarea03 h3 {
	margin:0;
	height:50px;
	text-align:center;
}
body.backbone #content div.textarea03 figure.mainvisual {
	margin-top:30px;
	margin-bottom:46px;
	height:300px;
	text-align:center;
}
body.backbone #content div.textarea03 p {
	margin:24px 0;
	line-height:24px;
	font-size:14px;
	text-align:center;
}
body.backbone #content div.textarea04 {
	margin-top:50px;
}
body.backbone #content div.textarea04 h3 {
	margin:0;
	height:50px;
	text-align:center;
}
body.backbone #content div.textarea04 .item01 {
	margin-top:40px;
}
body.backbone #content div.textarea04 .item01 figure {
	padding-left:175px;
	margin-right:40px;
	width:300px;
}
body.backbone #content div.textarea04 .item01 figure figcaption {
	font-size:12px;
}
body.backbone #content div.textarea04 .item01 div.fll {
	width:445px;
}
body.backbone #content div.textarea04 .item01 div.fll p,
body.backbone #content div.textarea04 .item01 div.fll table {
	margin-top: 0;
	margin-bottom: 1em;
	line-height:24px;
	font-size:14px;
}
body.backbone #content div.textarea04 .item01 table {
	border-collapse:collapse;
}
body.backbone #content div.textarea04 .item01 table th,
body.backbone #content div.textarea04 .item01 table td {
	padding:1em 2em;
	border:1px solid #e0e0e0;
}
body.backbone #content div.textarea04 .item01 table th {
	background-color:#ececec;
	text-align: right;
}
body.backbone #content div.textarea04 .item01 table td {
	text-align: left;
}
body.backbone #content div.textarea04 .item01 p small {
	font-weight:bold;
	font-size:12px;
}
body.backbone #content div.textarea04 .nivo-lightbox-alt {
	display:none;
}
/*
	body.outline
*/
body.outline #main #content {
	margin-top:25px;
	padding-bottom:200px;
}
body.outline #content h2 {
	margin:0;
	height:50px;
	text-align:center;
}
body.outline #content figure.mainvisual {
	margin-top:30px;
	margin-bottom:52px;
	height:300px;
	text-align:center;
}
body.outline #content div.textarea01 p {
	margin:18px 0;
	line-height:18px;
	font-size:14px;
	text-align:center;
}
body.outline #content div.textarea02 {
	margin-top:48px;
}
body.outline #content div.textarea02 h3 {
	margin:0 0 45px;
	height:50px;
	text-align:center;
}
body.outline #content div.textarea02 figure {
	margin-right:40px;
	padding-top:6px;
	padding-left:190px;
	height:350px;
}
body.outline #content div.textarea02 h4 {
	margin:0;
	line-height:30px;
	font-weight:normal;
	font-size:14px;
}
body.outline #content div.textarea02 ul {
	margin-bottom:30px;
}
body.outline #content div.textarea02 li {
	line-height:30px;
	font-size:14px;
}
/*
	body.access
*/
body.access #main #content {
	margin-top:25px;
	padding-bottom:118px;
}
body.access #content h2 {
	margin:0;
	height:50px;
	text-align:center;
}
body.access #content div.textarea01 {
	margin-top:42px;
}
body.access #content div.textarea01 figure {
	margin-right:23px;
	padding-left:10px;
	padding-top:8px;
	height:307px;
}
body.access #content div.textarea01 table {
	line-height:18px;
	font-size:14px;
}
body.access #content div.textarea01 table th,
body.access #content div.textarea01 table td {
	padding:6px 0;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
body.access #content div.textarea01 table th {
	padding-right:1em;
}
body.access #content div.textarea02 {
	margin-top:43px;
}
body.access #content div.textarea02 h3 {
	margin:0 0 50px;
	height:50px;
	text-align:center;
}
body.access #content div.textarea02 div.gmap {
	margin:0 auto;
	width:820px;
}
body.access #content div.textarea02 div.gmap iframe {
	height:350px;
	vertical-align:bottom;
}
body.access #content div.textarea02 div.gmap p {
	margin:0;
	line-height:32px;
	font-size:12px;
	text-align:right;
}
body.access #content div.textarea02 div.gmap p a {
	color:#2c3e50;
	text-decoration:none;
}
body.access #content div.textarea02 div.gmap p a:hover {
	text-decoration:underline;
}
/*
	#slideA
*/
#slideA {
	min-height:600px;
}
#slideA .bx-wrapper {
	margin:0 auto 50px;
}

#slideA .bx-wrapper .bx-viewport {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	left:0;
	background:#fff;
}