/* @override http://www.mtcms.jp/common/css/base.css */


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

/********************************************************
iepngfix.htc
********************************************************/
#gnavi_inner, #functionBox h2 img, #topicsWrap, #globalfooter, #hero img, #main h1, .featuresList {
behavior: url("/common/js/iepngfix.htc")
}

/********************************************************
linkstyle
********************************************************/
a,
#functionBox a em {
color: #136882;
text-decoration: underline;
}

a:hover,
#functionBox a:hover em {
color: #DE821F;
text-decoration: underline;
}


/********************************************************
common
********************************************************/

h1,h2,h3,h4,h5,h6,a,ul,ol,dl,li,dt,dd,table,th,td,p,blockquote {
font-size: 100%;
}

body {
line-height: 1.6;
color: #3F3F3F;
background: #FFFFFF;
font-family: Meiryo, "Myriad Pro", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 78.5%;
}

em {
font-weight: bold;
font-style: normal;
}

#index #contents, #gnavi, #footer_inner, #contents_inner {
width: 930px;
}

#body, #body_inner, #index #contents, #index #gnavi, #footer {
width: 100%;
}

#header, #contents_inner, #footer_inner {
margin: 0 auto;
}

#body {
border: none;
background: none;
text-align: left;
}

#site_id {
top: 12px;
left: -12px;
height: 61px;
width: 133px;
}

#header {
overflow: visible;
height: 96px;
}

#header .subNavi{
top: 20px;
}


#contents {
background: #FFFFFF url(/common/images/footer_bg.png) repeat-x left bottom;
margin-bottom: 22px;
margin-top: 0px;
}




#contentsWrap {
background: url(/common/images/contents_bg.png) repeat-x right top;
padding-bottom: 60px;
}


#globalfooter {
clear: both;
height: 65px;
background: url(/common/images/globalfooter_bg.png) no-repeat center top;
}

#globalfooter .box_inner {
padding: 22px 50px 0 22px;
}

#globalfooter .gfinquiry {
margin-right: 28px;
float: left;
margin-top: 2px;
}

#globalfooter ul {
list-style: none;
float: left;
height: 43px;
width: 437px;
}

#globalfooter li {
display: inline;
line-height: 1;
}

#footer {
background: #FFFFFF;
margin-bottom: 60px;
}

#footer_inner {
position: relative;
}

.footerLogo {
margin-right: 12px;
float: left;
margin-top: 9px;
}

#footer .box {
margin-left: 170px;
}

#footer .SAKK {
position: absolute;
right: 0px;
top: 0px;
}

#footer .award {
position: absolute;
right: 70px;
top: 0px;
}

#footer ul {
border-bottom: 1px solid #EFEFEF;
width: 540px;
padding-bottom: 10px;
}

#footer li {
border-right: 1px solid #999999;
padding-right: 5px;
margin-right: 5px;
}

#footer li.last {
border: none;
}

.copyright {
margin-top: 10px;
}

.subNavi li {
margin-left: 25px;
}

.topicPath {
padding-top:7px;
margin-bottom: 0px;
font-size: 10px;
}

.topicPath li a {
color: #666666;
text-decoration: none;
}

.topicPath li a:hover {
color: #333333;
text-decoration: underline;
}

/********************************************************
utility
********************************************************/

.clear {
clear: both;
}

.more, #main a.more, .date, #main a.extRef, #main a.gotop, .blogcategory {
white-space: nowrap;
zoom: 1;
text-decoration: none;
font-weight: normal;
}

.more, #main a.more, #main a.extRef {
padding-right: 15px;
font-weight:bold;
padding-left: 0px;
}

.more, #main a.more {
background: url(/common/images/icon-arrow.gif) no-repeat 100% 50%;
}

#main a.extRef {
background: url(/common/images/icon-extRef.gif) no-repeat left 0.25em;
padding-left: 20px;
padding-right: 3px;
}

#main a.gotop {
background: url(/common/images/icon_pagetop.gif) no-repeat 100% 50%;
padding-right: 18px;
}

.date,
.blogcategory {
padding-left: 20px;
color: #4E99AF;
line-height: 2.5;
font-size: 85%;
}

.date,
#main .date {
background: url(/common/images/icon-post.gif) no-repeat 0% center;
}

.blogcategory,
#main .blogcategory {
background: url(/common/images/icon-category.gif) no-repeat 0% center;
padding-left: 20px;
}

.image-left {
float:left;
margin: 0 20px 28px 0;
}

.image-right {
float:right;
margin: 0 0 28px 20px;
}

a:focus {
outline: none;
}

.hidden {
position: absolute;
left: -9999px;
display: block;
top: -9999px;
}

.w180 {
width: 180px;
}

#main table.w100per {
width: 100%;
}

.w-s-eq {
width: 11%;
}

.list-mtcms {
background: #F8F7F3;
}


/********************************************************
#gnavi
********************************************************/
#gnavi { background-color: transparent; text-align: right; top: 52px; width: 803px; right: 0; left: auto; margin-right: -25px; }
#gnavi_inner {
background: url(/common/images/gnavi_bg_sub.png) no-repeat right top;
height: 29px;
}

#gnavi ul, #gnavi li {
border: none;
}

#gnavi li {
padding-bottom: 0px;
padding: 0px 22px 0px 0px;
margin-right: 0px;
float: none;
display: inline;
}

