@charset "utf-8";

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

　初期化

================================================*/
body,
html {
padding: 0px;
margin: 0px;
font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 13px;
}

body {
line-height: 1.6em;
background-color: #F3F3F3;
background-image: url(images_site/bg_body.png);
background-repeat: repeat-x;
clear: both;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
li {
padding: 0px;
margin: 0px;
}

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

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

a {
color: #0096E7;
}
a:visited {
color: #666666;
}
a:hover {
color: #4EC1FF;
}

a img {
text-decoration: none;
border-style: none;
}

.font10 {
font-size: 10px!important;
color: #333333;
line-height: 12px!important;
}

.font12 {
font-size: 12px!important;
color: #333333;
line-height: 16px!important;
}

.font14 {
font-size: 14px!important;
color: #333333;
line-height: 20px!important;
}

.font16 {
font-size: 16px!important;
color: #333333;
line-height: 22px!important;
}

.font18 {
font-size: 18px!important;
color: #333333;
line-height: 24px!important;
}
.red{
	color:#F00!important;
}
#ALL {
position: relative;
width: 800px;
padding: 0px 13px;
margin: 0px auto;
background-image: url(images_site/bg_slash.gif);
}

#ALL pre {
width: 520px;
overflow: hidden;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
font-size: 14px;
color: #000000;
line-height: 1.2em;
letter-spacing: 0em;
}

div.typewriterFont {
border-left: 1px solid #B2B2B2;
padding: 0px 0px 10px 20px;
margin: 10px 0px;
}

div.typewriterFont p {
font-family: "ＭＳ ゴシック", "Osaka－等幅";
font-size: 14px;
color: #000000;
line-height: 1.2em;
letter-spacing: 0em;
}

.img-left {
float: left;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 15px;
}

.img-right {
float: right;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 15px;
}

p.linkText {
position: relative;
height:22px;
}

p.linkText a {
display: block;
position: absolute;
top: 0px;
right: 0px;
background-image: url(images_site/link_right_allow.gif);
background-position: 0px 5px;
background-repeat: no-repeat;
margin: 0px;
padding: 0px 0px 0px 17px;
font-size: 12px;
line-height: 22px;
}

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

　角丸用

================================================*/
#AllroundTop {
height: 13px;
width: 826px;
margin: 0px auto;
font-size: 1px;
line-height: 1px;
background-image: url(images_site/bg_all_upper.gif);
background-repeat: no-repeat;
}

.roundBottomA {
height: 14px;
width: 800px;
font-size: 1px;
line-height: 1px;
background-image: url(images_site/bg_round_bottom.gif);
background-repeat: no-repeat;
clear: both;
}

.roundBlockA {
background: #FFFFFF;
}

.roundTopA {
height: 9px;
width: 800px;
font-size: 1px;
line-height: 1px;
background-image: url(images_site/bg_round_top.gif);
background-repeat: no-repeat;
}

.roundTopB {
height: 9px;
font-size: 1px;
line-height: 1px;
background-image: url(images_site/bg_round_topB.gif);
background-repeat: no-repeat;
}

.roundBlockB {
background-image: url(images_site/bg_round_innerB.gif);
background-repeat: repeat-y;
width: 800px;
}

.roundBottomB {
height: 14px;
font-size: 1px;
line-height: 1px;
background-image: url(images_site/bg_round_bottomB.gif);
background-repeat: no-repeat;
clear: both;
}

.roundTopC {
height: 9px;
font-size: 1px;
line-height: 1px;
background-image: url(images_site/bg_round_topC.gif);
background-repeat: no-repeat;
}

.roundBlockC {
background: url(images_site/bg_round_innerC.gif) repeat-y;
width: 800px;
}

.roundBottomC {
height: 14px;
font-size: 1px;
line-height: 1px;
background-image: url(images_site/bg_round_bottomC.gif);
background-repeat: no-repeat;
}

/*角丸のコンテンツ部分*/
#TOPWRAPPER .blockInner,
#PageBottom .blockInner {
height: 100%;
width: auto;
padding: 0px 10px;
}

#TOPWRAPPER .blockInnerGray,
#PageBottom .blockInnerGray {
width: auto;
background-image: url(images_site/bg_round_inner_gray_harf.gif);
background-repeat: repeat-y;
margin: 0px;
padding: 0px 18px 10px;
}

#TOPWRAPPER .blockInnerGray p,
#PageBottom .blockInnerGray p {
padding: 5px 8px;
}

#TOPWRAPPER .blockInnerGray form,
#PageBottom .blockInnerGray form {
padding: 5px 0px 0px 5px;
margin: 0px;
width: 355px;
display: block;
}

#TOPWRAPPER .blockInnerGray p.separater,
#PageBottom .blockInnerGray p.separater {
height: 13px;
padding: 0px;
margin: 20px 0px 0px;
font-size: 1px;
line-height: 1px;
background-color: #FFFFFF;
}

#TOPWRAPPER .blockInner p.separater,
#PageBottom .blockInner p.separater {
clear: both;
margin: 10px 4px;
border-top: 1px solid #CCCCCC;
font-size: 1px;
line-height: 1px;
}

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

　タグライン

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

#Sub {
position: relative;
height: 26px;
width: 826px;
padding: 0px;
margin: 0px auto;
font-size:12px;
}

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

　ヘッダー

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

#HEADER {
position: relative;
height: 75px;
width: 800px;
background-image: url(images_site/bg_header.gif);
background-repeat: no-repeat;
}

#LOGO {
position: absolute;
left: 13px;
top: 5px;
height: 68px;
width: 160px;
}

#LOGO a {
height: 68px;
width: 160px;
font-size: 14px;
display: block;
text-indent: -9999px;
background-image: url(images_site/logo.gif);
background-repeat: no-repeat;
}

