@charset "shift_jis"; 

/*
 *	Stylesheet for Global Solution K.K.
 *	Copyright (C) 2005 Global Solution K.K. All rights reserved.
 *
 *  print設定
 */
/*
	print設定ルール----
	px指定は画像に対して。文字、ボックスの幅の指定は、ptや%で指定する。
	
*/
/*-----------基本設定----------*/
*{ margin:0; padding:0;}
body{
	font-size:10pt;
	font-family : "Lucida Grande", "Verdana", "Helvetica", sans-serif;
	color:#000;
	background:none;
	background-color:#FFF;
}

ul,ul li{ list-style:none;}
img{
	border:none;
	page-break-inside:avoid;
}

hr{ display:none;}

/*リンク*/
/*#mainSection a:after{ content:"\ff08"attr(href)"\ff09";}
#mainSection a[href~="http://"]:after{ content:"\ff08"attr(href)"\ff09";}*/
#mainSection a.printUrl:after{ content:"\ff08"attr(href)"\ff09";}

/*見出し設定*/
h1,h2,h3,h4,h5{ font-size:12pt;}
div#mainSection h2{
	width:100%;
	height:53px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-bottom:2em;
}

h4{
	margin:0 0 1em 0;
	font-weight:bold;
	color:#333366;
}
.idc h4{ clear:both;}

/*段落設定*/
p{ margin:0 0 0.75em 0;}

/*strong,em設定*/
strong{ font-weight:bold;}
em{ font-style:normal;}

/*番号順リスト設定*/
ol strong{ display:block;}

/*テーブル基本設定*/
table{
	border-top:1pt solid #CCC;
	border-left:1pt solid #CCC;
	border-collapse:separate;
	border-spacing:0;
	font-size:10pt;
	width:95%;
}
table th{ font-weight:normal;}
table th,td{
	border-bottom:1pt solid #CCC;
	border-right:1pt solid #CCC;
	text-align:left;
	padding:5pt;
}

table caption{
	border:1pt solid #CCC;
	border-bottom:none;
	background-color:#9999B2;
	font-weight:normal;
	text-align:center;
	padding:5pt 0;
	color:#FFF;
	width:95%;
}
table caption span{ padding:0 5pt;}

/*form設定*/
form{ margin:0 0 18px 0;}
form input{ vertical-align:middle}






/*-------------------------------レイアウト-----------------------------*/

#container{
	width:100%;
	text-align:left;
	background-color:#FFF;
}
/*----------header----------*/
div#header ul#headerNav{ display:none;}


/*----------multiSectionの設定----------*/
div.multiSection{
	width:100%;
	page-break-inside:avoid;
}
div.multiSection:after{ content:""; display:block; clear:both;}

/*----------centerSectionの設定----------*/
div.centerSection{
	width:65%;
	float:left;
}
/*----------rightSectionの設定----------*/
div.rightSection{
	width:30%;
	float:right;
	/*margin-left:70%;*/
}
div.rightSection p{ margin-left:0;}		/*.secMarginLを解除*/


/*----------nav関係-----------*/
div#navSection,
div#nav,
div#footerNav,
#headerPath,
#footerPath{ display:none;}

/*----------footerの設定----------*/
div#footer{
	width:100%;
	clear:both;
	position:relative;
	border-top:1px solid #CCC;
}
div#footer:after{ content:""; display:block; clear:both;}

div#footer address{
	width:100%;
	height:30pt;
	font-size:9pt;
	font-style:normal;
}
div#footer address span{
	line-height:1;
	padding:18pt 9px;
	float:right;
}
div#footer address span#copyRight{ float:left;}

/*----------content----------*/
div#content{
	width:100%;
	padding:0 0pt 14pt 18pt;
	background:none;
	position:relative;
	margin-left:0;
}
div#content:after{ content:""; display:block; clear:both;}


/*-----evenの設定------*/
div.evenLeft,
#mainSection div.evenRgiht{
	width:45%;
	margin-bottom:0.75em;
}
div.evenLeft{ float:left;}
#mainSection div.evenRgiht{ margin-left:50%;}
* html #mainSection div.evenRgiht{ margin-left:0; float:right;}

