@charset "UTF-8";

/*=====================================
全体共通設定
=====================================*/
html, body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

a:hover {
	color: #FF9900 !important;
	text-decoration: underline !important;
}

img {
	border-style: none;
}

/* 写真の右寄せ・左寄せ */
.img_left{
 float: left;
	font-size:12px;
	text-align:center;
	padding: 0px 5px 5px 0px;
}

.img_right{
 float: right;
	font-size:12px;
	text-align:center;
	padding: 0px 0px 5px 5px;
}

/* コンテンツエリアのテーブル内テキスト */
#CONTENTS table{
font-size: 14px;
}

/*=====================================
基本レイアウト
=====================================*/
#ALL {
	margin: 0px auto;
	height: 100%;
	width: 800px;
	background-color: #FFFFFF;
}


#TOPICPATH {
	width: 800px;
	background-image: url(images_site/wrap_head.png);
	background-repeat: repeat-x;
	height: 28px;
	padding-top: 3px;
}

#WRAPCONTENTS {
	width: 800px;
	background-image: url(images_site/wrap_bg.png);
	background-repeat: repeat-y;
}

#CONTENTS {
	width: 590px;
	float: left;
	height: 100%;
}

#SUBCONTENTS {
	width: 200px;
	float: right;
}

#FOOTER {
	height: 88px;
	background-image: url(images_site/footer_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #A0BBC7;
}

/*=====================================
HEADER内スタイル
=====================================*/
#HEADER {
	height: 214px;
}
#LOGO {
	float: left;
	width: 250px;
	height: 62px;
}

#HEADERNAVIGATION {
	float: right;
	width: 550px;
	text-align: right;
	padding-top: 5px;
}
#HEADERNAVIGATION form {
	margin: 0px;
	padding: 5px;
}
#HEADERNAVIGATION p {
	font-size: 12px;
	line-height: 12px;
	color: #666666;
	margin: 0px;
	padding: 5px;
}
#HEADERNAVIGATION p a {
	text-decoration: none;
}

/*=====================================
GLOBALMENU
=====================================*/
#GLOBALMENU {
	width: 798px;
	height: 33px;
	border-top: 1px solid #66768F;
	border-right: 1px solid #66768F;
	border-left: 1px solid #66768F;
	clear: both;
}

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

#GLOBALMENU li {
	float: left;
	height: 33px;
	margin: 0px;
	padding: 0px;
	display: block;
}
li.gm00 {
	background-image: url(images_site/gm_00.gif);
	background-repeat: no-repeat;
	width: 244px;
	text-indent: -9999px;
}
li.gm01 a {
	background-image: url(images_site/gm_01.gif);
	background-repeat: no-repeat;
	width: 165px;
	display: block;
	height: 33px;
	text-indent: -9999px;
}
li.gm02 a {
	background-image: url(images_site/gm_02.gif);
	background-repeat: no-repeat;
	width: 135px;
	display: block;
	height: 33px;
	text-indent: -9999px;
}
li.gm03 a {
	background-image: url(images_site/gm_03.gif);
	background-repeat: no-repeat;
	width: 74px;
	display: block;
	height: 33px;
	text-indent: -9999px;
}
li.gm04 a {
	background-image: url(images_site/gm_04.gif);
	background-repeat: no-repeat;
	width: 72px;
	display: block;
	height: 33px;
	text-indent: -9999px;
}
li.gm05 a {
	background-image: url(images_site/gm_05.gif);
	background-repeat: no-repeat;
	width: 108px;
	display: block;
	height: 33px;
	text-indent: -9999px;
}
li.gm01 a:hover, li.gm02 a:hover, li.gm03 a:hover, li.gm04 a:hover, li.gm05 a:hover {
	background-position: 0px -33px;
}
/*=====================================
メインイメージ
=====================================*/
#MAIN-IMAGE {
	border-right: 1px solid #66768F;
	border-left: 1px solid #66768F;
	border-bottom: 1px solid #66768F;
	height: 118px;
	width: 798px;
}
/*=====================================
TOPICPATH内スタイル
=====================================*/
#TOPICPATH p {
	font-size: 12px;
	line-height: 14px;
	color: #666666;
	margin: 0px;
	padding-top: 5px;
	padding-right: 12px;
	padding-left: 10px;
}
#TOPICPATH a {
	color: #006699;
	text-decoration: none;
}

