@charset "utf-8";
/*--------------------------------------------------------------------
 #bodyclm
--------------------------------------------------------------------*/
#bodyclm {
	background: url("/corp/img/common/common_bodyclm_bg.gif") repeat-y;
}
/*--------------------------------------------------------------------
 #bodyclm #body-head
--------------------------------------------------------------------*/
#body-head {
	padding-bottom: 10px;
	background-color:#fff;
}
#body-head .branding{
	height: 200px;
	background: #dcdcdc url(/corp/img/common/other_body_head_bg.jpg) 0 0 repeat-x;
}
#body-head .branding p{
	position: relative;
	height: 200px;
}
#body-head .branding img{
	margin:10px;
}
/* sitenaviplus */
.sitenaviplus #body-head .branding p{
	padding:10px;
	background: url(/corp/img/service/ss_branding.jpg) 10px 10px no-repeat;
}
/* brain */
.brain #body-head .branding p{
	padding:10px;
	background: url(/corp/img/service/ns_branding.jpg) 10px 10px no-repeat;
}
/* bread */
#body-head .bread{
	font-size: 75%;
	margin: 12px 0 0 8px;
}
/*--------------------------------------------------------------------
 #bodyclm #body-main
--------------------------------------------------------------------*/
#body-main {
	float: left;
	width: 660px;
	min-height: 650px;
}
* html #body-main{
	height: 650px;
}

.service #body-main .h1ttl{
	border-top:1px solid #ddd;
}
.service #body-main .h1ttl h1{
	padding:11px 0 10px 9px;
	font-size:81.25%;
	line-height:1.9230em;
/*	font-weight:bold;*/
}
.service  #body-main .h1ttl h1 span{
/*	font-size:130.7692%;*/
/*	line-height:1.2352em;*/
	font-weight:bold;
}

.service-index #body-main .h1ttl{
	padding:20px 8px 15px;
	border-top:2x solid #c9c9c9;
}
.service-index #body-main .h1ttl h1{
	padding:0;
	font-size: 150%;
	line-height: 1.1666em;
	font-weight: bold;
}

.company #body-main .h1ttl,
.recruit #body-main .h1ttl,
.contact #body-main .h1ttl,
.guide #body-main .h1ttl,
.verisign #body-main .h1ttl{
	padding:20px 8px 15px;
	border-top:1px solid #c9c9c9;
}
.company #body-main .h1ttl h1,
.recruit #body-main .h1ttl h1,
.contact #body-main .h1ttl h1,
.guide #body-main .h1ttl h1,
.verisign #body-main .h1ttl h1{
	font-size: 150%;
	line-height: 1.1666em;
	font-weight: bold;
}
.company #body-main .h1ttl p,
.recruit #body-main .h1ttl p,
.contact #body-main .h1ttl p,
.guide #body-main .h1ttl p{
	margin-top:5px;
	padding-left:2px;
}
#body-main p.h1-p{
	padding:0 0 20px 10px;
	font-size:75%;
	line-height:1.5em;
}
/* h2 */
#body-main .h2ttl{
	min-height:46px;
	margin-bottom:20px;
	border-top:2px solid #ccc;
	background:#e6e6e6 url(/corp/img/common/ttl_bg.jpg) 0 0 repeat-x;
}
* html #body-main .h2ttl{
	height:46px;
}
.company #body-main .h2ttl{
	border-top:2px solid #cccccc;
}
#body-main .h2ttl h2{
	min-height:24px;
	padding:11px 0 11px 10px;
	line-height:1.5em;
	font-weight:bold;
}
* html #body-main .h2ttl h2{
	height:24px;
}


/* kokokarairanai */
#body-main .h1clm {
	width: 660px;
}
#body-main .h2clm {
	margin-bottom: 20px;
	width: 660px;
	min-height: 48px;
	*height: 48px;
}
#body-main .h2clm p {
	font-size: 75%;
	line-height: 1em;
	margin-top: 2px;
}
#body-main .h1clm div,
#body-main .h2clm div {
	display:table-cell;
	vertical-align:middle;
}
/* for IE 6 */
* html #body-main .h1clm div,
* html #body-main .h2clm div {
	display:inline;
	zoom:1;
}
/* for IE 7 */
*:first-child+html #body-main .h1clm div,
*:first-child+html #body-main .h2clm div {
	display:inline;
	zoom:1;
}
#body-main .h1clm .lock-h {
	width: 0px;
	height: 46px;
}
#body-main .h2clm .lock-h {
	width: 8px;
	height: 48px;
}
#body-main .h1clm h1 {
	font-size: 81.25%;
	font-weight: bold;
	padding: 0 0 0 8px;
}
#body-main .h2clm h2 {
	font-size: 100%;
	font-weight: bold;
}
#body-main .h1clm h1 .item-name {
	font-size: 133.3333%;
}