/* タグライン右のメニュー */
ul#HeaderRight {
position: absolute;
top: 0px;
right: 0px;
height: 26px;
list-style-type: none;
}

ul#HeaderRight li {
float: left;
}

ul#HeaderRight li.home a {
height: 26px;
width: 65px;
overflow: hidden;
display: block;
text-indent: -9999px;
background-image: url(images_site/sub_gm.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

ul#HeaderRight li.about a {
height: 26px;
width: 78px;
overflow: hidden;
display: block;
text-indent: -9999px;
background-image: url(images_site/sub_gm.gif);
background-position: -65px 0px;
background-repeat: no-repeat;
}

ul#HeaderRight li.qanda a {
height: 26px;
width: 65px;
overflow: hidden;
display: block;
text-indent: -9999px;
background-image: url(images_site/sub_gm.gif);
background-position: -143px 0px;
background-repeat: no-repeat;
}

ul#HeaderRight li.home a:hover {
background-position: 0px -26px;
}

ul#HeaderRight li.about a:hover {
background-position: -65px -26px;
}

ul#HeaderRight li.qanda a:hover {
background-position: -143px -26px;
}

/* ロゴ右のメニュー */

ul#HeaderContact {
position: absolute;
right: 13px;
bottom: 10px;
height: 31px;
width: 266px;
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul#HeaderContact li {
float: left;
}

ul#HeaderContact li.tel {
position: relative;
height: 31px;
width: 142px;
overflow: hidden;
background-image: url(images_site/header_tel.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
ul#HeaderContact li.telSeminar {
position: relative;
height: 31px;
width: 142px;
overflow: hidden;
background-image: url(images_site/header_tel_seminar.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}

ul#HeaderContact li.tel img,
ul#HeaderContact li.telSeminar img{
position: absolute;
left: 0px;
top: 0px;
}

ul#HeaderContact li.contact a {
height: 31px;
width: 124px;
overflow: hidden;
display: block;
text-indent: -9999px;
background-image: url(images_site/header_contact.gif);
background-repeat: no-repeat;
}

ul#HeaderContact li.contact a:hover {
background-position: 0px -31px;
}

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

　グローバルメニュー

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

#GLOBALMENU {
height: 53px;
width: 785px;
padding-left: 15px;
margin: 0px auto;
background-image: url(images_site/gm_main.png);
background-position: 0px -53px;
background-repeat: no-repeat;
}

#GLOBALMENU ul {
list-style-type: none;
}

#GLOBALMENU li {
float: left;
}

#GLOBALMENU li a {
position: relative;
overflow: hidden;
color: #666666;
text-decoration: none;
display: block;
text-indent: -9999px;
background-image: url(images_site/gm_main.png);
background-repeat: no-repeat;
}

#GLOBALMENU li.servicewebmarketing a {
height: 53px;
width: 176px;
background-position: -15px 0px;
}

#GLOBALMENU li.servicewebmarketing a:hover {
background-position: -15px -53px;
}

#GLOBALMENU li.serviceproduce a {
height: 53px;
width: 166px;
background-position: -367px 0px;
}

#GLOBALMENU li.serviceproduce a:hover { background-position: -367px -53px; 
}

#GLOBALMENU li.servicepromotion a {
height: 53px;
width: 176px;
background-position: -191px 0px;
}

#GLOBALMENU li.servicepromotion a:hover { background-position: -191px -53px; 
}

#GLOBALMENU li.servicemanagement a {
height: 53px;
width: 165px;
background-position: -533px 0px;
}

#GLOBALMENU li.servicemanagement a:hover { background-position: -533px -53px; 
}

#GLOBALMENU li.case a {
height: 53px;
width: 86px;
background-position: -698px 0px;
}

#GLOBALMENU li.case a:hover {
background-position: -698px -53px;
}

#GLOBALMENU li a span {
position: absolute;
left: 0px;
top: 6px;
right: 0px;
font-size: 10px;
line-height: 16px;
display: block;
text-align: center;
text-indent: 0px;
cursor: pointer;
}

#GLOBALMENU li.servicewebmarketing a span {
width: 176px;
}

#GLOBALMENU li.serviceproduce a span { width: 166px; 
}

#GLOBALMENU li.servicepromotion a span { width: 176px; 
}

#GLOBALMENU li.servicemanagement a span { width: 165px; 
}

#GLOBALMENU li.case a span {
width: 86px;
}

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

　トップページ

================================================*/
#TOPWRAPPER {
background-image: url(images_site/top_mainimg_bg.jpg);
background-repeat: no-repeat;
min-height:400px;
height: auto !important; /*for ie6*/
height: 400px; /*for ie6*/
}

/*メインイメージ*/
#MAINIMG {
height: 221px;
width: 800px;
margin: 0px;
padding: 0px;
overflow: hidden;
position: relative;
}

#MAINIMG img {
border-style: none;
}

/*4大サービス*/
#TOPSERVICE {
width: 780px;
font-size: 12px;
padding: 5px 4px 0px 16px;
margin: 0px;
clear: both;
min-height:196px;
height: auto !important; /*for ie6*/
height: 196px; /*for ie6*/
background-color: #FFF;
}

#TOPSERVICE #TOPSERVICE01 {
height: 113px;
width: 387px;
background-image: url(images_site/top_links_webm.gif);
background-repeat: no-repeat;
float: left;
position: relative;
}

#TOPSERVICE #TOPSERVICE02 {
position: relative;
height: 113px;
width: 379px;
background-image: url(images_site/top_links_adv.gif);
background-repeat: no-repeat;
float: left;
}

#TOPSERVICE #TOPSERVICE03 {
position: relative;
height: 74px;
width: 387px;
background-image: url(images_site/top_links_site.gif);
background-repeat: no-repeat;
float: left;
}

