@charset "utf-8";

/*================================================

　初期化

================================================*/
* {
padding: 0px;
margin: 0px;
font-style: normal;
}

body,
html {
height: 100%;
padding: 0px;
margin: 0px;
}

body {
font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
background-image: url(images_site/body_bg.jpg);
background-repeat: repeat-x;
color: #555555;
font-size: 12px;
line-height:1.5em;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}
p,
ul,
li,
td,
th {
padding: 0px;
margin: 0px;
}

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

img {
-ms-interpolation-mode: bicubic;
}

.clear {
clear: both;
height: 1px;
width: 99%;
font-size: 1%;
line-height: 1px;
}

.clearHeader {
clear: both;
width: 99%;
}

a {
color: #00F;
text-decoration:none;
}

a:hover {
color: #00F;
text-decoration:underline;
}

a img {
border: none;
}
 #GLOBALMENU a[href^="http"], #WRAPPER a[href^="http"] {
background:url(images_site/link_icon.gif) no-repeat right center!important;
padding-right:15px;
}
 #GLOBALMENU a[href^="http://www.businessblog.jp"], #WRAPPER a[href^="http://www.businessblog.jp"] {
padding-right:0px!important;
background:transparent!important;
}

.font10 {
font-size: 10px!important;
}

.font12 {
font-size: 12px!important;
}

.font14 {
font-size: 14px!important;
}

.font16 {
font-size: 16px!important;
}

.font18 {
font-size: 18px!important;
}

.gray {
color: #666666!important;
}

.red {
color: #FF0000!important;
}

.blue {
color: #006994!important;
}

.access {
height: 1px;
width: 1px;
padding: 0px;
margin: 0px;
overflow: hidden;
font-size: 1%;
line-height: 1px;
}

.typewriterFont {
font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

.imgLeft,
.img-left{
float: left;
padding: 1px;
margin: 15px 20px 10px 50px;
border: 1px solid #CCC;
font-size: 84%;
color: #666666;
text-align: center;
line-height: 1.4em;
}

.imgRight,
.img-right {
float: right;
padding: 4px;
margin: 15px 50px 15px 20px;
border: 1px solid #CCC;
font-size: 84%;
color: #666666;
text-align: center;
line-height: 1.4em;
}

.imgCenter {
text-align: center;
clear: both;
line-height: 1.4em;
font-size: 84%;
color: #666;
}

/* Firefoxでフッタ下に隙間ができるのを解決 */
.clearfix:after {
clear: both;
height: 0px;
visibility: hidden;
font-size: 0.1em;
display: block;
content: ".";
}

/*コンテンツ部分*/

#ALL {
padding: 0px;
width: 960px;
margin: 0px auto -390px; /* push用　下マージンはフッターの高さと同じに */
min-height: 100%;
height: auto !important;
height: 100%;
background-image: url(images_site/contents_bg.jpg);
background-repeat: repeat-y;
}

.push {
clear: both;
height: 390px;
width: 960px;
}

/*================================================

　トップページ

================================================*/
#TOPCONTENTS #TOPMIDIUM .headingDescription,
#TOPCONTENTS #TOPCASE .headingDescription {
position: absolute;
top: 5px;
right: 10px;
font-size: 84%;
}

#TOPCONTENTS #TOPSMALL .headingDescription {
position: absolute;
top: 26px;
font-size: 84%;
text-align: center;
width: 160px;
}

#TOPSMALL {
width: 160px;
float: left;
}

#TOPSMALL .topSmallInner {
background-color: #FFF;
margin: 0px 1px;
padding-bottom: 8px;
}

#TOPSMALL ul.banner120 {
list-style-type:none;
}

#TOPSMALL ul.banner120 li {
text-align: center;
margin-top: 8px;
}

#TOPMIDIUM {
float: left;
width: 539px;
padding-left: 8px;
margin-right: -3px;
}

/* 事例集 */

#TOPCASE {
position: relative;
border-bottom: 1px solid #CCC;
padding-bottom: 13px;
background-image: url(images_site/top_case_bg.gif);
background-repeat: repeat-y;
float: left;
width: 707px;
}

#TOPCASE h3#TOPCASEPICKUP {
background-image: url(images_site/top_case_pickup.gif);
background-repeat: no-repeat;
position: absolute;
height: 69px;
width: 313px;
left: 255px;
top: 36px;
text-indent: -9999px;
}

#TOPCASE p.casePickUpBlogName {
font-size: 150%;
padding-left: 30px!important;
font-weight: bold;
height: 47px;
line-height: 1.2em;
}

#TOPCASE h4.caseEnComment {
background-image: url(images_site/case_en_comment.jpg)!important;
background-repeat: no-repeat!important;
background-position: right top!important;
font-size: 80%!important;
display: block;
height: 30px;
padding-top: 4px;
padding-left: 30px;
line-height: 1.6em;
}

#TOPCASE a.topCaseImgLeft img {
float: left;
padding: 1px;
margin: 5px 20px 10px 13px;
border: 1px solid #F3F3F3;
font-size: 84%;
color: #666666;
text-align: center;
}

#TOPCASE #TOPCASEPICKUPINNER {
float: left;
padding-top: 75px;
width: 402px;
line-height: 1.6em;
}

#TOPCASE ul.caseImgList {
list-style-type: none;
margin-left: 13px;
height: 180px;
}

#TOPCASE ul.caseImgList li {
float: left;
padding: 0px 8px 0px 0px;
width: 128px;
}

#TOPCASE ul.caseImgList li a {
text-decoration: none;
outline: none;
padding-right: 0px;
width: 128px;
text-align: left;
display: block;
line-height: 1.2em;
}
#TOPCASE ul.caseImgList li a img {
border: 1px solid #F3F3F3;
}
#TOPCASE h3#TOPCASENEW {
height: 20px;
background-image: url(images_site/top_case_new.jpg);
background-repeat: no-repeat;
clear: both;
text-indent: -9999px;
padding-bottom: 5px;
background-position: 13px 0px;
}

