@charset "UTF-8";

/* lnavi.css
**************************************************************************************

1.side-nav
2.side-bn

**************************************************************************************/ 


/* 1.side-nav
=============================================================================*/

#side p.category {
	width:220px;
	padding:0;
	margin:0;
	font-size:1px;
	text-indent:-9999px;
}

/*ナビげージョンタイトル--------*/

/* ユーザビリティ---*/
div.usability #side p.category ,
div.usability #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl002.gif") no-repeat 0 0;
}
div.usability #side p.category a:hover {
	background-position:0 -55px;
}

/* サービス---*/
div.solution #side p.category ,
div.solution #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl001.gif") no-repeat 0 0;
}
div.solution #side p.category a:hover {
	background-position:0 -55px;
}

/* ソリューション---*/
div.target-solution #side p.category ,
div.target-solution #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl003.gif") no-repeat 0 0;
}
div.target-solution #side p.category a:hover {
	background-position:0 -55px;
}

/* 成功事例---*/
div.success-case #side p.category ,
div.success-case #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl004.gif") no-repeat 0 0;
}
div.success-case #side p.category a:hover {
	background-position:0 -55px;
}

/* 制作実績---*/
div.results #side p.category ,
div.results #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl005.gif") no-repeat 0 0;
}
div.results #side p.category a:hover {
	background-position:0 -55px;
}

/* 会社案内---*/
div.company #side p.category ,
div.company #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl006.gif") no-repeat 0 0;
}
div.company #side p.category a:hover {
	background-position:0 -55px;
}

/* お問い合わせ---*/
div.inquiry #side p.category ,
div.inquiry #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl007.gif") no-repeat 0 0;
}
div.inquiry #side p.category a:hover {
	background-position:0 -55px;
}

/* 採用情報---*/
div.recruit #side p.category ,
div.recruit #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl008.gif") no-repeat 0 0;
}
div.recruit #side p.category a:hover {
	background-position:0 -55px;
}

/* アーティスの強み---*/
div.user-aspect #side p.category ,
div.user-aspect #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl009.gif") no-repeat 0 0;
}
div.user-aspect #side p.category a:hover {
	background-position:0 -55px;
}

/* サイトマップ---*/
div.sitemap #side p.category ,
div.sitemap #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl010.gif") no-repeat 0 0;
}
div.sitemap #side p.category a:hover {
	background-position:0 -55px;
}

/* サイト内検索---*/
div.search #side p.category ,
div.search #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl011.gif") no-repeat 0 0;
}
div.search #side p.category a:hover {
	background-position:0 -55px;
}

/* ニュースリリース---*/
div.news #side p.category ,
div.news #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl012.gif") no-repeat 0 0;
}
div.news #side p.category a:hover {
	background-position:0 -55px;
}

/* Webコラム---*/
div.column #side p.category ,
div.column #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl013.gif") no-repeat 0 0;
}
div.column #side p.category a:hover {
	background-position:0 -55px;
}


/* 基本情報---*/
div.site-information #side p.category ,
div.site-information #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl015.gif") no-repeat 0 0;
}
div.site-information #side p.category a:hover {
	background-position:0 -55px;
}

/* 404---*/
div.not-found #side p.category ,
div.not-found #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl016.gif") no-repeat 0 0;
}
div.not-found #side p.category a:hover {
	background-position:0 -55px;
}

/* 403---*/
div.forbidden #side p.category ,
div.forbidden #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl017.gif") no-repeat 0 0;
}
div.forbidden #side p.category a:hover {
	background-position:0 -55px;
}

/* 401---*/
div.unauthorized #side p.category ,
div.unauthorized #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl018.gif") no-repeat 0 0;
}
div.unauthorized #side p.category a:hover {
	background-position:0 -55px;
}

/* WEB用語---*/
div.glossary #side p.category ,
div.glossary #side p.category a {
	display:block;
	width:220px;
	height:55px;
	background:url("../../image/lnavi-tl019.gif") no-repeat 0 0;
}
div.unauthorized #side p.category a:hover {
	background-position:0 -55px;
}

/* -----------------------------*/

#side div.lnavi {
	width:220px;
	background:url("../../image/contents-deco002.gif") no-repeat left bottom;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

#side div.lnavi a {
	display:block;
}

#side div.lnavi ul.second {
	padding:0 1px;
	background:url("../../image/side-bg002.gif") repeat-y left bottom;
}

/* second navi */

