@charset "UTF-8";
/* ================================================
=  初期化設定                                     =
=================================================*/
/* タグの初期化 */
h1,h2,h3,h4,h5,h6,div,span,p,a,form,ul,ol,li,dl,dt,dd,table,th,td,img {
	margin:0px;
	padding:0px;
	text-align: justify;
}
img { border:none; }

/* 書体の初期設定 */
* {
	font: 14px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,"MS P Gothic", "ＭＳ Ｐゴシック";
	color: #333333;
	line-height: 1.4em; /* 19px */
	}
	
/* デフォルトリンク */
a:link,a:visited {
	text-decoration: underline;
	color: #333333;
	}
a:hover,a:active{
	color: #0066FF;
	text-decoration: underline;
	}
a:hover span,a:active span{
	color: #0066FF;
	text-decoration: underline;
	}
a:hover span.copy,a:active span.copy{
	font-size:100%;
	}
.link a:link span,.link a:visited span,.link a:hover span,.link a:active span{
	text-decoration: none;
	color: #333333;
	}
/* ================================================
=  共通設定                                       =
=================================================*/
/* ボディー */
html{
	margin:0;
	padding:0;
	height:100%;
}
body{
	margin:0;
	padding:0;
	height:100%;
	background-image: url(images/bg.png);
	background-repeat: repeat;
	background-color: #666666;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#wrapper{
	width:750px;
	margin:0 auto;
	min-height:100%;
	margin: 0 auto -70px;
	background-color: #FFFFFF;
	height: auto !important;
	height: 100%; /* ie用に設定 */

}

.push {
    height: 70px;
	clear:both;
}

/* ヘッダ */
#header{
	height:105px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	display: block;
}
#header #logo {
	margin: 0px;
	float: left;
	display: block;
	padding: 7px 0px 0px 15px;
}
#contact {
	float: right;
	background: url(images/contact_btn.png) no-repeat 0px 0px;
	height: 0px;
	width: 201px;
	padding-top: 29px;
	overflow: hidden;
	margin-top: 22px;
	margin-right: 12px;
}
#contact:hover {
background-position:-201px 0px;
}
#header ul {
	padding-top: 0px;
	float: right;
	margin: 0px;
	height: 2em;
	padding-right: 15px;
}
#header ul li {
	list-style: none;
	font-size: 10px;
	margin-left: 3px;
	display: inline;
}
#header ul li a:link,#header ul li a:visited {
	color: #333333;
	font-size: 10px;
	text-decoration: none;
}
#header ul li a:hover,#header ul li a:active{
	color: #0066FF;
	font-size: 10px;
	text-decoration: none;
}

/* パンくず */
#topicPath {
	margin:10px 0;
}
#topicPath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
	font-size: 12px;
}
#topicPath li a:link,#topicPath li a:visited {
	color: #0066FF;
	font-size: 12px;
	text-decoration: none;
}
#topicPath li a:hover,#topicPath li a:active{
	color: #0066FF;
	font-size: 12px;
	text-decoration: underline;
}


