@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-weight:normal;
}
address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
}

 figure{
  display: block;
  margin: 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;

}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

.clear {clear:both;}

.text12{font-size:12px; margin-bottom:15px; line-height: 2;}

/*--- default */
body {
color:#333; 
font-size: 14px; 
line-height:1.8; 
font-family: 
"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic",Osaka, sans-serif; 
height:100%;
} 


}

* html body {	/* for IF6 */
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


article, aside, figcaption, figure, footer, header, nav, section {
  display: block;
  margin: 0;
}


/* ===================================================================
CSS information

 file name  :module.css
 author     :hirasawa(admin)
 style info :共通（ヘッダー、フッター）
=================================================================== */


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
.header {
background-color:#000;
width:100%;
margin:auto;
}


.headerbar{
	width:100%;
	height:15px;
	background-color:#000066;
		margin:auto;
	}


.headerbox {
	width: 1000px;
	height:55px;
	padding:10px;
	margin:0 auto;
}


.headerlogo {
	float:left;
	width: 700px;
	height: 50px;
}


.headernavi{
	height: 30px;
	width:280px;
	text-align:right;
	float:left;
	padding:10px;
	color: #FFFFFF;
}

.headernavi a{
text-decoration : underline; 
color : #ffffff; 
}

.headernavi a:hover{
color:#ccc;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
.footer{ 
	height:auto;
	background-color:#000;
	clear:both;
}

.footerbox{
	width: 955px;
	margin:0 auto;
	padding: 0 30px;
}

.footermenu{ 
	float: left;
padding:20px 10px 20px 0px;
	height:auto;
	width:auto;
	color:#CCC;
}

.footermenutit{
color:#CCC;
font-size:12px; 
font-weight:bold;
margin-bottom:5px; 
} 


.footermenu ul{
margin: 0; 
padding-bottom: 10px; 
list-style: none; 
} 

.footermenu  li{ 
display: inline; 
padding: 0; 
margin: 0; 
} 
.footermenu a{ 
color:#666; 
font-size:10px; 
line-height: 1.25em;
padding:5px 10px 5px 0px; 
display: block; 
text-decoration :none;   
} 

.footermenu a:hover{ 
color: #D3D3D3;
} 

.copylight {text-align: center;}
#footer_cts {clear: both;}
#footer_cts li {
	float: left;
	margin-right: 20px;
}

#footer_cts a {
	font-size: 12px;
	color: #666 !important;
}
#footer_cts a:hover {color: #FFF !important;}
#footer_cts a::before {
	content: "→";
	color: #666;
}

/* ===================================================================
CSS information

 file name  :style.css
 author     :hirasawa (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #subf
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:hover img{
opacity:0.50;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-opacity:0.50;
}
 
a{text-decoration: none;color:#333333;}




/*----------------------------------------------------
	汎用class
----------------------------------------------------*/


.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; 
	display: block; 
	visibility: hidden; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
	clear: both;
}


/*----------------------------------------------------
	#top_banner
----------------------------------------------------*/
#top_banner {
    width: 1015px;
	margin-bottom: 20px;
	float: left;

}


/* -----------------------------------------------------------
	# TOPページ
----------------------------------------------------------- */
.top{
	float:left;
	width:640px;
	margin-bottom:40px;
	height:auto;
	color: #666;
	background-color:#Fff;
}

.top h3 {
width:640px;
margin-bottom:15px;
padding-bottom:5px;
border-bottom: 1px solid #666;
font-size:16px;
}

.top h4 {
width:640px; 
height:auto;
margin-bottom:5px;
margin-left:10px;
font-size:14px;
font-weight:bold;
color: #999;
clear:both;
}

.top ul{
margin-left:15px;	
font-size:12px;
line-height:2.5em;
}


.top a{
text-decoration:underline;
color:#666;
}

.top a:hover{
text-decoration:underline;
color:#3366cc;
}

.top li{
list-style-type: disc;
}

