﻿@charset "UTF-8";

/*
Skin Name: Vega Skin - Core Style
Author: vicuna.jp
*/

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

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

  Elements

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

body {
	color: #222;
	background-color: #fff;
	font-family:"メイリオ","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

/* Link
---------------*/

a:link {
	color: #417698;
}

a:visited {
	color: #5b8098;
}

a:hover {
	color: #2091da;
}

a:focus,
textarea:focus,
input:focus {
	outline: 1px dashed #fafafd;
}
a{
	outline: none;
	overflow:hidden;
}
a img{ border:none; text-decoration:none;}
a:hover img{  filter:alpha(opacity=60);
    opacity:0.6;}
/* Text
---------------*/

h1 {
	margin: 0;
	padding: 15px 30px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 1.5;
	font-size: 167%;
	color: #333;
	background-color: #f5f5f5;
}

body.mainIndex h1 {
	display: none;
}

h2 {
	margin: 1em 0;
	font-size: 116%;
}

h3 {
	margin-top: 2em;
	padding-bottom: 0.4em;
	border-bottom: 4px solid #eee;
	font-size: 116%;
}

p {
	margin: 1em 0 1em 5px;
}
img.r_space { margin-right:5px;}
.center_img{ text-align:center;}
blockquote {
	margin: 1em 0 1em 20px;
	padding: 8px 10px 5px 40px;
	border: 1px solid #eee;
	color: #95561b;
	background-image: url(images/icon/quote.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

blockquote  p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

pre {
	padding: 15px 20px;
	border-top: 1px solid #cfe4e8;
	border-left: 1px solid #cfe4e8;
	color: #086dac;
	background-color: #ebf1f2;
	overflow: auto;
	width: 90%;
	_width: 95%; /* for IE6 */
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

}

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

strong {
	color: #FF3200;
}

/* List
---------------*/

ul,
ol {
	margin: 1em 30px;
	padding: 0;
	list-style-position: outside;
}
div.textBody ul{ display:table;}
ul ul,ul ol,ul ol,ol ol {
	margin: 0.3em 0 0.3em 15px;
}
li{ margin:0 0 12px 7px;}
/* form
---------------*/

form {
	margin: 1em 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f5f5f5;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

fieldset {
	padding: 1px 0;
	border: none;
}

legend {
	padding: 0 10px;
	background-color: #fff;
}

input,
textarea {
	padding: 0.2em;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #eee #eee #ddd;
	background-color: #fff;
}

input:hover,
textarea:hover {
	border-color: #00a0dd;
}

textarea {
	padding: 0.5em 10px; width:500px;
}
*html textarea{ width:500px;}/*for ie6*/
html:not(target) textarea{ width:500px;}/*for ie8*/

input.submit {
	padding: 5px 10px;
	border: none;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #01b0f0;
}

input.submit:hover {
	background-color: #000;
}

input.radio {
	border: none;
	background-color: transparent;
	background-image: none;
}

/* Table
---------------*/

table {
	margin: 1em 0;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #ccc #ccc #ddd;
	background-color: #fff;
}

caption {
	padding-bottom: 0.3em;
}

th,
td {
	padding: 0.3em 10px;
	border-collapse: separate;
	border-spacing: 1px;
}

th {
	border-right: 1px solid #ddd;
	color: #333;
	background-color: #f5f5f5;
}

td {
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
}
table.about_us{ width:500px; border:1px solid #eee;}
table.about_us td{ border:1px solid #eee;}

/* Others
---------------*/

hr {
	margin: 5px 0;
	border: none;
	border-top: 1px dotted #ccc;
}

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

  div#header

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

div#header {
	padding: 1px 0;
	background-color: #fff;
}

/* Website Title
---------------*/

div#header p.siteName {
	margin: 10px 0px 10px;
	line-height: 1;
	font-size: 144%;
	font-weight: bold; text-indent:-9999px;
	width:500px;
}
div#header p.siteName a:hover{}
div#header p.siteName a {
	text-decoration: none; height:36px; width:212px;
	color: #417698;background-image:url("images/top/tsc-logo.png"); display:block;
}

div#header p.siteName a:hover {
	color: #000;
}

div#header p.description {
	margin: 0 0px 5px;
	font-size: 12px;
	width:480px;
}

/* ul#globalNavi
---------------*/

ul#globalNavi {
	margin: 0 0 -1px 0;
	padding: 0;
	line-height: 1;
	background-color: #111;
	list-style-type: none;
}

ul#globalNavi li {
	margin: 0px;
	padding: 0;
	float: left;
	/*
	width: 110px;
	*/
	text-align: center;
	height:48px;
}
ul#globalNavi li.ww1{ width:166px;}
ul#globalNavi li.ww2{ width:167px;}
ul#globalNavi li.spe2{ margin-left:0px;}
ul#globalNavi li a,
ul#globalNavi li a:focus {
	display: block;
	position: relative; /* for IE6 */
	color: #333;
	background-position:0 0; background-repeat:no-repeat;
	height:48px;
	text-indent:-9999px;
	text-decoration: none;
	width:167px;
	outline:none;
	overflow:hidden;
}
ul#globalNavi li a.spe2{ width:166px; border:none;}
ul#globalNavi li a:hover{
background-position:0px -48px;}
ul#globalNavi li a.web{
	background-image:url("images/top/navi-1web.png");
}
ul#globalNavi li a.marketing{
	background-image:url("images/top/navi-2marketing.png");}
