@charset "UTF-8";
/* デフォルトCSS */

body{
	font-size:0.85em;
	line-height:1.5em;
	
	background:#FFFFFF;
	margin: 0;
	padding: 0;
	color:#000000;/*#232323; 基本文字色 */
	}

h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{
	/*font-size:1em;
	line-height:1.6em;*/
	margin:0;
	padding:0;
	}
img {border: none;
	vertical-align:bottom;}

/* リンク用カラー */
a:link   { color:#000099; text-decoration: none }
a:visited  { color:#000099; text-decoration: none }
a:active   { text-decoration: none }
a:hover   { text-decoration: underline }

/* 下付き文字 */
sub {
	font-size:0.75em;
	vertical-align:baseline;}

/* 共用クラス */
.clear {clear: both;}
.hdn {display:none;}

/* clear FIX */
.pkg:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.pkg{display:inline-table;zoom:1;}
/* ¥*/
* html .pkg{height:1%;}
.pkg{display:block;}
/* */



#Wrap {}
#WrapInner {}



#Header   {
	margin:12px 0 0 0;
	
	background:url(/lib/img/bg_nav.gif) repeat-x bottom;
	}

#HeaderInner {
	width:800px;
	margin:0 auto;
	}

#GHCopy {
	display:none;
	}

#GHLogo{
	width:518px;
	height:52px;
	
	background:url(/lib/img/logo_myaccess-r.gif) no-repeat;
	
	text-indent:-5000em;
	overflow:hidden;
	
	float:left;
	}

#GHLogo a{
	display:block;
	width:100%;
	height:100%;
	background:url(/lib/img/logo_myaccess-r.gif) no-repeat;
	}

#ServiceOffer {
	position:relative;
	/*top:29px;*/
	top:17px;
	/*width:197px;*/
	width:229px;
	height:34px;
	/*height:17px;*/
	
	background:url(/lib/img/logo_csc.gif) no-repeat;
	text-indent:-5000em;
	overflow:hidden;
	
	float:right;
	}

#ServiceOffer a{
	display:block;
	width:100%;
	height:100%;
	
	background:url(/lib/img/logo_csc.gif) no-repeat;
	}


#Gnavi {
	clear:both;
	padding:2px 0 0 0;
	}

#GnaviInner{
	height:34px;
	
	overflow:hidden;
	}

#Gnavi li{
	float:left;
	height:34px;
	text-indent:-5000em;
	
	list-style:none;
	}
#GnaviInner ul li a{
	background-repeat:no-repeat;
	background-position:0 -34px;
	}
	
#navMyaccess{
	width:149px;
	}
#navSolution{
	width:154px;
	}
#navCasestudy{
	width:154px;
	}
#navTech{
	width:115px;
	}
#navCsc{
	width:115px;
	}
#navInquiry{
	width:113px;
	}

#navMyaccess a{
	background-image:url(/lib/img/nav_myaccess.gif);
	}
#navSolution a{
	background-image:url(/lib/img/nav_solution.gif);}
#navCasestudy a{
	background-image:url(/lib/img/nav_casetsudy.gif);}
#navTech a{
	background-image:url(/lib/img/nav_tech.gif);}
#navCsc a{
	background-image:url(/lib/img/nav_csc.gif);}
#navInquiry a{
	background-image:url(/lib/img/nav_inquiry.gif);}


#Gnavi li a{
	display:block;
	width:100%;
	height:100%;
	background-position:top;
	background-repeat: no-repeat;
	}

/* ロールオーバー */
#Gnavi li a:hover
{
background-position:bottom left;
}

body#pMyaccess #navMyaccess a,
body#pSolution #navSolution a,
body#pCasestudy #navCasestudy a,
body#pTech #navTech a,
body#pInquiry #navInquiry a,
body#qOnecoin #navMyaccess a{
background-position:top;
}

#PageBody{
	}

#PageBodyInner {
	width:800px;
	margin:0 auto;
	}

body.TwoClm #Container {
	background:url(/lib/img/bg_main2clm.gif) repeat-y;}
	