/*-----fairの設定------*/
div.fairLeft,
#mainSection div.fairRgiht{ width:45%;}
div.fairLeft{ float:left;}
#mainSection div.fairRgiht{ margin-left:50%;}
* html #mainSection div.fairRgiht{ margin-left:0; float:right;}

div.fairLeft h4,
#mainSection div.fairRgiht h4{
/*基本設定解除*/
	background:none;
	margin:0;
	padding-left:0;
	color:#000000;
/*------------*/
	font-weight:bold;
	position:relative;
	top:45px;
	left:0;
}
.switchImage{
	position:relative;
	top:-18px;
	left:0;
}


/*----------topicPath----------*/
.headerPath{ display:none;}

.footerPath{ font-size:8pt; clear:both;}
.footerPath li{ display:inline;}
.footerPath ul{
	display:inline;
	padding-left:11px;
	margin-left:3px;
	background:url(../commonImg/listStyleTopicPath.gif) no-repeat 0 50%;
	content:"\3e";
}
.footerPath{
	clear:both;
	width:100%;
	padding:0 0 0 0;
	padding-top:27pt;
}

/*--------------------topの設定--------------------*/
/*top-nav*/
#top div#topNavFlash div,
#top div#topNavFlash{ display:none;}

#top div.section{
	padding-bottom:1em;
	margin-left:0;
	clear:both;
}

/*----------#top newsTopics-news一覧---------*/
#top div.multiColumn a{ text-decoration:none;}
div.newsTopics .topicsTitle{ width:100%;}
#mainSection div.newsTopics dl a:after{ content:"";}

div.newsTopics .topicsTitle ul,
ul.topicsFooter{ display:none;}

div.newsTopics dl{ margin:9pt 0 7pt 0;}
div.newsTopics dl dt{
	color:#FF3333;
	margin-top:0;
}
div.newsTopics dl dt:after{ content:inherit;}
div.newsTopics dl dd{ margin-bottom:0.5em;}
div.newsTopics dl dt strong{ color:#000;}

em.flag:before,
em.flag:after{ content:"\ff5e"}

.newsRelease #mainSection .BackNuberBox .rightSection{ display:none;}


/*-----top-centerSection,rightSection,navSection-----*/
#top .centerSection,
#top .rightSection,
#top #navSection{ padding-top:1em;}

/*----------お客様導入事例の設定----------*/
div.rightSection div.example{
	margin-bottom:18pt;
	position:relative;
}
div.rightSection .example ul{ display:none;}

/**/
.introduction{ padding-bottom:14pt;}
.introduction h4,
.introduction p.introductionImg{ position:relative;}
.introduction h4{
/*基本設定解除*/
	background:none;
	margin:0;
	padding-left:0;
	font-weight:normal;
/*------------*/
	color:#333366;
	top:86px;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
	font-size:8pt;
}
.introduction h4 a{ text-decoration:none; color:#333366;}
.introduction p.introductionImg{ top:-20px;}
#mainSection .introduction a:after{ content:"";}

.introduction p img.comLogo{ margin-bottom:3pt;}
.introduction p{ font-size:8pt;}

/*-------------------------------------------------------------------------------------------------未設定部分*/
/*------introduction---お客様導入事例個別ページ-----*/
.caseTitle{
	padding:7pt 0 1.3em 0;
	line-height:1;
	font-size:10pt;
}
.caseSection{
	padding-bottom:9pt;
	margin-bottom:18pt;
	border-bottom:1pt solid #CCC;
}

/*----------centerSectionの設定----------*/
.symMulti div.centerSection{
	/*width:162px;	IE設定あり*/
	width:30%;
	/*padding-left:9px;*/
	float:left;
}

/*----------rightSectionの設定----------*/
#mainSection .symMulti div.rightSection{
	width:65%;
	margin-left:35%;
}
* html #mainSection .symMulti div.rightSection{ margin-left:0; float:right;}
/*----------------------------------------------------------------------------------------------------------------*/
/*-------------------------サイトマップの設定--------------------------*/
.sitemap #mainSection h3 a:after,
.sitemap #mainSection .section ul a:after{ content:"";}
.sitemap #mainSection .section ul{ margin:0 0 0.75em 0.75em;}
.sitemap #mainSection .section ul a{	/*IE設定あり*/
	text-decoration:underline;
	font-weight:bold;
	padding-left:9px;
}