.top-box{
width:auto; 
height:auto;
padding-bottom:10px;
margin:10px 10px 15px 10px;
clear:both;
border-bottom:#999 1px dotted ;
}


.top-side{
	float:left;
	width:245px;
	height:auto;
	background-color:#FFF;
	margin-left:30px;
}

.top-side h3 {
width:245px;
margin-bottom:15px;
padding-bottom:5px;
border-bottom: 1px solid #666;
font-size:16px;
}

.top-side img {
margin:10px;
}


/* -----------------------------------------------------------
	
# TOPページ viewer
	
----------------------------------------------------------- */

.viewer{
	width: 100%;
	height:auto;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
	background-color:#F5F5F5;
	border-bottom:#EAEAEA 6px solid;
}



.viewer-box {
	margin: 0 auto;
	width: 1015px;
	height: 300px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
	width: 1015px;
	height: 300px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 1015px;
	height: 300px;
	display: none;
	position: absolute;
}
	



/*----------------------------------------------------
	#page
----------------------------------------------------*/
.all {
	width: 100%;
	background-color:#fff;
}

.all h2 {
	font-weight:bold;
	height:auto;
	padding:20px;
	  color: #333;
  font-size: 18px;
}

.page {
	width: 1015px;
	margin:auto;
	text-align: left;
	background-color:#fff;
}


.heading {
	width: 100%;
	height:auto;
	margin-top: 0px;
	margin-bottom: 40px;
	text-align: left;
	background-color:#EFEFEF;
}

.heading-box {
	width: 1015px;
	height:80px;
	margin:0 auto;
	background-color:#EFEFEF;
}


/* -----------------------------------------------------------
	#グローバルナビ(ドロップダウンメニュー)
----------------------------------------------------------- */
div#nav {
	width: 100%;
	height: 60px;
	margin:0 auto;
    background-color: #fafafb;
	border-bottom: 5px solid #666;
}

#gnavi {
    width: 1015px;
    margin: 10px auto;
}

#acMenu {
	width: 135px;
	float: left;
	position: relative;
}

#acMenu dt {
	position: relative;
	width: 135px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

#acMenu dt:hover {
	display: block;
	width: 135px;
	height: 60px;
	line-height: 60px;
	background-color: #e7e7ec !important;
	color: #999999;
	border-radius: 3px 3px 0 0;
	cursor: pointer;
}


#acMenu dt a{
	text-decoration: none;
	color: #333333;
}


#acMenu dd{
	position: absolute;
	width: 260px;
	height: auto;
	text-align: center;
	display: none;
	z-index: 100;
}

#acMenu ul li {
	list-style-type: none;
	font-weight: normal;
	border-bottom: 1px solid #D0D0D0;
	border-top: 1px solid #FFFFFF;
	background: #e7e7ec;
}
	
#acMenu ul li a {
	display: block;
	color: #333333;
	text-decoration: none;
	padding: 10px 15px;
	text-align: left;
	font-size: 12px;
}

#acMenu ul li a:hover {
	background-color: #f2f2f2;
	color: #333333;
}

dl.long, .long > dt {width: 170px !important;}
.b_b {
	display: block;
	width: 170px;
	height: 60px;
}
.s_b {
	display: block;
	width: 135px;
	height: 60px;
}

/* 最新情報 一番最後のパネル位置 */
.last_p {
	top: 60px;
	right: 0;
}

.w300 { width: 300px !important;}
/* -----------------------------------------------------------
	# サブページパンくず
----------------------------------------------------------- */
.topicpath{
    float:left;
	margin-bottom:20px;
    margin-top:10px;
	width: 540px;
	color:#333;
	background-color:#fff;
}

.topicpath a {
color:#336699;
text-decoration: underline;
}

.topicpath a:hover{
color:#3366cc;
text-decoration: underline;
}

.topicpath ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
}

.topicpath ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}

.topicpath ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content: none;
}