ul#globalNavi li a.gapps{
	background-image:url("images/top/navi-3gapps.png");}
ul#globalNavi li a.research{
	background-image:url("images/top/navi-4research.png");}
ul#globalNavi li a.reference{
	background-image:url("images/top/navi-5reference.png");}
ul#globalNavi li a.twit{
	background-image:url("images/top/navi-6twit.png");}
ul#globalNavi li a:hover,
ul#globalNavi li.current a {
	color: #333;
	background-color: #111;
}

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

  div#content

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

div#content {
	padding-bottom: 1px;
	border-top: 1px solid #eee;
	background-color: #fff;
}

p.topicPath {
	margin: 0 30px 10px;
	padding-top: 8px;
	line-height: 1.6;
}

p.topicPath a {
	text-decoration: none;
}

p.topicPath span.current {
	padding: 1px 10px;
	border: 1px solid #ddd;
	color: #000;
	background-color: #f5f5f5;
}

/*=========================
 > div#main
=========================*/

/* > div.entry
---------------*/

div.entry {
	margin: 1em 20px;
	padding: 1px 0;
	_height: 1px; /* for IE6 */
	*min-height: 1px; /* for IE7 */
}

/* body.archives */

body.archives div.entry {
	margin-top: 0;
}

/* Entry Title
---------------*/

div.entry h2 {
	margin-bottom: 0;
	padding: 0.2em 13px 0.4em;
	border-bottom: 1px dotted #ccc;
}

div.entry h2 a {
	text-decoration: none;
}

div.entry h2 a:link {
	color: #333;
}

div.entry h2 a:visited {
	color: #444;
}

div.entry h2 a:hover {
	color: #2091da;
	text-decoration: underline;
}

/* ul.info
---------------*/

div.entry ul.info {
	margin: 0 0 1em 0;
	padding: 0.3em 0;
	border-left: 5px solid #ccc;
	border-bottom: 1px solid #eee;
	list-style-type: none;
	background-color: #f5f5f5;
}

div.entry ul.info li {
	margin: 0.3em 0;
	padding: 0 15px;
	border-right: 1px solid #ddd;
	color: #444;
	float: left;
	font-size: 85%;
}

div.entry ul.info li a {
	text-decoration: none;
}

/*body.individual ul.info */

body.individual div.entry ul.info,
body.archives div.entry ul.info {
	margin: 0 -30px 1.5em;
	padding: 0.3em 30px;
	border-bottom: 1px solid #ddd;
	position: relative;
	top: -1px;
	background-color: #eee;
}

body.individual div.entry ul.info li,
body.archives div.entry ul.info li{
	border-right: none;
	border-left: 1px solid #ccc;
}

/* Text Style
---------------*/

div.textBody p {
	line-height: 1.7;
}

div.textBody h2 {
	margin-top: 2em;
}

div.textBody dl {
	padding: 0.5em 20px;
	border: 1px solid #eee;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.textBody dt {
	margin: 0.7em 0;
	padding-bottom: 0.3em;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	color: #0066CC;
}

div.textBody dd {
	margin: 0.5em 0;
}

/* ul.reaction
---------------*/

div.entry ul.reaction {
	margin: 1em 0;
	border-top: 1px solid #eee;
	list-style-type: none;
}

div.entry ul.reaction li {
	margin: 0 10px 0 0;
	padding: 5px 10px 0 0;
	border-right: 1px solid #eee;
	float: left;
}

/* page navi
---------------*/

p.archives {
	margin: 1em 30px;
}

p.return {
	margin: 0 30px;
	padding: 0.7em 0;
	text-align: right;
	clear: both;
}

/* Newer | Older */

ul#flip1 {
	margin: 0 0 0 30px;
	list-style-type: none;
	position: relative;
	top: 1px;
}

ul#flip1 li {
	float: left;
	width: 60px;
	font-size: 92%;
	text-align: center;
	line-height: 1;
}

ul#flip1 li a {
	margin-right: 2px;
	padding: 4px 0 3px;
	border: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: none;
	display: block;
	text-decoration: none;
	color: #666;
	background-color: #f5f5f5;
}

ul#flip1 li a:hover {
	color: #333;
	background-color: #fff;
}

ul#flip2 {
	margin: 1em 0;
	padding: 0.8em 15px;
	border: 1px solid #eee;
	list-style-position: inside;
}

/*=========================
  div#Comments, 
  div#Trackbacks
=========================*/

div#comments,
div#trackback {
	margin: 2em 0;
	_height: 1px; /* for IE6 */
}