.sitemap #mainSection .section ul ul a{
	text-decoration:none;
	font-weight:normal;
	padding-left:0px;
}

.sitemap #mainSection .linkList li ul{ margin-left:0;}
.sitemap #mainSection .linkList li li {
	padding-left:1em;
}

/*----------multiSectionの設定----------*/
.sitemap div.multiSection{
	border-bottom:1px solid #CCC;
	padding-bottom:14pt;
}
.sitemap div.centerSection{
	width:35%;
	padding-left:9pt;
	float:left;
}
.sitemap #mainSection div.rightSection{
	width:60%;
	margin-left:40%;
}

/*--------------------事業者向けサービスの設定------------------------*/
.carrier .multiSection{ border-bottom:1px solid #FFF;}
.carrier .section{
	border-bottom:1px solid #CCC;
	padding-bottom:14px;
	margin-bottom:14px;
}
.carrier .lastSection{ border:none;}


/*---------------------各カテゴリーの設定---------------------*/
body.sitemap #container,
body.contact #container,
body.company #container,
body.intro #container,
body.service #container,
body.policy #container{
	padding-top:0px;
	background-position:top;
	background-repeat:no-repeat;
}

body.intro #container,
body.service #container,
body.policy #container,
body.company #container,
body.sitemap #container,
body.contact #container{ background:none;}





/*---------------------------------クラス設定---------------------------------------*/
.choice{ display:none;}
/*----------section設定----------*/
div.section{
	padding-bottom:1.5em;
	clear:both;
}
* html div.section{ margin-bottom:1.5em;}
div.section:after{ content:""; display:block; clear:both;}

div.bottomCancel{ padding-bottom:0;}	/*sectionが入れ子になった際に使用*/


/*----------タイトル関係----------*/
.basicTitle{
	line-height:1.25;
	font-size:14pt;	/*IE設定あり*/
	margin:0 0 14pt 0;
	clear:both;
}
/*
div#mainSection h2.newsTitle{
	width:486px;
	min-height:52px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
	margin-bottom:33px;
	padding:0 9px;
	display:table-cell;
	vertical-align:middle;
}*/
h3.GPTitle{
	color:#000;
	width:100%;
	line-height:1;
	padding:6.5pt 0 6.5pt 9pt;
	margin-bottom:14pt;
	border-top:1pt solid #CCC;
	border-bottom:1pt solid #CCC;
	color:#333366;
	clear:both;
}


/*
.hDiskMark{
	background:url(../commonImg/emMark.gif) no-repeat 0 2px;
	margin:0 0 10px 9px;
	padding-left:13px;
	font-weight:bold;
	color:#333366;
}
*/
/*----------フォント、テキスト関係----------*/
.upperCase{ text-transform:uppercase;}
.promoWord{
	line-height:1.25;
	font-size:14pt;	/*IE設定あり*/
	margin:0 0 14pt 0;
}
.readWord{
	font-size:10pt;	/*IE設定あり*/
	margin:0 0 10pt 0;
	color:#333366;
	clear:both;
}
.emMark{
	padding-left:13pt;
	font-weight:bold;
	color:#2F2F68;
}
/*OP25Bよくある質問下部、用語集で使用*/
.vocabulary{ font-size:9pt;}	/*IE設定あり*/

/*-----hidden設定----*/
.hidden{ display:none;}

/*----「◆」マーク付加。迷惑行為nuisance.html等で使用----*/
.lozengedMark{
	background:url(../commonImg/pMark01.gif) no-repeat 0 3px;
	 padding-left:1em;	/*IE設定あり*/
}