#gnavi ul {
padding-top: 15px;
position: relative;
overflow: visible;
}

*html #gnavi ul {
margin-top: 15px;
padding-top: 0;
}
#gnavi li.stay {
border: none;
background: #FFFFFF;
}
#main .note{
color:#666;
text-indent:0;
padding-left:0;
padding-bottom:0px;
margin:0px;
margin-left:0;
}


/********************************************************
トップページ #index
********************************************************/
#index #header {
height: 102px;
}

#index {
background: url(/common/images/body_index.png) repeat-x center top;
}

#feature_list {
width: 956px;
margin: 0 auto;
height: 277px;
overflow: hidden;
position: relative;
}

ul#tabs {
background: url(/common/images/top_tabs_bg.png) no-repeat;
position: absolute;
top: 220px;
left: 0;
z-index: 2;
padding: 3px;
}

ul#tabs li {
float: left;
}

ul#tabs li a {
height: 40px;
}

ul#output {
width: 930px;
height: 230px;
position: absolute;
top: 0;
left: 13px;
overflow: hidden;
}

ul#output li {
height: 230px;
}

ul#output li .txtBox {
float: left;
}

ul#output li .txtBox img {
vertical-align: bottom;
}

ul#output li h2 {
margin-top: 6px;
margin-bottom: 22px;
}

ul#output li h2.MT25 {
margin-top: 25px;
}

ul#output li p {
margin-bottom: 18px;
}

/*ul#output li p a {
font-size: 14px;
font-weight: bold;
line-height: 1;
background: url(/common/images/top_output_link.gif) no-repeat 0 50%;
text-decoration: none;
padding-left: 26px;
}*/

ul#output li .thumb {
float: right;
}

#topicsWrap {
clear: both;
background: url(/common/images/gnavi_bg_index.png) no-repeat center top;
padding-top:25px;
width: ;
width: 930px;
}

.topics {
float: left;
}

.blogTopics {
margin-right: 32px;
/*width: 410px;
*/
width: 324px;
}

.newsTopics {
/*width: 255px;
*/
width: 324px;
}

#topicsWrap h2 {
margin-bottom: 15px;
}

#topicsWrap ul,
.topBannar ul {
list-style: none;
}

.topics dl {
line-height: 1.4;
position: relative;
}

.topics dt {
margin-bottom: 0.5em;
}

.topics dd {
margin-bottom: 35px;
}

#index #main {
width: 676px;
padding-top: 12px;
}

#index #main h2 {
background: transparent;
padding: 0 0 0 72px;
margin-bottom: 25px;
position: relative;
margin-top: 10px;
border-style: none;
}

#index #main ul,#index #main li {
background-image: none;
margin: 0;
padding: 0;
}

#index #main ul {
width: 712px;
margin-right: -32px;
overflow: hidden;
_zoom: 1;
}

#index #main li {
width: 324px;
float: left;
margin-right: 32px;
padding-bottom: 15px;
display: inline;
}

#index #main li.features {
background: url(/common/images/top_features_icon.gif) no-repeat;
}

#index #main li.support {
background: url(/common/images/top_support_icon.gif) no-repeat;
}

#index #main li.hosting {
background: url(/common/images/top_hosting_icon.gif) no-repeat;
}

#index #main li.solution {
background: url(/common/images/top_solution_icon.gif) no-repeat;
}

#index #main li.smart {
background: url(/common/images/top_smart_icon.gif) no-repeat;
}

#index #main li.enterprise {
background: url(/common/images/top_enterprise_icon.gif) no-repeat;
}

#index #main li.cloud {
background: url(/common/images/top_cloud_icon.gif) no-repeat;
}

#index #sub, .mainCase, .seminarBox ul {
width: 215px;
}

.mainCase {
width: 215px;
float: right;
margin-top: 16px;
}
.mainCase img {
vertical-align: bottom;
}

.mainCase h2,.mainCase li {
margin-bottom: 8px;
}

.mainCase li {
float: left;
}

.topBannar {
float: right;
}
.campaignBox {
margin-bottom: 22px;
}

.seminarBox {
background: url(/common/images/top_seminar_bg.png) no-repeat 0 100%;
padding-bottom: 30px;
}
.seminarBox li {
float: left;
padding-right: 18px;
padding-left: 18px;
}
/********************************************************
サブページ #subpage
********************************************************/
#subpage {
background: url(/common/images/body_index.gif) repeat-x left top;
}
/*#subpage #body {
background: url(/common/images/contents_bg.png) repeat-x right 94px;
}
*/

#subpage #main {
width:712px;
margin-bottom: 50px;
float: right;
background: url(/common/images/hero_bg.png) no-repeat right top;
margin-right: -20px;
margin-top:-2px;
position: relative;
}

#subpage #main_inner{
padding: 27px 45px 0 32px;
margin-left: 0px;
border-left: 1px solid #E2E2E2;
margin-top: 17px;
position: static;
min-height: 400px;
}

*html #subpage #main_inner {
height: 400px;
}

#subpage #contents_inner {
padding-top: 10px;
}


/********************************************************
Sub Pages Navigation
********************************************************/
#localNavi {
font-size:110%;
font-weight:600;
color:#666;
text-shadow: 0px 1px 1px #fff;
float:left;
width: 220px;
margin-top: 15px;
}

