/* 汎用クラス SaaS系
************************************************************/

/* 前のブロックのfloatをclear */
.clear {
clear:both;
}

hr.clear {
clear:both;
width: 0;
}


/* ブロッック内のfloatをclear */
.clearfix:after,
.clearFix:after {/*浅川追加*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

/* for IE ブロッック内のfloatをclear */
.clearfix,
.clearFix {/*浅川追加*/
zoom: normal;
min-height: 1%;
}
	
/* Hides from IE-mac \*/
* html .clearFix {/*浅川追加*/
height:1%;
}

/* 単語改行回避 */
span.cluster {
white-space: nowrap;
}


/* 強調 */
.attention,
.new {
color: #d6461e;
/*font-weight: bold; 加藤変更*/
}

/* 強調 加藤追加*/
div.attention {
background: #FFFFCC;
border: 1px solid #FFCC00;
color: #CC3300;
padding: 5px;
margin: 10px 0px;
}

/* 注釈 留意 アラート エラー (目立つメモ) */
.remark {
color: #d6461e;
font-size: 90%;
}

/*加藤追加*/
.remark a {
text-decoration: underline;
}

/* 補足事項 (控えめなメモ) */
.note {
color: #333333;/* 浅川変更 */
font-size: 80%;
}

/* 改行調整（主にaタグ内で使用） */
span.return {
display: block;
}

/* リスト */
ul.standard,
ul.square {
margin-left: 1em;
}

dl#sitemap ul {
list-style-image: url(../images/link_icon.gif);
}

dl#sitemap li {
padding-bottom: 5px;
}

/*加藤追加*/
dl#sitemap dt {
border-top: 1px dashed #ccc;
padding-top: 10px;
font-size: 120%;
}

/*加藤追加*/
ul.second {
margin-left: 2em;
}

/*加藤追加*/
ul.second li.third {
margin-left: 3em;
}

/*リスト（スタンダード）*/
ul.standard,
li ul.standard {
list-style-type: disc;
}

ul.secondlevel {
list-style-type: circle;
}

/*リスト（スクエアー）*/
ul.square {
list-style-type: square;
}

/* 手順（process：画像なし　processImage：画像あり） */
ol.process,
ol.processImage {
list-style-type: decimal;
margin-left: 1em;
}

ol.process li ul.standard {
list-style-type: disc;
}

ol.processImage li {
margin-bottom: 1em;
}

ol.processImage img {
margin-top: 7px;
border: 1px #CCCCCC solid;
}

/* flow 矢印画像とセット*/
ol.listFlow {
list-style-type: none;
}

/* 横並びリスト */
ul.listLine {
word-break: keep-all;/* for IE */
}

ul.listLine li {
float: left!important;
display: block;
_display: inline;

}

body#database ul.listLine {
color:green;
font-weight:bold;
}

/*
body#groupware ul.listLine {
color: ;
font-weight:bold;
}*/



/* tips */
.tips {
margin: 7px 0;
padding: 5px;
border:1px #256189 solid;
background-color: aliceblue;
}

.thumbnail_center {
/*text-align: center;*/
}

/* 図（拡大なし） */
.capture {
border: 1px #999999 solid;
}

.cap_custom {
margin-left: 41px;
padding-bottom: 12px;
}

/* 図キャプション */
.cap_title {
font-size: 90%;
font-weight: bold;
text-align: left;
}

/* サムネイルのリンク */
a.thumbnail {
display: block;
margin-bottom: 10px;
}

a.thumbnail_inline {
margin-bottom: 10px;
display:table;
}

a.thumbnail:link,
a.thumbnail_inline:link {
border: 1px #00479d solid;
}

a.thumbnail:visited,
a.thumbnail_inline:visited {
border: 1px #003399 solid;
}

a.thumbnail:hover,
a.thumbnail_inline:hover {
border: 1px #518fdb solid;
}

a.thumbnail:active,
a.thumbnail_inline:active {
border: 1px #518fdb solid;
}

/* デザインテンプレートのサムネイル */
ul.dt_thumbnail {
margin-left: 0;
padding-left:0;
}

ul.dt_thumbnail li {
float: left;
margin-left: 0;
margin-right: 15px;
}

ul.dt_thumbnail img {
margin-bottom: 3px;
border: 1px #cccccc solid;
}


/*表（スペック）*/
table.spec {
 width:90%;
border-right:1px solid gray;
border-top:1px solid gray;
 border-collapse:collapse;
 margin:4px 4px 10px 4px;
 font-size: 1em;
}

table.spec th {
width:30%;
text-align:left;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-collapse:collapse;
background: #a6b3c4 url(/css/office/uiimages/ui-bg_diagonals-small_55_a6b3c4_40x40.png) 50% 50% repeat; color: #3b3b3b;
padding:3px;
margin:4px;
}