#TOPCASE h2 a {
background-image: url(images_site/top_case_h.jpg);
background-repeat: no-repeat;
height: 28px;
text-indent: -9999px;
padding-bottom: 10px;
display:block;
}

#TOPCASE .blueBg {
background-image: url(images_site/top_case_bluebg.gif);
background-repeat: no-repeat;
clear: both;
line-height: 24px;
background-position: 0px 10px;
margin: 0px 0px 0px 15px;
padding: 10px 5px 0px;
position: relative;
height: 24px;
}

#TOPCASE .blueBg strong {
font-weight: bold;
color: #069;
}

#TOPCASE .blueBg a {
display: block;
text-align: right;
width: 201px;
position: absolute;
top: 10px;
right: 23px;
}

#TOPCASEPICKUPINNER .ButtonMore {
float: right;
}

#TOPCASEPICKUPINNER .ButtonMore a {
display: block;
height: 26px;
width: 81px;
background-image: url(images_site/top_case_button_more.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
}

#TOPCASEPICKUPINNER .ButtonMore a:hover {
background-position:0px -26px;
}

/* 事例検索 */
#TOPSEARCH {
background-color: #DDD;
background-image: url(images_site/top_search_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
position:relative;
margin-top: 8px;
}

#TOPSEARCH h2 {
background-image: url(images_site/top_search_h.jpg);
background-repeat: no-repeat;
height: 28px;
text-indent: -9999px;
display:block;
}

#TOPSEARCH h3 {
background-image: url(images_site/top_search_foldericon.jpg);
background-repeat: no-repeat;
height: 27px;
line-height: 27px;
text-indent: 20px;
clear:both;
background-position: 0px 8px;
margin: 0px;
padding: 8px 0px 0px;
}

#TOPSEARCH .tabSearchStyle ul {
list-style-type: none;
clear: both;
}

#TOPSEARCH .tabSearchStyle ul li {
float:left;
margin: 0px;
padding: 0px 10px 0px 0px;
line-height: 1.4em;
white-space: nowrap;
display: inline-block;
}

#TOPSEARCH .tabSearchStyle .harf {
width: 255px;
float: left;
}

/* お知らせ欄 */
#TOPTOPICS {
background-color: #DDD;
background-image: url(images_site/top_search_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
position:relative;
margin: 8px 0px 0px;
padding: 0px 0px 5px;
}

#TOPTOPICS h2 {
background-image: url(images_site/top_topics_h.jpg);
background-repeat: no-repeat;
height: 28px;
text-indent: -9999px;
position: relative;
}

#TOPTOPICS .tabTopicsStyle ul {
list-style-type: none;
}

#TOPTOPICS .tabTopicsStyle li {
list-style-type: none;
line-height:23px;
margin: 0px;
padding: 0px;
clear: both;
width: 515px;
}

#TOPTOPICS .topNewsToTopics {
text-align: right;
padding-right: 5px;
}

#TOPTOPICS .tabTopicsStyle ul li a {
margin:0px;
padding:0px 5px 0px 5px;
display: block;
float: left;
}

#TOPTOPICS .tabTopicsStyle ul li .topicsIconnews {
background-image: url(images_site/top_topics_news.jpg);
background-repeat: no-repeat;
background-position:0px 2px;
margin: 0px;
padding: 0px 0px 0px 65px;
}

#TOPTOPICS .tabTopicsStyle ul li .topicsIconglossary {
background-image: url(images_site/top_topics_glossary.jpg);
background-repeat: no-repeat;
background-position:0px 2px;
text-indent:65px;
}

#TOPTOPICS .tabTopicsStyle ul li .topicsIconqanda {
background-image: url(images_site/top_topics_faq.jpg);
background-repeat: no-repeat;
background-position:0px 2px;
text-indent:65px;
}

#TOPTOPICS .tabTopicsStyle ul li .topicsIconinfo {
background-image: url(images_site/top_topics_info.jpg);
background-repeat: no-repeat;
background-position:0px 2px;
text-indent:65px;
}

#TOPTOPICS .tabTopicsStyle li a:hover {
text-decoration: underline;
}
#TOPSEARCH #SEARCHTAB,
#TOPICSTAB {
padding: 3px 1px 3px 3px;
}
#SEARCH #SEARCHTAB {
padding: 3px 3px 3px 3px;
}

#SEARCHTAB-nav {
margin: 0px;
padding: 0px;
background-image: url(images_site/top_search_index_bg.jpg);
background-repeat: no-repeat;
height: 27px;
width: 100%;
background-position: 0px 0px;
}

#SEARCHTAB-nav li {
float:left;
list-style-type: none!important;
background-image:none!important;
width: 177px;
padding: 0px 1px 0px 0px!important;
margin: 0px;
font-size: 100%;
}
#SEARCHTAB-nav li a{
display: block;
text-align: center;
width: 177px;
height: 27px;
line-height: 27px;
margin: 0px;
color: #666;
}
#SEARCH #SEARCHTAB-nav li a{
	font-size:86%;
}
#SEARCHTAB-nav li, #TOPICSTAB-nav li {
  color:#555;
}

#SEARCHTAB-nav .close {
font-weight:normal;
background-image: none!important;
}
#SEARCHTAB-nav .activeli a,
#SEARCHTAB-nav li a:hover{
text-decoration: none;
background-image: url(images_site/top_search_index_bg.jpg)!important;
background-repeat: no-repeat;
background-position:0px -27px;
text-decoration: none;
color:#FFF!important;
font-weight:bold;
}