#localNavi .parentFolder,
#localNavi h2 {
background:#E6E5DD;
padding:0px 0px 0px 10px;
font-size:inherit;
}
#localNavi h2 {
display:block;
line-height:140%;
padding:9px 5px 9px 10px;
border-top:none;
color:#666;
}

#localNavi ul.level02,
.localNaviList {
border:none;
margin-bottom:15px;
}

#localNavi .parentFolder a {
width: 210px;
}

#localNavi .parentFolder a,
#localNavi ul.level02 li a,
#localNavi ul.level02 li.level01 a,
#localNavi ul.level02 li ul.level03 li a,
.localNaviList li a {
display:block;
line-height:140%;
text-decoration:none;
padding:9px 0px 9px 0px;
border-top:none;
border-bottom: 1px solid #e4e4e4;
color:#666;
font-weight: bold !important;
}
.localNaviList li a {
padding-left:25px;
width:195px;
}

#localNavi ul.level02 li ul.level03 li a,
.localNaviList li ul a {
width: 200px;
margin-left: 20px;
}

#localNavi ul.level02 li a,
#localNavi ul.level02 li.current a {
width: 220px;
}

#localNavi ul.level02 li.current a,
#localNavi ul.level02 li ul.level03 li.current a,
.localNaviList li ul li a {
color: #DE821F;
padding-top: 9px;
}

#localNavi ul.level02 li,
.localNaviList li {
background:none;
line-height:0px;
width: 220px;
}

#localNavi ul.level02 li a span,
#localNavi ul.level02 li.current a span,
#localNavi ul.level02 li ul.level03 li a span,
.localNaviList li a span {
padding:0px 10px 0px 20px;
border-left: none;
display: inline;
margin: 0;
}

#localNavi ul.level02 li.workflow a span,
#localNavi ul.level02 li.easytour a span,
#localNavi ul.level02 li.editing a span,
#localNavi ul.level02 li.renewal a span,
#localNavi ul.level02 li.navigation a span,
#localNavi ul.level02 li.control a span,
#localNavi ul.level02 li.importer a span,
#localNavi ul.level02 li.scraping a span,
#localNavi ul.level02 li.customize a span,
#localNavi ul.level02 li.accessup a span,
#localNavi ul.level02 li.accesscontrol a span,
#localNavi ul.level02 li.form a span,
#localNavi ul.level02 li.mobile a span,
#localNavi ul.level02 li.list a span,
#localNavi ul.level02 li.system-requirements a span,
#localNavi ul.level02 li.point a span,
#localNavi ul.level02 li.functions a span,
#localNavi ul.level02 li.plus a span,
#localNavi ul.level02 li.edition a span,
#localNavi ul.level02 li.extensions a span,
#localNavi ul.level02 li.price a span,
#localNavi ul.level02 li.support a span,
#localNavi ul.level02 li.sales a span{
padding:0px 10px 0px 25px;
}

#localNavi ul.level02 li a,
#localNavi ul.level02 li a:hover,
#localNavi ul.level02 li.current a:hover,
.localNaviList li a {
background: url(/common/images/sideicon_others.gif) no-repeat 4px center;
}

#localNavi ul.level02 li a:hover,
#localNavi ul.level02 li.current a:hover,
#localNavi ul.level02 li ul.level03 li.level02 a:hover,
.localNaviList li a:hover {
color: #DE821F;
}


#localNavi ul.level02 li.workflow a,
#localNavi ul.level02 li.workflow a:hover {
background: url(/common/images/sideicon_workflow.gif) no-repeat left center;
}
#localNavi ul.level02 li.easytour a,
#localNavi ul.level02 li.easytour a:hover {
background: url(/common/images/sideicon_easytour.gif) no-repeat left center;
}
#localNavi ul.level02 li.editing a,
#localNavi ul.level02 li.editing a:hover {
background: url(/common/images/sideicon_editing.gif) no-repeat left center;
}
#localNavi ul.level02 li.renewal a,
#localNavi ul.level02 li.renewal a:hover {
background: url(/common/images/sideicon_word.gif) no-repeat left center;
}
#localNavi ul.level02 li.navigation a,
#localNavi ul.level02 li.navigation a:hover {
background: url(/common/images/sideicon_navi.gif) no-repeat left center;
}
#localNavi ul.level02 li.control a,
#localNavi ul.level02 li.control a:hover {
background: url(/common/images/sideicon_manage.gif) no-repeat left center;
}
#localNavi ul.level02 li.importer a,
#localNavi ul.level02 li.importer a:hover {
background: url(/common/images/sideicon_csv.gif) no-repeat left center;
}
#localNavi ul.level02 li.scraping a,
#localNavi ul.level02 li.scraping a:hover {
background: url(/common/images/sideicon_insert.gif) no-repeat left center;
}
#localNavi ul.level02 li.customize a,
#localNavi ul.level02 li.customize a:hover {
background: url(/common/images/sideicon_custom.gif) no-repeat left center;
}
#localNavi ul.level02 li.accessup a,
#localNavi ul.level02 li.accessup a:hover {
background: url(/common/images/sideicon_seo.gif) no-repeat left center;
}
#localNavi ul.level02 li.accesscontrol a,
#localNavi ul.level02 li.accesscontrol a:hover {
background: url(/common/images/sideicon_acl.gif) no-repeat 3px center;
}
#localNavi ul.level02 li.form a,
#localNavi ul.level02 li.form a:hover {
background: url(/common/images/sideicon_form.gif) no-repeat 3px center;
}
#localNavi ul.level02 li.mobile a,
#localNavi ul.level02 li.mobile a:hover {
background: url(/common/images/sideicon_keitai.gif) no-repeat 4px center;
}
#localNavi ul.level02 li.list a,
#localNavi ul.level02 li.list a:hover {
background: url(/common/images/sideicon_function.gif) no-repeat 1px center;
}
#localNavi ul.level02 li.system-requirements a,
#localNavi ul.level02 li.system-requirements a:hover {
background: url(/common/images/sideicon_system.gif) no-repeat 1px center;
}