/*----「※」マーク付加--<em>にclassとして付ける----*/
.cautionP{
	font-size:8pt;	/*IE設定あり*/
	background:url(../commonImg/listStyleCaution.gif) no-repeat 0 0.2em;
	padding-left:1em;
}
/*----フォームで使用、（必須）にかかるclass----*/
.required{
	color:#FF3333;
	font-weight:normal;
	font-size:8pt;	/*IE設定あり*/
}


/*--------------------リンクボタン関係---------------*/
/*.linkButton{ display:none;}*/
.linkButton li{ height:20pt;}
#mainSection .linkButton a:after{ content:"";}


/*----------テキスト、イメージのフロート設定--------*/
.basicFloat{ width:162px; padding-bottom:1.5em;}	/*IE設定あり*/
.fLeft{ float:left; padding-right:18pt;}
.fRight{ float:right; padding-left:18pt;}


/*---------------------------リスト関係---------------------------------*/
.nomalList{ margin-bottom:0.75em;}
.nomalList li{
	background:url(../commonImg/listStyleNomal.gif) no-repeat 0.3em 0.7em;
	padding-left:1em;
}

/*----「※」マーク付リスト----*/
.cautionList{ margin-bottom:0.75em;}
.cautionList li{
	font-size:8pt;
	background:url(../commonImg/listStyleCaution.gif) no-repeat 0 0.3em;
	padding-left:1em;
}

/*----「>>」マーク付リスト----*/
.linkList{ margin-bottom:0.75em;}
.linkList li{
	background:url(../commonImg/listStyleFooterNav.gif) no-repeat 0 0.4em;	/*IE設定あり*/
	padding-left:11pt;
	margin-left:9pt;
}

/*----「>>」大マーク付リスト-service/index.htmlで使用----*/
.linkListL{
	background:url(../commonImg/listStyleArrowL.gif) no-repeat 0 0.4em;	/*IE設定あり*/
	padding-left:12pt;
}

/*----「◎」マーク付リスト-サイトマップで使用----*/
.linkListCircle{
	background:url(../commonImg/listStyleCircle.gif) no-repeat 0 0.4em;	/*IE設定あり*/
	padding-left:12pt;
}