/*=====================================
FOOTER内スタイル
=====================================*/
#FOOTER p {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	margin: 0px;
	padding: 12px 0px 0px;
}
#FOOTER a {
	color: #FFFFFF;
	text-decoration: none;
}

/*=====================================
CONTENTS内スタイル
=====================================*/
/* サービス別 */
#CONTENTS h2 {
	font: bolder 16px/16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFFFFF;
	width: 565px;
	padding-top: 8px;
	padding-left: 25px;
}
#CONTENTS h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#CONTENTS .top-entries {
	height: 90px;
}
#CONTENTS .top-entries ul {
	margin: 0px 0px 0px 176px;
	padding-top: 10px;
	padding-left: 5px;
	list-style-type: none;
	width: 405px;
	font-size: 13px;
}
#CONTENTS .top-entries ul li {
	margin: 0px;
	background-image: url(images_site/topics_linkmarker.png);
	background-repeat: no-repeat;
	padding: 0px 0px 7px 15px;
}
#CONTENTS .left-topic {
	float: left;
	height: 90px;
	width: 175px;
}
#CONTENTS .top-entries h3 {
	width: 155px;
	padding-left: 20px;
	padding-top: 6px;
	font-size: 16px;
}
#CONTENTS .top-entries h3 a {
	color: #000000;
	text-decoration: none;
}
#CONTENTS .top-entries p.date {
	width: 150px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 5px;
	font-size: 13px;
}
#CONTENTS .red {
	color: #FF0000;
}
#CONTENTS u {
	text-decoration: none;
	border-bottom: 1px dotted #FF9900;
	padding-bottom: 1px;
	color: #330000;
}
#WebMarketing h2 {
	background-image: url(images_site/title_webmarketing.png);
	background-repeat: no-repeat;
	height: 27px;
}
#WebMarketing .top-entries {
	background-image: url(images_site/service_image_webmarketing.png);
	background-repeat: no-repeat;
}
#CallCenter h2 {
	background-image: url(images_site/title_callcenter.png);
	background-repeat: no-repeat;
	height: 27px;
}
#CallCenter .top-entries {
	background-image: url(images_site/service_image_callcenter.png);
	background-repeat: no-repeat;
}
#Crm h2 {
	background-image: url(images_site/title_crm.png);
	background-repeat: no-repeat;
	height: 27px;
}
#Crm .top-entries {
	background-image: url(images_site/service_image_crm.png);
	background-repeat: no-repeat;
}
/* 最新エントリ */
#NEWENTRIES {
	background-image: url(images_site/topics_new_entries.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 590px;
}
#NEWENTRIES p {
	text-align: right;
	margin: 0px;
	padding-top: 8px;
	padding-right: 5px;
	font-size: 13px;
}
#NEWENTRIES p a {
	text-decoration: none;
}
#CONTENTS ul.new-entries {
	margin: 0px;
	padding-top: 10px;
	padding-left: 5px;
	list-style-type: none;
	font-size: 13px;
	padding-bottom: 15px;
}
#CONTENTS ul.new-entries li {
	margin: 0px;
	padding: 0px 0px 7px;
}
/* ランキング */
#RANKING {
	background-image: url(images_site/topics_ranking.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 590px;
}
#RANKING p {
	margin: 0px;
	padding-top: 8px;
	padding-right: 5px;
	font-size: 13px;
	padding-left: 190px;
}
#CONTENTS ul.rank-entries {
	margin: 0px;
	list-style-type: none;
	font-size: 13px;
	padding: 10px 0px 15px 20px;
}
#CONTENTS ul.rank-entries li {
	margin: 0px;
	padding: 0px 0px 7px;
}

