﻿
table {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 13px;
	line-height: 17px;
	color: #4A4A4A;
}

A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}

div.main {
	margin-top: 15px;
	margin-left: 45px;
	margin-bottom: 30px;
	margin-right: 25px;
	width: 460px;
}


/*---------メニュー・左------------------------------*/

ul.menu {
	color:#FFFFFF;
	list-style-type: none;
	width: 165;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url('images/menu_back.gif');
}

ul.menu li div a {
	display: block;
	color: #FFFFFF;
	width: 100%;
	padding-top: 17px;
	padding-left: 10px;
}

ul.menu li.top {
	background-image: url(images/menu_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}

ul.menu li.li1 {
	background-image: url(images/menu_homepage.gif);
	background-repeat: no-repeat;
	height: 36px;
	font-size: 11px;
	line-height: 17px;
}

ul.menu li.li1 div a:hover {
	background-image: url(images/menu_homepage_over.gif);
	background-repeat: no-repeat;
	color: #006400;
}

ul.menu li.li2 {
	background-image: url(images/menu_system.gif);
	background-repeat: no-repeat;
	height: 36px;
	font-size: 11px;
	line-height: 17px;
}

ul.menu li.li2 div a:hover {
	background-image: url(images/menu_system_over.gif);
	background-repeat: no-repeat;
	color: #008b8b;
}

ul.menu li.li3 {
	background-image: url(images/menu_3D.gif);
	background-repeat: no-repeat;
	height: 36px;
	font-size: 11px;
	line-height: 17px;
}

ul.menu li.li3 div a:hover {
	background-image: url(images/menu_3D_over.gif);
	background-repeat: no-repeat;
	color: #00688B;
}

ul.menu li.li4 {
	background-image: url(images/menu_card.gif);
	background-repeat: no-repeat;
	height: 36px;
	font-size: 11px;
	line-height: 17px;
}

ul.menu li.li4 div a:hover {
	background-image: url(images/menu_card_over.gif);
	background-repeat: no-repeat;
	color: #104e8b;
}

ul.menu li.li5 {
	background-image: url(images/menu_illust.gif);
	background-repeat: no-repeat;
	height: 36px;
	font-size: 11px;
	line-height: 17px;
}

ul.menu li.li5 div a:hover {
	background-image: url(images/menu_illust_over.gif);
	background-repeat: no-repeat;
	color: #473c8b;
}

ul.menu li.li6 {
	background-image: url(images/menu_catalog.gif);
	background-repeat: no-repeat;
	height: 36px;
	font-size: 11px;
	line-height: 17px;
}

ul.menu li.li6 div a:hover {
	background-image: url(images/menu_catalog_over.gif);
	background-repeat: no-repeat;
	color: #551a8b;
}

ul.menu li.bottom {
	background-image: url(images/menu_bottom.gif);
	background-repeat: no-repeat;
	height: 9px;
	font-size: 1px;
	line-height: 1px;
}

/*---------メニュー・左（プリントショップ）----------------------*/

ul.menuprint {
	list-style-type: none;
	width: 165;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 17px;
}

ul.menuprint li div a {
	display: block;
	color: #FFFFFF;
	width: 100%;
	padding-top: 26px;
	padding-bottom: 32px;
	padding-left: 10px;
}

ul.menuprint li.li1 {
	background-image: url(images/menu_print.jpg);
	background-repeat: no-repeat;
}

ul.menuprint li.li1 a:hover {
	background-image: url(images/menu_printshop_over.gif);
	background-repeat: no-repeat;
	color: #000000;
}

ul.menuprint li.li2 {
	background-image: url(images/menu_CD.jpg);
	background-repeat: no-repeat;
}

ul.menuprint li.li2 a:hover {
	background-image: url(images/menu_cd_over.gif);
	background-repeat: no-repeat;
	color: #000000;
}


/*------トップページ（What's new）----------*/

div.new {
	margin-left: 45;
	height: 78px;
	overflow: auto;
	width: 465px;
	scrollbar-face-color:#BDBDBD;
	scrollbar-track-color:#BDBDBD;
	scrollbar-arrow-color:#666666;
	scrollbar-highlight-color:#E7E7E7;
	scrollbar-shadow-color:#5E5E5E;
	scrollbar-3dlight-color:#BDBDBD;
	scrollbar-darkshadow-color:#BDBDBD;
}


/*------トップページ（ホームページ・レンタルサーバ）----------*/

table.top_homepage {
	width: auto;
}

table.top_homepage a {
	height: auto;
	background-image: url(images/top_homepage_out.gif);
	display: block;
	padding: 40px 15px 15px 45px;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 17px;
	width: auto;
}

table.top_homepage a:hover {
	background-image: url(images/top_homepage_over.gif);
	font-size: 13px; color: #FFFFFF;
}

table.top_homepage a img {
	border: none;
	margin: 0px 10px 0px 20px;
	position: relative; top: -15px;
}



/*------トップページ（システムエンジニアリング）----------*/

table.top_system {
	width: auto;
}

table.top_system a {
	height: auto;
	background-image: url(images/top_system_out.gif);
	display: block;
	padding: 30px 15px 15px 45px;
	font-size: 13px; color: #ffffff;
	line-height: 17px;
	width: auto;
}


table.top_system a:hover {
	background-image: url(images/top_system_over.gif);
	font-size: 13px; color: #FFFFFF;
}

table.top_system a img {
	border: none;
	margin: 0px 10px 0px 20px;
	position: relative; top: -15px;
}



/*------トップページ（3Ｄコンピュータグラフィック）----------*/

table.top_3D {
	width: auto;
}

table.top_3D a {
	height: auto;
	background-image: url(images/top_3D_out.gif);
	display: block;
	padding: 30px 15px 15px 45px;
	font-size: 13px; color: #ffffff;
	line-height: 17px;
	width: auto;
}


table.top_3D a:hover {
	background-image: url(images/top_3D_over.gif);
	font-size: 13px; color: #FFFFFF;
}

table.top_3D a img {
	border: none;
	margin: 0px 10px 0px 20px;
	position: relative; top: -15px;
}



/*------トップページ（名刺･各種カード類）----------*/

table.top_card {
	width: auto;
}

table.top_card a {
	height: auto;
	background-image: url(images/top_card_out.gif);
	display: block;
	padding: 30px 15px 15px 45px;
	font-size: 13px; color: #ffffff;
	line-height: 17px;
	width: auto;
}


table.top_card a:hover {
	background-image: url(images/top_card_over.gif);
	font-size: 13px; color: #FFFFFF;
}

table.top_card a img {
	border: none;
	margin: 0px 10px 0px 20px;
	position: relative; top: -15px;
}



/*------トップページ（テクニカルイラストレーション）----------*/

table.top_illust {
	width: auto;
}

table.top_illust a {
	height: auto;
	background-image: url(images/top_illust_out.gif);
	display: block;
	padding: 30px 15px 49px 45px;
	font-size: 13px; color: #ffffff;
	line-height: 17px;
	width:auto;
}


table.top_illust a:hover {
	background-image: url(images/top_illust_over.gif);
	font-size: 13px; color: #FFFFFF;
}

table.top_illust a img {
	border: none;
	margin: 0px 10px 0px 20px;
	position: relative; top:-15px;
}



/*------トップページ（カタログ・パッケージ）----------*/

table.top_catalog {
	width: auto;
}

table.top_catalog a {
	height: auto;
	background-image: url(images/top_catalog_out.gif);
	display: block;
	padding: 30px 15px 59px 45px;
	font-size: 13px; color: #ffffff;
	line-height: 17px;
	width: auto;
}

table.top_catalog a:hover {
	background-image: url(images/top_catalog_over.gif);
	font-size: 13px; color: #FFFFFF;
}

table.top_catalog a img {
	border: none;
	margin: 0px 10px 0px 20px;
	position: relative; top: -15px;
}



/*------------WEB---------------------------*/

div.web {
	margin: 20px 25px 20px 25px;
}

div.weblist {
	margin-top: 10;
	margin-bottom: 10;
}

div.weblist a:hover {
	color: #00FF00;
}

div.weblist img {
	margin-top: -7;
	border: 1px solid #C0C0C0;
}

table.homehover a {
	color: #339933;
}

table.homehover a:hover {
	color: #00FF00;
}

table.box td.color {
	background-color: #F5FFFA;
	color: #339933;
}

/*-------システムエンジニアリング---------------*/

div.system {
	margin: 20px 25px 20px 25px;
	color: #7F7F7F;
}

div.system hr {
	border: solid #E5E5E5;
	margin-top: -5;
}

div.system p {
	margin-top: 30;
}

table.systemhover a {
	color: #00CC99;
}

table.systemhover a:hover {
	color: #00FF99;
}

.styleBGr {
	color: #00CC99;
}

div.sys {
	margin-top: 10;
	margin-left: 25;
}

td.sys {
	background-image: url(images/system_bar.jpg);
	display: block;
	padding: 0px 0px 0px 20px;
	font-size: 13px;
	color: #ffffff;
	line-height: 23px;
	font-weight: bold;
}

td.sys a {
	width: 100%;
	color: #ffffff;
}

td.sys a:hover {
	color: #99FFCC;
}


/*-------イラスト-------------------------------*/

table.illust {
	margin-left: 20;
	font-size: 11px;
	line-height: 13px;
	color: #4A4A4A;
}

table.illust img {
	margin-right: 10;
	margin-bottom: 20;
}

table.illust a {
	color: #3333CC;
}

table.illust a:hover {
	color: #6600CC;
}

table.illust2 {
	margin-left: 20;
	font-size: 11px;
	line-height: 13px;
	color: #4A4A4A;
}

table.illust2 img {
	margin-right: 20;
	margin-bottom: 5;
}

table.box td.iilust {
	background-color: #F5F5F5;
	color: #3333CC;
}


/*-------カード-------------------------------*/

table.box tr.card td {
	background-color: #F8F8FF;
	color: #3366CC;
}

div.cardgallery {
	height: 100px;
	overflow: auto;
	width: 452px;
	scrollbar-face-color:#CCCCCC;
	scrollbar-track-color:#CCCCCC;
	scrollbar-arrow-color:#666666;
	scrollbar-highlight-color:#E7E7E7;
	scrollbar-shadow-color:#5E5E5E;
	scrollbar-3dlight-color:#BDBDBD;
	scrollbar-darkshadow-color:#BDBDBD;
}

div.cardgallery img {
	margin-right: 8;
}

/*-------印刷-------------------------------*/

div.printgallery {
	height: 150px;
	overflow: auto;
	width: 452px;
	scrollbar-face-color:#CCCCCC;
	scrollbar-track-color:#CCCCCC;
	scrollbar-arrow-color:#666666;
	scrollbar-highlight-color:#E7E7E7;
	scrollbar-shadow-color:#5E5E5E;
	scrollbar-3dlight-color:#BDBDBD;
	scrollbar-darkshadow-color:#BDBDBD;
}

div.printgallery img {
	margin-right: 12;
	margin-left: 12;
}

div.printgallery2 {
	height: 110px;
	overflow: auto;
	width: 452px;
	scrollbar-face-color:#CCCCCC;
	scrollbar-track-color:#CCCCCC;
	scrollbar-arrow-color:#666666;
	scrollbar-highlight-color:#E7E7E7;
	scrollbar-shadow-color:#5E5E5E;
	scrollbar-3dlight-color:#BDBDBD;
	scrollbar-darkshadow-color:#BDBDBD;
}

div.printgallery2 img {
	margin-right: 12;
	margin-left: 12;
}

/*-------テキスト-------------------------------*/

.style13W {
	font-size: 13px;
	line-height: 17px;
	color: #FFFFFF;
}

.style13Wb {
	font-size: 13px;
	line-height: 17px;
	color: #FFFFFF;
	font-weight: bold;
	filter: shadow(color=#4D4D4D, direction=120, strength=1);
	width: 300;
}

.style13b {
	font-size: 13px;
	line-height: 17px;
	color: #808080;
	font-weight: bold;
}

.style13LG {
	font-size: 13px;
	line-height: 17px;
	color: #999999;
	font-weight: bold;
}

.style11G {
	font-size: 11px;
	line-height: 13px;
	color: #4A4A4A;
}

.style11LG {
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}

.style1 {
	font-size: 1px;
	line-height: 1px;
}



/*-------------------------------------------------*/

table.box td {
	background-color: #FFFFFF;
}

.round {
	font-size: 11px;
	line-height: 17px;
	color: #C0C0C0;
	margin-left: 15px;
	margin-right: 15px;
}

table.link img {
	margin-right: 10px;
	margin-bottom: 10px;
}

.illust {
	margin-left: 20px;
	margin-right: 10px;
}

ul.company {
	list-style-type: decimal;
	margin-top: 8px;
	margin-left: 30px;
}