#TOPSERVICE #TOPSERVICE04 {
position: relative;
height: 74px;
width: 379px;
background-image: url(images_site/top_links_manage.gif);
background-repeat: no-repeat;
float: left;
}

#TOPSERVICE .serviceText {
position: relative;
line-height: 1.4em;
}

.invisible {
font-size: 1px;
line-height: 0px;
text-indent: -9999px;
height: 0px;
}

#TOPSERVICE a.toDetail {
height: 42px;
width: 289px;
padding: 58px 75px 4px 15px;
color: #333333;
line-height: 1.5em;
text-decoration: none;
display: block;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
}

#TOPSERVICE a.toDetailSmall {
height: 38px;
width: 289px;
padding: 32px 75px 4px 15px;
color: #333333;
line-height: 1.5em;
text-decoration: none;
display: block;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
}

#TOPSERVICE a.toDetail span,
#TOPSERVICE a.toDetailSmall span {
position: absolute;
right: 13px;
bottom: 10px;
height: 15px;
width: 57px;
font-size: 1px;
line-height: 1px;
display: block;
text-indent: -9999px;
background-image: url(images_site/top_links_detail.gif);
background-repeat: no-repeat;
cursor:pointer;
}

#TOPSERVICE a.toDetail:hover span,
#TOPSERVICE a.toDetailSmall:hover span {
background-position: 0 -15px;
}

/*その他サービス*/
#TOPNEWS {
float: left;
width: 397px;
}

#TOPENSITE {
width: 385px;
}

#TOPCASE {
float: left;
width: 196px;
padding: 0px 0px 0px 6px;
}

#TOPBOOK {
float: left;
width: 196px;
padding: 0px 0px 0px 5px;
}

#TOPLINE2LEFT {
float: left;
width: 397px;
}

#TOPLINE2RIGHT {
float: right;
width: 397px;
margin-left: 5px;
}

#TOPBOOKMARK {
float: left;
width: 397px;
margin-top: 5px;
margin-left: 5px;
}

.roundBlockB h2 a {
display: block;
height: 40px;
}

.roundBlockB h3 a {
text-decoration:none;
color:#000;
}

#TOPNEWS h2.headingBottomNews {
position: relative;
height: 40px;
padding: 0px;
margin: 0px 0px 10px 0px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_news.gif);
background-repeat: no-repeat;
}

#TOPNEWS h2.headingBottomNews span.rss {
position: absolute;
top: 12px;
right: 15px;
height: 18px;
width: 42px;
display: block;
}

#TOPNEWS h2.headingBottomNews span.rss a {
height: 18px;
width: 42px;
display: block;
text-indent: -9999px;
background-image: url(images_site/top_rss.gif);
background-repeat: no-repeat;
}

#TOPNEWS h2.headingBottomNews span.rss a:hover {
background-position: 0px -18px;
}

#TOPNEWS ul {
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

#TOPNEWS li {
clear: both;
width: 370px;
list-style-type: none;
}

#TOPNEWS .newsDate {
float: left;
width: auto;
padding-right: 5px;
padding-left: 25px;
background-image: url(images_site/listbullet_skyblue.gif);
background-position: 12px 6px;
background-repeat: no-repeat;
}

#TOPNEWS .newsText {
float: left;
width: 275px;
}
#TOPNEWS .headingBottomNews a.toAnounce {
position:absolute;
left:0px;
top:0px;
width:110px;
background-image: url(images_site/link_right_allow.gif);
background-repeat: no-repeat;
background-position: right 15px;
}

#TOPNEWS h3 .toColumn {
background-image: url(images_site/link_right_allow.gif);
background-repeat: no-repeat;
background-position: right 4px;
display: block;
}
#TOPNEWS h3 .toBlog {
background-image: url(images_site/link_icon.gif);
background-repeat: no-repeat;
background-position: right 4px;
display: block;
}
#TOPNEWS h3 .toColumn:hover {
color:#0096E7;
}
#TOPNEWS h3 .toBlog:hover {
color:#0096E7;
}

#BANNERbblog {
height: 60px;
width: 170px;
display: block;
text-indent: -9999px;
background-image: url(images_site/banner_ensite_bblog.gif);
background-repeat: no-repeat;
}

#BANNERaccess {
height: 60px;
width: 170px;
display: block;
text-indent: -9999px;
background-image: url(images_site/banner_ensite_access.gif);
background-repeat: no-repeat;
}

#TOPLINE2RIGHT ul.banner {
float: left;
margin-bottom: 10px;
margin-left: 16px;
display: inline;
list-style-type: none;
}

#TOPLINE2RIGHT ul.banner li {
float: left;
margin-bottom: 10px;
margin-left: 3px;
display: inline;
}

#TOPENSITE a.banner:hover,
a.banner:hover{
background-position: 0px -60px;
}

#TOPCASE h2.headingBottomInterview {
height: 40px;
margin: 0px 0px 5px 0px;
margin-left: 4px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_case.gif);
background-repeat: no-repeat;
}

#TOPCASE #BANNERcase01,
#BOTTOM03 #BANNERcase01 {
background-image: url(images_site/casestudy_kt.jpg);
background-repeat: no-repeat;
}

#TOPCASE #BANNERcase02,
#BOTTOM03 #BANNERcase02 {
background-image: url(images_site/casestudy_act.jpg);
background-repeat: no-repeat;
}

#TOPCASE #BANNERcase03,
#BOTTOM03 #BANNERcase03 {
background-image: url(images_site/casestudy_tomoegata.jpg);
background-repeat: no-repeat;
}

#TOPCASE #BANNERcase04,
#BOTTOM03 #BANNERcase04 {
background-image: url(images_site/casestudy_pros.jpg);
background-repeat: no-repeat;
}

