@charset "UTF-8";
/* CSS Document */

/* クロスブラウザー初期化
************************************************************/
html {
height: 100%;
margin: 0px;
padding: 0px;
}

body {
/*height: 100%;*/
margin: 0px;
padding: 0px;
font-size: 80%; /* モダンブラウザ向け */
*font: x-small;/* IE 6以下 */
font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
letter-spacing: 1px;
vertical-align: baseline;
_text-align: center;
/*color: #333333;*/
}

div {
margin: 0px;
padding: 0px;
}

form {
margin: 0px;
padding: 0px;
display: inline;
}

img {
margin: 0px;
padding: 0px;
border: none;
border-width: 0px;
border-style: none;
}

p {
margin: 0.5em 0;
padding: 0;
line-height:1.5em;
}

*html p {
margin: 0px;
padding: 0px;
line-height:1.5em;
}

table p {
margin-top: 0;
}

ul {
margin: 1em 0;
padding: 0;
list-style-type: none;
}
/* 順序付きリストの順序は外さない。ishihara*/
ol {
margin: 1em 0;
padding: 0;
}


li {
margin: 0 0 0 1em;
padding: 3px 0;
list-style-position: outside;
}

dl {
margin: 1em 0;
padding: 0;
}

dt,dd {
margin: 0;
padding: 0;
}

dd {
margin: 0 0 1em 1em;
padding: 0;
}

/* リストのネスト */
ol ol,
ul ul {
margin: 0 0 10px 2em;
}

h1,h2,h3,h4,h5,h6 {
margin: 0px;
padding: 0px;
font-size: 100%;
font-weight: normal;
}

hr {
border-width: 1px 0px 0px 0px; 
border-style: solid; 
border-color: #999;
height: 1px; 
margin:0px;
padding:0px;
}

table {
margin: 0px;
padding: 0px;
border: none;
border-collapse: collapse;
border-spacing: 0 0;
font-size: 100%;
}

th,td {
border: none;
font-size: 100%;
vertical-align: top;
}

/* リンク */
a:link {
color:#0033CC;
text-decoration: none;
}

a:visited {
color:#54648F;
/*color: #993366;*/
text-decoration: none;
}

a:hover {
color:#518fdb;
text-decoration: underline;
}

a:active {
color:#518fdb;
text-decoration: underline;
}

/* 加藤編集
div#globalNav a:link {
color:#000000;
}
*/

div#globalNav a:visited {
color:#003399;
}

div#globalNav a:hover {
color:#518fdb;
}

/* 加藤編集
div#globalNav a:active {
color:#000000;
}
*/

/* 大枠レイアウト用
************************************************************/

#layout {
width: 100%;
margin: 0px;/* 0 fix for bottomfooter */
padding: 0px;/* 0 fix for bottomfooter */
}

#layoutBody {
margin: 0px;/* 0 fix for bottomfooter */
padding: 0;/* 0 fix for bottomfooter */
}

/* window height100% フッター固定設定 **************************/
* html div#layout{
height:100%;
}

div#layout{
position:relative;
min-height: 100%;
}

body>#layout {
height: auto;
}

#layoutBody {
padding-bottom: 8.3em;/* =#footerのheight値と関連 */
}

/* Homeのみ footer utility分 +1em調整 */
body#home #layoutBody {
padding-bottom: 9.3em;/* =body#home #footerのheight値と関連 */
}


#footer{
position:absolute;
bottom: 0px;
left: 0;
height: 10em;/* =#layoutBodyのpadding-bottom値+1.7em *//* IEのみ */
width:100%;
}

/* IE7以外のモダンブラウザ */
html>/**/body #footer{
height: 11em;/* =#layoutBodyのpadding-bottom値+1.7em */
}

/* Homeのみ footer utility分 +1em調整 */
body#home #footer{
height: 11em;/* =body#home #layoutBody paddingのpadding-bottom値+1.7em */
}

/* IE7以外のモダンブラウザ */
html>/**/body#home #footer{
height: 12em;/* =#layoutBodyのpadding-bottom値+1.7em */
}

/* コーポレート、プロダクト共通リンクバナー */
div#jointBanner {
/*height: 2em;*/
_margin-top: -1px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #D3D3D3;
background-image: url(../images/jointBanner.jpg);
background-repeat: repeat-x;
color: #585858;
font-size: 10px;
text-align: center;
letter-spacing: 0px;
}

#jointBanner p {
text-align: center;
margin: 0 auto;
padding-bottom: 5px;
}

#jointBanner img {
padding-right: 3px;
vertical-align: baseline;
}

#jointBanner span {
padding-right: 10px;
}

#footer div#jointBanner a {
color: #585858;
}

/*************************************************************/


/* フッターレイアウト用
************************************************************/

div#footer{
clear: both;
padding: 0;
text-align: center;
color: #444444;
font-size:85%;
background-color: #A7A7A7;
}

div#footerBody {
position: relative; /* for firefox リンク機能 */
z-index: 1000; /* for firefox リンク機能 */
width: 900px;
margin: 0 auto;
margin-top: 2.8em;/*for IE7*/
_margin-top: 5px;/*for IE6*/
_padding-top:0px;
text-align: center;
}