#TOPSEARCH #SEARCHTABBoxIndex{
clear: both;
background-image: url(images_site/top_search_box_bg.gif);
background-repeat: no-repeat;
width: 534px;
height: 293px;
overflow: hidden;
}
#SEARCH #SEARCHTABBoxIndex{
clear: both;
background-image: url(images_site/search_box_bg.gif);
background-repeat: no-repeat;
height: 303px;
}
#TOPSEARCH .tabSearchStyle {
padding:0px 0px 10px 10px;
height: 283px;
width: 524px;
float: left;
}
#SEARCH .tabSearchStyle {
padding:0px 10px 10px;
height: 293px;
}

#TOPICSTAB-nav {
margin: 0px;
padding: 0px;
background-image: url(images_site/top_topics_index_bg.jpg);
background-repeat: no-repeat;
background-position:0px 0px;
height: 27px;
width: 535px;
}
.tabTopicsStyle {
padding:10px;
background-image: url(images_site/top_topics_box_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
width: 514px;
}
#TOPICSTAB-nav li {
float:left;
list-style-type: none;
width: 106px;
padding-right: 1px;
}
#TOPICSTAB-nav li a{
display: block;
text-align: center;
width: 106px;
height: 27px;
line-height: 27px;
color: #666;
}
#TOPICSTAB-nav .close {
font-weight:normal;
background-image: url(images_site/top_topics_index_bg.jpg);
background-repeat: no-repeat;
background-position: 0px 27px;
}
#TOPICSTAB-nav  {
text-decoration: none;
}
#TOPICSTAB-nav .activeli a,
#TOPICSTAB-nav li:hover a{
	color: #FFF;
font-weight: bold;
}
#TOPICSTAB-nav .activeli .topicsTabtopics,
#TOPICSTAB-nav li:hover .topicsTabtopics{
background-image: url(images_site/top_topics_index_bg.jpg);
background-repeat: no-repeat;
background-position: 0px -27px;
}
#TOPICSTAB-nav .activeli .topicsTabnews,
#TOPICSTAB-nav li:hover .topicsTabnews {
	background-image: url(images_site/top_topics_index_bg.jpg);
background-repeat: no-repeat;
background-position: -107px -27px;
}
#TOPICSTAB-nav .activeli .topicsTabcolumn,
#TOPICSTAB-nav li:hover .topicsTabcolumn {
	background-image: url(images_site/top_topics_index_bg.jpg);
background-repeat: no-repeat;
background-position: -214px -27px;
}
#TOPICSTAB-nav .activeli .topicsTabinfo,
#TOPICSTAB-nav li:hover .topicsTabinfo{
	background-image: url(images_site/top_topics_index_bg.jpg);
background-repeat: no-repeat;
background-position: -321px -27px;
}
#TOPICSTAB-nav .activeli,
#TOPICSTAB-nav li:hover{
text-decoration: none;
color:#FFF!important;
}
#TOPICSTABBoxIndex {
clear: both;
background-image: url(images_site/top_topics_box_bg.gif);
background-repeat: no-repeat;
width: 534px;
overflow: hidden;

}
#TOPICSTABBoxIndex div {
background-image: url(images_site/top_topics_box_bottom.gif);
background-repeat: no-repeat;
padding-bottom: 10px;
background-position: 0px 0px;
width: 514px;
background-position:center bottom;
}

#CASELIST #MIDIUM #SEARCH #SEARCHTAB #SEARCHTABBoxIndex .tabSearchStyle .harf {
width: 330px;
}

/* ランキング */
#TOPRANKING {
background-color: #DDDDDD;
background-image: url(images_site/top_ranking_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin-top:8px;
padding-bottom:2px;
position: relative;
}

#TOPRANKING h2 {
background-image: url(images_site/top_ranking_h.jpg);
background-repeat: no-repeat;
height: 48px;
text-indent: -9999px;
}

#TOPRANKING ul {
list-style-type:none;
background-image: url(images_site/top_ranking_list_bg.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
}

#TOPRANKING ul li {
line-height: 1.4em;
}

#TOPRANKING ul li a {
display: block;
margin: 0px;
padding: 42px 3px 8px;
}

/* アンケート */
#TOPQUESTION {
background-image: url(images_site/top_ranking_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin-top:8px;
background-color: #DDDDDD;
padding-bottom:2px;
position: relative;
}

#TOPQUESTION h2 {
background-image: url(images_site/top_question_h.jpg);
background-repeat: no-repeat;
height: 48px;
text-indent: -9999px;
}

#TOPQUESTION .topSmallInner p {
padding: 5px;
}

#TOPQUESTION ol {
list-style-position: outside;
margin-left: 25px;
padding-right: 5px;
margin-bottom: 8px;
}

/* バナー */
.bannerL a {
height: 120px;
width: 468px;
padding: 3px;
margin-bottom: 10px;
display: block;
background-image: url(images_site/bannerL_bg.jpg);
background-repeat: no-repeat;
}

.bannerS a {
height: 60px;
width: 468px;
padding: 3px;
margin-bottom: 10px;
display: block;
background-image: url(images_site/bannerS_bg.jpg);
background-repeat: no-repeat;
}

.bannerL a:hover,
.bannerS a:hover {
background-position: -474px 0px;
}

/*================================================

　ヘッダー

================================================*/

#HEADER {
position: relative;
height: 107px;
width: 960px;
background-image: url(images_site/header_bg.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
line-height: 0px;
}

#HEADER a {
color:#555555;
}

#HEADER #TAGLINE {
height: 19px;
padding-top: 11px;
padding-left: 10px;
font-size: 84%;
line-height: 1em;
font-weight: normal;
}

#LOGO {
position: absolute;
left: 10px;
top: 39px;
height: 60px;
width: 230px;
}

#LOGO a {
height: 60px;
width: 230px;
font-size: 100%;
display: block;
text-indent: -9999px;
background-image: url(images_site/logo.jpg);
background-repeat: no-repeat;
outline: none;
}

/* ヘッダ中央のバナー */
#HEADER .headerBanner {
height: 60px;
width: 468px;
position: absolute;
top: 39px;
left: 249px;
}