div#comments h2,
div#trackback h2 {
	padding: 0.3em 15px;
	font-size: 116%;
	color: #fff;
	background-color: #999;
}

div#comments dl.log dt,
div#trackback dl.log dt {
	margin: 0.8em 0 0;
	font-weight: bold;
}

div#comments dl.log dt span.name,
div#trackback dl.log dt span.name {
	color: #2091da;
}

div#comments dl.log dt span.date,
div#trackback dl.log dt span.date {
	margin-left: 10px;
	color: #666;
	font-weight: normal;
}

div#comments dl.log dd,
div#trackback dl.log dd {
	margin: 0;
	padding: 0.8em 0 1em;
	border-bottom: 1px dotted #ddd;
}

div#comments dl.log dd p,
div#trackback dl.log dd p {
	margin: 0;
}

/* Comment form
---------------*/

form.post dl {
	margin: 0.5em 20px;
}

form.post p {
	margin: 1em 20px;
}

form.post dl dt {
	margin: 0.5em 0;
}

form.post dl dd {
	margin: 0;
}

form.post div.action {
	margin: 0.5em 20px 1em;
}

form.post div.action input {
	margin: 0 5px 0 0;
}

form.post textarea {
	width: 80%;
	max-width: 85%;
}

/* Trackback info
---------------*/

div#trackback dl.info {
	padding: 0.8em 15px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f5f5f5;
}

div#trackback dl.info dd {
	margin: 0.3em 20px;
}

div#trackback dl.info dd.URL {
	margin: 0.5em 0;
	padding: 0.5em 10px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #fff;
	color: #01b0f0;
}

/*=========================
  div#utilities
=========================*/

div#utilities p {
	margin: 0.2em 10px;
}

div#utilities dl {
	margin: 5px 0;
	padding-bottom: 5px;
}

div#utilities dl dt {
	margin: 5px 5px;
	padding: 0.4em 13px;
	color: #fff;
	background-color: #777;
	letter-spacing: 1px;
}

div#utilities dl.others dt {
	background-color: #aaa;
	margin:0; padding:0;
}

div#utilities dl dd {
	margin: 0 5px;
	padding: 1px 0;
	background-color: #f5f5f5;
}

div#utilities dl dd ul {
	margin: 5px 10px 5px 25px;
}

div#utilities dl dd ul li {
	margin: 0.5em 0;
}

div#utilities dl dd ul li a {
	text-decoration: none;
}

/* Feeds
---------------*/

div#utilities dl dd ul.feed {
	margin-left: 10px;
	list-style-type: none;
	list-style-position: outside;
}

div#utilities dl dd ul.feed li {
	margin-left: 0;
}

div#utilities dl dd ul.feed li a {
	padding-left: 20px;
	background: url(images/icon/icon_feed.gif) no-repeat;
}

/* div#utilities dl dd >  
---------------*/

div#utilities dl dd ul ul {
	margin-left: 15px;
}

div#utilities dl dd dl dt {
	background-color: #ddd!important;
}

div#utilities dl dd form {
	margin: 0;
	padding: 1px 5px;
	border: none;
}

div#utilities dl dd form legend {
	display: none;
}

div#utilities dl dd form input.inputField {
	width: 45%;
}

div#utilities dl dd form input.submit {
	padding: 0.2em 2px;
	font-size: 10px;
}

/*--div#utilities カスタマイズ--*/
div#utilities dt.nav{ width:200px; background-color:#FFFFFF; height:140px; margin:0px; padding:0;}
div#utilities dd.nav{ margin:0; padding:0;}
div#utilities dd.nav li a,
div#utilities dt.nav a{ text-indent:-9999px; background-color:#FFFFFF; margin:0; padding:0; background-repeat:no-repeat; display:block; overflow:hidden;}
div#utilities dd.nav li.nav7{ height:90px; background-image:url("images/top/contact-tel.png"); text-indent:-9999px; margin:0; padding:0;}
div#utilities dd.nav ul.nav{ margin:0; padding:0; background-color:#FFFFFF; border-right:1px solid #eee;}
div#utilities dd.nav ul.nav li{list-style:none; width:200px; background-color:#fff;}
div#utilities dd.nav ul.nav li.text{
	width:195px;
	margin-left:2px;
	color:#555;
	font-size:10px;
	background-image: url(images/title.png);
	background-repeat: no-repeat;
	text-indent:7px;
}
div#utilities dt.nav a.nav1,
div#utilities dd.nav ul.nav a.nav2{ height:140px;}
div#utilities dd.nav ul.nav a.short{ height:70px;}
div#utilities dd.nav ul.nav a:hover.short{ background-position:0 -70px;}
div#utilities dt.nav a.nav1{ background-image:url("images/top/banner-right-campaigntw.png");}
div#utilities dd.nav ul.nav a.nav2{
	background-image:url("images/top/banner-right-campaignjp.png");
}
div#utilities dd.nav ul.nav li.mov{ margin-top:1px;}
div#utilities dd.nav ul.nav a.nav3{ background-image:url("images/top/banner-right-gapps.png");}
div#utilities dd.nav ul.nav a.nav4{
	background-image:url("images/top/banner-right-itc.png");
}
div#utilities dd.nav ul.nav a.nav5{
	background-image:url("images/top/banner-right-twit.png");
}
div#utilities dd.nav ul.nav a.nav6{
	background-image:url("images/top/banner-right-faq.png");
}
div#utilities dd.nav ul.nav li a.nav8{ background-image:url("images/top/contact-web.png"); height:50px;}
div#utilities dt.nav a:hover.nav1,
div#utilities dd.nav ul.nav a:hover.nav2{ background-position:0 -140px;}
div#utilities dd.nav ul.nav a:hover.nav8{ background-position:0 -50px;}
div#utilities dd.nav ul.nav li.nav8{ margin:0; padding:0; height:50px;}
/*========================================

  div#footer

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

div#footer {
	padding: 1px 0 1em; background-image:url(images/ft_bg.png); border-top:1px solid #0081CC; display:table; visibility:visible; clear:both; background-repeat:repeat;
}
*html div#footer ul{ text-align:left;/*ie6 対策*/}
*:first-child+html div#footer ul{ text-align:left;/*ie7 対策*/}
div#footer a {
	color: #aaa;
	text-decoration: none;
}