#bodyclm #body-main .mainclm .caution-clm {
	background: #ededed;
	border: 1px solid #e4e4e4;
	margin-top: 30px;
	padding: 20px;
}
#bodyclm #body-main .mainclm .caution-clm p {
	font-size: 75%;
}
#bodyclm #body-main .mainclm .caution-clm .caution {
	background: url("/corp/img/common/common_caution_mark.gif") no-repeat;
	font-size: 87.5%;
	font-weight: bold;
	padding: 6px 0 0 35px;
	min-height: 26px;
	*height: 26px;
}
#bodyclm #body-main .mainclm .caution-clm ul {
	font-size: 75%;
	margin: 15px 0 0 0;
/*	padding-left:1.5em;*/
}
#bodyclm #body-main .mainclm .caution-clm li {
	float: none;
	list-style: none;
	margin:0px;
	background-image:url(/corp/img/common/li_ten.gif);
	background-position:5px 0.6em;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:0.5em;
	line-height:1.5em;
}


/*--------------------------------------------------------------------
 #bodyclm #body-sub
--------------------------------------------------------------------*/
#body-sub {
	float: right;
	width: 260px;
	border-top:2px solid #ccc;
}
#body-sub .submenu{
	margin-bottom:10px;
}
.submenu li{
	display:block;
	margin:1px;
}
.submenu li a{
	display:block;
	min-height:18px;
	padding:11px 20px 10px;
	font-size:75%;
	line-height:1.5em;
	font-weight:bold;
	color:#4c4c4c;
	background:#fff url(/corp/img/common/sub_bg_btn.gif) 3px 50% no-repeat;
}
* html .submenu li a{
	height:18px;
}
.submenu li a span{
	display:block;
	font-size:91.6666%;
	line-height:1.1818em;
	font-weight:normal;
}
.submenu li a:hover{
	background-position:-257px 50%;
	text-decoration:none;
	color:#4c4c4c;
	background-color:#ddd;
}

/* company */
.company-index .submenu li.sm-company-index a,
.company-outline .submenu li.sm-company-outline a,
.company-massage .submenu li.sm-company-massage a,
.company-history .submenu li.sm-company-history a,
.company-map .submenu li.sm-company-map a,
.company-techonology .submenu li.sm-company-techonology a,
.company-press .submenu li.sm-company-press a,
.company-information .submenu li.sm-company-information a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* service */
.service-index .submenu li.sm-service-index a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* brain */
.brain-index .submenu li.sm-brain-index a,
.brain-features .submenu li.sm-brain-features a,
.brain-price .submenu li.sm-brain-price a,
.brain-customize .submenu li.sm-brain-customize a,
.brain-contact .submenu li.sm-brain-contact a,
.brain-theme .submenu li.sm-brain-theme a,
.brain-source .submenu li.sm-brain-source a,
.brain-faq .submenu li.sm-brain-faq a,
.brain-schedule .submenu li.sm-brain-schedule a,
.brain-pdf .submenu li.sm-brain-pdf a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* infocast */
.infocast-index .submenu li.sm-infocast-index a,
.infocast-features .submenu li.sm-infocast-features a,
.infocast-price .submenu li.sm-infocast-price a,
.infocast-customize .submenu li.sm-infocast-customize a,
.infocast-contact .submenu li.sm-infocast-contact a,
.infocast-theme .submenu li.sm-infocast-theme a,
.infocast-source .submenu li.sm-infocast-source a,
.infocast-faq .submenu li.sm-infocast-faq a,
.infocast-schedule .submenu li.sm-infocast-schedule a,
.infocast-pdf .submenu li.sm-infocast-pdf a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* sitenaviplus */
.sitenaviplus-index .submenu li.sm-sitenaviplus-index a,
.sitenaviplus-features .submenu li.sm-sitenaviplus-features a,
.sitenaviplus-casestudy .submenu li.sm-sitenaviplus-casestudy a,
.sitenaviplus-price .submenu li.sm-sitenaviplus-price a,
.sitenaviplus-contact .submenu li.sm-sitenaviplus-contact a,
.sitenaviplus-faq .submenu li.sm-sitenaviplus-faq a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* articleplus */
.articleplus-index .submenu li.sm-articleplus-index a,
.articleplus-features .submenu li.sm-articleplus-features a,
.articleplus-casestudy .submenu li.sm-articleplus-casestudy a,
.articleplus-price .submenu li.sm-articleplus-price a,
.articleplus-contact .submenu li.sm-articleplus-contact a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* pediaplus */
.pediaplus-index .submenu li.sm-pediaplus-index a,
.pediaplus-features .submenu li.sm-pediaplus-features a,
.pediaplus-casestudy .submenu li.sm-pediaplus-casestudy a,
.pediaplus-price .submenu li.sm-pediaplus-price a,
.pediaplus-contact .submenu li.sm-pediaplus-contact a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* webtopnews */
.webtopnews-index .submenu li.sm-webtopnews-index a,
.webtopnews-contact .submenu li.sm-webtopnews-contact a,
.webtopnews-source .submenu li.sm-webtopnews-source a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* sitewatch */
.sitewatch-index .submenu li.sm-sitewatch-index a,
.sitewatch-features .submenu li.sm-sitewatch-features a,
.sitewatch-price .submenu li.sm-sitewatch-price a,
.sitewatch-contact .submenu li.sm-sitewatch-contact a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* fresheye */
.fresheye-index .submenu li.sm-fresheye-index a,
.fresheye-contact .submenu li.sm-fresheye-contact a,
.fresheye-fresheye .submenu li.sm-fresheye-fresheye a,
.fresheye-femb .submenu li.sm-fresheye-femb a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* femb */
.femb-index .submenu li.sm-femb-index a,
.femb-contact .submenu li.sm-femb-contact a,
.femb-fresheye .submenu li.sm-femb-fresheye a,
.femb-femb .submenu li.sm-femb-femb a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* recruit */
.recruit-index .submenu li.sm-recruit-index a,
.recruit-list .submenu li.sm-recruit-list a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* .contact */
.contact-index .submenu li.sm-contact-index a,
.contact-form .submenu li.sm-contact-index a,
.contact-thanks .submenu li.sm-contact-index a,
.contact-list .submenu li.sm-contact-list a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* .guide */
.guide-index .submenu li.sm-guide-index a,
.guide-sitemap .submenu li.sm-guide-sitemap a,
.guide-privacy .submenu li.sm-guide-privacy a,
.guide-security .submenu li.sm-guide-security a {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* for verisign */
.veri-schedule .submenu li.sm-verisign-schedule a  {
	background-position:-257px 50%;
	background-color:#ddd;
}

/* sublinks */
.sublink ul{
	margin:0 5px;
	width:250px;
	border-top:1px solid #ddd;
}
.sublink li{
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#fff;
}
.sublink li a,
.sublink li a:visited,
.sublink li a:hover{
	display:block;
	min-height:12px;
	padding:10px 7px 10px 27px;
	font-size:75%;
	line-height:1.5em;
	font-weight:bold;
	background:url(/corp/img/common/icon_right_gray.gif) 7px 1.0833em no-repeat;
	color:#4c4c4c;
	text-decoration:none;
}
* html .sublink a{
	height:12px;
}


/* infowaku */
#body-sub .info {
	border-top: 2px solid #4c4c4c;
	margin-top: 1px;
	padding-bottom: 10px;
}
#body-sub .info p {
	font-size: 75%;
	font-weight: bold;
	margin: 10px 0 0 10px;
}
#body-sub .info dl {
	font-size: 68.75%;
	margin: 5px 0 0 10px;
}
#body-sub .info dl dt {
	font-weight: bold;
}
#body-sub .info dl dd {
	line-height: 1em;
	margin: 0;
}


