@charset "UTF-8";


/* Basic settings */
html, body {
	width:100%;
	height:100%;
}


html {
	height:100%;
	overflow-y:scroll;
}


.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}




/* Reset */
* {
	margin:0;
	padding:0;
}


a {text-decoration:none;}


img {
	border:none;
	vertical-align:bottom;
	width:100%;
}


ul, ol {list-style:none;}


/*--Text------------------------------------------------------------*/
body {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background:#000;
	color:#FFFFFF;
	-webkit-text-size-adjust: none;
}
* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1 {
	font-size: 120%;
}
h2,h3,h4,h5,h6 {
	font-size: 100%;
}
/*--Link------------------------------------------------------------*/
a,
a:link {
	color: #CCC;
}
a:visited {
	color: #CCC;
}
a:hover,
a:active {
	color: #777777;
}
a:focus {
	outline: none;
}
/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}
/*--------------------------------------------------------------------
/////▼sample/////
--------------------------------------------------------------------*/
/*h1 {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0;
}
h2 {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0;
}*/
#column1 p {
	width: 920px;
	margin: 0 auto;
	padding: 10px 0;
}
#wrap-btm p {
	/*width: 920px;*/
	margin: 0 auto;
	padding: 10px 0;
}
.closebtn {
	width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 60px 0 60px 0;
}
/*--------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------*/
#wrapper {
	width: 100%;
}
/*--Wrap-top--------------------------------------------------------*/
#wrap-top {
	width: 100%;
	text-align: center;
}
#wrap-top header {
	text-align: left;
	margin: 0 auto;
}
#wrap-top #content {
	margin: 0 auto;
}
/*--1カラム用-------------------------------------------------------*/
#content {
	text-align: left;
}
/*--Wrap-btm--------------------------------------------------------*/
#wrap-btm {
	clear: both;
	width: 100%;
	height: 270px;/*wrap-btm（フッター）の高さ*/
	text-align: center;
}
#wrap-btm footer {
	height: 270px;/*wrap-btm（フッター）の高さ*/
	text-align: left;
	margin: 0 auto;
}

#inner_footer {
	width:96%;
	padding:2%;
	height:270px;
	text-align:center;
	background:url(../images/bg_footer.png) repeat-x 0 0;
}

#btn_contact img {width:96%;margin:0 2% 5%;}

#inner_footer p.info01 {font-size:100%;}
#inner_footer p.info02 {font-size:85%;padding:0 0 10px;}
#inner_footer p.copy {font-size:70%;}


/*--------------------------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更）
--------------------------------------------------------------------*/
header,
#content,
footer {
	width: 100%;
}
/*--------------------------------------------------------------------
Footer固定（Footerを画面下部に固定しない場合はこの欄を削除）
--------------------------------------------------------------------*/
#wrapper {
	position: relative;
	min-height: 100%;
}
* html #wrapper {/*IE6*/
	height: 100%;
}
#wrap-top {
	height: 100%;
}
#content {
	overflow: hidden;
}
#wrap-btm {
	position: absolute;
	bottom: 0;
}



/* settings for index */
#services {
	width:98%;
	background:url(../images/bg_service.jpg) repeat 0 0;
	padding:1%;
}


#services ul {
	width:100%;
	overflow:hidden;
}


#services li {
	width:33%;
	float:left;
	margin:0 0.5% 0.5% 0;
}


#services li.last {
	width:33%;
	float:left;
	margin:0 0 0.5% 0;
}


#lower_menu {
	width:100%;
	padding-bottom: 270px;/*wrap-btm（フッター）の高さと同じにする*/
}




/* サブページ */
#mainWrap {
	width:100%;
}


#mainWrap section {
	padding:10px;
}


h2 {
	font-family:'Raleway', sans-serif !important;
	font-weight:100 !important;
	font-size:3em;
	margin:0 0 15px;
}





section#aboutUs {
	background:url(../images/bg_aboutus.jpg) no-repeat right bottom;
	padding:10px 10px 250px;
	background-size:85%;
}


section#system {
	background:url(../images/bg_system.jpg) no-repeat center bottom;
	padding:10px 10px 400px;
	/*background-size:100%;*/
}



section#sp {
	background:url(../images/bg_sp.jpg) no-repeat right bottom;
	padding:10px 10px 300px;
	background-size:75%;
}



section#web {
	background:url(../images/bg_web.jpg) no-repeat right bottom #FFF;
	color:#000;
	padding:10px 10px 420px;
	/*background-size:100%;*/
}


section#dtp {
	background:url(../images/bg_dtp.jpg) no-repeat left bottom #FFF;
	color:#000;
	padding:10px 10px 450px;
	/*background-size:90%;*/
}


section#cms {
	background:url(../images/bg_cms.jpg) no-repeat right bottom #FFF;
	color:#000;
	padding:10px;
	background-size:80%;
}


section#works {
	background:url(../images/bg_works.jpg) no-repeat left bottom;
	padding:10px 10px 400px;
	/*background-size:100%;*/
}





#build-menu ul li a {
	font-family:'Raleway', sans-serif !important;
	font-weight:100 !important;
}

#build-menu ul li {
	border-top: 1px solid #354048;
	border-bottom: 1px solid #000;
	padding:10px 0 10px 30px;
}


#build-menu .fa-ul {
padding: 0 !important;
margin: 0 0 20px !important;
list-style-type: none !important;
border-top: 1px solid #000;
border-bottom: 1px solid #354048;
}


#build-menu .fa-li {
position: absolute !important;
left: 0em !important;
width: 2.142857142857143em !important;
top: 1.1em !important;
text-align: center !important;
}


table#companyProfile {
	width:95%;
	border-collapse:collapse;
	border-top:1px solid #666;
	border-left:1px solid #666;
	margin:0 auto;
}

table#companyProfile th, td {
	text-align: center; padding: 10px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}

table#companyProfile th {width:25%;}