div#footer a:hover {
	color: #fff;
}

div#footer ul {
	margin: 0.7em 0;
	text-align: right;
	color: #ddd;
	font-size: 85%;
}

div#footer ul li {
	margin-left: 5px;
	display: inline;
}

div#footer address {
	text-align: right;
	font-style: normal;
	color: #eee;
}
div#footer .first .support,div#footer .first address,div#footer a{color:#222;}div#footer a:hover{color:#AAA;}
div#footer div.sitem a:hover{ text-decoration:underline;}
div#footer div.first{ margin:0 auto; display:block;
	width: 1000px;
	text-align: center;}
div#footer div.sitem{ width:247px; display:table; font-family:"メイリオ","ＭＳ Ｐゴシック",sans-serif;}
div#footer div.sitem ul.first li.first,
div#footer div.sitem ul.first li.secend,
div#footer div.sitem ul.first li.third{ text-align:left; margin-bottom:3px;}
div#footer div.sitem ul.first li.first{ font-size:14px; color:#0081cc; font-weight:bolder; display:block;}
div#footer div.sitem ul.first li.secend{ font-size:13px; color:#333; font-weight:500; display:list-item;list-style:disc inside none; text-indent:9px;}
div#footer div.sitem ul.first li.third{ font-size:12px; color:#666; font-weight:100; display:list-item; text-indent:18px; list-style:circle inside none;}
div#footer div.sitem ul.first{ margin:10px 0 0 5px; padding:0px;}
div#footer div.sitem ul.first li{ line-height:18px;}
div#footer div.sitem ul.first li.first{ line-height:20px; margin-top:5px;}
div#footer div.sitem ul.first li.first a{ color:#0081cc;}
div#footer div.sitem ul.first li.secend a{ color:#333;}
div#footer div.sitem ul.first li.third a{ color:#555;}
.spe{ margin-top:34px;}
.semai{ letter-spacing:-1px;}
.f_left{ float:left;}
.f_right{ float:right;}
.cl_b{ clear:both;}
img.spe_r{ margin-right:17px;}
img.spe_b{ margin-bottom:25px;}
*html  #footer ul.support,*:first-child+html #footer ul.support{text-align: right;}div#footer ul.support{_text-align: right;}
/*========================================

  Class

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

/* Headline
---------------*/

dl.headline {
	margin: 0.5em 0;
}

dl.headline dt span.date {
	font-size: 85%;
}

dl.headline dd {
	margin: 0.5em 0 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 3px solid #eee;
}

dl.headline dd ul {
	margin: 0;
	list-style-type: none;
}

dl.headline dd ul li {
	margin: 0.3em 5px 0.3em 0;
	display: inline;
	font-size: 92%;
}

dl.headline dd ul li.textBody {
	display: block;
	font-size: 100%;
}

/* ul.thumb
---------------*/

ul.thumb,
div#utilities ul.thumb {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.thumb li {
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
	overflow: hidden;
	font-size: 0;
}

