@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/* #skip */
ul#skip{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:0;
}

/* floating : 回り込み関係 */

.floatL {float:left;}
.floatR {float:right;}
.clearL {clear:left;}
.clearR {clear:right;}
.clearB {clear:both;}

/* align : 行揃え関係 */

.alignL {text-align:left;}
.alignR {text-align:right;}
.alignC {text-align:center;}

/**/
.ovfwH {overflow:hidden;}

/*共通*/

#keywords3{
	border-radius: 18px 18px 18px 18px;
    box-shadow: 0 1px 0 #dcdcdc inset;
}

body#home #main #service #internetAdd h2{
	background:url(../img/ico_internet_ad.png) no-repeat left center;}
body#home #main #service #system h2{
	background:url(../img/ico_system.png) no-repeat left center;}
body#home #main #service #consal h2{
	background:url(../img/ico_netconsal.png) no-repeat left center;}
body#home #main #service #website h2{
	background:url(../img/ico_web.png) no-repeat left center;}
body#home #main #service #spapri h2{
	background:url(../img/ico_internet_ad.png) no-repeat left center;}

body#home #main #service .serviceBox h3{
	color:#bc8131;
}

/*
@font-face{ 
  font-family: 'mplus-2p-regular';
  src: url('../font/mplus-2p-regular.eot');
  src: url('../font/mplus-2p-regular.eot?#iefix') format('embedded-opentype'),
       url('../font/mplus-2p-regular.woff') format('woff'),
       url('../font/mplus-2p-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'mplus-2p-regular';
    src: url('../font/mplus-2p-regular-sub.eot');
    src: url('../font/mplus-2p-regular-sub.eot?#iefix') format('embedded-opentype'),
    url('../font/mplus-2p-regular-sub.woff') format('woff'),
    url('../font/mplus-2p-regular-sub.ttf') format('truetype');
}

@font-face {
    font-family: 'M+ 1mn thin';
    src: url('../font/mplus-1mn-thin-sub.eot');
    src: url('../font/mplus-1mn-thin-sub.eot?#iefix') format('embedded-opentype'),
    url('../font/mplus-1mn-thin-sub.woff') format('woff'),
    url('../font/mplus-1mn-thin-sub.ttf') format('truetype');
}
*/

/*============================================================================================================================
	スマートフォン　320px以上　640px未満
============================================================================================================================*/
@media only screen and (orientation : landscape){
	
#wrapper{
		font-size:130%;
	}
}

@media only screen and (min-width: 320px) and (max-width:736px) {
	
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;	
}

a{text-decoration:none;
word-break:break-all;
}


#wrapper {
/*	margin-left: auto;
	margin-right: auto;*/
	width: 100%;
}

header {
	clear: both;
	/*float: left;*/
	margin-left: 0;
	width: 100%;
	display: block;
}

h1.siteTitle{
	text-align:left;
	margin:15px;
	width:70%;
}

/*削除*/
div#hd,
#ftTitle,
.panBox,
p#page-top,
header p#tagline,
header p#hTel,
#home #wall{
	display:none;
}

header ul.globalNav{
	width:100%;
	letter-spacing:-0.3em;/*隙間をなくすためのハック*/
	border-top:5px solid #ffba00;
}

header ul.globalNav li{
	letter-spacing:normal;
/*	display:inline-block;
	*display: inline;*/
	float:left;
	*zoom: 1;
	font-weight:bold;
	width:50%;
	text-align:center;
	border-bottom:1px solid #ececec;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 48%, rgba(246,246,246,1) 92%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(255,255,255,1)), color-stop(92%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 48%,rgba(246,246,246,1) 92%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 48%,rgba(246,246,246,1) 92%,rgba(237,237,237,1) 100%);
}

header ul.globalNav li.even{
	border-left:1px solid #ececec;
}

header ul.globalNav li a{
	color:#666;
	display:block;
	padding:15px 0;
	text-decoration:none;
}

header #search{
	position: relative;  
	clear:both;
	text-align:left;
	padding:10px 0 10px 20px;
	background:#e0d9ca;
}

#searchBtn3 {
	position: absolute;
	top: 30%;
	right: 10%;
}
header .subNav{
	display:none;
}
#main,
#sub{
	line-height:1.5;
}

/*footer*/

footer{
	font-size:1.0em;
}

#footerNav{
	background:#ffba00;
	padding:2.5%;
	margin-bottom:15px;
}

#footerNav h2{
	padding:10px;
	margin-bottom:5px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-shadow:1px 1px 0px #757575;
}

#footerNav h2{
	margin:0;
}

#footerNav li{
	border-bottom:1px solid #ffba00;
	padding:0 10px 0 0;
	background: #fff;
}