#TOPCASE a.banner,
#BOTTOM03 a.banner {
height: 55px;
width: 172px;
margin-bottom: 10px;
display: block;
text-indent: -9999px;
outline: none;
margin-left: 2px;
}

#TOPCASE a.banner:hover,
#BOTTOM03 a.banner:hover {
background-position: 0px -55px;
}

#TOPBOOK h2.headingBottomBooks {
height: 40px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_books.gif);
background-repeat: no-repeat;
display: block;
margin: 0px 0px 10px;
}

#TOPBOOK a {
color: #666666;
text-decoration: none;
}

#TOPBOOK img {
border-style: none;
}

#TOPLINE2LEFT h2.headingBottomMailmag {
height: 80px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_mag.png);
background-repeat: no-repeat;
margin: 0px 0px 10px;
}

#TOPLINE2LEFT h2.headingBottomMailmag a {
height: 80px;
display: block;
outline: none;
}

#TOPLINE2LEFT .mailMagForm {
padding: 0px;
margin: 0px;
}
#TOPLINE2LEFT h2.headingBottomBookmark {
height: 40px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_bookmark.gif);
background-repeat: no-repeat;
margin: 0px 0px 10px;
}
#TOPLINE2RIGHT h2.headingBottomPronet {
height: 46px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_member.gif);
background-repeat: no-repeat;
clear: both;
margin: 0px;
}

#TOPLINE2RIGHT h2.heading02 {
height: 46px;
margin-bottom: 10px;
margin-left: 18px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_bookmark.gif);
background-repeat: no-repeat;
}

#TOPLINE2RIGHT h2.headingBottomENsite {
height: 40px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_ensite.gif);
background-repeat: no-repeat;
margin: 0px;
}

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

　トピックパス

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

#TOPICPATH {
height: 26px;
padding-right: 10px;
padding-left: 10px;
background-color: #F7F6F6;
}

#TOPICPATH p {
padding: 8px 0px 0px;
margin: 0px;
font-size: 12px;
color: #666666;
line-height: 12px;
}

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

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

　WRAPPER

================================================*/
#WRAPPER {
background: url(images_site/bg_wrapper.gif) repeat-y;
float: left;
}

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

　サイドバー

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

#SIDE {
float: right;
width: 199px;
padding-top: 43px;
background-image: url(images_site/side_heading_bg.jpg);
background-repeat: no-repeat;
}

#SIDE ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

#SIDE ul a:hover {
color: #4EC1FF;
text-decoration: underline;
}

#SIDE ul.sideMenu {
list-style-type: none;
margin: 0px 0px 0px 1px;
}

#SIDE ul.sideMenu li a {
width: 159px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 25px;
color: #000;
text-decoration: none;
display: block;
background-image: url(images_site/listbullet_skyblue.gif);
background-position: 10px 12px;
background-repeat: no-repeat;
}

#SIDE ul.sideMenu li a:hover {
color: #4EC1FF;
text-decoration: underline;
}

#SIDE .sideMenu ul li a {
background-position: 18px 8px!important;
padding-left:35px!important;
width:150px!important;
background-image: url(images_site/listbullet_sidemenu.gif);
padding-top: 2px;
padding-bottom: 2px;
font-size: 93%;
}
#SIDE .sideMenu ul ul li a {
background-position: 28px 8px!important;
padding-left:45px!important;
width:140px!important;
background-image: url(images_site/listbullet_sidemenu.gif);
padding-top: 2px;
padding-bottom: 2px;
font-size: 93%;
}

#SIDE .separater {
margin: 5px 13px 5px 20px;
border-top: 1px solid #D9D9D9;
font-size: 1px;
line-height: 1px;
}

#SIDE .rss {
position: relative;
height: 20px;
}

#SIDE .rss a {
position: absolute;
top: 0px;
right: 14px;
height: 18px;
width: 42px;
display: block;
text-indent: -9999px;
background-image: url(images_site/top_rss.gif);
background-repeat: no-repeat;
}

#SIDE .rss a:hover {
background-position: 0px -18px;
}

#SIDE .blockInnerGray {
padding-bottom: 13px;
margin-top: 13px;
margin-right: 13px;
margin-left: 13px;
background-color: #F5F4F0;
}

#SIDE .blockInnerGray .heading01 {
height: 47px;
padding: 0px;
margin: 0px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/side_heading_search.jpg);
background-repeat: no-repeat;
}

#SIDE .blockInnerGray .heading02 {
height: 47px;
padding: 0px;
margin: 0px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/side_heading_bookmark.jpg);
background-repeat: no-repeat;
}

#SIDE .blockInnerGray p {
padding-right: 13px;
padding-left: 13px;
font-size: 11px;
}

#SIDE .blockInnerGray form {
padding-right: 13px;
padding-left: 13px;
margin: 0px;
}

#SIDE p.sideBookmark {
font-size: 10px;
}

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

　ページ下部の誘導エリア

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

#PageBottom {
}

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

　フッター

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

#FOOTER {
clear: both;
}

#FOOTER p {
padding: 10px 5px 5px;
margin: 0px;
font-size: 12px;
color: #666666;
line-height: 1.5em;
text-align: center;
}

#FOOTER p a {
color: #0096E7;
text-decoration: none;
}

#FOOTER p a:hover {
color: #4EC1FF;
text-decoration: underline;
}

#FOOTER .credit {
height: 22px;
padding-top: 17px;
color: #999999;
text-align: center;
background-image: url(images_site/copyright_bg.gif);
background-repeat: no-repeat;
}

#FOOTER .footLogo {
float: right;
height: 50px;
width: 165px;
padding: 10px 0px 0px;
margin: 0px;
}

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

　コンテンツ

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