table.spec td {
width:70%;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-collapse:collapse;
padding:3px;
margin:4px;
background: #fff;
}

/*表（初期導入系の料金）*/
table.features_price {
 width:90%;
border-right:1px solid gray;
border-top:1px solid gray;
 border-collapse:collapse;
 margin:4px 4px 10px 4px;
 font-size: 1em;
}

table.features_price th {
width:50%;
text-align:left;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-collapse:collapse;
background:#E8E8E8;
/*font-weight: normal; 加藤編集*/
padding:3px;
margin:4px;
}

table.features_price td {
width:50%;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-collapse:collapse;
padding:3px;
margin:4px;
background: #fff;
}

/*表（セミナースケジュール、タイムテーブル）*/
/*基本はclass="spec"*/
table.seminarProgram ul {
margin: 0.5em 1em;
}

/* ページ内トップへジャンプ */
p.jumpTop {
text-align: right;
}

/* 標準テーブル */
table.standardTable{
margin-bottom: 1em;
border:1px solid gray;
padding:0px;
width: 100%;
_width: 94%;
text-align: left;
}

table.standardTable thead th{
border:1px solid gray;
background-color:#cfcfcf;
padding:5px;
vertical-align:middle;
text-align: center;
}

table.standardTable tbody th{

border:1px solid gray;
background-color:#ffffff;
padding:5px;
}

table.standardTable td{
border:1px solid gray;
background-color:#ffffff;
padding:5px;
}

table.standardTable caption {
font-size: 120%;
font-weight: bold;
padding-bottom: 5px;
text-align: left;
}

/*リンク*/
p.moreLink {
text-align: right;
}

div#news p.moreLink {
margin-right: 15px;
}



ul {
margin: 1em 0;
padding: 0;
list-style-type: none;
}

/* 導入の流れキャプチャー用 */

div.flow_cap {
margin-top: 20px;
margin-left: 15px;
margin-right: 0px;
margin-bottom: 0px;
background: url(/images/office/flow/mobile_cap_back.jpg) repeat-y;
padding: 0px;
}

div.flow_cap_inside {
background: url(/images/office/flow/mobile_cap_bottom.jpg) no-repeat left bottom;
}

div.flow_cap2 {
margin-top: 20px;
margin-left: 15px;
margin-right: 0px;
margin-bottom: 0px;
background: url(/images/office/flow/mobile_cap_back2.jpg) repeat-y;
padding: 0px;
}

div.flow_cap2_inside {
background: url(/images/office/flow/mobile_cap_bottom2.jpg) no-repeat left bottom;
}

div.flow_cap_comment_left {
width: 165px;
float: left;
padding: 0px;
}

div.flow_cap_comment_right {
margin-left: 35px;
width: 165px;
float: left;
padding: 0px;
}

div.flow_cap_comment_left p, div.flow_cap_comment_right p {
padding: 0px 10px 0px 10px;
}

p.flow_cap_attention {
padding-left: 15px;
padding-top: 10px;
}

/* 事例のindex　レイアウト用 */

h2.casetitle {
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
}

h3.casetitle {
font-size: 14px;
font-weight: bold;
padding-bottom: 2px;
}

div.casebox {
border: 1px solid #999;
background: #fff;
margin-bottom: 5px;
}

div.casebox_logo {
float: left;
padding: 10px 0px 0px 15px;
width: 120px;
text-align: center;
}

div.casebox_content {
margin-left: 130px;
padding: 5px 0px 5px 10px;
}

div.casebox_content p.ptxt {
margin-left: 0px;
margin-bottom: 5px;
}

p.c_copy_case {
font-size: 12px;
font-weight: bold;
color: #993366;
padding: 0px 0px 0px 0px;
margin: 0px;
}

.basic {
	font-size:18px;
	margin-top:18px;
}

p.ptxt, div.ptxt, p.ptxtLast, div.ptxtLast {
margin: 0px 4px 12px;
}

/*--------------------------------------------
	price_table
--------------------------------------------*/
/* add ishihara 2008/04/07 */
table.priceTable{
    border:1px solid gray;
    padding:0px;
    margin:0 0 10px 5px;
    width: 98%;
   _width: 94%;
   border-collapse: collapse;
   border-spacing: 0 0;
}
table.priceTable th{
    border:1px solid gray;
    background: #a6b3c4 url(/css/office/uiimages/ui-bg_diagonals-small_55_a6b3c4_40x40.png) 50% 50% repeat; color: #3b3b3b;
    padding:5px;
    margin:0px;
    vertical-align:middle;
    text-align:center;
}
table.priceTable td#Name{
    text-align:left;
    border:1px solid gray;
    background-color:#fff;
    padding:3px;
    margin:0px;
}
table.priceTable td#Price{
    text-align:right;
    border:1px solid gray;
    background-color:#fff;
    padding:3px;
    margin:0px;
}
/* add-end ishihara 2008/04/07 */
table.tabprice,table.tabpricebtm
	{
	width:90%;
	border-top:solid 1px #646464;
	border-left:solid 1px #646464;
	}