#localNavi ul.level02 li.point a,
#localNavi ul.level02 li.point a:hover {
background: url(/common/images/sideicon_points.gif) no-repeat 4px center;
}

#localNavi ul.level02 ul.level03 li.point a,
#localNavi ul.level02 ul.level03 li.point a:hover {
background: url(/common/images/sideicon_others.gif) no-repeat 4px center;
}

#localNavi ul.level02 li.current a {
border-bottom: 1px solid #e4e4e4;
}

#localNavi ul.level02 li.current,
#localNavi ul.level02 li.current li {
border-bottom: none;
}

#localNavi ul.level02 li.functions a,
#localNavi ul.level02 li.functions a:hover {
background: url(/common/images/sideicon_functions.gif) no-repeat left center;
}
#localNavi ul.level02 ul.level03 li.functions a,
#localNavi ul.level02 ul.level03 li.functions a:hover {
background: url(/common/images/sideicon_others.gif) no-repeat 4px center;
}
#localNavi ul.level02 li.plus a,
#localNavi ul.level02 li.plus a:hover {
background: url(/common/images/sideicon_plus.gif) no-repeat left center;
}
#localNavi ul.level02 ul.level03 li.plus a,
#localNavi ul.level02 ul.level03 li.plus a:hover {
background: url(/common/images/sideicon_others.gif) no-repeat 4px center;
}
#localNavi ul.level02 li.compar a,
#localNavi ul.level02 li.compar a:hover {
background: url(/common/images/sideicon_compar.gif) no-repeat left center;
}
#localNavi ul.level02 li.extensions a,
#localNavi ul.level02 li.extensions a:hover {
background: url(/common/images/sideicon_extensions.gif) no-repeat left center;
}
#localNavi ul.level02 li.price a,
#localNavi ul.level02 li.price a:hover {
background: url(/common/images/sideicon_price.gif) no-repeat left center;
}
#localNavi ul.level02 li.support a,
#localNavi ul.level02 li.support a:hover {
background: url(/common/images/sideicon_support.gif) no-repeat left center;
}
#localNavi ul.level02 li.sales a,
#localNavi ul.level02 li.sales a:hover {
background: url(/common/images/sideicon_sales.gif) no-repeat left center;
}

#otherNavi,
#editionNavi {
background:url(/common/images/sidenavi_widget_foot.png) no-repeat left bottom;
padding-bottom:31px;
margin-bottom:0px;
margin-top: 30px;
width: 220px;
}

#otherNavi ul {
width: 230px;
height: 108px;
}

#otherNavi li {
margin:0px;
padding:0px;
line-height: 0;
width: 230px;
height: 36px;
}

#otherNavi li a {
margin: 0px;
padding: 0px;
line-height: normal;
text-decoration: none;
height: 36px;
}

#otherNavi li a img,
#editionNavi li a img {
vertical-align: bottom;
}

#editionNavi {
position: relative;
}

#editionNavi h2 {
background-color: transparent;
padding-left: 0;
border-top-style: none;
}

#editionNavi li {
margin:0px;
padding:0px;
}

#editionNavi p {
position: absolute;
top: 7px;
right: 0;
}

.sidebn-catalog {
margin-top: 20px;
}

.sidebn-catalog {
margin-top: 0px;
}

.sidebn-seminar {
margin-bottom: 50px;
}

.sidenavi-top {
margin-top: 20px;
}

.tinythum-left {
clear:both; width:300px; float:left;
}
.tinythum-right{
width:300px; float:right;
}
#main .tinythum-left h3,
#main .tinythum-right h3 {
margin-top:0;
}

.tinythum-left .image-left,
.tinythum-right .image-left {

}
.tinythum-left .image-right,
.tinythum-right .image-right {
margin: 0 0 5px 15px;
}
/********************************************************
#main style
********************************************************/

#main h1 {
padding: 0;
font-size: 150%;
background: url(/common/images/h1_bg.png) no-repeat left bottom;
height: 41px;
margin-bottom: 15px;
}

#main h2 {
font-size:116.7%;
background:none;
border-left:none;
padding:0;
margin:30px 0px 8px 0px;
}

#main h3 {
font-size: 100%;
border: none;
margin-bottom: 0;
padding-left: 0px;
}

#main p {
padding: 0;
margin-bottom: 10px;
}

#main ul li {
list-style: none;
background: url(/common/images/contents_ul_icon.gif) no-repeat left 0.5em;
position: relative;
}

#main ul li ul li {
background: none;
list-style-type: square;
margin-left: 1em;
}