#footerNav li.firstChild{
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

#footerNav li.lastChild{
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

#footerNav li a{
	display:block;
	padding:15px 10px;
	color:#666;
	background:url(../img/ico_arw_sp01.png) no-repeat right center;
}

#footerAdd{
	margin:0 20px 10px;
}

#footerAdd dt{
	font-weight:bold;
	font-size:110%;
	margin-top:20px;
}

#footerAdd em{
	display:block;
	margin-top:10px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#footerAdd address{
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

footer #copyRight{
	width:auto;
	text-align:center;
	margin: 0 auto;
	padding:10px;
	color:#987003;
	background:#ffba00;
}

footer #ftSalesArea{
	margin-bottom:20px;	
}

footer #bnrNtt li{
	float:left;
	width:30%;	
}

footer #bnrNtt li:nth-child(2){
	margin-left:10px;
	margin-right:10px;	
}

footer #bnrNtt li img{
	width:100%;
	height:auto;
}

/*------------------------------------------------------------*/
}

/*============================================================================================================================
	PCサイト　641px以上
============================================================================================================================*/

@media only screen and (min-width: 641px) {
	

/* 共通
---------------------------------------------------------------*/
body{
	margin:0;
	font-size:62.5%;
	/*background:url(../img/bg_index_01.png) no-repeat -100px -200px;*/
}
* html body{  
    overflow: hidden;  
}

a.externalLink img.externalDomainAlert{
	vertical-align:middle;
	margin-left:3px;
}

/*反転時の文字色・背景色 */
::selection {
background: #ffe400;　　/* 背景色*/
}
/* Firefox対応*/
::-moz-selection {
background: #ffe400;　　/* 背景色*/
}


/* .toTop : 先頭へ戻る */
p#page-top{
	position:fixed;
	bottom:80px;
	right:30px;
}

div#hd{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:70px;
	border-bottom:1px solid #ededed;
	background:#fff;
	z-index:9999;
	/*opacity:0.9;*/
}

#main em{
	background:#ffe400;
}

/*#main a:hover,
footer a:hover{
background:#ffe400;
}*/

header {
    width: 100%;
	margin-top:0;
	border-bottom:1px solid #ececec;
	z-index:999;
}

.headerIn {
	position: relative;  
    top: 0;  
    left: 0;  
	height:95px;
	width:1000px;
	margin:0 auto;
	text-align:center;
}  

#hd .headerIn { 
	height:70px;
}
* html #wrapper{  
    height: 100%;  
    overflow: auto;  
}  

#wrapper{
	width:1000px;
	margin:0 auto 0;
}

h1.siteTitle{
	position:absolute;
	left:0;
	top:35px;
}

#hd h1.siteTitle{
	position:absolute;
	left:0;
	/*top:35px;*/
	top:15px;
}

header #headTop{
	height:50px;
}
header p#tagline{
	position:absolute;
	right:0;
	top:110px;
	line-height:1.1;
	z-index:9999;
}

header p#hTel{
	position:absolute;
	right:310px;
	top:36px;
	font-size:1.8em;
	vertical-align:bottom;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

header p#hTel img{
	margin-right:5px;
	vertical-align:middle;
}
header ul.globalNav,
#hd ul.globalNav{
	position:absolute;
	right:0;
	bottom:10px;
	width:800px;
	text-align:right;
	letter-spacing:-0.4em; /*隙間をなくすためのハック*/
}
#hd ul.globalNav{
	bottom:0;
	top:0;
	margin:auto 0;
	display:inline-table;
}
header ul.globalNav li,
#hd ul.globalNav li{
	padding:0 0 0 30px;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	display:inline-block;
	*display: inline;
	*zoom: 1;
	font-size:1.3em;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

header ul.globalNav li a{
	color:#666;
	padding:10px 0;
}

#hd ul.globalNav li a{
	color:#666;
	padding:10px 0;
}

header ul.globalNav li a:hover,
#hd ul.globalNav li a:hover{
	border-bottom:1px solid #ffba00;
}
header #search{
	position:absolute;
	top:30px;
	right:0;
	width:300px;
	}
header #search #searchBtn3{
	position:absolute;
	top:3px;
	right:0;
}
html.ie7 header #search #searchBtn3{
	width:30px !important;
	border:none !important;
	padding:0 !important;
}

/* subNav */
header ul.subNav{
	position:absolute;
	right:0;
	top:8px;
	z-index:999;
	width:800px;
	text-align:right;
	letter-spacing:-0.4em;
}

header .subNav li{
	padding:0 0 0 20px;
	letter-spacing:normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	font-size:1.2em;
	text-align:right;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header .subNav li a{
	color:#666;
	padding:10px 0;
}



#main,
#sub{
	line-height:1.5;
}