/*=====================================
SUBCONTENTS内スタイル
=====================================*/
#SideBanner p {
	margin: 0px 0px 10px !important;
	padding: 0px !important;
}
#SUBCONTENTS a {
	text-decoration: none;
	color: #006699;
}
#SUBCONTENTS ul.casestudy a {
	text-decoration: none;
	color: #666666;
}
#SUBCONTENTS h4 {
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	background-image: url(images_site/title_side.png);
	background-repeat: no-repeat;
	text-align: center;
	width: 200px;
	height: 23px;
	padding-top: 7px;
}
#SUBCONTENTS h4 a {
	color: #FFFFFF;
	text-decoration: none;
}
#SUBCONTENTS ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#SUBCONTENTS ul li {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #BED2E4;
	margin: 0px;
	padding: 6px 5px 6px 17px;
	background-image: url(images_site/menu_arrow.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	line-height: 17px;
	background-position: 3px 8px;
}
#SUBCONTENTS  p {
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}
#SUBCONTENTS .sidebox {
	border-top: 1px solid #FFFFFF;
	padding: 10px 8px;
	font-size: 12px;
}
#SUBCONTENTS .sidebox p {
	margin: 0px;
	padding: 0px 0px 5px;
}
/* タグクラウド */
ul#tag-cloud, ul.tag-cloud {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
	border-bottom: 1px solid #BED2E4;
}
ul#tag-cloud li {
	border: none;
	padding: 0px;
	background-image: none;
}
ul.tag-cloud li {
	border: none;
	padding: 0px;
	background-image: none;
	font-size:12px;
}
#SUBCONTENTS ul#tag-cloud li.tag, ul.tag-cloud li.tag {
	display: inline;
	padding: 0px 5px 0px 0px;
    }
#SUBCONTENTS ul#tag-cloud li.tag a, ul.tag-cloud li.tag a {
	color: #336699;
	text-decoration: none;
	white-space: nowrap;
    }

#SUBCONTENTS ul#tag-cloud li.tag a.level1 {
    font-size: 18px;
    }

#SUBCONTENTS ul#tag-cloud li.tag a.level2 {
    font-size: 16px;
    }

#SUBCONTENTS ul#tag-cloud li.tag a.level3 {
    font-size: 14px;
    }

#SUBCONTENTS ul#tag-cloud li.tag a.level4 {
    font-size: 12px;
    }

#SUBCONTENTS ul#tag-cloud li.tag a.level5 {
    font-size: 11px;
    }

#SUBCONTENTS ul#tag-cloud li.tag a.level6 {
    font-size: 10px;
    }
ol#RankingList {
	margin: 0px;
	padding: 10px;
	list-style-type: none;
}
ol#RankingList li {
	font-size: 13px;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px 0px 5px 18px;
}
li#Rank1 {
	background-image: url(images_site/rank_01.gif);
	background-repeat: no-repeat;
}
li#Rank2 {
	background-image: url(images_site/rank_02.gif);
	background-repeat: no-repeat;
}
li#Rank3 {
	background-image: url(images_site/rank_03.gif);
	background-repeat: no-repeat;
}
li#Rank4 {
	background-image: url(images_site/rank_04.gif);
	background-repeat: no-repeat;
}
li#Rank5 {
	background-image: url(images_site/rank_05.gif);
	background-repeat: no-repeat;
}
li#Rank6 {
	background-image: url(images_site/rank_06.gif);
	background-repeat: no-repeat;
}
li#Rank7 {
	background-image: url(images_site/rank_07.gif);
	background-repeat: no-repeat;
}
li#Rank8 {
	background-image: url(images_site/rank_08.gif);
	background-repeat: no-repeat;
}
li#Rank9 {
	background-image: url(images_site/rank_09.gif);
	background-repeat: no-repeat;
}
li#Rank10 {
	background-image: url(images_site/rank_10.gif);
	background-repeat: no-repeat;
}
#MOBLOG {
	background-image: url(images_site/topics_market.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 590px;
}
#MOBLOG p {
	margin: 0px;
	padding-top: 7px;
	padding-right: 5px;
	font-size: 16px;
	padding-left: 30px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
}
#MOBLOG p a {
	color: #000000;
	text-decoration: none;
}
.top-photolist {
	padding: 5px 3px 15px 5px;
	float: left;
	height: 54px;
	width: 89px;
}
.top-photoflame {
	height: 50px;
	width: 85px;
	margin: 0px;
	border: 1px solid #999999;
	padding: 1px;
}
.top-photoimage {
	height: 50px;
	width: 85px;
	overflow: hidden;
}