table.tabprice
	{
	margin-bottom:14px;
	}

table.tabpricebtm
	{
	margin-bottom:24px;
	}

.tabprice th,.tabprice td,.tabpricebtm th,.tabpricebtm td
	{
	padding:5px;
	text-align:center;
	border-right:solid 1px #646464;
	border-bottom:solid 1px #646464;
	}

.tabprice td {
background-color:;
}

.tabprice th,.tabpricebtm th
	{
	background-color:#F0EFEE;
	text-align:center;
	color: #222222;
	}
	
td.tdleft
	{
	text-align:left;
	}
	
th.Pname
	{
	width:60%;
	}
	
th.Punit
	{
	width:10%;
	}
	
th.Pprice
	{
	width:20%;
	}	


/* contractchange系の箱 */


body#groupware div.contractchange_box_main {
background: #E1F3FF;
margin-bottom: 10px;
}

body#database div.contractchange_box_main {
background: #D3F9D4;
margin-bottom: 10px;
}


div.contractchange_box_main h2 {
background: url(/images/office/contractchange/inquiry_title_back.jpg) repeat-x;
padding: 0px;
margin: 0px;
border: 1px solid #999;
height: 51px;
}

div.contractchange_box_cap {
padding: 5px 5px 5px 15px;
}

div.contractchange_box_mid {
padding-left: 40px;
padding-right: 30px;
}

div.contractchange_box_main div.contractchange_box_cap {
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom:  1px solid #999;
}

p.inquiry_detailLink{
margin: 0px;
padding: 5px;
text-align: center;
border: 1px solid #999;
background: #ccc;
}


/* partnerのデザイン（加藤追加） ****************************/

div#groupware_p h2{
background: url(/images/office/partner/partner_gw_titleback.jpg) repeat-x;
padding: 0px;
border-bottom: 1px solid #438CBA;
margin-bottom: 5px;
}

div#dezie_p h2 {
background: url(/images/office/partner/partner_dz_titleback.jpg) repeat-x;
padding: 0px;
border-bottom: 1px solid #8AB82D;
margin-bottom: 5px;
}


/* 事例のindex　レイアウト用（加藤追加） ****************************/

h2.casetitle {
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
}

h3.casetitle {
font-size: 14px;
font-weight: bold;
padding-bottom: 2px;
}

div.casebox {
border: 1px solid #999;
background: #fff;
margin-bottom: 5px;
}

div.casebox_logo {
float: left;
padding: 10px 0px 0px 15px;
width: 120px;
text-align: center;
}

div.casebox_content {
margin-left: 130px;
padding: 5px 0px 5px 10px;
}

div.casebox_content p.ptxt {
margin-left: 0px;
margin-bottom: 5px;
}

p.c_copy_case {
font-size: 12px;
font-weight: bold;
color: #993366;
padding: 0px 0px 0px 0px;
margin: 0px;
}


.faqH {
	font-weight:bold;
	color:#00FFFF;
	margin-right:10px;
}



/* inquiryのfloatした箱 ****************************/

div.inquirybox {
background: url(/images/office/inquiry_body_back.jpg) repeat-y;
}

div.inquirybox_right {
float: right;
width: 310px;
margin-right:23px;
}

div.inquirybox_left {
margin-right: 300px;
width: 310px;
}

div.inquirybox_left h2,div.inquirybox_right h2 {
background: url(/images/office/inquiry_title_back.jpg) repeat-x;
padding: 0px;
margin: 0px;
border: 1px solid #999;
height: 51px;
}

div.inquirybox_cap {
padding: 5px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background-color: #efefef;
}

div.inquirybox div.inquirybox_cap {
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: none;
background-color: #efefef;
}

div.inquirybox_cap p.ptxt{
font-size: 14px;
}

p.inquiry_detailLink{
margin: 0px;
padding: 5px;
text-align: center;
border: 1px solid #999;
background: #ccc;
}

/* お支払い方法 */
div#contract_pay {
margin-left: 20px;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
}

div#contract_pay li {
float:left;
text-align:center;
}


/* partnerのデザイン ****************************/

div#groupware_p h2{
background: url(/images/office/partner/partner_gw_titleback.jpg) repeat-x;
padding: 0px;
border-bottom: 1px solid #438CBA;
margin-bottom: 5px;
}

div#dezie_p h2 {
background: url(/images/office/partner/partner_dz_titleback.jpg) repeat-x;
padding: 0px;
border-bottom: 1px solid #8AB82D;
margin-bottom: 5px;
}