#CONTENTS {
float: left;
width: 569px;
padding-top: 16px;
padding-right: 16px;
padding-left: 16px;
background-color: #FFFFFF;
overflow: hidden;
}

#CONTENTS780 {
width: 768px;
margin: 0px;
font-size: 14px;
color: #333333;
line-height: 1.5em;
background-color: #FFFFFF;
float: left;
padding: 16px 16px 10px;
}

#CONTENTS img,
#CONTENTS780 img {
border-style: none;
-ms-interpolation-mode: bicubic;
}

#CONTENTS .contentsInner p {
padding-right: 8px;
margin-bottom: 12px;
font-size: 14px;
color: #333333;
line-height: 1.6em;
}

.caseBox {
float: left;
width: 233px;
padding-right: 7px;
padding-bottom: 10px;
padding-left: 0px;
}

.caseEntry {
height: 170px;
padding: 10px 5px 5px;
border: 1px solid #D4D0C8;
font-size: 12px;
line-height: 14px;
}

.caseEntry p {
height: 120px;
padding: 0px;
margin: 5px 0px 10px;
overflow: hidden;
border-bottom: 1px solid #E6E6E6;
text-align: center;
}

.caseEntry p img {
border-style: none;
}

#CONTENTS h1,
#CONTENTS780 h1 {
height: 39px;
padding-top: 6px;
padding-left: 27px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
background-image: url(images_site/heading_h1.gif);
background-repeat: no-repeat;
margin: 22px 9px 0px 0px;
}

#CONTENTS h1.headingImg,
#CONTENTS780 h1.headingImg {
padding: 0px;
margin: 0px;
border-style: none;
border-width: 0px;
background-color: #FFFFFF;
background-image: none;
height: auto;
}

#CONTENTS .contentsInner {
margin-right: 10px;
margin-left: 30px;
}

#CONTENTS780 .contentsInner {
padding: 0px 14px 0px 22px;
}

#CONTENTS .headingUnderLine,
#CONTENTS780 .headingUnderLine {
padding: 5px 3px 3px 0px;
margin-top: 30px;
margin-right: 8px;
margin-bottom: 10px;
border-bottom: 1px solid #B2B2B2;
font-size: 18px;
font-weight: bold;
line-height: 20px;
}

#CONTENTS .headingBold,
#CONTENTS780 .headingBold {
padding: 7px 10px 0px 6px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}

#CONTENTS .headingBox,
#CONTENTS780 .headingBox {
padding: 5px 8px;
border: 1px solid #B2B2B2;
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin: 10px 8px 10px 0px;
}
#CONTENTS .headingYellow,
#CONTENTS780 .headingYellow {
padding: 5px 8px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin: 10px 8px 10px 0px;
background-color: #FFB700;
color: #764C2A;
}

.interview {
padding: 0px 11px 0px 10px;
margin-right: 10px;
margin-bottom: 20px;
border: 1px solid #F1F0DE;
text-align: center;
background-color: #F5F4E7;
width: 332px;
float: left;
position: relative;
}

#CONTENTS .interview img {
border-style: none;
}

#CONTENTS p.entryDate {
padding-right: 10px;
padding-bottom: 20px;
margin: 0px;
font-size: 10px;
color: #666666;
text-align: right;
}

#CONTENTS p.extend {
font-size: 12px;
border-top: 1px dotted #B2B2B2;
margin: 0px 10px 0px 0px;
padding: 3px 3px 15px;
clear: both;
}
#CONTENTS p.extend span {
text-align: left;
display: block;
float: left;
}
#CONTENTS p.extend a {
text-decoration: none;
}

#CONTENTS .contentsInner div.textBoxGray {
padding: 12px 12px 1px;
background-color: #F5F4F0;
}

#CONTENTS .contentsInner th {
margin: 0px;
border: 1px solid #CCCCCC;
background-color: #F5F4F0;
}

#CONTENTS .contentsInner table {
margin: 0px 10px 0px 0px;
border: 1px solid #CCCCCC;
border-collapse: collapse;
}

#CONTENTS .contentsInner td {
padding: 3px;
margin: 0px;
border: 1px solid #CCCCCC;
}

#CONTENTS .description {
font-size: 13px;
font-weight: bold;
color: #764C2A;
padding: 3px 0px 11px 11px;
}

.contentsInner ul {
padding-left: 10px;
margin: 5px 0 13px 1em;
list-style-position: outside;
list-style-type: disc;
}

.contentsInner .paginate {
font-size: 12px;
text-align: center;
}

.contentsInner .interviewer {
font-weight: bold;
}

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

　ページ下部リンク

================================================*/
#BOTTOM01 {
float: left;
width: 397px;
}

#BOTTOM01 h2.headingBottomMailmag {
height: 80px;
font-size: 1px;
line-height: 1px;
display: block;
text-indent: -9999px;
background-image: url(images_site/top_mag.png);
background-repeat: no-repeat;
margin: 0px 0px 10px;
}

#BOTTOM01 h2.headingBottomMailmag a {
height: 80px;
display: block;
outline: none;
}

#BOTTOM01 .mailMagForm {
padding: 0px;
margin: 0px;
}

#BOTTOM01 h2.headingBottomBooks {
background-image: url(images_site/top_books.gif);
background-repeat: no-repeat;
height: 40px;
margin-bottom: 5px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-repeat: no-repeat;
display: block;
}

#BOTTOM01 .blockInnerharf {
float: left;
width:50%;
}
#BOTTOM01 .blockInnerharf p a {
color: #666666;
text-decoration: none;
}
#BOTTOM02 {
float: left;
width: 196px;
margin: 0px;
padding: 0px 0px 0px 5px;
}

#BOTTOM02 h2.headingBottomYahoo {
height: 40px;
margin-bottom: 5px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_yahoo.gif);
background-repeat: no-repeat;
display: block;
}
#BOTTOM02 h2.headingBottomPronet {
height: 40px;
margin-bottom: 5px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_member.gif);
background-repeat: no-repeat;
display: block;
}