/*----------------------------------------------------
   英語日本語切り替えBTN
----------------------------------------------------*/
.lang-btn{
	float:right;
	width: auto;
    margin-top:14px;
	margin-right:40px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
.main {
	background-color:#FFF;
	margin-top:30px;
	margin-bottom:40px;
	width: 1015px;
	margin:auto;
		text-align: left;
}


/* -----------------------------------------------------------
	# サブメニュー 
----------------------------------------------------------- */

.submenu{ 
color:#999; 
float: left; 
width:240px; 
height:auto; 
background-color:#FFF;
margin-right:35px;
margin-bottom:50px;
}  

.submenutit{
width:230px;
color:#666; 
font-size:16px; 
font-weight:bold;
margin-bottom:10px; 
margin-left:10px;
} 

.submenu ul{
color:#666; 
font-size:14px; 
margin: 0; 
padding-bottom: 10px; 
list-style: none; 
} 

.submenu  li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left; 
} 
.submenu a{ 
padding:10px 0px 10px 10px; 
display: block; 
border-bottom:1px solid #D3D3D3; 
background-color: #fff; 
text-decoration :none; 
color: #666; 
width: 230px; 
float: left; 
} 

.submenu a:hover{ 
background-color: #F5F5F5; 
color: #666;
} 


.submenu-name{ 
padding:10px 0px 10px 10px; 
display: block; 
border-bottom:1px solid #D3D3D3; 
background-color: #fff; 
font-weight:bold;
color: #666; 
width: 230px; 
float: left; 
} 

p.submenu-ex {
	margin-left: 1em; 
font-size:10px; 
color:#666; 
}

/* -----------------------------------------------------------
	# submenu-span
----------------------------------------------------------- */

.margin1{ 
margin-left: 1em; 
} 

.margin2{ 
margin-left: 2.5em; 
} 

.text-small{ 
font-size:10px;
} 

/* -----------------------------------------------------------
	# Content
----------------------------------------------------------- */
.content{
	float:left;
	width:740px;
	margin-bottom:40px;
	height:auto;
	color: #666;
	background-color:#Fff;
}

.content h3{
width:auto; 
height:auto;
clear:both;
}

.content a{
text-decoration:underline;
color:#003366;
}

.content a:hover{
text-decoration:underline;
color:#3366cc;
}


.txtbox{ 
width: 620px;
height:auto; 
margin-bottom:25px;
}

.eng { 
font-size:xx-small ; 
color:#999; 
line-height:1.5;
}


.imgbox{
margin-right:10px;
float:left;
margin-top:0px; 
margin-bottom:0px; 
width:auto;
height:auto;
clear:both;
}



/* 箇条書きぶら下がり */ 
.itemize{
text-indent:-1.0em;
margin-left:1.0em;
}

/* -----------------------------------------------------------
	ユーザー事例
----------------------------------------------------------- */

.case{ 
float:left;
padding:0px 10px 10px 10px;
width:560px; 
background-color:#fff;
clear:both;
}

.case h3{
width:550px; 
height:auto;
margin-bottom:15px;
padding-bottom:5px;
font-size:20px;
clear:both;
}

.case-subtitle{
font-size:16px;
clear:both;
}


.case h4{
width:auto; 
height:auto;
margin-bottom:10px;
border:none;
clear:both;
}

.case h5{	
width:auto;
height:auto;
font-weight:bold;
font-size:16px;
color:#194376;
clear:both;
margin-top:15px;
margin-bottom:5px;
clear:both;
}

.case-bold{
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
}

.tantou{
float: left;
margin-top:60px;
margin-left:20px;
padding:10px 10px 10px 10px;
width:120px; 
height:auto; 
background-color:#FAFAFB;
color:#666; 
font-size:10px;
line-height:1.5em;
}  

.tantou img{ 
margin-bottom:10px;
}

.case-about{
float:left;
width: 540px; 
height:auto;
padding:10px 10px 10px 10px;
background-color:#dcdddd;
font-size:14px;
font-weight:bold;
margin-top:20px;
}

