@charset "utf-8";

/*----------------------------
  CSS 担当者名 Document 2009.03
  Last Update 2009.00.00 担当者名
----------------------------*/

@import "common.css";

/*####################　共通部分　####################*/

/*　ヘッダイメージ
-------------------------------------*/
#HeadImg {
	height:100px;
	margin: 0px 0px 5px;
	}
#HeadImg h2,
#HeadImg p {text-indent:-9999px;}

#PageIndex     #HeadImg {height:300px;background-image:url(../img/top-main-img.jpg);}
#PageAbout     #HeadImg {background-image:url(../img/title-about.jpg);}
#PageContact   #HeadImg {background-image:url(../img/title-contact.jpg);}
#PageExample   #HeadImg {background-image:url(../img/title-example.jpg);}
#PageFaq       #HeadImg {background-image:url(../img/title-faq.jpg);}
#PageFlow      #HeadImg {background-image:url(../img/title-flow.jpg);}
#PageIdea      #HeadImg {background-image:url(../img/title-idea.jpg);}
#PagePrice     #HeadImg {background-image:url(../img/title-price.jpg);}
#PageSitemap   #HeadImg {background-image:url(../img/title-sitemap.jpg);}
#PageSolution   #HeadImg {background-image:url(../img/title-solution.jpg);}


/*トップページ
-------------------------------------*/
#TopMeritMenu {}
#TopMeritMenu ul {
	background: url(../img/top-merit-bg.gif) no-repeat left top;
	margin:0px 0px 10px;
	padding:8px 0px 8px 8px;
	height:136px;
}
#TopMeritMenu ul li {
 	float:left;
	margin:0px;
	padding-right:8px;
	list-style-type: none;
}
#TopMeritMenu ul li.endBtn {padding-right:0px;}
#box1{
	background-image: url(../img/bg_box1.jpg);
	height: 203px;
	width: 680px;
	background-repeat: no-repeat;	margin-bottom:15px;
}
#box1 .detailBox{
	float:left;
	padding:10px 10px 0 10px;
	margin:0;
}
#box1 .detailBox a{
display:block;	
margin:10px 0 0 130px;
}
#box1 .movieBox{
	float:left;
	padding:10px 0 0 0px;
}

/*法人e名刺について
-------------------------------------*/
#PageAbout {}

#PageAbout div.aboutMerit {margin:190px 0px 10px;}
#AboutOutline {
	background: url(../img/about-main-img.jpg) no-repeat 0px 50px;
}

/*導入実績
-------------------------------------*/
#ExampleList {}
#ExampleList ul {
	margin:0px 0px 10px 10px;
}
#ExampleList ul li {
 float:left;
	margin:0px 0px 10px;
	padding-right:5px;
	list-style-type: none;
}
#ExampleList table {border:none; margin-bottom:20px;}
#ExampleList table td { padding:0px; border-right:none;}
#ExampleList h5{
color:#333333;}


/*導入から発注まで
-------------------------------------*/
#PageFlow {}
#PageFlow table {
 margin-bottom:20px;
 padding:0px;
 border:none;
}
#PageFlow table th,
#PageFlow table td {
 padding:0px;
 border:none;
}
#PageFlow table td h5 {
 margin:5px 0px 5px 0px;
}
#PageFlow table td p {
 margin:0px;
}

/*よくある質問
-------------------------------------*/
#PageFaq {}
#PageFaq dl {margin:0px 8px 10px 10px;}
#PageFaq dl dt {
	background: url(../img/faq-ico-q.gif) no-repeat left bottom;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 28px;
	font-size: 16px;
	color:#0265CA;
	clear:both;
}
#PageFaq dl dt.faqdt {
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 28px;
	font-size: 16px;
	color:#0265CA;
	background-color: #E6F0FA;
	background-image: url(../img/faq-ico-q2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#PageFaq dl dd {
	background: #FAFAFA url(../img/faq-ico-a.gif) no-repeat 4px 11px;
	margin:0px 0px 40px 0px;
	padding:10px 10px 10px 28px;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#PageFaq .mb{
	float:left;

}