#HEADER .headerBanner a {
height: 60px;
width: 468px;
display: block;
}

/* ヘッダ右のボタン */
#HEADER a#ENATURAL {
position: absolute;
top: 39px;
right: 10px;
height: 11px;
width: 210px;
display: block;
background-image: url(images_site/logo_header_enatural.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
outline:none;
font-size: 84%;
padding-top: 49px;
line-height: 1em;
text-align: center;
}

#HEADER a#ENATURAL:hover {
background-position: 0px -60px;
}

/*================================================

　グローバルメニュー

================================================*/

#GLOBALMENU {
height: 24px;
width: 960px;
font-size: 90%;
margin: 0px;
padding: 5px 0px 0px;
line-height: 0px;
}

#GLOBALMENU ul {
margin-left: 10px;
list-style-type: none;
height: 19px;
}

#GLOBALMENU li {
float: left;
border-right: 1px solid #E5E5E5;
height: 19px;
padding: 0px 10px;
line-height: 19px;
}

#GLOBALMENU li a {
color:#555555;
display: block;
outline: none;
}

/*================================================

　上部広告エリア

================================================*/

#PRHEADER {
height: 24px;
width: 960px;
padding-top: 9px;
font-size: 90%;
background-image: url(images_site/prheader_bg.jpg);
background-repeat: no-repeat;
}

#PRHEADER ul {
list-style-type: none;
height: 19px;
}

#PRHEADER li {
float: left;
height: 19px;
overflow: hidden;
}

#PRHEADER li a {
display: block;
outline: none;
padding-left: 45px;
background-image: url(images_site/pr_icon.jpg);
background-repeat: no-repeat;
background-position: 18px;
padding-right: 30px;
}

#PRHEADER li#Menu01 a {
height: 19px;
width: 100px;
background-position: -193px 0px;
}

#PRHEADER li#Menu02 a {
height: 35px;
width: 100px;
background-position: -293px 0px;
}

#PRHEADER li#Menu03 a {
height: 35px;
width: 100px;
background-position: -393px 0px;
}

#PRHEADER li#Menu04 a {
height: 35px;
width: 100px;
background-position: -493px 0px;
}

#PRHEADER li#Menu05 a {
height: 35px;
width: 100px;
background-position: -593px 0px;
}

#PRHEADER li#Menu06 a {
height: 35px;
width: 100px;
background-position: -693px 0px;
}

#PRHEADER li a:hover {
}

/*================================================

　トピックパス

================================================*/

#TOPICPATH {
padding: 0px 0px 12px 15px;
margin: 0px;
font-size: 75%;
line-height: 1.1em;
}

#TOPICPATH p {
padding: 11px 0px 0px 10px;
margin: 0px;
font-size: 100%;
color: #666666;
line-height: 12px;
}

#TOPICPATH p a {
color: #666;
text-decoration: none;
}

#TOPICPATH ul li {
float: left;
}

#TOPICPATH ul {
position: absolute;
top: 11px;
right: 0px;
height: 16px;
width: auto;
list-style-type: none;
}

#TOPICPATH ul li a {
text-indent: -9999px;
}

#TOPICPATH ul li a:hover {
background-position: 0px -16px;
}

/*================================================

　WRAPPER

================================================*/
#WRAPPER {
float: left;
width: 960px;
padding-bottom: 20px;
}

#WRAPPER h1 {
}

/*================================================

　サイドバー

================================================*/
#SIDE {
float: right;
width: 234px;
padding: 15px 0px 20px;
margin: 0px;
}

#TOPTOPICS .roundBottom {
height: 10px;
width: 474px;
background-image: url(images_site/top_topics_bottom.jpg);
background-repeat: no-repeat;
}

/*================================================

　フッター

================================================*/

#FOOTER {
height: 390px;
background-image: url(images_site/footer_bg.gif);
background-repeat: repeat-x;
color: #555555;
margin: 0px;
padding: 0px;
line-height: 0px;
}

#FOOTERINNER {
margin: 0px auto;
height: 390px;
width: 960px;
padding: 0px;
line-height: 1.8em;
}

#FOOTERTOTOP {
height: 35px;
line-height: 35px;
padding-bottom: 5px;
}

ul#FOOTERMENU {
list-style-type: none;
height: 19px;
margin: 0px auto;
width:875px;
font-size: 11px;
}

ul#FOOTERMENU li {
float: left;
border-right: 1px solid #E5E5E5;
height: 19px;
}

ul#FOOTERMENU li.lastMenu {
border-right-style: none!important;
}

ul#FOOTERMENU li a {
color:#555555;
text-decoration: none;
display: block;
outline: none;
padding-right: 10px;
padding-left: 10px;
}

ul#FOOTERMENU li a:hover {
text-decoration: underline;
}

#FOOTERABOUT {
height: 148px;
padding-top: 40px;
color: #555555;
line-height: 1.3;
background-image: url(images_site/footer_about_bg.jpg);
background-repeat: no-repeat;
width: 876px;
margin: 12px auto 16px;
clear: both;
position: relative;
}

#FOOTERABOUT h2 {
display: none;
}

#FOOTERABOUT ul {
list-style-type: none;
padding: 0px;
margin-left: 13px;
}

#FOOTERABOUT ul li {
background-image: url(images_site/footer_about_li.gif);
background-repeat: no-repeat;
line-height: 1.6em;
background-position: 0px 3px;
margin: 0px;
padding-left: 20px;
}

#FOOTERABOUT a#ENATURAL {
display: block;
height: 163px;
width: 167px;
position: absolute;
top: 15px;
right: 14px;
background-image: url(images_site/footer_enatural_button.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
outline:none;
}

#FOOTERABOUT a#ENATURAL:hover {
background-position:0px -163px;
}

#COPYRIGHT {
color: #5B5B5B;
background-image: url(images_site/prheader_bg.jpg);
background-repeat: no-repeat;
height: 33px;
width: 960px;
text-align: center;
line-height: 33px;
}