#BOTTOM02 .blockInner img {
border-style: none;
text-decoration: none;
}

#BOTTOM02 .blockInner a {
color: #666666;
text-decoration: none;
}

#BOTTOM03 h2.headingBottomInterview {
height: 40px;
font-size: 1px;
line-height: 1px;
text-indent: -9999px;
background-image: url(images_site/top_case.gif);
background-repeat: no-repeat;
margin: 0px 0px 5px;
}

#BOTTOM03 a {
color: #666666;
text-decoration: none;
}

#BOTTOM03 img {
border-style: none;
}

#BOTTOM03 {
float: left;
width: 196px;
margin: 0px;
padding: 0px 0px 0px 5px;
}

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

　コンテンツ webマーケティング hamada 081212

================================================*/
.chart {
margin-bottom: 40px;
}

.caseTitle {
margin-top: 15px;
margin-bottom: 15px;
}

.webmarketingCoursor {
margin-top: 10px;
}

.webmarketingBlue {
width: 510px;
padding: 10px;
background-color: #E2EEF8;
}

.webmarketingProduce01 {
margin-left: 210px;
}

.check ul {
padding: 0px;
margin: 0 0 0 1.5em;
list-style: none;
}

.check li {
padding-left: 20px;
background: url(images/check.jpg) no-repeat 0px top;
list-style: none;
}

ul.navigation {
padding: 0;
margin: 0;
background-position:0px -74px;
background-repeat:no-repeat;
height:74px;
}
ul#managementNavi {
	background-image:url(images/chart_management.jpg);
}
ul#produceNavi {
	background-image:url(images/chart_produce.jpg);
}
ul#promotionNavi {
	background-image:url(images/chart_promotion.jpg);
}
ul#webmarketingNavi {
	background-image:url(images/chart_webmarketing.jpg);
}
ul.navigation li {
float: left;
height: 74px;
width: 88px;
width: 88px;
padding: 0;
margin: 0;
list-style-type: none;
}

ul.navigation li a {
height: 100%;
text-decoration: none;
display: block;
text-indent: -9999px;
}
ul.navigation li a:hover,
ul.navigation li.on a{
	background-position:0px 74px!important;
}

li#produceMenu1 a {
	background-image:url(images/chart_produce.jpg);
	background-repeat: no-repeat;
background-position: 0px 0px;
}

li#produceMenu2 a {
	background-image:url(images/chart_produce.jpg);
	background-repeat: no-repeat;
background-position: -88px 0px;
}

li#produceMenu3 a {
	background-image:url(images/chart_produce.jpg);
	background-repeat: no-repeat;
background-position: -176px 0px;
}

li#produceMenu4 a {
	background-image:url(images/chart_produce.jpg);
	background-repeat: no-repeat;
background-position: -264px 0px;
}

li#produceMenu5 a {
	background-image:url(images/chart_produce.jpg);
	background-repeat: no-repeat;
background-position: -352px 0px;
}

li#produceMenu6 a {
	background-image:url(images/chart_produce.jpg);
	background-repeat: no-repeat;
background-position: -440px 0px;
}

li#webmarketingMenu1 a {
background-image: url(images/chart_webmarketing.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

li#webmarketingMenu2 a {
background-image: url(images/chart_webmarketing.jpg);
background-repeat: no-repeat;
background-position: -88px 0px;
}

li#webmarketingMenu3 a {
background-image: url(images/chart_webmarketing.jpg);
background-repeat: no-repeat;
background-position: -176px 0px;
}

li#webmarketingMenu4 a {
background-image: url(images/chart_webmarketing.jpg);
background-repeat: no-repeat;
background-position: -264px 0px;
}

li#webmarketingMenu5 a {
background-image: url(images/chart_webmarketing.jpg);
background-repeat: no-repeat;
background-position: -352px 0px;
}

li#promotionMenu1 a {
	background-image:url(images/chart_promotion.jpg);
	background-repeat: no-repeat;
background-position: 0px 0px;
}

li#promotionMenu2 a {
	background-image:url(images/chart_promotion.jpg);
	background-repeat: no-repeat;
background-position: -88px 0px;
}

li#promotionMenu3 a {
	background-image:url(images/chart_promotion.jpg);
	background-repeat: no-repeat;
background-position: -176px 0px;
}

li#managementMenu1 a {
	background-image:url(images/chart_management.jpg);
	background-repeat: no-repeat;
background-position: 0px 0px;
}

li#managementMenu2 a {
	background-image:url(images/chart_management.jpg);
	background-repeat: no-repeat;
background-position: -88px 0px;
}

li#managementMenu3 a {
	background-image:url(images/chart_management.jpg);
	background-repeat: no-repeat;
background-position: -176px 0px;
}
li#managementMenu4 a {
	background-image:url(images/chart_management.jpg);
	background-repeat: no-repeat;
background-position: -264px 0px;
}
li#managementMenu5 a {
	background-image:url(images/chart_management.jpg);
	background-repeat: no-repeat;
background-position: -352px 0px;
}

#UnderNavi {
padding-top: 30px;
margin-top: 50px;
background-image: url(images_site/undearnavi_heading.jpg);
background-repeat: no-repeat;
}

#CONTENTS .contentsInner table.flow {
border-style: none;
}

#ALL #WRAPPER #CONTENTS .contentsInner table.flow td {
padding: 5px;
border-style: none;
}

#CONTENTS .contentsInner table.flow th {
padding: 5px;
border: 1px solid #B2B2B2;
background-color: #FFFFFF;
}

#CONTENTS .contentsInner .headingBox a {
color: #000000;
text-decoration: none;
}

