@charset "utf-8";

/*=================================================================
	
	ポーラ・メソッド / 共通デザイン CSS
	・Customize: 2010.03/31

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

/*-----------------------------------------------------------------
		上書き系
-----------------------------------------------------------------*/
#home h1 {
	background: none;
	text-indent: -9999px;
	font-size: 1px;
}

#home-main {
	background: url(../../image/home_bg.jpg) no-repeat left top;
	width: 800px;
	height: 600px;
	overflow: hidden;
}


/*-----------------------------------------------------------------
		グローバルナビ
-----------------------------------------------------------------*/

/* 基本設定 */
#home-gnav {
/*
	width: 160px;
	margin: 47px 0 0 0;
	overflow: hidden;
	height: 342px;
	background: url(../../image/home_bg.jpg) no-repeat 0px -48px;
*/
}


/* ボタンの基本設定 */
#home-gnav li {
	margin: 0;
	padding: 0;
	width: 160px;
	_display:inline-block;
}

#home-gnav li a {
	display: block;
	height: 24px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 1px;
	text-align: left;
	background: url(../../image/home_bg.jpg) no-repeat 0px 0px;
	overflow:hidden;
}


/* ボタンの背景指定 */
/*
#home-gnav li#g-company a { background-position: 0px -48px;}
#home-gnav li#g-message a { background-position: 0px -72px;}
#home-gnav li#g-software a { background-position: 0px -96px;}
#home-gnav li#g-recruit a { background-position: 0px -120px;}
#home-gnav li#g-contact a { background-position: 0px -144px;}
#home-gnav li#g-sitemap a { background-position: 0px -168px;}
#home-gnav li#g-support a { background-position: 0px -191px;}
*/
/* ロールオーバー */
/*
#home-gnav li#g-company a:hover { background-position: -800px -48px;}
#home-gnav li#g-message a:hover { background-position: -800px -72px;}
#home-gnav li#g-software a:hover { background-position: -800px -96px;}
#home-gnav li#g-recruit a:hover { background-position: -800px -120px;}
#home-gnav li#g-contact a:hover { background-position: -800px -144px;}
#home-gnav li#g-sitemap a:hover { background-position: -800px -168px;}
#home-gnav li#g-support a:hover { background-position: -800px -191px;}
*/

#home-information {
	padding: 8px 10px;
	background: #595c59;
	color: #ffffff;
	overflow: hidden;
}

#home-information h2 {
	text-indent: -9999px;
	font-size: 1px;
	height: 15px;
	background: url(../../image/ttl_info.gif) no-repeat left top;
}

#home-main h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	height: 22px;
	background: none !important;
}

#home-main h2 a {
	text-indent: -9999px;
	font-size: 1px;
	height: 22px;
	display: block;
	text-align: left;
	background: url(../../jsp/image/ttl_info.gif) no-repeat left top;
}

.home-left {
	width: 316px;
	float: left;
	padding: 5px 2px 5px 82px;
	height: 100px;
	overflow: auto;
}

.home-right {
	width: 313px;
	float: right;
	padding: 5px 5px 5px 82px;
	height: 100px;
	overflow: auto;
}

.home-left p,
.home-right p {
	line-height: 110%;
	color: #ffffff;
}
/* ************************************************************************ */
p.title {
		margin: 0 0 0 10px;
	padding: 0 0 3px 10px;
	font-size: 100%;
}

a.Menu{
text-decoration: none;
color:#5e6771;
}
a:hover.Menu {
color:#0099ff;
}

/* 説明文用↓ */
p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 82%;
	line-height: 150%;
}

div.boxAll{
    margin-top:75px;
    background-color:#ffffff;
}



a.Link{
	text-decoration: none;
	color:#00CCFF;
    position:relative;
    width: 280px;
    left: 0px;
    top:0px;
}
a:hover.Link {
	color:#ffffff;
    position:relative;
    width: 280px;
    left: 0px;
    top:0px;
}


p.TextLeftTop{
    position:relative;
    width: 280px;
    height:50px;
    top:30px;
    left:100px;
    line-height: 120%;
}

p.TextRightTop{
    position:relative;
    width: 280px;
    height:50px;
    top:-105px;
    left:505px;
    line-height: 120%;
}