#main table {
width: 85%;
border-top: 1px solid #E2E2E2;
border-bottom: none;
}

#main td {
padding: 10px;
border: 1px solid #E2E2E2;
}

#main th {
background: #DDD9CE url(/common/images/th_yoko_bg.gif) repeat-x left bottom;
white-space: nowrap;
border-bottom: 1px solid #EEEEEE;
padding: 10px;
border-right: 1px solid #E2E2E2;
color: #666666;
text-shadow: 0px 1px 1px #fff;
}

#main a:hover img,
.mainCase li a:hover img {
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#main a:hover img.over,
.mainCase li a:hover img {
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#main .linebottom {
margin-bottom:20px;
background:url(/common/images/main_thinline.png) no-repeat center bottom;
padding-bottom: 20px;
margin-top: 0px;
padding-top: 0px;
clear: both;
width: 635px;
}

#main .pagenav {
margin-bottom:0px;
background:url(/common/images/main_thinline.png) no-repeat center top;
padding-bottom: 0px;
margin-top: 20px;
padding-top: 20px;
clear: both;
width: 635px;
overflow:hidden;
}

#main .pagenav p {
text-align: right;
}

#main .pagenav p.prev {
float: left;
}

#main .pagenav p.prev a.more {
padding-right: 0px;
padding-left: 15px;
background: url(/common/images/icon-arrow2.gif) no-repeat 0% 50%;
}

#main .pagenav p.next {
float: right;
}


#main td ul {
margin-left: 1em;
}

#main td ul li {
list-style-position: outside;
}

#main dl{
margin:0 0 0 10px;
margin-bottom:20px;
padding:0px 0px 10px 3px;
}
#main dl dt{
clear:both;
margin:0px 0px 5px;
font-size:110%;
background: url(/common/images/dt_bg.gif) no-repeat left center;
padding-left: 25px;
}
#main dl dd{
background:url(/common/images/dotted-line.gif) repeat-x left top;
float:left;
margin:0px 0px 10px;
padding:5px 0px 10px;
display: block;
width: 100%;
}
#main td dl dd ul{
padding-left:6px;
}

#comments,
#trackbacks {
margin : 40px 0 0 0;
clear: both;
overflow: hidden;
}
#main h2.comments-open-header,
#main h2.trackbacks_title {
background: url(/common/images/slide_line.gif) no-repeat left top;
padding-top: 10px;
}


/********************************************************
for each page
********************************************************/

#subpage h1.clearN,
#subpage h2.clearN,
#subpage h3.clearN {
clear: none;
position: static;
}

#hero {
background: url(/common/images/main_thinline.png) no-repeat center bottom;
padding-bottom: 15px;
min-height: 250px;
width: 635px;
}

#hero h1 {
background-image: none;
}

#hero img.edge {
position: absolute;
top: 17px;
}

#hero p.intro {
font-size:123.4%;
width:290px;
}


#main .linebottom h2 {
margin: 0 0 10px 0;
}


/* 特徴と機能トップページ */
.features #main h1{
height: 133px;
}

.features #hero {
margin-bottom: 20px;
}


.features #hero img.edge {
right: 20px;
}

.features #sitenavi {
margin-top:20px;
}
.features #funcCustom {
margin:20px 0 0 0;
}
.features #funcSeo,
.features #funcAcl {
margin:10px 0 0 0;
}


/* 柔軟な承認ワークフロー */
.workflow #hero {
min-height: 100%;
}
.workflow #hero img.edge {
right: 20px;
}

/* Wordからページ作成 */
.renewal #main_inner {
padding-top: 215px !important;
min-height: 100%;
}
.renewal #main h1{
height:29px;
}
.renewal #hero {
min-height: 100%;
margin-bottom: 20px;
}
.renewal #hero p.intro {
width:628px;
}

/* 5つのポイント */
.point #main h1{
height:71px;
}
.point #hero {
min-height: 100%;
}

/* 個別セミナー */
.seminar #hero img.edge {
right: 20px;
}

*html .seminar #hero img.edge {
top: 0px;
}

.seminar #hero h1 {
height: 63px;
}

.seminar #hero p {
width: 260px;
}

.seminar #main table dl dt {
clear:both;
margin:0px 0px 5px;
font-size:110%;
background: url(/common/images/dt_bg.gif) no-repeat left center;
padding-left: 25px;
}

.seminar #main table dl dd{
background:url(/common/images/dotted-line.gif) repeat-x left top;
float:left;
margin:0px 0px 10px;
padding:5px 0px 10px;
display: block;
width: 100%;
}


/* 機能一覧：比較表 .compar */
#main div.featuresList {
width: 100%;
background: url(/common/images/func_ul_bg.png) no-repeat center top;
height: 158px;
margin-bottom: 15px;
}

#main div.featuresList ul {
margin: 0 auto;
padding-top: 30px;
width: 608px;
font-size: 85%;
}

#main div.featuresList ul li {
float: left;
width: 135px;
font-size:12px !important;
}

.list #main table,
.compar #main table {
width: 100%;
}

.list #main th,
.compar #main th {
text-align: center;
}

.list #main td {
vertical-align: top;
}

.compar table img {
margin: 0 auto;
display:block;
}