ul.thumb li a img {
	border: none;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

ul.thumb li a:hover img {
	border-bottom: 1px solid #01b0f0;
}

/* Tag cloud
---------------*/

ul.tagCloud {
	margin: 1em 0;
	line-height: 1;
	_height: 1px; /* for IE6 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div#utilities dl dd ul.tagCloud {
	margin: 0.2em 10px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
}

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

/* Tag level 1 > 6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #3e5b71;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #668eac;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color: #668eac;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
	color: #87a6be;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
	color: #a7becf;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
	color: #c7d5e0;
}

/* On Mouse */
ul.tagCloud li a:hover {
	color: #000;
}

/* Calendar
---------------*/

table.calendar {
	margin: 0 auto 5px;
	width: 95%;
}

table.calendar th,
table.calendar td {
	padding: 0;
	line-height: 1.8;
	font-size: 85%;
	text-align: center;
}

table.calendar th {
	line-height: 2;
	font-weight: normal;
}

table.calendar th.sat {
	font-weight: bold;
	background-color: #e5e5e5;
}

table.calendar th.sun {
	font-weight: bold;
	background-color: #e5e5e5;
}

table.calendar td {
	color: #888;
	padding: 0;
	width: 14%;
}

table.calendar td a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #2799d1;
}

table.calendar td a:visited {
	color: #333;
	background-color: #eee;
}

table.calendar td a:hover {
	border-color: #84dafe;
	color: #fff;
	background-color: #2799d1;
}

/* Option
---------------*/

.option {
	margin: 1em 30px;
	padding: 1px 10px;
	border: 1px solid #eee;
}

/* Clearfix
---------------*/

ul#globalNavi,
div#content,
div.entry ul.info,
div.entry div.textBody,
ul.reaction,
ul.thumb,
ul.flip,
body.multi2 div#utilities,
body.multi2-l div#utilities {
	_height: 1px;
	min-height: 1px;
	/*¥*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

ul#globalNavi:after,
div#content:after,
div.entry ul.info:after,
div.entry div.textBody:after,
div.entry ul.reaction:after,
ul.thumb:after,
ul.flip:after,
body.multi2 div#utilities:after,
body.multi2-l div#utilities:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clear {
	display: block;
	clear: both;
}

/* IE6 - なにがあってもカラム落ちを防ぐ
---------------*/

div#main,
div#utilities dl.navi,
div#utilities dl.others {
	_overflow: hidden;
}
/*-------header topの情報-------*/
.info-news{
height: 120px;
overflow: hidden;
}
div.top_info{ width:310px; margin-right:3px; height:50px; display:table;}
*html div.top_info{ width:320px; float:right; margin-top:-1px;/*for ie6*/}
*:first-child+html div.top_info{ margin-top:-7px;/* for ie7*/}
div.top_info .l_box,div.top_info .r_box{ width:155px; vertical-align:middle;}
div.top_info a.point1{
	background-image:url("images/arrow.png");
	background-repeat:no-repeat;
	display:block;
	width: 75px; text-decoration:none;
}
div.top_info p.contact{ width:153px; margin:0 1px; padding:0;}
div.top_info a:hover.point1{ background-position:0 -12px; text-decoration:underline;}
div.top_info span{ font-size:12px; text-indent:10px; width: 75px;}
div.top_info p.serch{ padding:0; margin:0; color:#fff;}
*html div.top_info p.serch{ height:30px; font-size:9px;}
div.top_info p.contact a{ background-image:url("images/top/contact-header.png"); background-repeat:no-repeat; display:block; text-indent:-9999px; height:44px;}
div.top_info p.contact a:hover{ background-position:0 -44px;}
hr.cl{ height:1px; border:none; margin:0; padding:0; clear:both;}
*html hr.cl{ height:1px; margin:-20px 0 0; padding:0; border:1px #fff dotted;/*for IE6*/}
*:first-child+html hr.cl{ margin:-20px 0 0; padding:0; z-index:0; border:1px solid #fff;/*for ie7*/}
*html ul#globalNavi{ margin-top:-11px;/*for ie6*/}
*:first-child+html ul#globalNavi{ margin-top:-13px;/*for ie7*/}
.info-all{margin-right:15px;text-align:right;}
/*-------siderbarなど-------*/
h2.sider,h2.sider a{ width:200px; height:50px; margin:0 0px 1px; padding:0; background-position:-3px top; text-indent:-9999px; display:block;}
h2.sider a:hover{ background-position:-3px -50px;}
h2.sider01 a{ background-image:url("images/banner-left-website.png");}
h2.sider02 a{
	background-image:url("images/banner-left-onlinerisearch.png");}
h2.sider03 a{
	background-image:url("images/banner-left-marketing.png");}
h2.sider04 a{
	background-image:url("images/banner-left-googleapps.png");}
#utilities .others dd{margin:0;padding:0;}#utilities .others dt{display:none;}
#utilities div.others h2{ background-repeat:no-repeat;}
.textwidget{ padding:0; margin:0; background-color:#fff;}
#utilities .others div.textwidget ul.navi2{
	background-image:url("images/siderbar_2_back.png");
	background-position:left bottom;
	background-repeat:no-repeat;
	list-style-position:inside;
	list-style-type: disc;
	margin:1px 1px 5px;
	padding:5px;
	width:198px;
	font-size: 12px;
}
#utilities .others .textwidget ul.navi2 li{ padding:2px 7px; width:178px; margin:0; color:#666666;letter-spacing:1px;}
#utilities .others .textwidget ul.navi2 li a{ text-decoration:none;}
h2.back{ background-repeat:no-repeat; text-indent:-9999px; padding:0; margin:0;}
h2.info{ background-image:url("images/top/info_h2.png");}
div.textBody h2.reference{ background-image:url("images/top/reference_h2.png"); margin-top:2px;}
ul#info_top{list-style:none; font-size:10px; margin:10px 2px 5px;}.mainIndex ul#info_top{ width:580px;}

ul#info_top li.type1{
	background-image:url("images/top/top_info.png");
	background-position:0 14px;
	background-repeat:repeat-x;
	display:block;
	height:35px;
	padding-left:5px;
	margin:0;
}
ul#info_top li.type1 span.data{ color:#111;}
ul#info_top li.type1 span.images{
	margin:0 3px;
	padding:0;
	background-image:url("images/top/icon-news.png");
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:16px;
	width:57px;
	display:block;
}
ul#info_top li a{ text-decoration:none;}
ul#info_top li a:hover{ text-decoration:underline;}
/*----案件実績-------*/
div.reference{
	background-color:#f1f1f1;
	width:570px;
	line-height:20px;
	margin:2px;
	padding:1px 5px;
	display: table;
}
div.reference div.reference_s,
div.textBody div.reference_s{
	margin:5px;
	padding-top:7px;
	background-color:#FFFFFF;
	display: table;
}
div.reference div.reference_s{ width:560px;}
div.re_post{ width:auto;}
div.reference_s img.ref{
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	margin:0;
	padding:5px 7px;	
}
p.shadow img.ref{ left:-11px;position:relative; top:-9px;}
*html p.shadow img.ref{ left:-9px; top:-8px;}
div.reference_s p.shadow{
	background-image:url("images/shadow.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	margin:5px 0 0 15px;
	display:table;
}
*html div.reference_s p.shadow{ margin:3px 0 0 5px;}
div.reference_s a:hover img.ref{ filter:alpha(opacity=70); opacity:0.7;}
div.reference_s h2.ref{
	background-color:#F1F1F1;
	background-repeat:no-repeat;
	display:block;
	margin:0 0 2px 2px;
	padding:7px 0 3px 0px;
	width:269px;
	text-indent:5px;
}
div.textBody div.re_post h2.ref{ background-image:none; text-indent:5px; height:auto; padding:5px 12px 2px 7px; width:auto;}
div.reference_s div.text p{ width:240px; margin:2px 0 7px 10px; color:#666666; line-height:1.2em;}
div.textBody div.re_post div.text p{ width:400px;}
div.reference_s div.text{ margin-left:7px;}
#main .cat-h2{
background-color:#F5F5F5;
border-bottom:1px solid #EEEEEE;
border-left:5px solid #CCCCCC;
padding: 6px 13px 2px;
}
/*-------sub page-------*/
div.type_a{ display:table; margin:40px 0; padding:7px;}
div.type_a p.meisai{ border:#0099FF dotted 1px; margin:3px 5px 8px; padding:3px; text-indent:20px;}
div.type_a p.meisai a{ background-image:url("images/h_arrow.png"); background-repeat:no-repeat; background-position:0 4px; padding:0 0 0 10px; text-decoration:none;}
div.type_a p.meisai a:hover{ background-position:0 -12px;}
div#main .type_a{ border:5px solid #ddd; background-color:#FFFFFF;}
*html div#main .type_a{ height:100%;}
*:first-child+html div#main .type_a{ height:100%;}
.text_sub{ width:760px;}
.text_sub p{ padding:0 5px;}
.sub_midl{ display:table;}
div.sub_midl{ width:600px;}
.sub_midl img{ margin-right:7px;}
/*-------H2など-------*/

.type { text-indent:-9999px; background-repeat:no-repeat;}


 /*------every page h1------*/
div#main h1.type_a{
	border:10px solid #ddd;
	background: no-repeat scroll 20px 13px transparent;
	margin: 20px 30px 7px 0;
	padding: 20px 0px 36px 41px;
	font-weight: 900;
	font-size: 24px;
}
body#entry166 div#main h1.type_a,body#entry533 div#main h1.type_a{ background-image:url("images/h1-apps.png");}
body#entry31  div#main h1.type_a{ background-image:url("images/h1-web.png");}
body#entry72  div#main h1.type_a{ background-image:url("images/h1-market.png");}
body#entry77  div#main h1.type_a{ background-image:url("images/h1-research.png");}body#entry77 div.type_a{ _height:139px;}
body#entry79  div#main h1.type_a{ background-image:url("images/h1-twit.png");}
body.category div#main h1.ref{ background-image:url("images/h1-ref.png");}
body#entry60 div#main h1.type_a{ background-image:url("images/h1-contact.png");}
body#entry92 div#main h1.type_a{ background-image:url("images/h1-cp.png");}
body#entry96 div#main h1.type_a{ background-image:url("images/h1-muni.png");}
body#entry98 div#main h1.type_a{ background-image:url("images/h1-faq.png");}
body#entry38 div#main h1.type_a{ background-image:url("images/h1-us.png");}
body#entry41 div#main h1.type_a{ background-image:url("images/h1-us-pri.png");}
body#entry44 div#main h1.type_a{ background-image:url("images/h1-us-rec.png");}
body#entry50 div#main h1.type_a{ background-image:url("images/h1-news.png");}
body#entry104 div#main h1.type_a{ background-image:url("images/h1-itc.png");}
body#entry106 div#main h1.type_a{ background-image:url("images/h1-apps-que.png");}
body#entry108 div#main h1.type_a{ background-image:url("images/h1-apps-con.png");}
body#entry113 div#main h1.type_a{ background-image:url("images/h1-us-co.png");}
body#entry116 div#main h1.type_a{ background-image:url("images/h1-us-staff.png");}
body#entry119 div#main h1.type_a{ background-image:url("images/h1-us-motto.png");}
body#entry122 div#main h1.type_a{ background-image:url("images/h1-us-pgl.png");}
body#entry125 div#main h1.type_a{ background-image:url("images/h1-apps-sup.png");}
body#entry2 div#main h1.type_a{ background-image:url("images/h1-apps-about.png");}
body#entry132 div#main h1.type_a{ background-image:url("images/h1-apps-site.png");}
body#entry135 div#main h1.type_a{ background-image:url("images/h1-apps-pre.png");}
body#entry138 div#main h1.type_a{ background-image:url("images/h1-mar-seo.png");}
body#entry141 div#main h1.type_a{ background-image:url("images/h1-mar-ppc.png");}
body#entry144 div#main h1.type_a{ background-image:url("images/h1-mar-ad.png");}
body#entry147 div#main h1.type_a{ background-image:url("images/h1-mar-blog.png");}
body#entry150 div#main h1.type_a{ background-image:url("images/h1-web-create.png");}
body#entry153 div#main h1.type_a{ background-image:url("images/h1-web-hosting.png");}
body#entry156 div#main h1.type_a{ background-image:url("images/h1-web-domain.png");}
body#entry159 div#main h1.type_a{ background-image:url("images/h1-web-cms.png");}
body#entry162 div#main h1.type_a{ background-image:url("images/h1-web-mainte.png");}
body#entry7 div#main h1.type_a{ background-image:url("images/h1-web-ga.png");}
body#entry537 div#main h1.type_a{ background-image:url("images/h1-apps-trng.png");}
body#entry1009 div#main h1.type_a{ background-image:url("images/h1-shift.png");}
body#entry106 div#main h1.type_a{
	background-image:url("images/h1-re-que.png");
}
body#entry108 div#main h1.type_a{
	background-image:url("images/h1-re-con.png");
}
body#entry50  div#main h1.type_a{ display:none;}
body#entry50 h3{border:none;}
body#entry50 li.type1 span.images{margin:0 6px;}body#entry50 ul#info_top{font-size:12px;}
/*------every page h1------*/
div#main h2.type1{ margin:0; padding:0; border:none; }
h3.type{ border:none; height:43px; margin-bottom:0; padding-bottom:0;}
h3.type1_img{ margin-left:30px; height:43px; margin-bottom:0; padding-bottom:0; border-bottom:none;}
h3.type_red{ background-image:url("images/after_title.png");margin-left:30px;}
h3.type_blue{ background-image:url("images/before_title.png");margin-left:30px;}
h3.type1{ border-bottom:none;}
h4.type1,
h3.type1{
	background-image:url("images/bg_black01.gif");
	background-position:0 26px;
	background-repeat:repeat-x;
	line-height:1.7em;
	margin:30px 1px 5px;
	padding:0 0 1px 3px;
	color: #333;
	font-weight:bolder;
	font-size:18px;
	height:40px;
	letter-spacing:1px;clear:both;
}
h3.simple{ border:medium none; font-size:13px; font-weight:100; margin:0 0 0 10px; padding:0;}
p.simple{ margin-top:2px;}
div.type_a h4.type1{ margin-top:2px;}
h4.type2 {
	background-image:url("images/bg_h4.gif");
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:5px 0 0 18px;
	border-bottom:5px solid #330026;
}
h4.type3{ background-image:url("images/h4.png"); background-repeat:no-repeat; height:31px; margin:0; padding:6px 0 0 83px;}
h5.type1{
	background-image:url("images/title.png");
	display:block;
	font-size:13px;
	text-indent:10px;
	margin: 2px 5px 10px;
	color:#444;
}
/*==left & right box==*/
div.left_box,div.right_box{ width:350px; display:table;}

