@charset "UTF-8";

/* =========================================================================
　特長・機能　カテゴリーごとの設定

　目　次

　 1.グローバルナビ
　 2.トップページ
　 3.スライダー（下層ページ）
　 4.パブリッシング
　 5.コンテンツマネジメント
　 6.カスタマイズ
　 7.クラウド
　 8.機能一覧
　 9.動作環境
========================================================================= */

/* -------------------------------------------------------------------------
 1.グローバルナビ
------------------------------------------------------------------------- */

/* アクティブ表示 */
ul#globalnavi li#globalnavi-products a {
	border-top-color: #A0DD63;
}

/* -------------------------------------------------------------------------
 2.トップページ
------------------------------------------------------------------------- */
#products-select {
	width: 920px;
	margin: 0 15px;
	padding: 0 0 10px;
	background: url(../../images/products/select-fadearea_bg_bottom.gif) no-repeat left bottom;
}
ul#products-select-btn {
	width: 920px;
	margin: 0;
	padding: 0 0 8px;
	background: url(../../images/products/select-fadearea_bg_top.gif) no-repeat left bottom;
	overflow: hidden;
}
ul#products-select-btn li {
	float: left;
	padding: 0;
	background: none;
}
ul#products-select-btn li a {
	display: block;
	padding: 0 0 70px;
}
ul#products-select-btn li a.pager-active {
	background: url(../../images/products/select_pager-active_bg.gif) no-repeat 90px 175px;
}
#products-select-fadearea-wrap {
	width: 920px;
	background: #F6FDFF url(../../images/products/select-fadearea_bg_middle.gif) repeat-y;
}
#products-select-publishing {
	background: url(../../images/products/select-publishing_bg.png) no-repeat 20px 47px;
}
#products-select-management {
	background: url(../../images/products/select-management_bg.png) no-repeat 52px 30px;
}
#products-select-customize {
	background: url(../../images/products/select-customize_bg.png) no-repeat 35px 59px;
}
#products-select-cloud {
	background: url(../../images/products/select-cloud_bg.png) no-repeat 45px 67px;
}
.products-select-fadeitem {
	width: 510px;
	padding: 30px 50px 20px 360px;
	overflow: hidden;
}
.products-select-fadeitem h2 {
	margin: 0;
	padding: 0 0 15px;
	background: none;
}
.products-select-fadeitem p {
	font-size: 110%;
	margin: 0 5px 15px 10px;
}
p.products-select-catch {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}
p.products-select-link {
	margin: 0 0 0 349px;
}

/* -------------------------------------------------------------------------
 3.スライダー（下層ページ）
------------------------------------------------------------------------- */
#products-slider {
	width: 920px;
	margin: 0 15px;
	overflow: hidden;
}
ul#products-slider-btn {
	width: 920px;
	margin: 0;
	background-repeat: no-repeat;
	overflow: hidden;
}
ul.products-slider-btn-publish {
	background-image: url(../../images/products/publishing/slider_btn_bg.gif);
}
ul.products-slider-btn-management {
	background-image: url(../../images/products/management/slider_btn_bg.gif);
}
ul.products-slider-btn-cloud {
	background-image: url(../../images/products/cloud/slider_btn_bg.gif);
}
ul.products-slider-btn-customize {
	background-image: url(../../images/products/customize/slider_btn_bg.gif);
}
ul#products-slider-btn li {
	float: left;
	padding: 0;
	background: none;
}
ul#products-slider-btn li a {
	display: block;
	width: 230px;
	height: 68px;
	cursor: pointer;
	outline: none;
}
#products-slider-panel {
	width: 880px;
	margin: 0 20px;
	overflow: hidden;
}
ul#panel-wrap {
	position: relative;
	display: block;
	width: 880px;
	margin: 0;
}
ul#panel-wrap li.panel {
	position: relative;
	display: block;
	width: 880px;
	padding: 0;
	background: none;
	overflow: hidden;
}
#products-slider h2 {
	margin: 0;
	padding: 30px 0 25px;
	background: none;
}
#products-slider h3 {
	margin: 0 0 15px;
	padding: 0;
	background: none;
	border: none;
}
#products-slider p {
	margin: 0 5px 15px;
}

/* ２段組カラム */
.panel-column {
	clear: both;
	width: 900px;
	font-size: 110%;
	margin: 0 0 0 15px;
	overflow: hidden;
}
.panel-column div {
	width: 400px;
	float: left;
	margin: 0 50px 0 0;
	padding: 0 0 15px;
}

/* 画像 */
#products-slider p.panel-img-center {
	margin: 0 0 15px;
	text-align: center;
}
#products-slider p.panel-img-left {
	clear: left;
	float: left;
	margin: 0 0 15px;
}
#products-slider p.panel-img-right {
	float: right;
	margin: 0 0 15px;
}