/**/
.linkList li a,
.linkListL a,
.linkListCircle a{ color:#000066; text-decoration:none;}


/*-------「Q」付リスト--------*/
.qList li .hidden{ display:inline; font-weight:bold;}
.qList li{
	/*background:url(../policy/sla/images/Q.gif) no-repeat 0 0.2em;*/
	padding-left:20pt;
	text-indent:-1.5em;
	margin-bottom:1em;
}
* html .qList li{ width:100%;}


/*---------------ol関係-----------------*/
ol.styleNone{
	list-style:none;
	padding-left:9pt;
}

/*--------------dl関係--------------*/
dd.ddMarginBottom{ margin-bottom:0.75em;}
dl dt.fontWeightNormal{ font-weight:normal;}

/*----nuisance.html-pulivacy.htmlで使用----*/
dl.letter{ padding:0 0 0.75em 9pt;}

/*--dtの後ろに「：」付加--*/
.afterColon{ margin-bottom:0.75em;}
.afterColon dt{
	float:left;
	font-weight:normal;
	margin-top:0;
}
.afterColon dt:after{ content:"\ff1a";}	/*IE設定あり*/
.afterColon dd{ padding-left:0;}

/*--アクセス-access.htmlで使用--*/
dl.sideWay{ margin-bottom:0.75em;}
dl.sideWay dt{
	display:inline;
	padding-right:0.75em;
}
dl.sideWay dd{ display:inline;}

/*-------「Q」と「A」----*/
dl.question .hidden{ display:inline; font-weight:bold;}
dl.question dt,
dl.question dd{
	padding-left:20pt;
	text-indent:-1.5em;
}
dl.question dt{
	/*background:url(../policy/sla/images/Q.gif) no-repeat 0 0.2em;*/
	margin-bottom:0.75em;
}
dl.question dd{
	/*background:url(../policy/sla/images/A.gif) no-repeat 0 0.3em;*/
	margin-bottom:1.5em;
}
* html dl.question dt,
* html dl.question dd{ width:100%;}


/*----imgAdd----社長挨拶/お客様導入事例-president.htmlで使用--*/
div.imgAdd h3,
div.imgAdd p,
p.imgAdd,
dl.imgAdd{ font-size:8pt;}
div.imgAdd h3,
div.imgAdd p,
dl.imgAdd dt{ font-weight:normal;}

div.imgAdd img{ margin-bottom:0.75em;}


/*----------------------------------------段組設定-------------------------------------*/

/*Adobe*/
div.AdobePDF{
	width:95%;
	margin-top:0.75em;
}
div.AdobePDF:after{ content:""; display:block; clear:both;}
div.AdobePDF .columnLeft{
	width:15%;
	float:left;
	margin-top:0.25em;
}
div.AdobePDF .columnRight{
	width:85%;
	padding-left:15%;
	float:none;
}

/*Adobe*/
.AdobePDFRight{ padding-bottom:14px;}

.AdobePDFRight h4{
/*基本設定解除*/
	background:none;
	margin:0;
	padding-left:0;
	font-weight:normal;
	color:#000000;
/*------------*/
	top:86pt;
	padding-bottom:0.5em;
	border-bottom:1pt solid #CCC;
	margin-bottom:3pt;
	font-size:8pt;
}
.AdobePDFRight h4 strong{
	padding-left:11pt;
	background:url(../commonImg/listStyleFooterNav.gif) no-repeat 0 6px;
	display:block;
	margin:0;
	padding-bottom:0;
}
/*.AdobePDFRight p.introductionImg{ top:-22px;}*/
.AdobePDFRight p img.comLogo{ margin-bottom:3pt;}
.AdobePDFRight p{ font-size:8pt;}


/*---------------サービス一覧で使用-----------------*/
div.serviceLink h4{ font-size:11pt;}
div.serviceLink div div .svLeft,
div.serviceLink div div .svRight{ margin-bottom:27pt;}



/*------------------------------------テーブル設定--------------------------------------*/
div.basicTable,
div.basicTable caption{
	/*width:504px;*/
	width:95%;
}
div.basicTable{ margin-bottom:0.75em;}

.line{ background-color:#EFEFEF;}
.thCol{
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.thRow{ /*width:108px;*/ width:21%;}
.thRowFifty{ width:50%;}
.thBold{ font-weight:bold;}

th.noughtsAndCrosses{ white-space:nowrap;}
td.noughtsAndCrosses{
	text-align:center;
	vertical-align:middle;
	font-family:'ヒラギノ角ゴ Pro W3';
}
.vMiddle{ vertical-align:middle;}
.date{ white-space:nowrap;}

/*---multiSection内でのテーブル設定----*/
div.cSTable,
div.cSTable table caption{ /*width:324px;*/ width:95%;}	/*cennterSection内のテーブル*/
div.rSTable,
div.rSTable table caption{ /*width:162px;*/ width:95%;}	/*rightSection内のテーブル*/

/*----お問い合わせ----*/
.serviceInquiry{ margin:33pt 0 9pt 0;}
.serviceInquiry table th,
.serviceInquiry table td{ padding-left:50pt;}

/**/
div.evenLeft table th,
div.evenRgiht table th{ text-align:center;}

/*----お問い合わせ横長----*/
.serviceInquiry2 table th,
.serviceInquiry2 table td{ text-align:center;}
.serviceInquiry2 table ul li{
	display:inline;
	padding-right:1em;
}
.longBnr{ display:none;}


/*----会社概要で使用----*/
div.companyTable,
div.companyTable caption{ /*width:504px;*/width:95%;}
div.companyTable table th{ /*width:90px;*/width:18%;}

/*----社長挨拶で使用----*/
.signPresident{
	text-align:right;
	position:relative;
	overflow:hidden;
}
.signPresident span{
	width:90px;
	height:20px;
	display:block;
	position:absolute;
	right:0;
	top:0;
	background:url(../company/images/signPresident.gif) no-repeat 0 0;
}