/*================================================

　コンテンツ

================================================*/


#WRAPPER #CONTENTS{
float: left;
width: 707px;
line-height: 1.8em;
padding: 12px 0px 0px 5px;
font-size: 134%;
overflow: hidden;
}
#WRAPPER #TOPCONTENTS {
float: left;
width: 707px;
line-height: 1.8em;
padding: 12px 0px 0px 5px;
}

#CONTENTS p.entryDate {
padding-right: 20px;
padding-bottom: 20px;
margin: 0px;
font-size: 88%;
color: #333;
text-align: right;
font-weight: bold;
clear: both;
}

#WRAPPER #CONTENTS h2,
#WRAPPER #CONTENTS h3,
#WRAPPER #CONTENTS h4 {
margin: 15px 0px 10px 5px;
}

#CONTENTS h1 {
width: 682px;
background-image: url(images_site/h1_bg.jpg);
background-repeat: no-repeat;
font-size: 150%;
color: #555555;
clear:both;
line-height: 43px;
border-bottom: 5px solid #FE6C00;
margin: 0px 0px 10px;
padding: 0px 0px 0px 20px;
}

#CONTENTS h2 {
width: 675px;
font-size: 115%;
color: #555555;
clear:both;
line-height: 43px;
border-bottom: 5px solid #FE6C00;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 20px;
}

#CONTENTS h3,
#CONTENTS .entryBody h2 {
padding-left: 32px;
margin-top: 0px;
font-size: 100%;
font-weight: bold;
background-image: url(images_site/h3_bg.jpg);
background-repeat: no-repeat;
line-height: 30px;
clear: both;
border-bottom: none;
}

#CONTENTS h4 {
padding-top: 7px;
padding-left: 10px;
margin-top: 0px;
font-size: 134%;
height: 28px;
font-weight: bold;
color: #FE6C00!important;
}

#CONTENTS p {
margin: 20px 50px 25px;
}

#CONTENTS.tabSearchStylele {
margin: 0px 35px 10px;
}

#CONTENTS.tabSearchStylele tr th {
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
margin: 0px;
padding: 0px;
color: #FE6C00;
}

#CONTENTS.tabSearchStylele tr td {
padding: 0px 10px;
border-bottom: 2px solid #CCC;
}

#CONTENTS.tabSearchStylele caption {
font-weight: bold;
color: #369;
}

#CONTENTS.tabSearchStylele p {
padding: 0px !important;
margin: 0px !important;
}

#CONTENTS ul {
padding: 0px;
margin: 10px 15px 10px 55px;
line-height:1.6;
list-style-type: none;
list-style-image: none;
}

#CONTENTS ol {
padding: 0px 0px 0px 10px;
margin: 10px 15px 10px 60px;
list-style-position: outside;
}

#CONTENTS ul li {
list-style-type: none;
margin: 0px 0px 5px;
padding: 0px 0px 0px 25px;
background-image: url(images_site/footer_about_li.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
list-style-image: none;
}

#CONTENTS ol li {
font-size: 125%;
margin: 0px 0px 0px 5px;
padding: 0px;
}

#CONTENTS hr {
}

#CONTENTS p a {
}

/* 右寄せボタン */
#CONTENTS .rightLink {
height: 40px;
padding-right: 10px;
position: relative;
}

#CONTENTS .rightLink a {
background-image: url(images_site/link_allow01.gif);
background-repeat: no-repeat;
display: block;
height: 40px;
cursor:pointer;
position: absolute;
top: 0px;
right: 0px;
padding: 0px 0px 0px 20px;
background-position: 10px 10px;
}

#CONTENTS .rightLink a span.buttonR {
background-image: url(images_site/link_button_r.jpg);
background-repeat: no-repeat;
background-position: right 0px;
;
height: 35px;
padding-right: 30px;
display: block;
padding-top: 15px;
color: #FFF;
cursor:pointer;
}

#CONTENTS .rightLink a span.buttonL {
background-image: url(images_site/link_button_l.jpg);
background-repeat: no-repeat;
height: 50px;
padding-left: 20px;
display: block;
cursor:pointer;
}

#CONTENTS .rightLink a:hover,
#CONTENTS .rightLink a:hover span.buttonL {

}

#CONTENTS .rightLink a:hover span.buttonR {
background-position:right -50px;
}

/* デザイン入りテーブル */
#CONTENTS .designTable tr td {
border-bottom: 1px solid #F5E6E6;
background-color: #FFF;
}

#CONTENTS .designTable tr th {
height: 25px;
font-weight: normal;
}

#CONTENTS .designTable tr .thHead {
background-image: url(images_site/th_head_c.jpg);
background-repeat: repeat-x;
}

#CONTENTS .designTable tr .thLeft {
background-image: url(images_site/th_left_c.jpg);
background-repeat: repeat-x;
}

#CONTENTS .designTable tr .thHeadLeft {
background-image: url(images_site/th_headleft_c.jpg);
background-repeat: repeat-x;
height: 25px;
color:#FFF;
}

#CONTENTS .designTable tr .thHead .thL {
background-image: url(images_site/th_head_l.jpg);
background-repeat: no-repeat;
padding-left: 10px;
height: 25px;
display: block;
}

#CONTENTS .designTable tr .thHead .thR {
background-image: url(images_site/th_head_r.jpg);
background-repeat: no-repeat;
background-position: right 0px;
padding-right: 10px;
padding-top: 3px;
height: 22px;
display: block;
}

#CONTENTS .designTable tr .thLeft .thL {
background-image: url(images_site/th_left_l.jpg);
background-repeat: no-repeat;
padding-left: 10px;
height: 25px;
display: block;
}

#CONTENTS .designTable tr .thLeft .thR {
background-image: url(images_site/th_left_r.jpg);
background-repeat: no-repeat;
background-position: right 0px;
padding-right: 10px;
padding-top: 3px;
height: 22px;
display: block;
}