/* Homeのみ footer utility分 +1em調整 */
body#home div#footerBody {
margin-top: 2.8em;
}

/* 8月22日から使用しない
div#footerUtility {
margin: 0;
text-align: center;
}

div#footerUtility ul {
width: 22em;
margin: 0 auto;
padding: 0;
text-align: center;
}

div#footerUtility li {
float: left;
height: 1em;
margin: 0;
padding: 0;
vertical-align: text-bottom;
}
*/

#keywordlink {
}


#copy {
padding-top: 1.0em;
}

/* Homeコーピーライト（footerUtilityがあるとき）8月22日から使用しない
#copy_home {
margin-top: 1.0em;
}
*/

#footer p{
margin-bottom: 0;
}

/* Homeキーワード（footerUtilityがあるとき） */
div#keywordlink_home {
}

div#footer a:link {color:#0033CC; text-decoration: none;}

div#footer a:visited {color:#3C4C73; text-decoration: none;}

div#footer a:hover {color:#518fdb; text-decoration: underline;}

div#footer a:active {color:#518fdb; text-decoration: underline;}


div#associatelilnk {
position: relative; /* for firefox リンク機能 */
z-index: 1000; /* for firefox リンク機能 */
padding-top: 10px;
color: #444444;
}


div#associatelilnk a:link {
color:#3C4C73;
}

div#associatelilnk {
position: absolute;
left: 0;
bottom: 7px;
width: 100%;
font-size: 10px;
text-align: center;
}

p#associatelilnkBody {
}

/* ヘッダレイアウト用
************************************************************/
#header {
}

#headerBody {
_text-align: center;
}

div#headerTagline {
_height:1%;/* for IE6バグ　背景色 */
margin-bottom: 5px;
padding: 3px 0;
background-color: #dddddd;
font-size: 10px;
color: #666666;
text-align: center;
}

div#headerTaglineBody {
width: 900px;
margin: 0 auto;
}

span#siteTagline,
h1#siteTagline {
float: left;
font-size: 10px;
}

span#titeTagline {
float: right;
}


.headerWrapper {
width: 900px;
margin: 0 auto;
padding-top: 7px;
_text-align: left;
}

/* logo */
div#headerlogo {
position: relative;
float: left;
height: 60px;/*加藤変更*/
}

/* Home調整 */
body#home div#headerlogo {
/*margin-top: 20px;*/
/*margin-bottom: 10px;*/
}

a#headerHomeLink {
display: block;
float: left;
width: 216px; /*加藤変更*/
height: 60px; /*加藤変更*/
margin-right: 7px;
}

div#utility {
position: relative;
margin-left: 500px;
text-align: right;
}

div#utility ul {
float: right;
margin: 0;
padding: 0;
text-align: right;
}

div#utility li {
float: left;
height: 1em;
margin: 0;
margin-top: -6px;/* for firefox */
_margin-top: 0px;/* for IE */
padding: 0;
vertical-align: text-bottom;
}

div#headerCygLogo {/* ホームページヘッダー */
margin-top: -6px;
position: relative;
margin-left: 500px;
text-align: right;
}

/* Homeグループロゴ */
img#cygLogo_home {
padding-top: 0;
position: relative;
}

div#menuInqFaq {
float: right;
width: 310px;
padding-top: 11px;
padding-bottom: 3px;　/*加藤変更*/
/*padding-bottom: 10px;*/
text-align: right;
}

/* Homeのみグループロゴ表示に伴い */
div#utility_home div#menuInqFaq {
padding-top: 15px;
}

/* Homeのみグループロゴ表示に伴い(加藤追加) */
div#headerCygLogo div#menuInqFaq {
padding-top: 5px;
padding-bottom: 3px;
}


div#menuInqFaq a {
margin-left: 11px;
}

/* グローバルメニュー */
div#globalNav {
height: 100%;
background-image: url(../images/gnav_back.jpg);
background-position: left top;
background-repeat: repeat-x;
background-color: #989898;
text-align: center;/* for IE sentering */
letter-spacing: 0px;
}

/* グローバルメニューエリア（900px） */
div#globalNavBody {
margin: 0 auto;/* centering */
width: 900px;
}

/* タブメニューエリア */
div#globalNavWrapper {
background-image: url(../images/gnavTab_all.jpg);/* for 文字サイズ大対応 */
background-position: left top;
background-repeat: no-repeat;
}

div.currentHome div#globalNavWrapper {
background-position: left top;
}

div.currentGroupware div#globalNavWrapper {
background-position: left -150px;
}

div.currentDatabase div#globalNavWrapper {
background-position: left -300px;
}

div.currentGroupwareGR div#globalNavWrapper {
background-position: left -450px;
}

/* タブ共通設定 */
div#globalNav ul {
display: block;
margin: 0;
padding: 0;
height: 100%;
}

div#globalNav li {
float: left;
display: block;
height: 100%;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 12px;
}

div#globalNav li a {
display: block;
height: 100%;
margin: 0;
padding-top: 26px;
padding-bottom: 10px;
}

/* タブrollover */
div#globalNav li a:hover {
background-position: left -150px;
}

/* タブwidth&背景画像指定 */
li#menuHome a {
width: 164px;
background-image: url(../images/gnavHome_tab.jpg);
background-position: left -300px;
background-repeat: no-repeat;
}