#Pan {
	height:21px;
	margin-top:5px;
	padding-bottom:10px;
	
	background:#FFFFFF url(/lib/img/bg_pan.gif) repeat-x top;
	
	color:#494949;
	font-size:10px;
	}
	
#Pan p a { color: #444; text-decoration: none; float: left; padding: 0 3px 0 8px; position: relative;}

#Pan p span{
	float: left; width: 13px; margin:0; position: relative; height: 0; padding-top: 21px; overflow: hidden; background:url(/lib/img/bg_pan_span.gif) no-repeat;
	}

#GotoPageTop, .GotoPageTop{
	padding:7px 0 7px 0;
	background:#FFFFFF;

}

.GotoPageTop {
	margin-bottom:50px;
	}

#GotoPageTopInner, .GotoPageTopInner{
	padding:1px 0;
	height:18px;

	border-top:#dddddd 1px solid;
	border-bottom:#dddddd 1px solid;
	background:#f7f7f7;
	
	overflow:hidden;
	
	}

#GotoPageTopInner a{
	display:block;
	width:100%;
	height:18px;
	
	background:url(/lib/img/btn_pagetop.gif) no-repeat 687px 4px;
	
	text-indent:-5000em;
	}

.GotoPageTopInner a{
	display:block;
	width:100%;
	height:100%;
	
	background:url(/lib/img/btn_pagetop.gif) no-repeat 459px 4px;
	
	text-indent:-5000em;
	}

body.OneClm .GotoPageTopInner a{
	background:url(/lib/img/btn_pagetop.gif) no-repeat 687px 4px;
	}

#GotoPageTopInner a:hover ,.GotoPageTopInner a:hover{
	background-color:#f2f2f2;
	}

/* フッター */

#Footer{
	clear:both;
	background:#FFFFFF;
	
	position:relative;
	top:1px;
	
	padding-bottom:20px;
	}

#Footer a{
	color:#666666;
	text-decoration:none;
	}
#Footer a:hover{
	color:#444444;
	text-decoration:underline;
	}


#FooterInner {
	font-size:0.75em;
	color:#999999;

	width:800px;
	margin:0 auto;
	}


#FootNavi {
	padding:0 7px 0 0;
	width:400px;
	float:right;
	
	text-align:right
	}

#FootNavi p {
	}

#FooterCopy {
	margin:0 0 0 2px;
	width:155px;
	height:18px;
	text-indent:-5000em;
	overflow:hidden;
	
	background:url(/lib/img/logo_ubqsol.gif) no-repeat;
	}

#FooterCopy a{
	display:block;
	width:100%;
	height:100%;
	
	background:url(/lib/img/logo_ubqsol.gif) no-repeat;
	}

#Rights {
	clear:both;
	padding:0 0 0 2px;
	}

#Rights p{
	line-height:1.3em;	
	}


/* 1 colomn Css */
body.OneClm #PageBodyInner {
	width:800px;
	margin:0 auto;
	}

/* 2 colomn Css */

body.TwoClm {
	
}

body.TwoClm #MainClm {
	clear:both;
	width:575px;
	float:left;
}

body.TwoClm #MainClmInner {
	
	}

#MainClmInner p{
	margin-bottom:10px;
	}

body.TwoClm #SubClmInner {
	
	}

body.TwoClm #SubClm {
	width:195px;
	float:right;
}

body.TwoClm #SubClm li{
	}
	
body.TwoClm #SubClm #SubInquiry {
	text-align:center;
	padding:7px 0;
	background:#DDDDDD;
	}

body.TwoClm #PageBodyInner {
	}

body.TwoClm #Pan {
}


/* サイドナビ */
#SubClm {
	background:#f0f0f0;
	}
#SubClm a {
	color:#006633;
	}

/* デザイン共通クラス */
.pictL {
	float:left;
	margin:0 5px 5px 0;
	}

.pictR {
	float:right;
	
	margin:0 0 5px 5px;
	}

.MainInquiry{
	margin:50px 0 0 0;
	}