#CONTENTS .designTable tr .thHeadLeft .thL {
background-image: url(images_site/th_headleft_l.jpg);
background-repeat: no-repeat;
padding-left: 10px;
height: 25px;
display: block;
}

#CONTENTS .designTable tr .thHeadLeft .thR {
background-image: url(images_site/th_headleft_r.jpg);
background-repeat: no-repeat;
background-position: right 0px;
padding-right: 10px;
padding-top: 3px;
height: 22px;
display: block;
}

#CONTENTS strong {
color: #666;
padding-right: 1px;
padding-left: 1px;
font-weight: bold;
line-height: 1.6em;
}

#CONTENTS h2 a {
color: #FFF;
text-decoration: none;
}

#PRCONTENTS {
margin: 8px 0px;
border: 1px solid #DDD;
}

ul.banner468 {
list-style-type:none;
}

ul.banner468 li {
text-align: center;
margin-top: 8px;
}

#FOOTERTOTOP a {
color: #555555;
font-weight: bold;
background-image: url(images_site/footer_totop_allow.jpg);
background-repeat: no-repeat;
background-position: 0px 10px;
display: block;
height: 35px;
margin: 0px auto;
text-align: left;
padding-left: 25px;
width: 480px;
}

#FOOTER ul.banner234 {
list-style-type:none;
margin-top: 8px;
}

#FOOTER ul.banner234 li {
float:left;
padding-right:2px;
}

.bgBlue {
background-color:#E5EFF5;
color: #6C7478;
border: 1px solid #FFF;
margin: 0px;
padding: 0px;
text-align:center;
line-height: 30px;
}

a.questionPastButton {
background-image: url(images_site/top_question_past_button.jpg);
background-repeat: no-repeat;
display: block;
height: 26px;
width: 141px;
text-indent: -9999px;
outline:none;
margin-right: auto;
margin-left: auto;
}

a.questionPastButton:hover {
background-position:0px -26px;
}

dl#SIDEMENU {
list-style-type:none;
margin: 0px 0px 10px;
padding: 0px;
}

dl#SIDEMENU dt {
font-weight:bold;
color:#555;
margin: 9px 0px 0px;
padding: 0px;
background-image: url(images_site/menu_bg.jpg);
background-position: 0px 22px;
background-repeat: no-repeat;
line-height: 1.6em;
}

dl#SIDEMENU dt a {
color:#555;
display:block;
padding: 14px 0px 10px 25px;
}

dl#SIDEMENU dt a:hover {
background-position:-234px 0px;
}

dl#SIDEMENU dd {
background-image: url(images_site/menu_bg.jpg);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 84%;
margin:0px;
padding: 0px 0px 3px 25px;
line-height: 1.4em;
}
dl#SIDEMENU ul {
	overflow:hidden;
}

dl#SIDEMENU #MENUabout a {
background-image: url(images_site/menu_about.jpg)!important;
background-repeat: no-repeat!important;
}

dl#SIDEMENU #MENUcase a {
background-image: url(images_site/menu_case.jpg)!important;
background-repeat: no-repeat!important;
}

dl#SIDEMENU #MENUinterview a {
background-image: url(images_site/menu_interview.jpg)!important;
background-repeat: no-repeat!important;
}

dl#SIDEMENU #MENUcolumn a {
background-image: url(images_site/menu_column.jpg)!important;
background-repeat: no-repeat!important;
}

dl#SIDEMENU #MENUtopics a {
background-image: url(images_site/menu_topics.jpg)!important;
background-repeat: no-repeat!important;
}

dl#SIDEMENU #MENUquestion a {
background-image: url(images_site/menu_question.jpg)!important;
background-repeat: no-repeat!important;
}

dl#SIDEMENU dd li {
list-style-type: none;
background-image: url(images_site/link_allow01.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 1em;
}

#SIDE ul.banner234 {
list-style-type:none;
}

#SIDE ul.banner234 li {
text-align: center;
margin-top: 8px;
}

#SITESEARCH {
background-image: url(images_site/sitesearch_bg.jpg);
background-repeat: no-repeat;
height: 82px;
width: 234px;
margin-top: 15px;
text-align: center;
margin-bottom: 15px;
}

#SITESEARCH p {
padding-top: 10px;
padding-bottom: 3px;
}

#PRCONTENTS div {
border-top: 1px dotted #DDD;
height:65px;
margin: 0px;
padding: 5px 0px 0px;
}

#PRCONTENTS div.prFirst {
border-top:1px solid #FFF!important;
}

#PRCONTENTS div .prImg {
float: left;
padding: 1px;
margin: 0px 10px 0px 5px;
border: 1px solid #CCC;
}

#PRCONTENTS div p {
padding: 0px 0px 5px 0px;
margin: 0px 5px 0px 0px;
line-height: 1.8!important;
text-indent:30px;
background-image: url(images_site/pr_icon.jpg);
background-repeat: no-repeat;
background-position: 80px 5px;
}

#SIDEMENU dd a {
color: #555555;
display:block;
}

#SIDEMENU dd a:hover {
color: #555555;
text-decoration:none;
}

#SIDEMENU dd li a {
color: #00F!important;
}

#SIDEMENU dd li a:hover {
color: #00F!important;
text-decoration: underline;
}

/* 事例検索 */
#SEARCH {
background-color: #DDD;
background-image: url(images_site/top_search_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
position:relative;
margin-top: 8px;
line-height: 0px;
}

#SEARCH h2 a {
background-image: url(images_site/search_h.jpg);
background-repeat: no-repeat;
height: 28px;
text-indent: -9999px;
display:block;
}

#SEARCH h3 {
background-image: url(images_site/top_search_foldericon.jpg)!important;
background-repeat: no-repeat;
height: 27px!important;
line-height: 27px!important;
text-indent: 20px!important;
clear:both!important;
margin:0px!important;
background-position: 0px 8px!important;
padding: 8px 0px 0px!important;
font-size: 86%;
}