li#menuGroupware a,
li#menuDatabase a {
width: 204px;
background-image: url(../images/gnavTab.jpg);
background-position: left -300px;
background-repeat: no-repeat;
}

li#menuGR a {
width: 254px;
background-image: url(../images/gnavGR_tab.jpg);
background-position: left -300px;
background-repeat: no-repeat;
}

/* current設定 *//* background配置のみ指定。*/
div.currentHome li#menuHome a,
div.currentGroupware li#menuGroupware a,
div.currentDatabase li#menuDatabase a,
div.currentGR li#menuGR a {
background-position: left top;
}


/* タブ途中改行回避 */
span.globalNavLead {
display: block;
font-size: 10px;
font-weight: normal;
}

div#globalNav span.cluster {
white-space: nowrap;
}

/* ローカルメニュー ***************/
ul#navmenu {
margin: 0;
padding: 0;
font-size: 90%;
}

/* 共通設定　1階層目 */
ul#navmenu li {
margin: 0;
min-height: 15px;/*31-ul#navmenu li a padding(8x2)*//*浅川追加*/
_height: 31px;
padding: 8px 10px;
background-image: url(../images/navmenu.jpg);
background-position: left top;
background-repeat: no-repeat;
background-color: #DCDBD1;
border-bottom: 1px #CDCCC4 solid;
list-style: none;
list-style-position: outside;
}

ul#navmenu li a {
display: block;
min-height: 15px;/*浅川追加*/
_height: 15px;
padding: 0 0 0 25px;/*浅川修正*/
background-image: url(../images/link_icon.gif);
background-position: top left;/*浅川修正*/
background-repeat: no-repeat;
}

/* 共通設定 1階層目選択 */
ul#navmenu li.navmenu_select {
padding-left: 35px;/*ul#navmenu li padding-left(10px)+ ul#navmenu li a padding-left(25px)*/
}

/* groupware1階層目選択 */
body#groupware ul#navmenu li.navmenu_select {
background-image: url(../images/navmenuGW_select.jpg);
background-color: #DFF1FD;
}

/* database1階層目選択 */
body#database ul#navmenu li.navmenu_select {
background-image: url(../images/navmenuDB_select.jpg);
background-color: #D3F8D5;
}

/* groupware,database共通1階層目選択 */
body#common ul#navmenu li.navmenu_select {
background-image: url(../images/navmenuCM_select.jpg);
background-color: #FCFCE6;
}

/* groupware1階層目開く */
body#groupware ul#navmenu li.navmenu_open {
background-image: url(../images/navmenuGW_open.jpg);
background-color: #DFF1FD;
}

/* database1階層目開く */
body#database ul#navmenu li.navmenu_open {
background-image: url(../images/navmenuDB_open.jpg);
background-color: #D3F8D5;
}

/* groupware,database共通1階層目開く */
body#common ul#navmenu li.navmenu_open {
background-image: url(../images/navmenuCM_open.jpg);
background-color: #FCFCE6;
}


/* 共通設定 2階層目 */
ul#navmenu li.navmenuSub {
padding-left: 23px;/*加藤修正*/
border-bottom: 1px #DFDDCF solid;
}

/* 共通設定 2階層目選択 */
ul#navmenu li.navmenuSub_select {
background-position: left top;
background-repeat: no-repeat;
padding-left: 48px; /*ul#navmenu li padding-left(10px)+ ul#navmenu li a padding-left(25px) + ul#navmenu li.navmenuSub padding-left(23px;)*/
}

/* groupware2階層目 */
body#groupware ul#navmenu li.navmenuSub {
background-image: url(../images/navmenuSubGW.jpg);
background-color: #E1F3FF;
}

/* database2階層目 */
body#database ul#navmenu li.navmenuSub {
background-image: url(../images/navmenuSubDB.jpg);
background-color: #D3F8D5;
}

/* groupware,database共通2階層目 */
body#common ul#navmenu li.navmenuSub {
background-image: url(../images/navmenuSubCM.jpg);
background-color: #FFFFE8;
}

/* groupware2階層目選択 */
body#groupware ul#navmenu li.navmenuSub_select {
background-image: url(../images/navmenuSubGW_select.jpg);
background-color: #E1F3FF;
}

/* database2階層目選択 */
body#database ul#navmenu li.navmenuSub_select {
background-image: url(../images/navmenuSubDB_select.jpg);
background-color: #D3F8D5;
}

/* groupware,database共通2階層目選択 */
body#common ul#navmenu li.navmenuSub_select {
background-image: url(../images/navmenuSubCM_select.jpg);
background-color: #FFFFE8;
}

/* バナーエリア */
div#secondary_banners {
width: 211px;
margin: 0 auto;
_margin: 0 8px;/*浅川追加*/
text-align: center;
padding-bottom: 20px;/*加藤追加*/
}

div#secondary_banners p {
margin: 0;
padding: 0 0 10px 0;
}

/* 汎用クラス
************************************************************/

/* 前のブロックの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:#EEE8AA;
/*font-weight: normal; 加藤編集*/
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;
}
/* contents
************************************************************/
div#contents {
padding-top: 15px;
_text-align: center;
}

body#home div#contents {
padding-top: 5px;
}