/* リスト　左寄せ */
ul.panel-list-left {
	width: 360px;
	float: left;
	font-size: 130%;
	margin: 0;
	padding: 10px 0 0;
	line-height: 1.2;
}
ul.panel-list-left li {
	width: 316px;
	clear: left;
	float: left;
	margin: 0 0 12px;
	padding: 5px 10px 5px 34px;
	background: #FFFFD9 url(../../images/products/panel-list_li_bg.gif) no-repeat 10px 10px;
}

/* リスト　左右 */
.panel-list-center {
	clear: both;
	width: 700px;
	font-size: 130%;
	margin: 0 0 0 105px;
	padding: 10px 0 30px;
	overflow: hidden;
}
.panel-list-center ul {
	width: 320px;
	float: left;
	margin: 0 30px 0 0;
	line-height: 1.2;
}
.panel-list-center li {
	width: 276px;
	clear: left;
	float: left;
	margin: 0 0 12px;
	padding: 5px 10px 5px 34px;
	background: #FFFFD9 url(../../images/products/panel-list_li_bg.gif) no-repeat 10px 10px;
}

/* -------------------------------------------------------------------------
 4.パブリッシング
------------------------------------------------------------------------- */
ul.publish-group {
	clear: both;
	width: 926px;
	margin: 0;
	overflow: hidden;
}
ul.publish-group li {
	width: 416px;
	float: left;
	margin: 0 47px 0 0;
	padding: 0 0 40px;
	background: #FFF;
}
#products-slider ul.publish-group h3 {
	margin: 0 0 10px 10px;
}
#products-slider ul.publish-group p {
	margin: 0 10px 10px 13px;
}
#products-slider ul.publish-group p.publish-group-img {
	margin: 0 0 12px;
}

/* -------------------------------------------------------------------------
 5.コンテンツマネジメント
------------------------------------------------------------------------- */

/* 承認 */
#management-shounin {
	clear: both;
	width: 880px;
	margin: 0 0 10px;
}
#management-shounin ul {
	width: 865px;
	margin: 0;
	padding: 0 0 5px 15px;
	overflow: hidden;
}
#management-shounin li {
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
	background: none;
}
#management-shounin li a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	outline: none;
}
#management-shounin li a#management-shounin-next {
	background: url(../../images/products/management/shounin_btn.gif) no-repeat;
}
#management-shounin li a#management-shounin-prev {
	background: url(../../images/products/management/shounin_btn.gif) no-repeat -30px 0;
}
#management-shounin li a#management-shounin-next:hover {
	background-position: 0 -30px;
}
#management-shounin li a#management-shounin-prev:hover {
	background-position: -30px -30px;
}
#management-shounin p {
	position: relative;
	width: 869px;
	height: 350px;
	margin: 0;
	border: 5px solid #EDEDED;
}
#management-shounin p img {
	position: absolute;
	top: 0;
	left: 0;
}

/* 管理機能 */
ul#panel-list-kanri {
	width: 360px;
	padding: 0 0 0 20px;
}
ul#panel-list-kanri li {
	width: 316px;
}

/* セキュリティ */
ul#panel-list-security {
	width: 260px;
	padding: 40px 0 0 20px;
}
ul#panel-list-security li {
	width: 216px;
}

/* -------------------------------------------------------------------------
 6.カスタマイズ
------------------------------------------------------------------------- */

/* イントロ */
#customize-intro {
	width: 910px;
	margin: 0;
	overflow: hidden;
}
#customize-intro div {
	width: 273px;
	float: left;
	margin: 0 30px 0 0;
}
#customize-intro h3 {
	margin: 0 0 30px;
	padding: 0 0 200px;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
}
#customize-intro #customize-intro-min h3 {
	background-image: url(../../images/products/customize/intro-min_bg.png);
}
#customize-intro #customize-intro-max h3 {
	background-image: url(../../images/products/customize/intro-max_bg.png);
}
#customize-intro #customize-intro-extend h3 {
	background-image: url(../../images/products/customize/intro-extend_bg.gif);
}

/* 拡張KITリスト */
ul.customize-kitlist {
	clear: both;
	width: 896px;
	margin: 0;
	overflow: hidden;
}
ul.customize-kitlist li {
	width: 880px;
	float: left;
	margin: 0 0 15px;
	padding: 0;
	background: none;
}
#products-slider ul.customize-kitlist h3 {
	width: 83px;
	float: left;
	font-size: 90%;
	margin: 0;
	padding: 2px 9px 0 2px;
	background: url(../../images/products/customize/kitlist_h3_bg.png) no-repeat;
	text-align: center;
	line-height: 1.0;
}
ul.customize-kitlist h3 img {
	margin: 0 0 12px;
}
ul.customize-kitlist .customize-kitlist-tip {
	width: 770px;
	float: left;
	padding: 5px 0 0 15px;
}
#products-slider ul.customize-kitlist p {
	margin: 0 0 7px;
}
ul.customize-kitlist p.customize-kitlist-tip-name {
	font-size: 130%;
	font-weight: bold;
}
ul.customize-kitlist-grid li {
	width: 94px;
	margin: 0 18px 15px 0;
}
ul.customize-kitlist-grid .customize-kitlist-tip {
	position: absolute;
	top: -50px;
	left: 165px;
	float: none;
	width: 550px;
	padding: 0 0 18px;
	background: url(../../images/products/customize/kitlist-tip_bg.png) no-repeat left bottom;
	z-index: 100;
}
#products-slider ul.customize-kitlist-grid p {
	margin: 0 38px 10px;
	background: #FFF;
}
#products-slider ul.customize-kitlist-grid p.customize-kitlist-tip-name {
	color: #000;
	width: 474px;
	margin: 0 0 7px;
	padding: 35px 38px 0;
	background: url(../../images/products/customize/kitlist-tip-name_bg.gif) no-repeat;
}