p.TextLeftBottom{
    position:relative;
    width: 280px;
    height: 50px;
    top:-140px;
    left:100px;
    line-height: 120%;
    
}

p.TextRightBottom{
    position:relative;
    width: 280px;
    height: 50px;
    top:-276px;
    left:508px;
    line-height: 120%;
}

div.boxLeftTop{
    background-color: #666666;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width:398px;
    height:100px;
    
    top:93px;
    left:0px;
    overflow: -moz-hidden-unscrollable;
    position: relative;
}

div.boxRightTop{
    background-color: #666666;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width:398px;
    height:100px;
    
    top:-42px;
    left:402px;
    overflow: -moz-hidden-unscrollable;
    position: relative;
}

div.boxLeftBottom{
    background-color: #666666;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width:398px;
    height: 100px;
        
    top:-73px;
    left:0px;
    overflow: -moz-hidden-unscrollable;
    position: relative;
}

div.boxRightBottom{
    background-color: #666666;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width:398px;
    height:100px;
        
    top:-209px;
    left:402px;
    overflow: -moz-hidden-unscrollable;
    position: relative;
}

/* 201305追加 */
p.menuFont{
    font-family: "Roboto", sans-serif;
    font-size: 50px;
}

p.TitleFont{
	font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    margin: 0 0 0 10px;
}    


li.CompanyProfile{
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #616A76;
    margin: 0 0 0 10px;
    
    }
    
li.Message{
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #616A76;
    margin: 0 0 0 10px;
    }
    
li.Software{
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #616A76;
    margin: 0 0 0 10px;
}

li.Recruit{
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #616A76;
    margin: 0 0 0 10px;
}

li.ContuctUs{
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #616A76;
    margin: 0 0 0 10px;
}

li.SiteMap{
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #616A76;
    margin: 0 0 0 10px;
}

li.Support{
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    color: #616A76;
    margin: 0 0 0 10px;
}


p.Navi-Inspire{
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    color: #04C9FE;
    /*margin: 0 0 0 10px;*/
    position:relative;
    width:200px;
    height:20px;
    left:100px;
    top:-5px;

}

p.Navi-PDFPort{
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    color: #04C9FE; 
    position:relative;
    width:200px;
    height:20px;
    left:505px;
    top:-180px;
}	

p.Navi-Djvu{
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    color: #04C9FE;
    position:relative;
    width:100px;
    height:20px;
    left:0px;
    top:0px;
}

p.Navi-Font{
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    color: #04C9FE;
    position:relative;
    width:200px;
    height:20px;
    left:0px;
    top:0px;
}	

img.Inspire{
    left:-390px;
    top:105px;
    position:relative;
    height:80px;
    width:80px;
}

img.PDFPort{
    left:15px;
    top:-30px;
    position:relative;
    height:80px;
    width:80px;
}

img.Djvu{
    left:-390px;
    top:-65px;
    position:relative;
    height:80px;
    width:80px;
}

img.AboutFont{
    left:15px;
    top:-200px;
    position:relative;
    height:80px;
    width:80px;
}

a.InspireLink{
	text-decoration: none;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
	color:#00CCFF;
    position:relative;
    width: 280px;
    left: -383px;
    top:40px;
}

a:hover.InspireLink {
	color:#ffffff;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    position:relative;
    width: 280px;
    left: -383px;
    top:40px;
}

a.PDFPortLink{
	text-decoration: none;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
	color:#00CCFF;
    position:relative;
    width: 280px;
    left: 20px;
    top:-95px;
}

a:hover.PDFPortLink {
	color:#ffffff;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    position:relative;
    width: 280px;
    left: 20px;
    top:-95px;
}

a.DjvuLink{
	text-decoration: none;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
	color:#00CCFF;
    position:relative;
    width: 280px;
    left: -380px;
    top:-130px;
}

a:hover.DjvuLink {
	color:#ffffff;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    position:relative;
    width: 280px;
    left: -380px;
    top:-130px;
}

a.FontLink{
	text-decoration: none;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
	color:#00CCFF;
    position:relative;
    width: 280px;
    left: 20px;
    top:-265px;
}

a:hover.FontLink {
	color:#ffffff;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 20px;
    position:relative;
    width: 280px;
    left: 20px;
    top:-265px;
}