/* ホスティング */
#main div.starter,
#main div.loadbal {
width: 310px;
margin-top: -10px;
padding-top: 80px;
}

#main div.starter ul,
#main div.loadbal ul {
padding-right: 16px;
}

#main div.starter {
background: url(/common/images/recom_st_bg.png) no-repeat left top;
float: left;
}

#main div.loadbal {
background: url(/common/images/recom_lb_bg.png) no-repeat left top;
float: right;
}

#main ul.loadbal li {
background: transparent;
list-style-type: disc !important;
list-style-position: inside !important;
}

.hstTable th.lbl,
.hstTable th.stt {
width: 210px;
}

.hstTable td.center {
text-align: center;
}

td.prcItem {
width: 150px;
}

.catchph {
color: #7bbb29;
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}

/* ソリューション */
.solution #hero {
background: url(/common/images/h1_bg.png) no-repeat;
padding-bottom: 0;
}
.solution #hero h1 {
margin-bottom: 20px;
}
.solution #hero h2 {
margin: 0 0 40px;
}
.solution #hero img.edge {
top: 8px;
right: 16px;
}
.solution #hero p.contact {
margin-bottom: 0;
margin-left: 174px;
padding-bottom: 0;
}

#main .box-left {
width: 300px;
float: left;
}

#main .box-right {
background: url(/images/solution_works_bg.gif) no-repeat 0 100%;
width: 300px;
float: right;
margin-bottom: 20px;
}
#main ul.works {
background: url(/images/solution_works_top.gif) no-repeat;
margin: 0;
padding: 80px 0 0 26px;
}
#main .works li {
background-image: none;
width: 111px;
height: 128px;
float: left;
margin: 0 26px 0 0;
padding: 0;
display: inline;
}
#main .works li p {
color: #999;
font-size: 11px;
line-height: 1.2;
}
#main .works img {
text-align: center;
vertical-align: bottom;
margin-bottom: 6px;
}
#main .works li a.extRef, #main a.noext {
font-weight: normal;
background-image: none;
padding: 0;
white-space: normal;
}
#main h3.point {
background: url(/images/solution_h3_icon.gif) no-repeat 0 50%;
margin-top: 20px;
padding-left: 22px;
}
#main p.price {
color: #c90000;
font-size: 18px;
font-weight: bold;
text-align: right;
background: url(/images/solution_price_line.gif) repeat-x 0 100%;
margin-bottom: 40px;
padding-bottom: 12px;
}
#main p.price span {
background: url(/images/solution_price_icon.gif) no-repeat 0 50%;
padding-left: 72px;
 }
#main table.tSlt {
width: 100%;
}
#main table.tSlt th {
width: 120px;
}
#main .submenu ul {
padding-bottom: 0;
padding-left: 0;
}
#main .submenu li {
float: left;
padding-right: 3em;
padding-left: 13px;
display: inline;
}

/* 見たままページ編集 */
.editing #hero {
min-height: 205px;
padding-bottom: 0 !important;
}
.editing #hero img.edge {
right: 0;
}

.editing #main h1{
height: 35px;
margin-top: 15px;
}

.editing p.intro {
font-size:123.4%;
width: 300px !important;
}

/* かんたん機能ツアー */
.easytour #main h1{
height:71px;
}

.easytour #main h2 a {
color: #136882 !important;
text-decoration: none;
}
.easytour #main a:hover {
color: #de821f !important;
text-decoration: none;
}

/* 導入事例 */
.case-studies ul.case {
margin: 0 !important;
padding: 0 !important;
}

.case-studies ul.case li {
background-image: none !important;
text-align: center;
width: 180px;
float: left;
margin: 0 30px 0 0 !important;
padding: 0 !important;
display: inline;
}

.case-studies ul.case li a {
text-decoration: none;
}

.case-studies ul.case img {
margin-bottom: 8px;
}

/*.compar #main td,
.compar #main th {
padding: 3px;
}
*/
.faq #main dl,
.price #main dl,
.functions #main dl,
.develop #main dl,
.support #main dl,
.seminar #main dl{
margin:0;
margin-bottom:20px;
padding:0px 0px 10px 3px;
}
.faq #main dl dt,
.price #main dl dt,
.functions #main dl dt,
.develop #main dl dt,
.support #main dl dt,
.seminar #main dl dt {
clear:both;
margin:0px 0px 5px;
font-size:120%;
background: url(/common/images/dt_q_bg.gif) no-repeat left center;
padding-left: 35px;
padding-top: 10px;
}
.faq #main dl dd,
.price #main dl dd,
.functions #main dl dd,
.develop #main dl dd,
.support #main dl dd,
.seminar #main dl dd {
background:url(/common/images/dd_a_bg.gif) no-repeat 5px top;
float:left;
margin:0px 0px 10px;
padding:5px 0px 10px 35px;
width: 595px;
border-bottom: 1px solid #e4e4e4;
}

#main ul.blogentrylist {
margin-top: 10px;
position: relative;
}

#main ul.blogentrylist li {
background: none;
padding-left: 0;
}

#localNavi .recent {
margin-top: 9px;
}

#localNavi .recent li {
font-size: 90%;
position: relative;
padding: 2em 10px 9px 0px;
line-height: 1.4;
}

#localNavi .recent .date {
position: absolute;
top: 0px;
left: 0px;
}

#localNavi .recent li a {
font-weight: normal;
}