#side div.lnavi ul li {
	width:218px;
	text-align:left;
	padding:0;
	margin:0;
	border-bottom:2px solid #f1f1f1;
}

#side div.lnavi ul li a {
	width:190px;
	padding:8px 8px 8px 20px;
	background:url("../../image/contents-ar001.gif") no-repeat 10px 15px;
	text-decoration:none;
	font-weight:normal;
	color:#0066cc;
}

#side div.lnavi ul li a:hover ,
#side div.lnavi ul li.current a {
	color:#333333;
	font-weight:bold;
	padding:8px 8px 8px 20px;
	background:url("../../image/contents-ar001m.gif") #f1f1f1 no-repeat 10px 15px;
	text-decoration:none;
}


/* third navi */

#side div.lnavi ul li ul.third li {
	width:218px;
	text-align:left;
	padding:0;
	margin:0;
	border-top:1px solid #f1f1f1;
}

#side div.lnavi ul li ul.third li a {
	width:185px;
	padding:8px 8px 8px 25px;
	background:url("../../image/contents-ar002.gif") no-repeat 15px 15px;
	text-decoration:none;
	font-weight:normal;
	color:#0066cc;
}

#side div.lnavi ul li ul.third li a:hover ,
#side div.lnavi ul li ul.third li.current a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding:8px 8px 8px 25px;
	background:url("../../image/contents-ar002m.gif") #f1f1f1 no-repeat 15px 15px;
}


/* fourth navi */

#side div.lnavi ul li ul.third li ul.fourth {
	font-size:90%;
	border:none;
	padding:0;
	margin:0;
}

#side div.lnavi ul li ul.third li ul.fourth li {
	border:none;
	text-align:left;
	width:218px;
	border-top:1px solid #f1f1f1;
}

#side div.lnavi ul li ul.third li ul.fourth li a {
	width:180px;
	padding:8px 8px 8px 30px;
	background:url("../../image/contents-ar003.gif") no-repeat 20px 15px;
	text-decoration:none;
	font-weight:normal;
	color:#0066cc;
}


#side div.lnavi ul li ul.third li ul.fourth li a:hover ,
#side div.lnavi ul li ul.third li ul.fourth li.current a:hover {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding:8px 8px 8px 30px;
	background:url("../../image/contents-ar003m.gif") #f1f1f1 no-repeat 20px 15px;
}



/* 2.side-bn
=============================================================================*/

#side div.bn-navi-aera {
	width:220px;
	background:url("../../image/side-bg001.gif") no-repeat left bottom;
	padding:0 0 6px 0;
	margin:15px 0 0 0;
}

#side div.bn-navi-aera ul.bn-navi {
	width:220px;
	padding:11px 0 0 0;
	background:url("../../image/side-bg001.gif") no-repeat left top;
}

/*for top*/
div.home #side div.bn-navi-aera {
	width:220px;
	background:url("../../image/side-bg001.gif") no-repeat left bottom;
	padding:0 0 6px 0;
}

div.home div.bn-navi-aera ul.bn-navi {
	width:220px;
	padding:11px 0 0 0;
	background:url("../../image/side-bg001.gif") no-repeat left top;
}

#side div.bn-navi-aera ul.bn-navi li {
	margin:0 0 5px 0;
	text-align:center;
}

#side div.bn-navi-aera ul.bn-navi li img {
	padding:0;
	margin:0;
	border:none;
}

/* 2.side-bn
=============================================================================*/

#side div.side-list {
	width:220px;
	margin:15px 0 0 0;
	padding:0 0 11px 0;
	background:url("../../image/contents-deco002.gif") no-repeat left bottom;
}

#side div.side-list h3.list01 {
	width:220px;
	height:39px;
	margin:0 0 0 0 ;
	padding:0 0 11px 0;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/contents-tl007.gif") no-repeat 0 0;
}

#side div.side-list h3.list02 {
	width:220px;
	height:39px;
	margin:0 0 0 0 ;
	padding:0 0 11px 0;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/contents-tl008.gif") no-repeat 0 0;
}

#side div.side-list h3.list03 {
	width:220px;
	height:39px;
	margin:0 0 0 0 ;
	padding:0 0 11px 0;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/contents-tl009.gif") no-repeat 0 0;
}


#side div.side-list ul {
	margin:0 auto;
	width:198px;
}

#side div.side-list ul li{
	padding:0 0 0 10px;
	background:url("../../image/contents-ar001.gif") no-repeat 0 0.5em;
}