#SEARCH .tabSearchStyle h2,
#TOPSEARCH .tabSearchStyle h2 {
display: none!important;
}

#SEARCH .tabSearchStyle ul {
list-style-type: none;
clear: both;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:1.6;
list-style-position: outside;
list-style-image: none;
}

#SEARCH .tabSearchStyle ul li {
float:left;
list-style-image: none;
margin: 0px;
padding: 0px 15px 0px 0px;
background-image: none;
font-size: 84%;
line-height: 1.4em;
white-space: nowrap;
display: inline-block;
}

#SEARCH .tabSearchStyle p {
font-size:86%;
line-height:1.6;
text-indent:0px;
padding:0px;
margin:0px;
}

#SEARCH .tabSearchStyle .harf {
width: 255px;
float: left;
}

#CASESEARCH {
position:relative;
margin-top: 8px;
}

#CASESEARCH h2 a {
background-image: url(images_site/top_search_h.jpg);
background-repeat: no-repeat;
height: 28px;
text-indent: -9999px;
display:block;
}

#CASESEARCH h3 {
background-image: url(images_site/top_search_foldericon.jpg)!important;
background-repeat: no-repeat;
height: 25px!important;
line-height: 25px!important;
text-indent: 20px!important;
clear:both!important;
margin:0px 0px 0px 10px!important;
background-position: 0px 5px!important;
padding: 5px 0px 0px;
}

#CASESEARCH .tabSearchStyle {
padding: 0px 0px 40px 0px;
background-image: none;
}

#CASESEARCH .tabSearchStyle ul {
list-style-type: none!important;
clear: both;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
line-height:1.6;
list-style-position: outside;
list-style-image: none!important;
}

#CASESEARCH .tabSearchStyle ul li {
float:left;
list-style-image: none!important;
background-image: none;
padding: 0px 15px 0px 0px;
display: inline-block;
white-space: nowrap;
}

#CASESEARCH .tabSearchStyle .harf {
width: 340px;
float: left;
}

#MIDIUM {
padding: 0px 6px 0px 6px;
}

#MIDIUM #SEARCH h2 {
margin: 0px;
padding: 0px;
border-style: none;
width: 695px;
}

#MIDIUM ul#SEARCHTAB-nav {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-image: none;
float: left;
}

#CONTENTS .googleAd {
padding-top: 13px;
padding-bottom: 13px;
text-align: center;
}

/* ビジネスブログ事例集 */
#CASEDATA {
width: 692px;
background-image: url(images_site/case_data_bg.gif);
background-repeat: repeat-y;
padding: 0px 0px 0px 10px;
border-bottom: 1px solid #DDD;
}

#CASEDATA .caseDataImg {
float: left;
margin: 0px;
padding: 0px;
border: 1px solid #F3F3F3;
}

#CASEDATA #CASEBLOGDATA {
position: relative;
width: 410px;
float: left;
padding: 0px 0px 19px 5px;
}

#CASEDATA #CASEBLOGDATA h2 {
background-image: url(images_site/case_blogdata_h.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 24px;
border-style: none;
padding: 0px 0px 5px;
margin: 0px;
background-position: 0px 0px;
width: 406px;
}

#CASEDATA #CASEBLOGDATA ul {
list-style-type: none;
margin: 0px!important;
padding: 0px!important;
list-style-image: none;
}

#CASEDATA #CASEBLOGDATA li span {
width:100px;
clear:both;
font-weight:bold;
color: #FA801B;
display: block;
position: absolute;
left: 0px;
top: 0px;
line-height: 26px;
height: 26px;
}

#CASEDATA #CASEBLOGDATA li {
border-bottom: 1px dotted #999;
line-height: 26px;
margin: 0px 0px 0px 7px;
padding: 0px 0px 0px 100px;
position: relative;
color: #575757;
width: 295px;
background-image: none;
font-size: 75%;
}

#CASEDATA #CASECOMPANYDATA {
position: relative;
width: 409px;
float: left;
background-image: url(images_site/case_companydata_bg.gif);
background-repeat: repeat-y;
background-position: 5px 0px;
padding: 0px 0px 0px 5px;
}

#CASEDATA #CASECOMPANYDATA h2 {
background-image: url(images_site/case_companydata_h.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 19px;
border-style: none;
padding: 0px 0px 5px;
margin: 0px;
background-position: 0px 0px;
width: 406px;
}

#CASEDATA #CASECOMPANYDATA ul {
list-style-type: none;
margin: 0px!important;
padding: 0px 0px 5px!important;
background-image: url(images_site/case_companydata_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
list-style-image: none;
}

#CASEDATA #CASECOMPANYDATA li span {
width:115px;
clear:both;
font-weight:bold;
display: block;
position: absolute;
left: 0px;
top: 0px;
line-height: 20px;
height: 20px;
}

#CASEDATA #CASECOMPANYDATA li {
border-bottom: 1px dotted #999;
line-height: 20px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 115px;
position: relative;
color: #8C8C8C;
width: 268px;
overflow: hidden;
background-image: none;
font-size: 75%;
}

#CASEDATA h2.caseEnComment {
background-image: url(images_site/case_en_comment.jpg)!important;
background-repeat: no-repeat!important;
font-size: 75%!important;
height: 30px;
line-height:1em;
border-style: none;
margin: 0px!important;
padding: 4px 0px 0px 30px!important;
}

#CASEDATA #CASEENCOMMENT {
clear: both;
padding: 5px 11px 30px 0px;
}

#CASEDATA #CASEENCOMMENT p {
margin: 0px 11px 5px 25px;
}

#CONTENTS #NAVIAREA .naviareaLinkTitle {
background-image: url(images_site/naviarea_h01.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 31px;
width: 702px;
border-style: none;
margin: 20px 0px 0px;
padding: 0px;
}