/* コンテンツ */
#contents{
  padding10px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	height: 100%;
	display: block;
}
#contents p {
	margin-right: 15px;
	margin-left: 22px;
}
#contents #contenttop {
	background-color: #fff;
	display: block;
	height: 258px;
	margin: 0px;
	padding: 0px;
	width: 724px;
}
#contents #contenttop img {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: right;
}
#contents   #contenttop  .gnavi {
	list-style: none;
	display: block;
	float: right;
	clear: right;
}
#contents  #contenttop  .gnavi li {
	margin: 0px 0px 8px;
	padding: 0px;
	line-height: 1em;
	height: 78px;
	width: 205px;
	list-style: none;
	overflow: hidden;
}
#contents #contenttop .gnavi li.aboutus  a {
	background-image: url(images/navaboutus.gif);
	background-repeat: no-repeat;
	height: 0px;
	width: 205px;
	padding-top: 78px;
	display: block;
}
#contents #contenttop .gnavi li.aboutus  a:hover{
	background-image: url(images/navaboutus-ov.gif);
}
#contents #contenttop .gnavi li.works  a {
	background-image: url(images/navworks.gif);
	background-repeat: no-repeat;
	height: 0px;
	width: 205px;
	padding-top: 78px;
	display: block;
}
#contents #contenttop .gnavi li.works  a:hover{
	background-image: url(images/navworks-ov.gif);
}
#contents #contenttop .gnavi li.solution  a {
	background-image: url(images/navsolution.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 0px;
	width: 205px;
	padding-top: 78px;
	display: block;
	float: none;
}
#contents #contenttop .gnavi li.solution  a:hover{
	background-image: url(images/navsolution-ov.gif);
	clear: both;
	float: none;
}
#contents #maincol {
	width: 505px;
	float: left;
	display: block;
	margin-top: 5px;
	clear: both;
}
#contents   #maincol .date {
	margin-bottom: 30px;
	margin-left: 20px;
	width: 480px;
	padding-top: 5px;
}
#contents   #maincol .date dt {
	clear: left;
	font-weight: bolder;
	display: block;
	float: none;
	letter-spacing: 1px;
	line-height: 1.2em;
}
#contents   #maincol .date dd {
	margin: 0px 0px 15px;
	padding: 0px 0px 5px;
	display: block;
	border-bottom: 1px dotted #999999;
	width: 480px;
}
#contents #subcol {
	list-style: none;
	display: block;
	float: right;
	margin-top: 5px;
	clear: right;
}
#contents   #subcol  .navi {
	list-style: none;
	display: block;
}
#contents  #subcol  .navi li {
	margin: 0px 0px 3px;
	padding: 0px;
	line-height: 1em;
	height: 55px;
	width: 200px;
	display: block;
	overflow: hidden;
}
#contents  #subcol  .navi li.nav-ad  a {
	background-image: url(images/navad.gif);
	background-repeat: no-repeat;
	height: 0px;
	width: 200px;
	padding-top: 55px;
	display: block;
}
#contents  #subcol  .navi li.nav-ad  a:hover{
	background-image: url(images/navad-ov.gif);
}#contents  #subcol  .navi li.nav-web  a {
	background-image: url(images/navweb.gif);
	background-repeat: no-repeat;
	height: 0px;
	width: 200px;
	padding-top: 55px;
	display: block;
}
#contents  #subcol  .navi li.nav-web  a:hover{
	background-image: url(images/navweb-ov.gif);
}#contents  #subcol  .navi li.nav-consulting  a {
	background-image: url(images/navconsul.gif);
	background-repeat: no-repeat;
	height: 0px;
	width: 200px;
	padding-top: 55px;
	overflow: hidden;
	display: block;
}
#contents  #subcol  .navi li.nav-consulting  a:hover{
	background-image: url(images/navconsul-ov.gif);
}
#contents #servicemenu {
	margin-top: 20px;
}
#contents #servicemenu li {
	display: block;
	height: 72px;
	width: 228px;
	list-style: none;
	float: left;
	padding: 0px 0px 10px 10px;
	margin: 0px;
}
#contents     #servicemenu    li a {
	float: left;
	width: 228px;
	height: 0px;
	padding-top: 72px;
	overflow: hidden;
}
#contents   #servicemenu  li.sol01 a {
	background-image: url(solution/images/solution-handbill.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol01 a:hover{
	background-image: url(solution/images/solution-handbill-ov.jpg);
}
#contents   #servicemenu  li.sol02 a{
	background-image: url(solution/images/solution-pamphlet.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol02 a:hover{
	background-image: url(solution/images/solution-pamphlet-ov.jpg);
}
#contents   #servicemenu  li.sol03 a {
	background-image: url(solution/images/solution-catalog.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol03 a:hover{
	background-image: url(solution/images/solution-catalog-ov.jpg);
}
#contents   #servicemenu  li.sol04 a {
	background-image: url(solution/images/solution-dm.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol04 a:hover{
	background-image: url(solution/images/solution-dm-ov.jpg);
}
#contents   #servicemenu  li.sol05 a {
	background-image: url(solution/images/solution-poster.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol05 a:hover{
	background-image: url(solution/images/solution-poster-ov.jpg);
}
#contents   #servicemenu  li.sol06 a  {
	background-image: url(solution/images/solution-storetools.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol06 a:hover{
	background-image: url(solution/images/solution-storetools-ov.jpg);
}
#contents   #servicemenu  li.sol07 a  {
	background-image: url(solution/images/solution-storemusic.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol07 a:hover{
	background-image: url(solution/images/solution-storemusic-ov.jpg);
}
#contents   #servicemenu  li.sol08 a  {
	background-image: url(solution/images/solution-event.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol08 a:hover{
	background-image: url(solution/images/solution-event-ov.jpg);
}
#contents   #servicemenu  li.sol09  a {
	background-image: url(solution/images/solution-novelty.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol09 a:hover{
	background-image: url(solution/images/solution-novelty-ov.jpg);
}
#contents   #servicemenu  li.sol10 a  {
	background-image: url(solution/images/solution-web.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol10 a:hover{
	background-image: url(solution/images/solution-web-ov.jpg);
}#contents   #servicemenu  li.sol11 a  {
	background-image: url(solution/images/solution-consulting.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 228px;
	margin: 0px;
	padding-top: 72px;
}
#contents   #servicemenu  li.sol11 a:hover{
	background-image: url(solution/images/solution-consulting-ov.jpg);
}
#contents .maincontent {
	padding: 0px;
	margin: 0px;
}
#contents .maincontent dl {
	margin-bottom: 20px;
	clear: both;
	display: block;
}
#contents .maincontent dt {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 0px 15px 0px 0px;
	float: left;
}
#contents .maincontent dd {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	font-size: 12px;
	background-image: url(solution/images/solution-koukoku.gif);
	display: block;
	height: 56px;
	background-repeat: no-repeat;
}
#contents h1 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
#contents .maincontent h2 {
	margin: 5px 0px 12px 8px;
	font-weight: bold;
	font-size: 16px;
}
#contents   .maincontent  p#read {
	margin-left: 32px;
	margin-right: 10px;
	line-height: 1.6em;
	margin-bottom: 15px;
}
#contents   .maincontent  p {
	margin-left: 10px;
	margin-right: 15px;
	line-height: 1.6em;
	margin-bottom: 30px;
}

/* privacy */

#contents .maincontent .privacy {
}
#contents .maincontent .privacy p{
	margin: 0px 0px 5px 10px;
}
#contents .maincontent .privacy h2{
	font-weight: bold;
	font-size: 16px;
}
#contents .maincontent .privacy h3 {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
#contents   .maincontent   .privacy ul {
	margin-left: 10px;
	list-style: decimal url(none) inside;
}
#contents .maincontent .privacy li{
	list-style: decimal inside;
}