/* タイトル（サービス名）エリア */
div#contentsHead {
width: 900px;
margin: 0 auto;
text-align: left; /*加藤追加*/
}

/* トップページ以外 */
div#contentsHeadBody,
div#contentsHeadBody_top,
div#contentsHeadBody8,
div#contentsHeadBodyOG{
padding: 10px 20px;/*加藤追加分*/
background-position: left top;
background-repeat: no-repeat;
border-bottom: 1px #CDCDCE solid;
}

body#groupware div#contentsHeadBody {/* groupware */
background-image: url(../images/officeHead.jpg);
}

body#groupware div#contentsHeadBody_top {
background-image: url(../images/officeHead_top.jpg);
}

body#database div#contentsHeadBody_top {
background-image: url(../images/dezieHead_top.jpg);
}

/* データベーストップページ以外 */
body#database div#contentsHeadBody {
/*padding: 10px 15px; 加藤修正 */
background-image: url(../images/dezieHead.jpg);
}

/* groupware,database共通 */
body#common div#contentsHeadBody {
/*padding: 10px 15px; 加藤修正 */
background-image: url(../images/commonHead.jpg);
}

/*8の紹介のみ */
body#common div#contentsHeadBody8 {
/*padding: 10px 15px; 加藤修正 */
background-image: url(../images/dif_head.jpg);
_height: 200px;
}

/*Office,Garoonの比較のみ */
body#common div#contentsHeadBodyOG {
/*padding: 10px 15px; 加藤修正 */
background-image: url(../images/diff_head_og.jpg);
_height: 200px;
}

div#serviceTitle {
padding-bottom: 9px;
}

body#groupware div#serviceTitle {
color: #0033CC;
}

body#database div#serviceTitle {
color: #006633;
}

/*加藤追加*/
body#common div#serviceTitle_groupware {
color: #006633;
}

/*加藤追加*/
body#common div#serviceTitle_database {
color: #006633;
}

div#serviceName {
float: left;
}

div.no_tel {
padding-bottom: 3px;/* ヘッダー高さ調整 */
}

div#officedezie_tel {
float: right;
}

/* 直でトライアル、見積、発注へ行くボタングループ(加藤追加) */
div#direct_button_box {
float: right;
}

div#direct_button_box img {
margin-left: 10px;
padding: 0px;
}



div.cleardiv {
display: none;
}

div#serviceLead {
clear: both;/* div#officedezie_tel float解除 */
z-index: 500;
position: absolute;
bottom: 0;
margin-top: 7px;
width: 900px;
height: 10em;/* =#footer height *//* for IE */
color: #444444;
font-size: 10px;/* for IE */
text-align: center;
}



/* Homeのみ footer utility分+1em調整 */
body#home div#serviceLead {
width: 900px;
height: 11em;/* =#footer height *//* for IE */
margin-top: 0;
padding-top: 0;
}

/* IE7を除くモダンブラウザのみ */
html>/**/body#home div#serviceLead {
height: 11em;/* =#footer height */
}

div#serviceLead p {
line-height: 1em;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
}


/*加藤追加*/
p#siteposition {
padding: 0px 0px 17px 0px;
font-size: 80%;
}

/*加藤追加*/
*html p#siteposition {
padding: 0px 0px 17px 0px;
font-size: 10px;
}


/* メインコンテンツエリア */
div#contentsBody {
width: 900px;
margin: 1px auto 0 auto;
text-align: left;
background-image: url(../images/contents_back.gif);
background-position: left top;
background-repeat: repeat-y;
}

div#contents h1 {
/*font-size: 180%;*/
/*加藤追加分*/
font-size: 240%;
color: #333333;
font-weight: normal;
}

p#sabtitle {
font-size: 120%;
margin: 0;
}

p#catchy_head {
font-size: 180%;
margin: 0;
color: #FF6600;
}

/*加藤追加*/
p#catchy_head_nomal {
font-size: 180%;
margin: 0;
}

h2.basic {
margin-bottom: 10px;
padding-bottom: 6px;/*加藤追加*/
font-weight: bold;
font-size: 130%;
background-image: url(../images/title_basic.gif);
background-position: left bottom;
background-repeat: no-repeat;
}

/*加藤追加*/
h3.basic {
margin-bottom: 5px;
padding: 4px;
/*font-weight: bold;*/
font-size: 120%;
border-bottom: 1px solid #cccccc;
background: #FFFDFF;
}

/*加藤追加*/
h4.basic {
margin-bottom: 5px;
padding-left: 20px;
padding-bottom: 4px;
padding-top: 10px;
font-weight: bold;
font-size: 120%;
}

/*石原追加 contract.htmlで利用*/
h5.basic {
margin-bottom: 5px;
padding-left: 30px;
padding-bottom: 4px;
padding-top: 10px;
font-weight: bold;
font-size: 110%;
}

/*石原追加 contract.htmlで利用*/
h6.basic {
margin-bottom: 5px;
padding-left: 40px;
padding-bottom: 4px;
padding-top: 10px;
font-weight: bold;
font-size: 110%;
}

p.ptxt2,
div.ptxt2 {
padding-left: 20px;
}

/*加藤追加*/
p.ptxt_finish {
font-size: 140%;
}