#sub ul li a span{
	display:block;
	font-size:0.9em;
}

#main{
	font-size:1.0em;
	width:980px;
	padding-bottom:80px;
	letter-spacing:0.1em;
}

/*サブコンテンツ
------------------------------------------------------------------*/



#sub {
	float:left;
	position:relative;
	top:0;
	left:0;
	width:250px;
	margin-bottom:1.5em;
}

#sub ul{
	border-left:1px solid #ececec;
}
#sub ul ul{
	border:none;
}

#sub h3 a{
	display:block;
	color:#666;
	padding:15px 30px 15px 15px;
	border-bottom:3px double #ffba00;
	border-left: 1px solid #ececec;
	background:url(../img/ico_local_01.png) no-repeat 230px center #fff;
}
#sub h3 a:hover{
	background:url(../img/ico_local_01_on.png) no-repeat 230px center #ffba00;
}

#sub div.category{
	cursor:pointer;
	display:block;
	color:#666;
	padding:15px;
	border-bottom:1px solid #ececec;
	background:url(../img/ico_plus.png) no-repeat 230px center;
}
#sub div.open{
	background:url(../img/ico_minus.png) no-repeat 230px center;
}
/* ローカルナビ
---------------------*/
body.service #sub div ul.naviSec{
	display:none;
}

body.internetad #sub #internetadNav+ul.naviSec,
body.system #sub #apriNav+ul.naviSec,
body.website #sub #websiteNav+ul.naviSec,
body.spapri #sub #spapriNav+ul.naviSec{
	display:block !important;
}

#sub ul li a{
	display:block;
	color:#666;
	padding:15px;
	border-bottom:1px solid #ececec;
}

#sub ul.naviSec li a{
	cursor:pointer;
	display:block;
	color:#666;
	padding:10px 10px 10px 25px;
	border-bottom:1px solid #ececec;
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #f9f9f7;
}

#sub ul.naviSec li a:hover{
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #ffe400;
}
#sub ul.naviFor li a:hover{
	background:url(none)  #faf1af;	
}

#sub ul.naviThi{
	margin-left:15px;
}
#sub ul.naviThi li a{
	cursor:pointer;
	display:block;
	color:#666;
	padding:5px 10px 5px 25px;
	border-bottom:1px solid #ececec;
	border-left:1px solid #ececec;
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #fff;
}
#sub ul.naviThi li em{
	display:inline-block;
	padding:4.8% 0;
}
#sub ul.naviFor li a{
	cursor:pointer;
	display:block;
	color:#666;
	padding:5px 10px 5px 35px;
	border-bottom:1px dotted #ececec;
	border-left:1px solid #ececec;
	background:url(none) no-repeat 1.2em center #fff;
}

#sub ul li a.current,
#sub div.category:hover,
#sub ul li a:hover{
	opacity:0.9;
	background-color: #ffe400;
}

body.internetad #sub .naviSec li:first-child a.current,
body.system #sub .naviSec li:first-child a.current,
body.spapri #sub .naviSec li:first-child a.current,
body.website #sub .naviSec li:first-child a.current,
body.biz-system #sub .naviSec li:first-child a.current,
body.specialized #sub .naviSec li:first-child a.current{
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #f9f9f7;		
}

body.system #sub .naviFor li:first-child a.current,
body.system #sub .naviFor li:nth-child(2) a.current,
body.system #sub .naviFor li:nth-child(3) a.current,
body.system #sub .naviFor li:nth-child(4) a.current,
body.internetad #sub .naviSec li:first-child a:hover,
body.system #sub .naviSec li:first-child a:hover,
body.spapri #sub .naviSec li:first-child a:hover,
body.website #sub .naviSec li:first-child a:hover,
body.biz-system #sub .naviSec li:first-child a:hover,
body.specialized #sub .naviSec li:first-child a:hover{
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #ffe400;		
}

body#internetadIndex #sub .naviSec li:first-child a.current,
body#systemIndex #sub .naviSec li:first-child a.current,
body#spapriIndex #sub .naviSec li:first-child a.current,
body#serviceWebsiteIndex #sub .naviSec li:first-child a.current,
body#serviceSystemBiz-systemIndex #sub .naviSec li:nth-child(3) a.current{
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #ffe400;	
}

body#serviceSystemBiz-systemSemi-bespoke #sub .naviSec li:nth-child(3) a.current,
body#serviceSystemBiz-systemFeature #sub .naviSec li:nth-child(3) a.current,
body#serviceSystemBiz-systemBase-module #sub .naviSec li:nth-child(3) a.current,
body#serviceSystemBiz-systemCase #sub .naviSec li:nth-child(3) a.current,
body#serviceSystemBiz-systemFlow #sub .naviSec li:nth-child(3) a.current,
body#serviceSystemBiz-systemSupport #sub .naviSec li:nth-child(3) a.current,