#contents .main {
	width: 450px;
	float: left;
}
#contents .main p {
	margin: 0px;
	padding: 0px;
}
#contents .sub {
	width: 250px;
	float: right;
	height: 150px;
	clear: right;
}
#contents  .sub p {
	margin: 0px;
	padding: 0px;
}
#contents .maincontent ul.problem {
}
#contents .maincontent .problem li {
	line-height: 1.5em;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	width: 435px;
	list-style: disc url(none) inside;
	font-size: 15px;
	margin-left: 20px;
}
#contents .maincontent #problembox {
	height: 135px;
	width: 490px;
	background-image: url(solution/images/problembg.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}
#contents  .maincontent  #undermenu img {
	margin-bottom: 7px;
	margin-left: 20px;
}
#problembox #title {
	margin: 0px 0px 0px 20px;
	padding: 15px 0px 0px;
	display: block;
}

/* works */

#contents #worksmenu {
	margin-top: 20px;
}
#contents #worksmenu li {
	display: block;
	height: 141px;
	width: 205px;
	list-style: none;
	float: left;
	padding: 0px 0px 0px 20px;
}
#contents     #worksmenu    li a {
	float: left;
	width: 205px;
	height: 0px;
	padding-top: 141px;
	overflow: hidden;
}
#contents   #worksmenu  li.work01 a {
	background-image: url(images/worksmenu-01.gif);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 205px;
	margin: 0px;
	padding-top: 141px;
}
#contents   #worksmenu  li.work01 a:hover{
	background-image: url(images/worksmenu-01.gif);
}
#contents   #worksmenu  li.work02 a{
	background-image: url(images/worksmenu-02.gif);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 205px;
	margin: 0px;
	padding-top: 141px;
}
#contents   #worksmenu  li.work02 a:hover{
	background-image: url(images/worksmenu-02.gif);
}
#contents   #worksmenu  li.work03 a {
	background-image: url(images/worksmenu-03.gif);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 205px;
	margin: 0px;
	padding-top: 141px;
}
#contents   #worksmenu  li.work03 a:hover{
	background-image: url(images/worksmenu-03.gif);
}
#contents #works-web {
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 34px;
}
#contents #works-web li {
	list-style: none;
	display: block;
	float: left;
	height: 34px;
	overflow: hidden;
	width: 233px;
}
#contents #works-web  li  a {
	padding-top: 34px;
}
#contents #works-web  li.case01 a {
	background-image: url(images/websitebutton.png);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 233px;
	margin: 0px;
	padding-top: 34px;
}
#contents #works-web  li.case01 a:hover{
	background-image: url(images/websitebutton-ov.png);
}
#contents #works-web  li.case02 a {
	background-image: url(images/webmanagebuttn.png);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 233px;
	margin: 0px;
	padding-top: 34px;
}
#contents #works-web  li.case02 a:hover{
	background-image: url(images/webmanagebutton-ov.png);
}
#contents #works-web  li.case03 a {
	background-image: url(images/ecsitebutton.png);
	background-repeat: no-repeat;
	display: block;
	height: 0px;
	width: 218px;
	margin: 0px;
	padding-top: 34px;
}
#contents #works-web  li.case03 a:hover{
	background-image: url(images/ecsitebutton-ov.png);
}