/*加藤追加*/
p.ptxt_attention {
font-size: 120%;
margin-bottom: 0px;
}

.example {
margin-top: 1em;
margin-left: 1em;
color: #666666;
}

.example h3 {
color: #80513A;
margin: 0;
padding: 0;
}

/*大パラグラフ*/
div.paragraph {
width: 601px;
margin-left: 30px;
}

/*小パラグラフ（大パラグラフの中でインデント）*/
div .subParagraph,
ol.subParagraph {
margin-left: 20px;
}

/* 加藤追加 */
div .subParagraph {
padding-right: 20px;
}

div.subParagraph h4.basic {/* 浅川 subParagraph統一後に削除*/
padding-left: 0;
}


/* ポイントボックス ****************/
div.pointBox {
width: 601px;
margin-bottom: 10px;
border-top: 1px #999999 solid;
border-bottom: 1px #999999 solid;
background-position: left top;
background-repeat: repeat-y;
}

body#groupware div.pointBox {/* グループウェア用背景 */
background-image: url(../images/pointBox_office.gif);
}

body#database div.pointBox {/* データベース用背景 */
background-image: url(../images/pointBox_dezie.gif);
}

div.pointBox dl {
background-image: url(../images/pointBox_icon.gif);
background-position: left 50%;
background-repeat: no-repeat;
}

div.pointBox dt {
font-size: 120%;
padding-left: 55px;
padding-right: 15px;
padding-bottom: 5px;
}

/*加藤追加*/
div.pointBox dt a {
text-decoration: underline;
font-size: 125%;
}

div.pointBox dd {
margin-left: 0;
padding-left: 55px;
padding-right: 15px;
}

/* Box */
div.basicBox {
width: 601px;
background-color: #ffffff;
border: 1px #999999 solid;
}

div.basicBox dl {
padding: 0 15px;
}

/*加藤追加*/
div.basicBox dt {
padding-bottom: 5px;
}

div.basicBox dd {
margin-left: 0;
}

/*加藤追加*/
div.basicBox dt a {
text-decoration: underline;
font-size: 125%;
}

/* デヂエトップページ キャッチ */
div.dezieCatch_top {
width: 600px;
background-image: url(../images/matter_dezie02.jpg);
background-repeat: repeat-y;
background-position: right top;
background-color: #ffffff;
border: 1px #999999 solid;
}

div.dezieCatchBody_top {
padding: 10px 0 0 10px;
background-image: url(../images/matter_dezie.jpg);
background-repeat: no-repeat;
background-position: right top;
}

div.dezieCatchMatter {
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
background-image:  url(../images/matter_dezie_bottom.gif);
background-position: right bottom;
background-repeat: no-repeat;
}

ul.dezieCatchMatterNumber {
width: 378px;
float: left;
margin: 0;
}

ul.dezieCatchMatterNumber li {
margin-bottom: 13px;
padding: 0;
}

ul.dezieCatchMatterNumber li.last {
margin-bottom: 0;
}

ul.dezieCatchMatterNumber img {
float: left;
}

ul.dezieCatchMatterNumber span {
display: block;
margin-left: 53px;
width: 310px;
padding-top: 5px;
_padding-left:3px;
}

p.dezieCatchLead_top {
margin: 0 182px 0 0;
font-size: 130%;
}

table.dezieCatchLink_top {
float: right;
width: 172px;
margin-top: 2.5em;
margin-left: 10px;
font-size: 140%;
}

div.dezieCatchLink_top td {
vertical-align: middle;
}


/* メインコンテンツ ********************/
div#primary {
float:left;
width:670px;
}

body#home div#primary {
float:left;
width:650px;
}

/* Home(top) **************/
/* introArea */
div#intro {
background-color: #ffffff;
background-image: url(../images/introBottom_back.jpg);
background-position: left bottom;
background-repeat: repeat-x;
}

div#introBody {
position: relative;
height: 242px;
padding: 0 0 0 15px;
background-image: url(../images/introBack_home_demo.jpg);
/*background-image: url(../images/introBack_home_cl.jpg);*/
/*background-image: url(../images/introBack_home_dz.jpg);*/
/*background-image: url(../images/introBack_home_og.jpg);*/
/*background-image: url(../images/introBack_home.jpg);*/
background-position: right top;
background-repeat: no-repeat;
}

/*加藤追加ライブラリキャンペーン用*/
div#introBody_camp {
position: relative;
height: 242px;
padding: 0 0 0 15px;
background-image: url(../images/introBack_home_camp.jpg);
background-position: right top;
background-repeat: no-repeat;
}


span#subheading_top {
margin-left: 7px;
}

div#intro h2 {
margin-left: 7px;
padding-top: 45px;
font-size: 40px;
color: #000000;
}

/*加藤追加8用*/
div#intro h2.eight {
margin-left: 7px;
padding-top: 28px;
font-size: 33px;
color: #000000;
}

/*加藤追加Office&Garoon比較用*/
div#intro h2.og {
margin-left: 7px;
padding-top: 28px;
font-size: 38px;
color: #000000;
}

/*加藤追加Office&Garoon比較用*/
div#intro span.og {
font-size: 28px;
}