.interview h2.headingBox {
background-color: #FFF;
margin-right:0px!important;
overflow: hidden;
height: 18px;
}

.interview a.toDetail span {
position: absolute;
right: 7px;
height: 15px;
width: 57px;
font-size: 1px;
line-height: 1px;
display: block;
text-indent: -9999px;
background-image: url(images_site/top_links_detail.gif);
background-repeat: no-repeat;
cursor:pointer;
top: 7px;
}

.interview a.toDetail:hover span {
background-position: 0 -15px;
}

.interview .toDetail {
height: 207px;
width: 330px;
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
}

#TOPNEWS .blockInner h3 {
clear: both;
padding: 15px 3px 3px;
border-bottom: 1px solid #B2B2B2;
font-size: 13px;
font-weight: bold;
line-height: 18px;
margin: 0px 0px 10px 0px;
}

#PageBottom {
clear: both;
}

#CONTENTSBOTTOMCONTACT{
background-image: url(images_site/contentsbottom_contact_bg.jpg);
background-repeat: no-repeat;
height: 200px;
width: 550px;
position: relative;
margin: 20px 0px 0px 10px;
padding: 0px;
clear: both;
}

#CONTENTSBOTTOMSEMINAR{
background-image: url(images_site/contentsbottom_seminar_bg.jpg);
background-repeat: no-repeat;
height: 230px;
width: 700px;
position: relative;
margin: 20px 0px 0px 10px;
padding: 0px;
clear: both;
}

#CONTENTSBOTTOMCONTACT h3,
#CONTENTSBOTTOMSEMINAR h3{
text-indent: -9999px;
}

#CONTENTSBOTTOMCONTACT h2{
padding: 8px 20px 0px 60px;
line-height: 30px;
font-size: 16px;
}
#CONTENTSBOTTOMSEMINAR h2{
padding: 8px 20px 0px 80px;
line-height: 30px;
font-size: 14px;
}

#CONTENTSBOTTOMCONTACT .tel,
#CONTENTSBOTTOMSEMINAR .tel{
text-indent: -9999px;
}

#CONTENTSBOTTOMSEMINAR a.contact{
display: block;
height: 86px;
width: 453px;
text-indent: -9999px;
position: absolute;
right: 19px;
bottom: 52px;
background-image: url(images_site/contentsbottom_seminar_button.jpg);
background-repeat: no-repeat;
outline:none;
}
#CONTENTSBOTTOMCONTACT a.contact{
display: block;
height: 86px;
width: 302px;
text-indent: -9999px;
position: absolute;
right: 20px;
bottom: 34px;
background-image: url(images_site/contentsbottom_contact_button.jpg);
background-repeat: no-repeat;
outline:none;
}
#CONTENTSBOTTOMCONTACT a.contact:hover,
#CONTENTSBOTTOMSEMINAR a.contact:hover{
background-image: none;
}

#CONTENTSBOTTOMCONTACT .comment,
#CONTENTSBOTTOMSEMINAR .comment{
position: absolute;
left: 25px;
bottom: 5px;
}
#CONTENTS780 #CONTENTSBOTTOMCONTACT{
	margin-left:100px;}
#CONTENTS780 #CONTENTSBOTTOMSEMINAR{ }

#SIDE .sideMenu h2 {
font-size: 14px;
color: #0096E7;
padding: 15px 10px 10px 5px;
margin: 20px 15px 0px 20px;
border-top: 1px solid #D6D6D6;
}

#BOOKMARK {
background-color: #F7F6F6;
margin: 10px;
font-size: 10px;
padding: 10px;
text-align: right;
font-weight: bold;
color: #333;
}

#CONTENTS780 .interview .headingBox {
text-align: left;
background-image: url(images_site/icon_bubble.jpg);
background-repeat: no-repeat;
background-position: 3px 8px;
padding-left: 20px;
}



#FORMALL {
margin: 0px 0px 20px;
border-top: 1px solid #999;
}

#FORMALL td {
padding: 0px 5px 10px;
border-bottom: 1px dashed #CCC;
line-height: 160%;
}

#FORMALL th {
padding: 0px 5px 5px 25px;
border-bottom: 1px dashed #CCC;
color: #333;
text-align: right;
}

#FORMALL th.indispensability {
background-image: url(contact/images_site/indispensability.png);
background-position: 2px 0px;
background-repeat: no-repeat;
}


/* 問い合わせフォーム */
.error{
	color:#FFF!important;
	display:inline-block;
	background-color:#F00;
	padding:0px 3px;
}
.exmple{
	font-size:10px!important;
	color:#666!important;}
#CONTENTS780 p {
	padding-right: 8px;
	margin-bottom: 12px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 160%;
}
#FORMALL td p {
padding: 1px 0px 3px;
margin: 0px;
}
#FORMALL td input {
margin: 1px 2px;
padding:0px;
}

#FORMALL td label {
font-size: 12px;
}

#FORMALL caption {
text-align: left;
font-weight: bold;
color: #999;
padding: 0px 0px 0px 5px;
}
#FORMALL #KIKKAKE {
float: left;
font-size: 12px;
}
#FORMALL #KIKKAKE tr,
#FORMALL #KIKKAKE td{
height:26px;
padding:2px 0px;
overflow:hidden;
}



#CONTENTS780 #CHARTCONTACT {
background-image: url(images_site/chart_contact.jpg);
background-repeat: no-repeat;
height: 74px;
width: 725px;
text-indent: -9999px;
margin: 0px auto 20px;
padding: 0px;
}

#CONTENTS780 .chart01 {
background-position:0px 0px;
}

#CONTENTS780 .chart02 {
background-position:0px -74px;
}

#CONTENTS780 .chart03 {
background-position:0px -148px;
}