/* ソーシャル */
ul#panel-list-social {
	width: 350px;
	padding: 30px 0 0 30px;
}
ul#panel-list-social li {
	width: 306px;
}

/* -------------------------------------------------------------------------
 7.クラウド
------------------------------------------------------------------------- */

/* サーバー作業 */
ul#cloud-operation-list {
	width: 890px;
	margin: 0 0 0 5px;
	padding: 10px 0 0;
	overflow: hidden;
}
ul#cloud-operation-list li {
	width: 274px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	background: #F7F7F7;
	border: 1px solid #D6D6D6;
}
ul#cloud-operation-list div{
	width: 248px;
	padding: 10px 10px 8px;
	border: 3px solid #FFF;
}
ul#cloud-operation-list h3 {
	text-align: center;
}
ul#cloud-operation-list ul {
	font-size: 110%;
	margin: 0 5px 0 10px;
}
ul#cloud-operation-list li li {
	width: auto;
	float: none;
	margin: 0;
	padding: 0 0 5px 17px;
	background: url(../../images/products/cloud/operation-list_li_bg.gif) no-repeat 0 2px;
	border: none;
}

/* 引越し */
ul#panel-list-move {
	width: 290px;
	padding: 50px 0 0 20px;
}
ul#panel-list-move li {
	width: 246px;
}

/* コスト */
dl.cloud-cost-cal {
	width: 330px;
	float: right;
}
dl.cloud-cost-cal dt {
	font-size: 120%;
	font-weight: bold;
	margin: 20px 0 10px;
	padding: 0 5px 5px;
	border-bottom: 3px solid #EEE;
}
dl#cloud-cost-cal-cloud dt {
	color: #549604;
}
dl#cloud-cost-cal-dounyu dt {
	color: #0365AD;
}
dl.cloud-cost-cal dd {
	margin: 0 5px;
	padding: 0 0 8px 18px;
}
dl#cloud-cost-cal-cloud dd {
	background: url(../../images/products/cloud/cost-cal-cloud_bg.gif) no-repeat 0 3px;
}
dl#cloud-cost-cal-dounyu dd {
	background: url(../../images/products/cloud/cost-cal-dounyu_bg.gif) no-repeat 0 3px;
}

/* -------------------------------------------------------------------------
 8.機能一覧
------------------------------------------------------------------------- */
h2.featuretable-h2 {
	margin: 20px 0 10px;
	padding: 0;
	background: #F3F3F3 url(../../images/support/faq_h2_bg.gif) no-repeat 11px 9px;
	border: 1px solid #DDD;
	border-right-color: #CCC;
	border-bottom-color: #BBB;
	line-height: 1.2;
	cursor: pointer;
}
h2.featuretable-h2 span {
	display: block;
	padding: 7px 10px 6px 38px;
	border: 1px solid #FFF;
}
h2.featuretable-h2-hover {
	background-color: #FAFAFA;
}
h2.featuretable-h2-active {
	background-position: 11px -141px;
}
table.featuretable th {
	padding: 8px 5px;
}
table.featuretable td {
	padding: 7px 10px 5px;
	border: none;
	border-right: 1px solid #DDD;
}
table.featuretable td.hover {
	background: #F2FAFD;
}
table.featuretable h3 {
	color: #000;
	margin: 8px 5px 0;
	padding: 0 0 10px 26px;
	background: url(../../images/products/featuretable_h3_bg.png) no-repeat 5px 3px;
	border: none;
}
table.featuretable p {
	margin: 0 7px 10px 10px;
}
table.featuretable ul {
	margin: 0 7px 10px 15px;
}
table.featuretable li {
	padding: 0 0 4px 10px;
	background: url(../../images/base/li_dot_bg.gif) no-repeat 0 7px;
}


/* -------------------------------------------------------------------------
 9.動作環境
------------------------------------------------------------------------- */
table.systemtable {
	table-layout: fixed;
}
table.systemtable th.systemtable-name {
	width: 150px;
}
table.systemtable th {
	padding: 8px 5px;
}
table.systemtable td {
	border: none;
	border-right: 1px solid #DDD;
}
table.systemtable td.hover {
	background: #F2FAFD;
}
table.systemtable p {
	margin: 0 0 5px;
}
table.systemtable ul {
	margin: 0;
}
table.systemtable li {
	padding: 0 0 5px 10px;
	background: url(../../images/base/li_dot_bg.gif) no-repeat 0 7px;
}