.case-aboutbox{
float:left;
width: 538px;
padding:10px 10px 10px 10px;
height: auto;
border:#CCC solid 1px;
font-size:12px;
}


/* -----------------------------------------------------------
	一覧ページ　製品／業界別ソリューション／事例
----------------------------------------------------------- */

.sort-box{ 
	width:700px;
	height:65px;
	padding:10px 10px 20px 10px;
	margin-bottom:10px;
	border-bottom:#666 dotted 1px;
	color: #666;
    clear:both;
}


.sort-box img{ 
float: left;
}

.sort-box-name{ 
float: left;
width:460px;
margin-left:15px;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
}

.sort-box-title{ 
font-size:14px;
font-weight:bold;
clear:both;
line-height:1.5em;
}

.sort-box a{ 
font-weight:bold;
text-decoration:underline;
line-height:1.8;
}



.list{
	float:left;
	width:720px;
	height:auto;
	margin-bottom:20px;
	color: #666;
}



.list-heading{
	width:auto;
	height:30px;
	margin-bottom:20px;
	padding-top:5px;
    padding-left:10px;
	color: #666;
	font-weight:bold;
	background-color:#EBEBEB;
	clear:both;
	}



.list-box{ 
float: left;
width: 220px;
height: auto;
margin-right:20px;
margin-bottom:20px;
}

.list-box p{
color: #666;
font-size: 10px; 
line-height:1.5;
}


.list-box a{
color:#333;
padding-bottom:10px;
font-weight:bold;
font-size:12px;
text-decoration:underline;
line-height:1.8;
}

.list-box img{
border: 1px solid #EBEBEB;
margin-bottom:5px;
}



.cont-contact{
width:auto;
height:autopx;
text-align:center;
margin-top:60px;
margin-bottom:40px;
border: 1px solid #999;
padding:30px;
}





/* -----------------------------------------------------------
 【会社情報】
----------------------------------------------------------- */

/* 会社概要 TABLE */

table.profile td,th  { 
padding-top:20px; 
padding-bottom:20px; 
border-bottom:1px dotted #999; t
ext-align:left; } 

table.profile td.noborder { 
border-bottom:none;
} 

table.profile td.noborder-top { 
border-bottom:none; 
padding-top:20px; } 

table.profile td.noborder-bottom{ 
border-bottom:none; 
border-bottom:1px dotted #999;
}

/* 会社沿革 TABLE */
table.history {	
width:620px; 
margin:10px auto; 
padding:20px 0px 20px 0px;
} 
table.history th {  
background-color:#fff; 
border-bottom:1px dotted #666; 
width:40px; padding:0px; 
vertical-align:center; 
}
table.history td { 
border-bottom:1px dotted #666; 
margin:0px auto 0px auto; 
padding:10px 20px  20px 20px ; 
} 
table.history th#last-th, td#last-td { 
border-bottom:1px solid #999; 
}


/* 経営者紹介  */ 

.manager-all {
margin:0px; 
padding:0px; } 
.manager { 
margin:0px 0 0 0; 
padding:20px 0 0 0; 
border-bottom:1px dotted #999; 
} 
.manager-img { 
width:120px; 
height:160px; 
float:left; 
margin:10px 0px 0px 0px; 
padding:0px; 
} 

.manager-info { 
width:385px; 
margin:0px 0px 20px 150px; 
pading:0px: 
}
.manager-info-bold { 
font-size:14px; 
font-weight:bold; 
border-bottom: 1.5px solid #999; 
padding:5px 0px 0px 0px;
} 
.managername-english{ 
font-size:14px; 
color:#666; 
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic",Osaka, sans-serif;
} 

.managername-english-nar{ 
font-size:14px; 
letter-spacing: -0.3px;
color:#666; 
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic",Osaka, sans-serif;
} 