#PageFaq dl dd span.red {
	color:#FF0000;
	text-decoration:underline;
}


/*お問い合わせ
-------------------------------------*/
.fieldActive {
	width: 320px;
	ime-mode: active; 
}
.fieldInctive {
	width: 320px;
	ime-mode: inactive; 
}
.fieldZipcode {
	width: 80px;
	ime-mode: inactive; 
}
.fieldTel {
	width: 100px;
	ime-mode: inactive;
}
.fieldMail {
	width: 320px;
	ime-mode: inactive; 
}
.fieldSubmit {
	text-align:center;
}
.fontCaution {color:#FF0000;font-size:12px;margin-left:3px;}

/*ソリューション　法人e名刺が解決した事例をご紹介します
-------------------------------------*/
#PageSolution h4{
margin:0px;
padding:0px;
background-image: url();
}
#PageSolution div.example{
	background-image: url(../../solution/img/bg-table.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 467px;
	padding:0 0 0 32px;
}
#PageSolution h5{
	padding:10px 0 0 0;
}
#PageSolution h5.before{
	padding:20px 0 0 0;
}

#PageSolution p.blueline{
	font-size: 14px;
	line-height: 20px;
	background-image: url(../../solution/img/i-buleline.gif);
	background-repeat: repeat-y;
	padding-left: 15px;
	letter-spacing: 0.1em;
}
#PageSolution p.orangeline{
	font-size: 14px;
	line-height: 20px;
	background-image: url(../../solution/img/i-orangeline.gif);
	background-repeat: repeat-y;
	padding-left: 15px;
	letter-spacing: 0.1em;
	font-weight:bold;
}
#PageSolution ul.merit {
	width:595px;
	background-color:#F2F2F2;
	padding:8px 0 5px 0;
}
#PageSolution ul.merit li{
	float:none;
	font-size:16px;
	margin:0;
	padding:1px 0 2px 20px;
	background-image: url(../../solution/img/i-circle.gif);
	background-position: 10px center;
	background-repeat:no-repeat;
	letter-spacing: 0.05em;
}
span.orange{
	color:#FF6600;
	font-weight:bold;
}
span.blue{
	color:#3366CC;
	font-weight:bold;
}
span.green{
	color:#009900;
	font-weight:bold;
}


/*サイトマップ
-------------------------------------*/
#Sitemap {}
#Sitemap ul {
	margin:10px 20px 20px;
	padding:0px;
}
#Sitemap ul ul {
	background: url(../img/arrow-sitemap.gif) repeat-y left top;
	margin:0px 45px 10px;
_margin:0px 23px 10px;
}
#Sitemap ul ul ul {
 margin:0px 70px 20px;
_margin:0px 35px 20px;
}

*:first-child+html #Sitemap ul ul    {margin:0px 23px 10px;}/*IE7*/
*:first-child+html #Sitemap ul ul ul {margin:0px 35px 20px;}/*IE7*/

#Sitemap li {
	background: url(../img/arrow-sitemap02.gif) no-repeat left top;
	margin:10px 0px 5px;
	padding:0px 0px 0px 25px;
	list-style-type: none;
}
#Sitemap li.siteMapTop       {background-image:none;}
#Sitemap li.siteMapSecondBtm {background: url(../img/arrow-sitemap03.gif) no-repeat left top;margin:0px;}
#Sitemap li.siteMapThirdBtm  {background: url(../img/arrow-sitemap03.gif) no-repeat left top;margin:0px;}

/*インフォメーション
-------------------------------------*/
p.informationBox{
	border: 2px solid #FF3300;
	text-align: center;
	padding:10px 0;
	margin:0 0 10px 0;
	width:674px;
	font-size: 16px;
	text-transform: uppercase;
	color: #FF3300;
	line-height: 2em;
}
.informationBox a{
	color: #FF3300;
}

#infomation{

}
.supplementation{
	text-align:right;
	display:block;
	padding:3px;
	font-size:10px;
}

/*end*/
.cleafix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .cleafix{display: inline-block;} 

 /* Hides from IE Mac */
    * html .cleafix {height: 1%;}
       .cleafix{display:block;}
/* End Hack */