#contents .webjirei {
	background-image: url(images/webjirei.png);
	background-repeat: no-repeat;
	height: 284px;
	width: 676px;
	margin: 20px 0px 20px 10px;
	padding: 0px;
	clear: both;
	float: none;
}
#contents .webjirei img {
	margin: 21px 0px 0px 21px;
	padding: 0px;
	float: left;
	display: block;
}
#contents .webjirei ul {
	list-style: none;
	width: 270px;
	padding: 15px 25px 0px 0px;
	margin: 0px;
	display: block;
	float: right;
}
#contents .webjirei ul li {
	margin-bottom: 15px;
	line-height: 1.3em;
	font-size: 12px;
}
#contents .webjirei ul li a:link,
#contents .webjirei ul li a:visited,
#contents .webjirei ul li a:hover,
#contents .webjirei ul li a:active
{
	font-size: 12px;
	line-height: 1.3em;
}
#contents #aboutusmenu {
	margin-top: 10px;
	width: 110px;
	list-style: none;
	float: left;
	margin-left: 0px;
}
#contents #aboutusmenu li {
	height: 42px;
	width: 110px;
	overflow: hidden;
}
#contents #aboutusmenu li.nav-profile  a {
	background-image: url(images/profile-btn.png);
	background-repeat: no-repeat;
	height: 0px;
	width: 110px;
	padding-top: 42px;
	display: block;
}
#contents #aboutusmenu li.nav-profile  a:hover{
	background-image: url(images/profile-btn-ov.png);
}
#contents #aboutusmenu li.nav-access  a {
	background-image: url(images/access-btn.png);
	background-repeat: no-repeat;
	height: 0px;
	width: 110px;
	padding-top: 42px;
	display: block;
}
#contents #aboutusmenu li.nav-access  a:hover{
	background-image: url(images/access-btn-ov.png);
}
#contents #aboutusmenu li.nav-principale  a {
	background-image: url(images/principale-btn.png);
	background-repeat: no-repeat;
	height: 0px;
	width: 110px;
	padding-top: 42px;
	display: block;
}
#contents #aboutusmenu li.nav-principale  a:hover{
	background-image: url(images/principale-btn-ov.png);
}
#contents #aboutusmenu li.nav-history  a {
	background-image: url(images/history-btn.png);
	background-repeat: no-repeat;
	height: 0px;
	width: 110px;
	padding-top: 42px;
	display: block;
}
#contents #aboutusmenu li.nav-history  a:hover{
	background-image: url(images/history-btn-ov.png);
}