#localNavi .recent li span.date {
background: none;
padding-left: 0px;
}

#main .entryData {
position: relative;
width: 635px;
}

#main .entryData ul {
position: absolute;
padding: 0;
right: 0px;
}

#main .entryData ul li {
float: left;
margin-left: 15px;
}

.entryBody {
clear: both;
padding-top: 50px;
}

#main #a-cf {
margin-top:0;
}

/* MTCMS Smart */
.smart #main_inner {
background: url(/common/images/smart_main_inner_bg.jpg) no-repeat 0 242px;
position: relative;
padding-top: 250px !important;
}

.smart #main_inner h1 {
position: absolute;
top: 17px;
left: 0;
}
.smart #main_inner p.campaign {
position: absolute;
top: -6px;
left: 540px;
}

/* 価格ご購入 */
#main .panel {
padding-bottom: 30px; }

#main ul.tab-head-low {
background: url(/common/images/edition_sub_bg_line.gif) repeat-x 0 100%;
margin: 0 0 20px;
overflow:hidden;
padding: 0 0 0 5px; }

#main ul.tab-head-low li {
background-image: none;
text-align: center;
float: left;
margin: 0 1px 0 0;
padding: 0; }

#main ul.tab-head-low li img {
padding-top: 16px; }

#main ul.tab-head-low li a {
background: url(/common/images/price_editon_tab.gif) no-repeat;
width: 155px;
height: 37px;
display: block; }

#main ul.tab-head-low li a:hover, #main ul.tab-head-low li a.selected {
background-position: -155px 50%; }

/* お問い合わせ */

.inquiry #main {
margin-right: 94px !important; }

table#inquiry td ul {
margin-left: 0; }

table#inquiry td li {
list-style-type: none; }

table#inquiry span.required {
color: red;
font-size: 10px;
padding-left: 1em; }

.inquiry .submit {
margin-left: 0; }

.inquiry .privacy {
overflow: auto !important; }


/********************************************************
MTCMSについて
********************************************************/
#edtion {
position: relative;
padding-top: 180px; }

#edtion ul.tab-head {
background: url(/common/images/edition_ul_bg.gif) no-repeat 0 100%;
position: absolute;
top: 0;
left: -32px;
width: 692px;
margin: 0;
padding: 0 0 25px; }

#edtion ul.tab-head li {
background-image: none;
position: relative;
float: left;
margin: 0;
padding: 0; }

#edtion ul.tab-head li a {
width: 173px;
height: 170px;
display: block;
background: url(/common/images/edition_tab_bg.png) no-repeat 0 100%;
_background: url(/common/images/edition_tab_bg.gif) no-repeat 0 100%; }

#edtion ul.tab-head li a:hover {
background-position: -173px 100%; }

#edtion ul.tab-head li a.selected {
background-position: -346px 100%; }

#edtion .panel {
padding-bottom: 30px; }

#main ul.sub {
background: url(/common/images/edition_sub_bg_line.gif) repeat-x;
margin: 0;
overflow:hidden;
margin-bottom:20px;
padding: 0 0 0 5px; }

#main ul.sub li {
background-image: none;
text-align: center;
float: left;
margin: 0 1px 0 0;
padding: 0; }

#main ul.sub li img {
padding-top: 10px; }

#main ul.sub li a {
background: url(/common/images/edition_sub_bg.gif) no-repeat;
width: 155px;
height: 37px;
display: block; }

#main ul.sub li a:hover, #main ul.sub li a.selected {
background-position: -155px 50%; }


/********************************************************
MTCMS5.3機能
********************************************************/

.idTLD199 #contents_inner {
width: 972px;
position: relative;
background: url(/common/images/t01_main_bg.png) no-repeat 100% 0 !important; }

.idTLD199 .topicPath {
padding-left: 21px; }

.idTLD199 #main {
width: 972px !important;
background-image: none !important;
margin-right:0 !important; }

.idTLD199 #main_inner {
padding: 42px 20px 0 28px !important;
border-left: 0 none transparent !important; }

.idTLD199 #main h1 {
height: auto;
font-size:28px;
padding-bottom: 20px;
margin-bottom: 30px;
_background-image: none; }

.idTLD199 #main h1.center {
background-image: none;
text-align: center;
padding-bottom: 0;
margin: 10px 0 40px;  }

.idTLD199 #main p,
.idTLD199 #main .article table,
.idTLD199 #main .article ul li {
color: #727272;
font-size: 14px;
font-weight: lighter;
line-height: 1.8; }

.idTLD199 #main .article {
width: 924px;
background: url(/common/images/t01_article_bg.jpg) no-repeat 50% 100%;
padding-top: 50px; 
padding-bottom: 55px;}

.idTLD199 #main .top {
padding-top: 0; }

.idTLD199 #main .article:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

.idTLD199 #main .article {
display: inline-block; }

.idTLD199 #main .article h2 {
color: #3f3f3f;
font-size: 22px;
font-weight: 500;
clear: none !important;
margin: 0 0 16px !important;
padding-left: 50px; }

.idTLD199 #main h1,
.idTLD199 #main .article p,
.idTLD199 #main .article ul {
padding-right: 50px;
padding-left: 50px; }

.idTLD199 #main .article p.center {
margin-top: 40px;
margin-bottom: 0; }