#CONTENTS #NAVIAREA h3,
#CONTENTS #CASELIST h3 {
line-height: 30px;
background-image: url(images_site/h3_bg.jpg);
background-repeat: no-repeat;
height: 30px;
width: 657px;
padding: 0px 10px 0px 30px;
margin: 0px 0px 0px 5px;
color: #565656;
clear: both;
}

#CONTENTS #NAVIAREA ul.naviareaLink {
width: 697px;
list-style-type: none;
background-image: url(images_site/naviarea_bg.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 10px 0px 0px 37px;
list-style-image: none;
min-height:151px;
height: auto !important; /*for ie6*/
height: 151px; /*for ie6*/
background-position: 0px 18px;
}

#CONTENTS #CASELIST ul.naviareaLink {
width: 697px;
list-style-type: none;
background-image: url(images_site/bloglist_bg.jpg);
background-repeat: repeat-y;
margin: 0px;
padding: 0px 0px 0px 37px;
list-style-image: none;
min-height:200px;
height: auto !important; /*for ie6*/
height: 200px; /*for ie6*/
background-position: 0px 0px;
clear: both;
}

#CONTENTS #NAVIAREA ul.naviareaLink li {
text-align: center;
float: left;
width: 212px;
background-image: none;
margin: 0px;
padding: 20px 0px 0px;
font-size: 75%;
}

#CONTENTS #CASELIST ul.naviareaLink li {
text-align: center;
float: left;
width: 212px;
background-image: none;
margin: 0px;
padding: 0px;
font-size: 86%;
}

#CONTENTS #NAVIAREA ul.naviareaLink li a {
display: block;
width: 200px;
padding: 11px 6px 0px;
outline:none;
}

#CONTENTS #CASELIST ul.naviareaLink li a {
display: block;
width: 200px;
height: 190px;
padding: 10px 6px 0px;
outline:none;
}

#CONTENTS ul.naviareaLink li a img {
margin-bottom: 8px;
border: 1px solid #F3F3F3;
}

#CONTENTS #NAVIAREA #PRCONTENTS {
margin-right: 5px;
margin-left: 5px;
}

#NAVIAREA {
padding-top: 15px;
clear: both;
}

#CONTENTS #NAVIAREA .banner468 {
list-style-image: none;
list-style-type: none;
}

#CASESEARCH #SEARCHTAB #SEARCHTAB-nav {
display: none;
}

#CASESEARCH .tabSearchStyle p {
line-height: 1.6em;
margin: 0px 0px 0px 10px;
padding: 0px;
font-size: 100%;
}

#CASESEARCH #SEARCHTABBoxIndex {
height: auto;
}

#CONTENTS .box {
background-color: #FFEDDF;
border: 2px dotted #FE6C00;
margin: 0px 35px;
}
#CONTENTS .box p{
margin:15px;
}

#TOPTOPICS .tabTopicsStyle ul li span {
display: block;
float: left;
}

#TOPTOPICS h2 a {
text-indent: -9999px;
display: block;
position: absolute;
height: 20px;
width: 40px;
top: 4px;
left:166px;
}

p.line {
margin: 0px 6px 0px 0px!important;
padding: 0px!important;
border-top: 1px solid #D9D9D9;
line-height: 1px!important;
}

#CONTENTS .entryList {
margin: 0px 0px 0px 30px;
clear:both;
line-height: 20px;
}

#CONTENTS .entryList dt {
float: left;
padding: 0px 10px 0px 25px;
background-image: url(images_site/footer_about_li.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}

#CONTENTS .entryList dd {
float: left;
padding: 0px 10px 0px 0px;
}

#CONTENTS blockquote {
margin: 0px 50px 0px 55px;
padding: 0px 0px 0px 10px;
border-left: 1px solid #CCC;
font-style: italic;
line-height: 160%;
font-size: 125%;
}

#WRAPPER .pageNavi {
text-align: center;
line-height: 1.5em;
padding: 3px 35px;
clear: both;
margin: 30px 0px;
}

#WRAPPER .pageNavi a.link_page,
#WRAPPER .pageNavi a.link_before,
#WRAPPER .pageNavi a.link_next {
padding: 3px 7px!important;
margin:5px 2px;
border: 1px solid #FE6D02;
color: #FE6D02;
}

#WRAPPER .pageNavi .current_page,
#WRAPPER .pageNavi a.link_page:hover,
#WRAPPER .pageNavi a.link_before:hover,
#WRAPPER .pageNavi a.link_next:hover {
background-color: #FE6D02!important;
padding: 3px 7px!important;
border: 1px solid #FE6D02;
margin:5px 2px;
color: #FFF;
}

#SIDE #PRRIGHT {
line-height: 0em;
margin: 0px;
padding: 0px;
}
#SIDE #PRRIGHT a{
margin: 0px;
padding: 0px;
background-image:none;
}
#TOPRANKING .topSmallInner ul #Rank1 {
background-image: url(images_site/top_ranking_list_bg.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom: 1px dotted #DDD;
}
#TOPRANKING .topSmallInner ul #Rank2 {
background-image: url(images_site/top_ranking_list_bg.jpg);
background-repeat: no-repeat;
background-position: 0px -125px;
border-bottom: 1px dotted #DDD;
}
#TOPRANKING .topSmallInner ul #Rank3 {
background-image: url(images_site/top_ranking_list_bg.jpg);
background-repeat: no-repeat;
background-position: 0px -250px;
border-bottom: 1px dotted #DDD;
}
#TOPRANKING .topSmallInner ul #Rank4 {
background-image: url(images_site/top_ranking_list_bg.jpg);
background-repeat: no-repeat;
background-position: 0px -375px;
border-bottom: 1px dotted #DDD;
}
#TOPRANKING .topSmallInner ul #Rank5 {
background-image: url(images_site/top_ranking_list_bg.jpg);
background-repeat: no-repeat;
background-position: 0px -500px;
}