/*--------------------------------------------------------------------
 #bodyclm #body-foot
--------------------------------------------------------------------*/
#body-foot {
	clear: both;
	overflow: hidden;
	padding-top: 30px;
	width: 950px;
}
#body-foot .pgtop a{
	background: url("/corp/img/common/common_btn_pagetop_on.jpg") no-repeat;
	display: block;
	margin-left: 850px;
	height: 20px;
}
#body-foot .pgtop a img{
	vertical-align:top;
}
#body-foot .pgtop a:hover img {
	visibility: hidden;
}
/* IE hidden bug(a:hover) escape */
#body-foot .pgtop a:hover {
	background-color:#fff;
}

/*--------------------------------------------------------------------
 footclm
--------------------------------------------------------------------*/
.footsitemap{
	margin-top:1px;
	border-bottom:1px solid #ccc;
	background-color:#f5f5f5;
	text-align: left;
}
.footsitemap-in{
	overflow:hidden;
	width:960px;
	padding:11px 0px 10px;
	margin:0 auto;
}
.footsitemap h4{
	padding:3px 4px 5px;
	font-size:75%;
	line-height:1.5em;
	font-weight:bold;
	background:url(/corp/img/common/tensen.gif) 0 100% repeat-x;
	color:#555;
}
.footsitemap ul{
	padding:7px 0 0;
}
.footsitemap li{
	padding:3px 0 3px 5px;
	font-size:75%;
	line-height:1.5em;
}
.footsitemap li.ttl{
	padding:5px 0 4px;
	background-image:none;
}
.footsitemap li.ttl p{
	font-weight:bold;
	line-height:1.25em;
	padding-left:5px;
	color:#555;
}
.footsitemap li a,
.footsitemap li a:visited,
.footsitemap li a:hover{
	display:inline-block;
	color:#333;
}
.footsitemap .ft-company{
	overflow:hidden;
	float:left;
	width:268px;
}
.footsitemap .ft-company ul{
	float:left;
	width:134px;
}
.footsitemap .ft-service{
	overflow:hidden;
	float:left;
	width:458px;
	margin-left:17px;
}
.footsitemap .ft-service ul{
	float:left;
	width:152px;
}
.footsitemap .ft-contact{
	float:right;
	width:180px;
}