div.manager-info span { 
font-size:10px; color:#666; 
} 
dt.manager-name { 
font-size:14px; 
font-weight:bold; 
margin-bottom:10px;
} 
dt.manager-name_en {
font-size:14px; 
font-weight:bold; 
margin-bottom:10px;
} 
.manager-info dd { 
font-size:14px; 
font-weight:normal;
margin:0px; 
} 
p.manager-addinfo {
width:360px; 
font-size:14px; 
margin-bottom:20px; 
} 
.manager-hr { 
clear: both; 
border:1px dotted #999;
}


/* -----------------------------------------------------------
 【事業内容】
----------------------------------------------------------- */


/* 取引先 */

.customer-box{ 
width: 540px; 
height:auto; 
margin-bottom:40px; 
padding:10px 20px 20px 20px;  
background:#FAFAFA;

}
.customer-tit { 
margin-top:20px;
margin-bottom:5px;
border-bottom:1px solid #999; 
color:#666; 
line-height:200%; 
font-size: 16px; 
font-weight:bold; 
} 

.customer-box p 
{line-height:2;  }


/* 提案コンセプト 一覧 */ 
.concept{ 
margin-right:20px;
padding:0px 0px 0px 0px;
width: 620px; 
clear:both;
}

.concept-all{
padding:10px 20px 15px 20px; 
background:#FAFAFA;
width: 620px;
height:auto; 
margin-bottom:20px;
}

.concept-tit{ 
width: auto; 
color:#666666; 
border-bottom:1px solid #666; 
font-size: 18px; 
margin-bottom: 10px;
padding-bottom: 5px;
}



/* -----------------------------------------------------------
	# 業界別ソリューション
----------------------------------------------------------- */

.sol{
float:left;
padding:0px 10px 10px 10px;
margin-top:20px;
width:600px; 
background-color:#fff;
}


.solbox{
float:left;
width:600px;
height: auto;
margin-bottom:20px;
}

.solbox p{
margin-bottom:5px;
}

.sol h3{
width:auto; 
height:auto;
margin-bottom:5px;
font-size:20px;
line-height:1.5em;
clear:both;
}

.sol h4{
width:auto; 
height:auto;
margin-bottom:15px;
padding-bottom:5px;
border-bottom: 1px solid #666;
font-size:14px
clear:both;
}


.solbox ul li{
margin-left:20px;
list-style-type: disc; 
}


.solbox ol li{
margin-left:20px;
list-style-type: decimal; 
}


.sol-topics{ 
font-size:16px;
font-weight:bold;
}


.sol-end{ 
margin-bottom:10px;
}


.sol-pdlink{ 
margin-top:5px;
margin-left:20px;
}


/* -----------------------------------------------------------
	# 製品メニュー
----------------------------------------------------------- */

/* # 製品内容 */ 

.pd-inner{
float:left;
padding:0px 10px 10px 10px;
margin-top:20px;
width:520px; 
background-color:#fff;
}

/* APROOVE 機能比較ページのみ */
.innermax {
	padding:0px 10px 10px 10px;
	margin-top:20px;
	width: 730px; 
	background-color:#fff;
}

.pd_notice li {
	display: inline-block;
	padding: 10px;
	font-size: 90% !important;
}


.pd-inner h4{
width:auto; 
height:auto;
margin-bottom:15px;
padding-bottom:5px;
border-bottom: 1px solid #666;
font-size:20px;
clear:both;
}

.pd-inner h5{	
width:auto;
height:auto;
font-weight:bold;
font-size:16px;
color:#194376;
clear:both;
line-height:1.5em;
margin-bottom:5px;
clear:both;
}

.pd-inner a{
font-size:12px;
color:#666;
text-decoration:underline;
}

.pd-inner a:hover{
color:#5B92C0;
}
  

/* 製品毎 色指定 */ 