body#serviceSystemSpecializedMultipage-linkerIndex #sub .naviSec li:nth-child(4) a.current,
body#serviceSystemSpecializedShushi-meijinIndex #sub .naviSec li:nth-child(4) a.current,
body#serviceSystemSpecializedShushi-meijinFeature #sub .naviSec li:nth-child(4) a.current,
body#serviceSystemSpecializedShushi-meijinFunction #sub .naviSec li:nth-child(4) a.current,
body#serviceSystemSpecializedShushi-meijinPrice #sub .naviSec li:nth-child(4) a.current{
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #f9f9f7;		
}

body#serviceSystemBiz-systemSemi-bespoke #sub .naviThi li:nth-child(1) a.current,
body#serviceSystemBiz-systemFeature #sub .naviThi li:nth-child(2) a.current,
body#serviceSystemBiz-systemBase-module #sub .naviThi li:nth-child(3) a.current,
body#serviceSystemBiz-systemCase #sub .naviThi li:nth-child(4) a.current,
body#serviceSystemBiz-systemFlow #sub .naviThi li:nth-child(5) a.current,
body#serviceSystemBiz-systemSupport #sub .naviThi li:nth-child(6) a.current,

body#serviceSystemSpecializedMultipage-linkerIndex #sub .naviThi li:nth-child(1) a.current,
body#serviceSystemSpecializedShushi-meijinIndex #sub .naviThi li:nth-child(2) a.current,
body#serviceSystemSpecializedShushi-meijinFeature #sub .naviFor li:first-child a.current,
body#serviceSystemSpecializedShushi-meijinFunction #sub .naviFor li:nth-child(2) a.current,
body#serviceSystemSpecializedShushi-meijinPrice #sub .naviFor li:nth-child(3) a.current{
	background:url(../img/ico_secNav.png) no-repeat 1.2em center #ffe400;	
}

body#serviceSystemSpecializedShushi-meijinFeature #sub .naviFor li:first-child a.current,
body#serviceSystemSpecializedShushi-meijinFunction #sub .naviFor li:nth-child(2) a.current,
body#serviceSystemSpecializedShushi-meijinPrice #sub .naviFor li:nth-child(3) a.current{
	background:url(none)  #faf1af;	
}
/*フッター
------------------------------------------------------------------*/
footer {
	clear:both;
	width:100%;
	font-size:1.1em;
	padding:30px 0 0;
	border-top:1px solid #ececec;
	background:#f6f6f6;
}

footer #footerIn{
	width:980px;
	overflow:hidden;
	margin:0 auto 15px;
}
footer #footerIn #footerNav{
	width:500px;
	float:left;
}
footer #footerNav a{
	color:#808080;
}
footer #footerIn #footerNav #ftService{
	float:left;
	width:250px;
}
footer #footerIn #footerNav #ftAbout{
	float:right;
	width:250px;
}
footer #footerIn #footerNav h2{
	font-weight:bold;
	margin-bottom:10px;
}
footer #footerIn #footerNav ul{
	margin-bottom:20px;
}
footer #footerIn #footerNav li{
	padding-left:15px;
	line-height:2.0;
	background:url(../img/ico_ft.png) no-repeat left center;
}

footer #footerIn #footerAdd address{
	width:470px;
	float:right;
	margin-bottom:15px;

}
footer #footerIn #footerAdd dt{
	font-weight:bold;
	font-size:1.2em;
}

footer #footerIn #footerAdd dd{
	font-size:1.2em;
	padding-bottom:5px;
	line-height:1.1;
}
footer #footerIn #footerAdd dd em{
	display:block;
	margin-top:10px;
	font-weight:bold;
}
footer #footerIn #footerAdd dd span{
	font-weight:bold;
	font-size:1.0em;
}
footer #footerIn #footerAdd dl#ftSalesArea{
	float: left;
    width: 445px;
    border-top: 1px dotted #d6d6d6;
    padding-top: 15px;
    clear: both;
}
footer #footerIn #footerAdd ul#bnrNtt{
	width: 470px;
    float: right;
    padding: 15px 0px 0px 10px;
}
footer #footerIn #footerAdd ul#bnrNtt li{
	width:120px;
	float:left;
	margin-right:10px;
}
footer #copyRight{
	clear:both;
	color:#573f00;
	padding:10px 0;
	text-align:center;
	background:#ffc016;
}

/*------------------------------------------------------------*/




}