/*加藤追加各種キャンペーン用*/
div#intro h2.camp {
margin-left: 7px;
padding-top: 20px;
font-size: 36px;
/*font-size: 40px;*/
color: #000000;
}

/*加藤追加各種キャンペーン用*/
div#intro div.camp {
width: 600px;
margin-left: 7px;
padding-top: 10px;
text-align: left;
}

div#introFooter {
float: left;
position: relative;
bottom: 61px;
background-image: url(../images/introBottom_back.jpg);
background-position: left 61px;
background-repeat: no-repeat;
text-align: right;/* for Sfari */
width: 900px;/* for Sfari */
}

div#introFooter p {
float: left;
width: 600px;/* =div#primary width(672) - margin(19x2) */
_width: 600px;/*for IE6*/
margin: 12px 19px 0 19px;
_margin-left: 9px;/*for IE6*/
color: #333333;
text-align: left;/* for Safari */
}

div#introFooter img {
float: right;
margin-left: 2px;
}

/* introArea以下 */
body#home div#main {
position: relative;
top: -61px;/* div#introFooter bottom(61px) */
width: 652px;/*#main width(671)-margin-left(19)*/
_width: 642px;
margin-left: 19px;
_margin-left: 9px;/*for IE6*/
/*padding-top: 13px;*/
padding-top: 12px;　/*加藤修正*/
_padding-top: 0px;　/*加藤修正*/
text-align: left;
}

div#introButton {
}

div#introButton p {
float: left;
margin: 0;
padding: 0;
}

/* ニュース（トップページ） */
div#news {
width: 620px;
margin-top: 25px;
margin-left: 5px;
padding-bottom: 30px;
background-color: #ffffff;
text-align: left; /*加藤追加*/
}

div#news h3 {
width: 620px;
background-image: url(../images/newsTitle_back.jpg);
background-repeat: repeat-x;
}

div#news dl {
margin: 0 15px;

}

div#news dt {
margin: 12px 0 3px 0;
padding: 0;

}

div#news dd {
margin: 0;
padding: 0 0 15px 0;
background-image: url(../images/newsBorder.jpg);
background-position: left bottom;
background-repeat: no-repeat;
}

/* ニュース一覧 */
dl#newsList dt {
margin: 12px 0 3px 0;
padding: 0;
}

dl#newsList dd{
margin: 0;
padding: 0 0 15px 0;
}

/* pointArea */
#point {
padding: 15px 19px 20px 19px;
}

#point h2 {
}

#point p.lead {
margin-left: 53px;
}

#point h3 { 
color: #584520;
font-size: 110%;
}

div#pointContent {
border: 1px #cec4b7 solid;
border-bottom: none;
}

div.pointRow {
border-bottom: 1px #cec4b7 solid;
background-color: #fff;
}

/* width:650 (690-padding:19x2-border:1x2) 内訳↓
 pointblock1(width:324) + pointblock2(width:325) + pointContent(border:1x2) */

div.pointblock1 {
float: left;
width: 283px;/* (324-padding(15x2)-boder-right(1)) */
_width: 324px;/* for IE6 */
padding: 15px 20px;
border-right: 1px #cec4b7 solid;
}

div.pointblock2 {
float: left;
width: 285px;/* (325-padding(15x2)) */
_width: 325px;/* for IE6 */
padding: 15px 20px;
}

.pointImage {
display: inline;
float: left;
margin-right: 10px;
}

/* サムネイルブロック */
.thumbBlock {
float: right;
width: 164px;/* 160 + border2x2 */
}

/* セカンドコンテンツ ********************/
div#secondary {
float: right;
width: 226px;
margin-left: 2px;
}

body#home div#secondary {
position: relative;
top: -61px;
/*padding-top: 18px;*/
padding-top: 18px;
_padding-top: 7px;
}

#secondary h4 {
margin: 0 10px 10px 10px;
padding: 16px 0 8px 0;
font-weight: bold;
font-size: 130%;
background-image: url(../images/title_side.gif);
background-position: left bottom;
background-repeat: no-repeat;
}

.secondaryBlock {
padding-bottom: 10px;
}

/* サイドナビゲーションがないとき */
.secondaryTop {
padding-top: 10px;
}

/* ページ内ジャンプリンク ページ冒頭 */
ul.jampLink_top {
font-size: 150%;
}

/* ページ内ボタン ****************/

div.inpage_btn {
width: 253px;
margin: 0px auto 1em auto;
_margin-left: 173px;/*600-253/2*/
padding-top: 10px;
background-image: url(../images/inpage_btn_head.jpg);
background-position: left top;
background-repeat: no-repeat;
background-color: #E8E8E8;
font-size: 12px;
}

div.inpage_btn2 {
width: 363px;
margin: 0px auto 1em auto;
_margin-left: 118px;/*600-363 /2*/
padding-top: 10px;
background-image: url(../images/inpage_btn_head2.jpg) ;
background-position: left top;
background-repeat: no-repeat;
background-color: #E8E8E8;
font-size: 12px;
}

div.inpage_btn_inside {
padding-bottom: 10px;
background-image: url(../images/inpage_btn_bottom.jpg);
background-position: left bottom;
background-repeat: no-repeat;
text-align: center;
}