.idTLD199 #main .article table p {
padding-left:0px;
}

.idTLD199 #main .article p.cachcopy{
font-size:22px;
text-align:center;
}

.idTLD199 #main .article span {
padding-top: 4px;
display: block; }

.idTLD199 #main .img_r {
float: right;
margin-right: 50px;
margin-left: 50px; }

.idTLD199 #main .img_Rout {
float: right;
margin-left: 50px; }

.idTLD199 #main .article p.intro {
background: url(/common/images/t01_intro_bg.jpg) no-repeat 50% 0;
padding-top: 456px; }

.idTLD199 #main .article-customize {
background: url(/images/t01_index_img10.gif) no-repeat 100% 0; }

.idTLD199 #main .article-customize p {
padding-right: 340px; }

.idTLD199 #main .article table {
width: 824px;
margin: 20px 50px 0; }

.idTLD199 #main .pagenavi {
padding-top: 28px;
padding-bottom: 28px; }

.idTLD199 #main .pagenavi li {
line-height: 40px;
background-image: none;
text-shadow:1px 1px 0px #fff;
margin: 0;
padding: 0; }

.idTLD199 #main .pagenavi li.back {
float: left; }

.idTLD199 #main .pagenavi li.next {
float: right; }

.idTLD199 #main .pagenavi li a {
font-weight: bold;
background: url(/common/images/t01_pagenavi_bg.gif) no-repeat;
text-decoration: none;
text-align: center;
width: 255px;
height: 40px;
display: block; }

.idTLD199 #main .pagenavi li.back a:hover {
background-position: 0 100%; }

.idTLD199 #main .pagenavi li.next a {
background-position: 100% 0; }

.idTLD199 #main .pagenavi li.next a:hover {
background-position: 100% 100%; }

.idTLD199 #main .social-button {
padding-left: 50px; }

.idTLD199 #localNavi {
width: 43px;
margin-left: -43px;
text-shadow: none;
position: relative;
z-index: 100; }

.idTLD199 #localNavi_inner {
position: absolute;
top: 86px;
left: 28px; }

.idTLD199 #localNavi ul.dropdown {
width: 313px;
position: relative; }

.idTLD199 #localNavi ul.dropdown li {
float: left;
zoom: 1; }

.idTLD199 #localNavi ul.dropdown li a {
display: block; }

.idTLD199 #localNavi ul.dropdown li.hover,
.idTLD199 #localNavi ul.dropdown li:hover {
position: relative; }

.idTLD199 #localNavi ul.dropdown ul {
width: 270px;
background-color: #5e5e5e;
visibility : hidden;
position: absolute;
top: 0;
left: 43px;
padding: 4px 16px;
overflow: hidden;
_zoom: 1;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px; }

.idTLD199 #localNavi ul.dropdown ul li {
font-size: 13px;
border-bottom: 1px solid #727272;
float: none;
width: auto;
margin-bottom: -4px; }

.idTLD199 #localNavi ul.dropdown li img{
cursor:pointer;
}

.idTLD199 #localNavi ul.dropdown ul li:hover {
border-bottom: 1px solid #5e5e5e; }

.idTLD199 #localNavi ul.dropdown ul li a {
color: #fff;
font-weight: normal !important;
border-bottom: 1px solid #4c4c4c;
background-image: none; }

.idTLD199 #localNavi ul.dropdown ul li a:hover {
background-color: #4c4c4c;
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; }

.idTLD199 #localNavi ul.dropdown ul li a span {
padding: 0 10px !important; }

/* IE 6 & 7 Needs Inline Block */
.idTLD199 #localNavi ul.dropdown ul li a {
border-right: none;
width: 100%;
display: inline-block; }

.idTLD199 #localNavi ul.dropdown ul li.current a {
color: #fff; }

/* ----- clear fix ----- */

.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

.cf {
display: inline-block; }
/* Hides from IE-mac \*/
* html.cf {
height: 1%;}
 
.cf {
display: block;}
/* End hide from IE-mac */


/************
Social
*************/

.social-button{
overflow:hidden;
clear:both;
position:relative;
background: url(/common/images/main_thinline.png) no-repeat scroll center top transparent;
margin-left:0px;
margin-top:7px;
padding-top:15px;
padding-bottom:4px;
padding-left:5px;
}

.social-button .bk{
margin-right:15px;
}

.social-button span{
display:block;
float:left;
}


img.edition{
margin-left:5px;
vertical-align:middle;
}

table img.edition{
margin-left:0px;
margin-right:5px;
vertical-align:middle;
}


.idTLD199 #main .edition-description{
background: url("/common/images/main_thinline.png") no-repeat scroll center top transparent;
padding-top:30px;
}

.idTLD199 #main .edition-description p{
text-align:center;
margin-left:0px;
font-size:12px;
padding-bottom:20px;
text-shadow:1px 1px 0px #fff;
}


.idTLD199 #main .edition-description a{
color:#666;
}

#main .edition-description ul {
margin-left:40px;
}

#main .edition-description ul li{
font-size:11px;
list-style-type:none;
background:none;
display:inline;
color:#666;
text-shadow:1px 1px 0px #fff;
}

#main .edition-description ul li img{
margin-right:5px;
vertical-align:middle;
}

.idTLD199 #main p.note{
color:#666;
font-size:12px;
}