#HEADER .contactTitle {
font-size: 9px;
color: #999;
background-image: url(images_site/header_submenu_bg.gif);
height: 23px;
width: 264px;
position: absolute;
right: 13px;
bottom: 43px;
padding: 0px 0px 0px 2px;
overflow: hidden;
line-height: 20px;
}

#SIDE .sideMenu .menuid47 {
height: 84px!important;
width: 184px!important;
padding:0px 0px 8px 0px;
}

#SIDE .sideMenu .menuid47 a {
background-image: url(images_site/banner_access.gif);
background-repeat: no-repeat;
background-position:0px 0px;
text-indent: -9999px;
display: block;
height: 84px;
width: 184px;
padding:0px;
margin:0px;
outline:none;
}
#SIDE .sideMenu .menuid47 a:hover {
background-position:0px -84px;
}

#CONTENTS .caseReview h2 {
background-image: url(images_site/case_review_title.gif);
background-repeat: no-repeat;
height: 28px;
width: 545px;
text-indent: -9999px;
padding: 0px 0px 15px;
}

#CONTENTS .caseData table th.caseDataTitle {
background-image: url(images_site/case_data_title.jpg);
height: 29px;
text-indent: -9999px;
background-repeat: no-repeat;
border-style: none;
margin:0px;
padding:0px 0px 0px 10px!important;
}

#CONTENTS .caseData th {
font-weight: bold;
color: #333;
text-align: left;
background-color: #FFF;
}

#CONTENTS .caseData th,#CONTENTS .caseData td {
border-bottom: 1px dashed #CCC;
padding:5px 0px;
font-size: 11px;
}

#CONTENTS .caseData {
padding: 0px 0px 0px 10px;
}

#CONTENTS .caseDescription {
font-weight: bold;
color: #333;
margin: 0px 0px 15px 10px;
}

#CONTENTS .caseAfter h2 {
background-image: url(images_site/case_after_title.gif);
background-repeat: no-repeat;
text-indent: -9999px;
height: 28px;
width: 545px;
padding: 0px 0px 15px;
}

#CONTENTS .caseAfter {
padding: 0px 15px 15px 10px;
clear: both;
}

#CONTENTS .caseReview {
padding: 0px 0px 0px 10px;
clear: both;
}

#CONTENTS .caseReview ul {
list-style-type: none;
padding: 0px;
width: 550px;
}

#CONTENTS .caseReview ul li span {
background-image: url(images_site/listbullet_skyblue.gif);
background-repeat: no-repeat;
display: block;
padding: 0px 0px 0px 15px;
background-position: 2px 7px;
width: 145px;
}

#CONTENTS .caseReview li {
padding: 0px 33px 20px 0px;
float: left;
font-size: 86%;
}

#CONTENTS .caseReview ul .last {
padding: 0px 0px 20px;
}

#CONTENTS .caseData table {
font-size: 86%;
float: right;
width: 325px;
margin-right: 0px;
}

#CONTENTS .caseData td span {
background-image: url(images_site/case_service_bg.gif);
background-repeat: no-repeat;
display: inline-block;
padding: 0px 10px 7px 0px;
height: 20px;
width: 65px;
text-align: center;
color: #FFF;
line-height: 20px;
font-size: 9px;
text-indent: 0;
}

#CONTENTS .caseData strong {
color: #B50000;
}

#CONTENTS .contentsInner p strong {
color: #FF2800;
}

#CONTENTS .box{
padding: 15px;
background-color: #EEE;
border: 1px dashed #999;
margin: 5px 10px 5px 0px;
}

#CONTENTS .contentsInner .box,
#CONTENTS780 .contentsInner .box{
padding: 15px;
background-color: #EEE;
border: 1px dashed #999;
margin: 5px 10px 5px 0px;
}

#CONTENTS .contentsInner .box,
#CONTENTS780 .contentsInner .voice{
	padding: 15px;
	background-color: #EEE;
	border: 1px dashed #999;
	margin: 10px 120px 10px 120px;
}

#CONTENTS .caseData .skin {
background-image: url(images_site/case_thumb_bg.jpg);
background-repeat: no-repeat;
padding-top: 21px;
padding-left: 2px;
width: 216px;
}

.contentsInner .tableA { }
.contentsInner .tableA th {
padding:5px 15px 5px 10px;
background-image: url(images_site/link_right_allow.gif);
background-repeat: no-repeat;
background-position: right 10px;
vertical-align: top;
text-align: right;
border-bottom: 1px dotted #EEE;
font-size: 14px;
}
.contentsInner .tableA td {
padding:5px 10px 5px 10px;
vertical-align: top;
border-bottom: 1px dotted #EEE;
font-size: 14px;
}
.contentsInner .tableA td p { padding:0px!important;
margin:0px!important;
text-indent:0px;}
.contentsInner form .tableA caption{ text-align:left;
padding-top:20px;
font-weight:bold;
color:#0096E7;
border-bottom:solid 1px #0096E7; }

.contentsInner .tableB { }
.contentsInner .tableB th {
padding:5px 15px 5px 10px;
background-image: url(images_site/bg_slash.gif);
background-repeat: repeat;
vertical-align: top;
font-size: 14px;
border: 1px solid #FFF;
border-collapse: collapse;
}
.contentsInner .tableB td {
padding:5px 10px 5px 10px;
vertical-align: top;
font-size: 14px;
border-collapse: collapse;
border: 1px solid #EEE;
}
.contentsInner .tableB td p { padding:0px!important;
margin:0px!important;
text-indent:0px;}

#CONTENTSBOTTOMSEMINAR .seminarTitle {
font-size: 12px;
line-height: 1.2em;
position: absolute;
left: 84px;
top: 60px;
font-weight: bold;
color: #FFF;
margin: 0px;
padding: 0px;
width: 593px;
}