div.inpage_btn2 div.inpage_btn_inside {
padding-bottom: 10px;
background-image: url(../images/inpage_btn_bottom2.jpg);
background-position: left bottom;
background-repeat: no-repeat;
text-align: center;
}

div.inpage_btn_inside p {
margin: 0;
padding: 0;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-image: url(../images/inpage_btn_back.jpg) ;
background-position: left top;
background-repeat: repeat-x;
text-align: center;
vertical-align: middle;
}

div.inpage_btn_inside a {
display: block;
padding-left: 30px;
background-image: url(../images/inpage_btn_arrow.gif) ;
background-repeat: no-repeat;
background-position: center left;
vertical-align: baseline;
}


div.inpage_btn_inside span.main {
display: block;
font-size: 18px;
}

/* 文章の中に出てくる申込エリア（加藤追加） application = 申し込み ****************************/

div.application {
/*padding: 10px;*/
margin-bottom: 30px;
text-align: center;
}

/* 文章の中に出てくる矢印（加藤追加） inpara = in paragraph ****************************/

img.inpara {
margin-right: 10px;/*浅川変更 paddingはIE6で効かないため*/
vertical-align: baseline; /*Windows Firefox,IEでテキストより下にいくので追加 ishihara*/
}

div.inpara_menu {
background: #E4E2D5;
margin-bottom: 30px;
margin-top: -10px;
text-align: right;
border-top: 1px dashed #ccc;
}

div.inpara_menu p {
padding: 3px 10px;
}

/* faq表示（加藤追加） ****************************/

ul.faq {
list-style: none;
}

ul.faq_second {
list-style-type: decimal;
}

ul.faq_second li {
list-style-position: inside;
}

ul.faq li {
padding-left: 15px;
background-image: url(../images/q_icon.jpg);
background-position: left 0.4em;
background-repeat: no-repeat;
}

h3.faq {
margin-top: 20px;
margin-bottom: 0px;
padding: 0px  4px 0px 10px;
font-size: 120%;
}

h3.faq_second {
margin-bottom: 5px;
padding: 0px;
font-size: 120%;
font-weight: bold;
}

h4.faq_second {
margin-bottom: 5px;
padding: 0px;
font-weight: bold;
}

p.ptxt_faq {
padding-left: 10px;
}

div.groupbox_faq {
background: #fff;
min-height: 90px;
_height: 100px;/*for IE6*/
padding: 5px 125px 5px 5px;
background-image: url(../images/a_icon.jpg);
background-repeat: no-repeat;
background-position: right top;
}

/*インデント*/
div.groupbox_faq_second {

padding-left: 20px;
}

/* h2、h3等からの詳細へリンク（加藤追加） ****************************/

p.detailLink {
float: right;
padding-right: 5px;
}

/* キャッチコピー用フォントサイズ調整（加藤追加） ****************************/

p.c_copy {
font-size: 14px;
font-weight: bold;
color: #993366;
padding: 5px;
}

/* キャッチコピー用フォントサイズ調整（黒文字）（加藤追加） ****************************/

p.c_copy_b {
font-size: 16px;
font-weight: bold;
}

/* キャッチタイトル用フォントサイズ調整（加藤追加） ****************************/

p.c_title {
font-size: 14px;
font-weight: bold;
}


/* パックのフローをくむときのテーブル（加藤追加） ****************************/

table.pack_flow {
 width:90%;
 border-collapse:collapse;
 margin:4px 4px 10px 20px;
 font-size: 1em;
}

table.pack_flow th {
width:140px;
text-align:left;
border:none;
/*font-weight: normal; 加藤編集*/
padding:3px;
margin:4px;
}

table.pack_flow td {
border-collapse:collapse;
padding:3px;
margin:4px;
}

/* workflow_templateのfloatした箱（加藤追加） ****************************/

div.wf_temp_left {
float: left;
width: 290px;
}

div.wf_temp_right {
float: left;
width: 290px;
margin-left: 10px;
}

div.wf_temp_cap {
height: 200px;
text-align: right;
padding: 5px;
font-size: 20px;
background-position: left top;
background-repeat: no-repeat;
border-left: 1px solid #999;
border-right: 1px solid #999;
}


/* workflow_templateのタイトルとダウンロードボタン（加藤追加） ****************************/

p.wf_title {
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 5px;
border-bottom: 1px solid #999;
}

p.wf_download{
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;
}

/* packのfloatした箱（加藤改変：11月20日） ****************************/

div.packbox {
background: url(../images/pack_body_back.jpg) repeat-y;
}

div.packbox_right {
float: right;
width: 310px;
}

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

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

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

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

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

p.pack_detailLink{
margin: 0px;
padding-left: 5px;
padding-bottom: 5px;
}







/* inquiryのfloatした箱（加藤追加） ****************************/

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

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

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