/*==ga==*/
div.ga_red{
	width:598px;
	background-color:#ffefef;
	border-width:0 1px 1px;
	border-color:#dd505b;
	border-style:solid;
	margin-top: 0px;
	margin-left:30px;
}
p.ga{ margin:2px 0 7px;}
*html div.ga_red{ width:600px;/*for ie6*/}
p.ga_blue span,p.ga_red span{ padding:5px;}
div.ga_blue{
	width:598px;
	background-color:#e3f5ff;
	border-width:0 1px 1px;
	border-color:#178dd1;
	border-style:solid;
	margin-top: 0px;
	margin-left:30px;
}
*html div.ga_blue{ width:600px;/*for ie6*/}
div.textBody ul.ga{ background-repeat:no-repeat; _height:150px;margin:0 10px 8px; padding:0 5px; color:#000; line-height:1.5em; min-height:140px !important; background-position:0 -10px; display:inline-block;}
ul.ga li{ margin:0px 0 0px 119px; padding-top:7px;}
ul.ga_blue{ background-image:url(images/ga/before_q.png);}
ul.ga_blue li{ list-style-image:url(images/i_blue_ser.png); list-style-position:outside;}
ul.ga_red{ background-image:url(images/ga/after_e.png);}
ul.ga_red li{ list-style-image:url(images/i_red_ser.png); list-style-position:outside;}
div.ga1{ width:320px; margin:10px; padding:7px; display:table;}
div.ga1 p{ font-size:12px; color:#555; margin:5px;}
div.ga1 img{ margin-right:5px;}
div.ga2{ width:750px;}
div.ga2 p{ background-repeat:no-repeat; margin:0; padding-left:20px;}
p.ga2_n{ background-image:url("images/waku.png"); background-position:left top; padding-top:10px;}
p.ga2_u{ background-image:url("images/waku.png"); background-position:left bottom; padding-top:2px;}
/*-------form-------*/
p.fo_n,p.fo_u{ background-image:url("images/form_waku.png"); background-repeat:no-repeat; margin-left:0px;}
div.center_{ margin:0 auto; width:100%;}
div.center_ object{ margin:0 auto;}
p.fo_n{
	background-position:left top;
	padding: 5px 5px 3px;
	margin-bottom:0;
	height:40px;
}
p.fo_n img{ margin:1px 10px 5px;}
p.fo_u{
	background-position:left bottom;
	padding: 2px 5px 3px;
	margin-top:0;
}
p.fo_u span{ margin-left:60px;display:block;}
p.fo_u img { margin:2px 10px 2px 170px;}

/*--- layout eyecatch ----*/
body.eye-m div#content div#main{
background-image: none;
padding-top: 0;
}
#entry7 #content{ margin-top:1px;}

/*--contact---*/
div.contactstep{margin:0 auto; width:660px;}
div.contactstep p.step{height:185px;width:410px;}
img.step{float: right;}
img.contact-banner{margin:0 auto;}/*--contact---*/
/*----faq-----*/
div.faq p img{float: none;}div.faq img{float: left;}
div p.faq{display:inline-block;width:660px;padding:0 0 15px 4px;}/*----faq-----*/

/*--blogrss--*/
dl#blogroll {background-color:#c6e5f2;margin: 0;position: absolute;right: 0;top:785px;width:200px;}
div#utilities dl#blogroll dt{margin:2px 0;background-color:#c6e5f2;color:#111;}
div#utilities dl#blogroll dt.tscdate { background:url("images/date.jpg") no-repeat scroll 6px 0 transparent !important;_background:url("images/date.jpg") no-repeat scroll 4px 0 transparent;border-bottom:1px dotted #999;_border:none;color:#FFF;float:left;clear:both;height:55px;text-align:center;width:57px;letter-spacing: 0;margin: 0;padding: 0 0 0 3px;}
dl#blogroll .stampd {display:block;font-size:18px;margin-top:10px;font-weight:600;}
dl#blogroll .stampm {font-size:9px;}
dl#blogroll img { float:left;margin-right:5px;}
dl#blogroll .tsctext {padding-bottom:3px;min-height:53px;vertical-align:middle;background-color:white;}
dl#blogroll p {font-size:11px;border-bottom:1px dotted #999;_border:none;height:52px;overflow:hidden;vertical-align:middle;background-color:white;margin:2px;}/*--blogrss--*/

/*-Staff-*/
div.entry dl.staff{margin-left:20px;}
div.entry dl.staff dd{height:180px; margin:0;}
dl.staff img{float:left; }
dl.staff p{position:relative; left:10px; width:400px;}
/*---end----*/
/*===cms table===*/
table.cms_vs{ border:none; text-align:center; margin:0 auto;}
table.cms_vs td{ border-color:#FFFFFF; border-style:solid; padding:7px 15px;}
table td.cms_vs{ font-size:16px; color:#fff; font-weight:bolder;}
table td.cms_vs1{ background-color:#595959;}
table td.cms_vs2{ background-color:#004d99;}
table td.cms_vsa{ background-color:#bfbfbf;}
table td.cms_vsb{ background-color:#f2f2f2;}
table td.cms_vsc{ background-color:#e4ecf7;}
table td.cms_border_tr{ border-width:1px 1px 0 0;}
/*motto li*/
body#entry119 div.textBody li{ margin-bottom:3px;}
body#entry119 div.textBody li.text_blue{ margin-bottom:15px;}