#contents .aboutuscol {
	float: right;
	width: 585px;
	margin-top: 10px;
}
#contents .aboutuscol table {
	border-collapse:collapse;
	border-spacing:0pt;
	width: 550px;
	margin-top: 5px;
}
#contents .aboutuscol th {
	font-weight: bold;
	background-color: #F2F2F2;
}
#contents .aboutuscol th,
#contents .aboutuscol td {
	border:1px solid #cccccc;
	padding:7px 10px;
}
#contents .aboutuscol td ul li {
	list-style: none;
}
#contents .aboutuscol h2 {
	font-weight: bold;
	line-height: 1em;
	margin: 0px 0px 10px 8px;
	padding: 0px;
	font-size: 16px;
}
#contents   .aboutuscol   #map {
	height: 450px;
	width: 500px;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 40px 8px;
}
#contents   .aboutuscol   #map2 {
	margin-left: 8px;
	height: 450px;
	width: 500px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
/* お問い合せページ	 */
#mailform {
	margin: 10px 0px 25px 10px;
}
#mailform input[type="text"] {
	padding: 2px;
	border: 1px solid #999999;
	width: 200px;
}
#mailform textarea {
	padding: 2px;
	border: 1px solid #999999;
	width: 310px;
}
#mailform #Age {
	width: 3em;
}
#mailform #Address01 {
	width: 100px;
}
#mailform #Address02 {
	width: 310px;
}
#mailform em  {
	color: #FF0033;
	font-style: normal;
	font-size: 80%;
	font-weight: normal;
}
#mailform table  {
	text-align: left;
	border-collapse:collapse;
	border: 1px solid #999999;
	margin-bottom: 10px;
}

#mailform table th,
#mailform table td {
	border: 1px solid #999999;
	padding: 7px 10px;
}

#mailform table th {
	white-space: nowrap;
	background-color: #F2F2F2;
	width: 150px;
}



/* フッタ */

#footer{
	width:750px;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px auto;
	height: 70px;
	clear: both;
}
#footer ul {
	margin: 0px;
	padding: 30px 15px 0px 10px;
	width: 400px;
}
#footer ul li {
	list-style: none;
	font-size: 10px;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	display: inline;
}
#footer ul li a:link,#footer ul li a:visited {
	color: #333333;
	font-size: 10px;
	text-decoration: none;
}
#footer ul li a:hover,#footer ul li a:active{
	color: #0066FF;
	font-size: 10px;
	text-decoration: none;
}
#footer   p img {
	float: right;
	padding: 30px 10px 0px 0px;
}
#photocopyright    {
	font-size: 10px;
	color: #CCCCCC;
	padding-left: 13px;
	padding-top: 3px;
}
#photocopyright a:link,#photocopyright a:visited,
#photocopyright a:hover,#photocopyright a:active{
	font-size: 10px;
	text-decoration: none;
	color: #CCCCCC;
}
.mb20 {
	margin-bottom: 20px;
}
.mb10 {
	margin-bottom: 10px;
}