/* TS */
.ts-pub { color: #CC3;}
.ts-pri { color: #369;}

/* xinet */
.xinet { color: #5a8cb6;}

/* wwe */
.wwe{ color: #FF6633;}

/* Aproove */
.ap { color: #99cc66;}

/* digital paradise */
.dp { color: #666;}
/*asset*/
.asset { color: #009FE8;}
/*Proof*/
.proof { color: #7ABC28;}
/*Edit*/
.edit { color: #EAA425;}
/*Promotion*/
.promotion { color: #8A63A8;}
/* EASYCATALOG */
.easy { color: #666;}
/* inception */
.incep { color: #3DB252;}
.nar{
letter-spacing: -2px;
}


.pd-heading{
width:auto; 
height:auto;
margin-bottom:10px;
font-size:16px;
clear:both;
}


.pd-subheading{
width:auto; 
height:auto;
margin-bottom:0px;
padding-bottom:5px;
font-size:20px;
}


.pd-bold{
margin-bottom:5px;
margin-top:10px;
font-weight:bold;
}

.pdbox{
float:left;
width: 520px;
height: auto;
margin-bottom:20px;
padding-bottom:20px;
border-bottom: 1px  dotted #CCC;

}

.pdbox-no{
float:left;
width: 520px;
height: auto;
margin-bottom:20px;
padding-bottom:20px;
}

.pointbox{
float:left;
width: 520px;
height: auto;
margin-top:10px;
margin-bottom:20px;
}

ul.point_li li {
	word-break: break-all;
	margin-left: 25px;
	list-style: disc;
}

.left-pdbox{
	float:left;
 width: 250px;
 height: auto;
 margin-right:20px;
}

.right-pdbox{
	float:left;
width: 250px;
 height: atuo;
}

.pd-contact{
float:left;
width:460px;
height:autopx;
text-align:center;
margin-top:60px;
margin-bottom:40px;
border: 1px solid #999;
padding:30px;
}
.pd-inner dl {
overflow:hidden;
margin: 15px 0;
}
.pd-inner dt {
float: left;
clear:left;
}


 
/* 【製品サイト】サイドメニュー */ 


.pdmenu{
float: left;
margin-left:20px;
margin-top:20px;
width:180px; 
height:auto; 
background-color:#F5F5F5;
color:#666; 
font-size:12px;

}  

.pdmenu ul{
margin: 0; 
padding-bottom: 10px; 
display: inline; 
} 

.pdmenu  li{ 
display: inline; 
padding: 0; 
margin: 0; 
} 
.pdmenu a{ 
padding:10px 0px 10px 10px; 
display: block; 
border-bottom:1px solid #D3D3D3; 
background-color: #F5F5F5; 
width: auto; 
} 

.pdmenu a:hover{ 
background-color: #DCDCDC; 
color: #666;
} 


.pdmenu-name{ 
padding:10px 0px 10px 10px;
display: block; 
border-bottom:1px solid #D3D3D3; 
background-color:#F5F5F5;
color:#666; 
width:auto; 
} 

p.pdmenu-ex {
letter-spacing: -0.15em;
margin-left:24px;
font-size:10px; 
color:#666; 
}

/* ulにリストマーク */
.pdbox ul.li_mark li {
    list-style: disc;
    margin: 0 0 0 20px;
}
/* 【製品サイト】システム要件*/ 

.sytem{
	width:520px;
	height:auto;
	}
.system-tit-top{
	width:498px;
	height:20px;
	background-color:#CCC;
	color:#333;
	padding:10px;
	text-align:center;
	border-left:1px solid #333;
	border-right:1px solid #333; 
	border-top:1px solid #333; 
	margin-top:0px;
	}

.system-tit{
	width:498px;
	height:20px;
	background-color:#CCC;
	color:#333;
	padding:10px;
	text-align:center;
	border-left:1px solid #333;
	border-right:1px solid #333; 
	border-top:1px solid #333; 
	margin-top:20px;
	}

table.system th  { 
padding-top:10px; 
padding-bottom:10px; 
padding-left:5px;
border:1px solid #333; 
text-align:left;
background-color:#FFF; } 

table.system td  { 
padding-top:10px; 
padding-bottom:10px; 
padding-left:5px;
border:1px solid #333; 
text-align:left;} 

table.system td.noborder { 
border-bottom:none;
} 

table.system td.noborder-top { 
border-bottom:none; 
padding-top:10px;  } 

table.system td.noborder-bottom{ 
border-bottom:none; 
border-bottom:1px dotted #999;
}

.format{
	width:498px;
	height:auto;
	background-color:#FFF;
	color:#333;
	padding:10px;
	border:1px solid #333;
	}

/* 注意文 */
.notice {
	color: #666;
	font-size: 85%;
}

/* common */
.mt20 {margin-top:20px;}

/* -----------------------------------------------------------
	最新情報
----------------------------------------------------------- */
.news{ 
float:left;

width:600px; 
background-color:#fff;
}

.news-date{ 
padding:0px 0px 25px 0px;
font-size:14px;
}
.news h3{ 
margin-bottom:30px;
font-size:20px;
line-height:1.5em;
border-bottom: 1px solid #666;
}

.news h4{
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}

.news img{
margin-top:10px;
}

.news-bold{
font-weight:bold;
margin-top:20px;
margin-bottom:5px;
}

.newsbox{
float:left;
width: 620px;
height: auto;
margin-bottom:20px;
}


.img-cap{
font-size:10px;
  line-height:1.5em;
　width: auto;
　float: left;
　margin: 0 ;
　}

.news ul li{
margin-left:20px;
list-style-type: disc; 
}


.news ol li{
margin-left:20px;
list-style-type: decimal; 
}



.newsbox ul li{
margin-left:20px;
list-style-type: disc; 
}


.newsbox ol li{
margin-left:20px;
list-style-type: decimal; 
}


.news-subheading{ 
font-size:16px;
}


.news-subheading-s{ 
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}


.news-p-end{ 
margin-bottom:10px;
}


.news-pdlink{ 
margin-top:5px;
margin-left:20px;
}

.seminarbox{
float:left;
width:600px;
height: auto;
margin-bottom:20px;
padding:10px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

.seminarbox img{
vertical-align:text-bottom;
}


.news-contact{
float:left;
width:540px;
height:autopx;
text-align:center;
margin-top:20px;
margin-bottom:40px;
border: 1px solid #999;
padding:30px;
}


.pressbox{
float:left;
width:600px;
height: auto;
margin-bottom:20px;
padding:10px;
border: 1px solid #999;
}


.press-s{
font-size:10px;
}


/* -----------------------------------------------------------
	# 最新情報一覧ページ
----------------------------------------------------------- */

.indent{ 
  padding-left: 9.5em;
  text-indent: -9.5em;
}


.newsall{ 
float:left;
padding:0px 10px 10px 10px;
width:600px; 
background-color:#fff;
clear:both;
}


.newsall-heading {
height:auto;
margin-bottom:5px;
margin-left:10px;
font-size:16px;
font-weight:bold;
color: #999;
clear:both;
}

.newsall ul{
margin-left:15px;	
line-height:2em;
}

.newsall a{
text-decoration:underline;
color:#666;
}

.newsall a:hover{
text-decoration:underline;
color:#3366cc;
}

.newsall li{
list-style-type: disc;
}

.newsall-box{
width:auto; 
height:auto;
padding-bottom:10px;
margin:10px 10px 15px 10px;
clear:both;
border-bottom:#999 1px dotted ;
}

.newsall-box-no{
width:auto; 
height:auto;
padding-bottom:10px;
margin:10px 10px 15px 10px;
clear:both;
}


.news-archive{ 
margin:0px 10px 60px 0px;
padding:0px 0px 0px 0px;
}

.news-archive ul{
margin: 0; 
padding: 0; 
list-style: none;
}

.news-archive li{ 
display: inline; 
padding: 0; 
margin: 10px; 
float: left;
}



/* -----------------------------------------------------------
	# システム環境
----------------------------------------------------------- */
.sys-heading{ 
	width:auto;
	height:30px;
	margin-bottom:10px;
	padding-top:5px;
    padding-left:10px;
	color: #666;
	font-weight:bold;
	background-color:#EBEBEB;
	clear:both;
}


/* プライバシーポリシーページ */
#article {
	width: 1000px;
	margin: 0 auto 100px;
}

.mlr30 {margin: 0 30px;}

.section {margin: 30px;}

.section h3 {
	font-size: 16px;
	color: #194376;
	margin: 10px 0;
	border-bottom: 1px dotted #666666;
}

.section p {margin-left: 15px;}

.section li {
	list-style: disc;
	margin-left: 50px;
}

/* サイトマップ */
.sitemap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sitemap {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .sitemap {
	height: 1%;
}
.sitemap {
	display: block;
}
.sitemap dt {
	width: 285px;
	padding: 11px 0 10px 30px;
	background: url(img/arrow.gif) 90% 50% no-repeat #e7e7ec;
	float: left;
}
.sitemap dd {
	width: 680px;
	height: auto;
	float: right;
}
.detail li a, .indetail li a, .detail p {
	display: block;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #D0D0D0;
	border-top: 1px solid #FFFFFF;
}
.detail p {	background: #e7e7ec;}
.detail li a {
	width: 650px;
	background: url(img/arrow.gif) 98% 50% no-repeat #e7e7ec;
}
.indetail li a {
	width: 490px;
	margin-left: 160px;
	background: url(img/arrow.gif) 97% 50% no-repeat #e7e7ec;
}
.detail li a:hover, .indetail li a:hover {
	background-color: #F3F3F3;
}

.fixed {
    position: fixed;
    top: 0;
    width: 730px;
    z-index: 10000;
}

/* APROOVE DigitalCollabo機能比較表 */
.feature { table-layout: fixed;}
.tl_a {table-layout: auto !important;}

.feature th {
	text-align: left;
	padding: 10px !important;
	color: #333333;
	background: #fafafa;
	border-bottom: 3px solid #FFFFFF!important;
	border-right: 3px solid #FFFFFF;
}

.feature td {
	text-align: center;
	padding: 10px !important;
	color: #8dbf46;
	background: #f8f8f8;
	border-bottom: 3px solid #FFFFFF!important;
	border-right: 3px solid #FFFFFF;
}
.feature td strong, span {color: #333333; font-weight: normal;}
span.small { font-size: 90% !important;}
th.break {
	background: #d9eab5;
	text-align: center;
	color: #2a3077;
}
th.break:last-child { border-right: none !important;}
th.break img { vertical-align: middle;}
.red {color: #F30;}

/* お申込ボタン */
.button {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: #FFF !important;
    text-align: center;
    text-decoration: none;
    outline: none;
    overflow: hidden;
    transition: all .5s;
    background-color: #59A8D9;
    text-decoration: none !important;
    font-size: 16px !important;
}
.button:before,
.button:after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	transition: all .5s;
}
.button:before {
	top: 0;
	left: 0;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
.button:after {
	right: 0;
	bottom: 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.button:hover {
	background-color: #8EB642;
	color: #FFF !important;
	transition: all .7s;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	height: 0;
	opacity: 0;
	transition: all .7s;
}

/*機能比較 goast button */
.goast {
	position: relative;
	display: inline-block;
	color: #90b742 !important;
	width: 100%;
	margin: 20px 0 0;
	cursor: pointer;
	padding: 15px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(255,255,255,.05);
	border: solid 5px #90b742;
	font-size: 120%;
}

.goast:hover {
	background-color: #90b742;
	color: #FFF !important;
	transition: all .7s;
}
.goast:hover:before,
.goast:hover:after {
	width: 0;
	height: 0;
	opacity: 0;
	transition: all .7s;
}

.t_c {text-align: center;}
.mtb50 {margin: 50px 0;}