div.inquirybox_left h2,div.inquirybox_right h2 {
background: url(../images/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;
}

/* 共通に使うfloatしない箱（加藤追加） ****************************/

div.commonLongbox {
margin-bottom: 10px;
}

div.commonLongbox h3 {
background: url(../images/common_title_back.jpg) repeat-x;
padding: 0px;
margin: 0px;
border: 1px solid #999;
height: 38px;
}


/* 共通に使うfloatした箱（加藤追加） ****************************/

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

div.commonbox_right {
float: right;
width: 310px;
}

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

div.commonbox_left h2,div.commonbox_right h2 {
background: url(../images/common_title_back.jpg) repeat-x;
padding: 0px;
margin: 0px;
border: 1px solid #999;
height: 38px;
}

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

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

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

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



/* デヂエってなに？Officeってなに？に使うfloatした箱（加藤追加） ****************************/


div.facilitybox h3 {
font-size: 14px;
font-weight: bold;
}

div.facilitybox_right {
float: right;
width: 248px;
}

div.facilitybox_left {
margin-right: 300px;
width: 372px;
}

div.facilitybox_left h2,div.facilitybox_right h2 {
padding: 0px;
margin: 0px;
height: 38px;
}

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







/* 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/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/partner_gw_titleback.jpg) repeat-x;
padding: 0px;
border-bottom: 1px solid #438CBA;
margin-bottom: 5px;
}

div#dezie_p h2 {
background: url(../images/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: url(../images/case_indexback.jpg) repeat-y;*/
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;
}

/* 導入の流れ　レイアウト用（加藤追加） ****************************/

div.dzback {
background: url(../images/dz_step_bg.jpg) repeat-y;
}

div.cbback {
background: url(../images/cb_step_bg.jpg) repeat-y;
}

div.step_num {
font-size: 20px;
float: left;
width: 120px;
text-align: center;
font-weight: bold;
}

div.step_content {
margin-left: 125px;
}

div.step_bottom {
margin: 0px;
padding: 0px;
background: #EDEBDE;
}

h3.step_num {
margin-bottom: 7px;
padding: 7px 4px;
font-weight: bold;
font-size: 140%;
border-bottom: 1px solid #ccc;
}

h4.step_num {
margin-bottom: 5px;
padding-bottom: 4px;
padding-top: 5px;
padding-left: 5px;
font-weight: bold;
font-size: 120%;
border-bottom: 1px dashed #ccc;
border-left: 7px solid #ddd;
}

h5.step_num {
margin-bottom: 5px;
padding-bottom: 4px;
padding-top: 10px;
font-weight: bold;
font-size: 110%;
color: #444;
}

span.c_copy_step {
font-size: 12px;
font-weight: bold;
color: #993366;
}

/*加藤追加*/
div.step_content div.inpage_btn {
_margin-left: 115px;/*600-253/2*/
}

/* ピーシーエー　事例レイアウト用（加藤追加） ****************************/

/*表（比較表）*/
table.spec_case {
width:600px;
border-right:1px solid gray;
border-top:1px solid gray;
border-collapse:collapse;
margin:4px 4px 10px 4px;
font-size: 1em;
}

table.spec_case th {
text-align:center;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-collapse:collapse;
background:#EEE8AA;
/*font-weight: normal; 加藤編集*/
padding:3px;
margin:4px;
vertical-align : middle;
}

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

table.spec_case td.result {
text-align: center;
background: #A4F199;
}

table.spec_case td.result_bottom_left {
text-align: center;
font-weight: bold;
background: #efefef;
}

table.spec_case td.result_bottom {
text-align: center;
background: #ccc;
}

span.note {
font-size: 10px;
color: #d6461e;
}

p.note {
font-size: 11px;
color: #d6461e;
}

h3.case {
font-weight: bold;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px  4px 0px 5px;
font-size: 120%;
}

div.case {
margin: 0px;
padding: 0px;
}

div.case table.spec th {
width: 10%;
}

div.case table.spec td {
width: 90%;
}

/* 導入の流れキャプチャー用（加藤追加） ****************************/

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

div.flow_cap_inside {
background: url(../images/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/mobile_cap_back2.jpg) repeat-y;
padding: 0px;
}

div.flow_cap2_inside {
background: url(../images/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;
}

/* 導入ご相談電話番号（加藤追加） */
div#telBlock {
float: left;
width: 275px;
_width: 270px;
margin-top: 2px;
margin-left: 40px;
}


/* 検索ボックス */
div#searchboxBlock {
float: left;
width: 275px;
_width: 270px;
margin-top: 8px;
margin-left: 20px;
}


div#searchKind ul {
margin: 5px 0 0 0;
display: inline;
float: left;
}

div#searchKind li {
display: inline;
margin: 0 10px 0 0;
padding: 0;
}

div#searchKind input{
margin: 0;
padding: 0;
}

a#searchLogo {
float: right;
}

p#searchbox {
margin: 0;
padding: 0;
line-height: 0;
vertical-align: top;
}


input#searchTextbox {
width: 200px;
height: 15px;
_height: 22px;
margin: 0 10px 0 0;
padding: 1px;
}

input#searchButton {
font-size: 14px;/* for IE */
margin: 0;
vertical-align: bottom;/* 高さ揃え */
}

/* notfoundページ */
div#searchboxBlock_notfound {
width: 380px;
margin: 7px 0 15px 0;
}

div#searchboxBlock_notfound input#searchTextbox{
width: 300px;
}

/*******TOPボタン位置確保用　by 加藤
a#buy_btn{
display:block;
width:150px;
height:105px;
text-indent:-9999em;
position: relative;
_position: absolute;
}

a#buy_btn{
top:-133px;
left: 560px;
_top: 13px;
_left: 579px;
}
******/