@charset"shift_jis";
*{margin:0;padding:0;}
/**{font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";}*/
/*--------------【共通】---------------*/
h1, h2, h3, h4, h5, h6 {font-size: 1.0em;font-weight: normal;}
img {border:none;}

body {
	background-image: url(image/sen2.jpg);
	background-repeat:repeat-x;
	background-color:#A9CBCC;
	font-size:0.8em;}
a { text-decoration:none;}
a:link { color: #000000; }
a:visited { color: #000080; }
a:active { color: #ff0000; }
a:hover {color:#ff0000;text-decoration:underline;}



#base {
	width: 800px;
	text-align: left;
	margin-right: auto;
	margin-left: 0px;
	/*text-align: center;*/
	background-color: #FFFFFF;}
	
	
#wrapper {
	width: 800px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	}

#body {
    width: 650px;
	text-align: left;
	margin-left:0px;
	background-color: #fff;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	}
	
.comment {
	width: 600px;
	text-align: left;
	margin-left:15px;
	background-color: #fff;
	padding-left: 0px;
	margin-top: 0px;
	clear:both;
	}

#body_top {
	text-align: left;
	background-color: #fff;
	padding-left: 0px;
	}
	
.address {
	width: 790px;
	text-align: auto;
	margin-right: auto;
	margin-left: 10px;
	background-color: #FFFFFF;
	text-decoration:none;
    }


#header {
	width: 680px;
	background-image: url(image/tokiwa.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	padding-top: 5px;
	text-indent: -9999px;
	color: #FFFFFF;
	}
	
#head_under {
	margin-left:20px;
	text-align:left;}


/*-------ヘッダーフッターリスト部分-------*/
.back {
	width: 800px;
	background-image: url(image/back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	padding-top: 5px;
	color: #000000;
	text-align: center;
	text-decoration:none;
	}

ul.list_top{
	padding-top:10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: square;
	    } 

ul.list_top li{
	float:left;
	margin:0 20px 0 30px;
	color: #6699CC;
	_margin:0 30px 0 30px;/*IE6用*/
	list-style-type: square;}
	
	
.back2 {
	width: 800px;
	background-image: url(image/back2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 50px;
	padding-top: 5px;
	color: #000000;
	text-align: center;
	text-decoration:none;
	}	
	

ul.list{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: square;
	    }


ul.list li{
	float:left;
	margin:0 50px 0 35px;
	_margin:0 30px 0 30px;/*IE6用*/
	color: #6699CC;
	list-style-type: square;}
		 

	
	
/*----------グローバルナビゲーション---------*/
ul#global-navigation {
	height: 300px;
	width: 185px;
	background-image: url(image/contents.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	display: block;
	/*	margin-right: 10px;
	margin-left: 10px;*/
	float: none;
	}
	
#global-navigation li {
/*	float:left;*/
	text-indent:-9999px;
}

#global-navigation a {
	display: block;
	height: 43px;
	background-image: url(image/contents.jpg);
	background-position:left top;}

/*----------a---------*/
#menu-navi-0 a {background-position:0px -0px; width:185px;}
#menu-navi-1 a {background-position:0px -43px; width:185px;}
#menu-navi-2 a {background-position:0px -86px; width:185px;}
#menu-navi-3 a {background-position:0px -129px; width:185px;}
#menu-navi-4 a {background-position:0px -172px; width:185px;}
#menu-navi-5 a {background-position:0px -215px; width:185px;}
#menu-navi-6 a {background-position:0px -258px; width:185px;}
/*----------a:hover---------*/
#menu-navi-0 a:hover {background-position:-185px -0px; width:185px;}
#menu-navi-1 a:hover {background-position:-185px -43px; width:185px;}
#menu-navi-2 a:hover {background-position:-185px -86px; width:185px;}
#menu-navi-3 a:hover {background-position:-185px -129px; width:185px;}
#menu-navi-4 a:hover {background-position:-185px -172px; width:185px;}
#menu-navi-5 a:hover {background-position:-185px -215px; width:185px;}
#menu-navi-6 a:hover {background-position:-185px -258px; width:185px;}



/*--------------【トップページ】---------------*/
.h1_index {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 300px;
	width: 610px;
	text-indent: -9999px;
	background-image: url(image/top.jpg);
}


.index_box {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	text-indent: -9999px;
	margin-left: 0;
	}
	
.index_info {
	background-image: url(image/info.jpg);
	height: 30px;
	width: 350px;
	text-indent: -9999px;
	margin: auto;
	}

.index_pickup {
	background-image: url(image/pick.jpg);
	height: 30px;
	width: 350px;
	text-indent: -9999px;
	margin: auto;
	}
	
.index_mobile {
	background-image: url(image/mobile.jpg);
	height: 30px;
	width: 350px;
	text-indent: -9999px;
	margin: auto;
	}
	
.index_shop {
	background-image: url(image/shop.jpg);
	height: 30px;
	width: 350px;
	text-indent: -9999px;
	margin: auto;
	}
	
	
.index_rental a {
	background-image: url(image/rental.gif);
	height: 50px;
	width: 173px;
	text-indent: -9999px;
	display: block;
	}
	
.index_netscope a {
	background-image: url(image/netscope-t.gif);
	height: 50px;
	width: 173px;
	text-indent: -9999px;
	margin-left: 15px;
	display: block;
	}
	
.index_all-in a {
	background-image: url(image/top_bn.gif);
	height: 50px;
	width: 173px;
	text-indent: -9999px;
	margin-left: 15px;
	display: block;
	}
	

.index_rewall a {
	background-image: url(image/rewall.jpg);
	height: 60px;
	width: 170px;
	text-indent: -9999px;
	margin-left: 20px;
	display: block;
	}
	
.index_blog a {
	background-image: url(image/blog.jpg);
	height: 60px;
	width: 170px;
	text-indent: -9999px;
	margin-right: 15px;
	display: block;
	}
	
#index_topics {
	width:350px;
	height:50px;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	margin-bottom:5px;}
	
	
	
/*-------会社案内------------*/

.info {
	background-image:url(image/company.gif);
	height: 70px;
	width: 400px;
	text-indent: -9999px;
	margin-left: 5px;
	display:block;	}
	
/*-------営業支援------------*/

.eigyou {
	background-image:url(image/b_support.gif);
	height: 70px;
	width: 400px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}

/*-------ASPサービス------------*/

.asp {
	background-image:url(image/asp.gif);
	height: 70px;
	width: 400px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}
	
#netscope {
	background-image:url(image/netscope-title.jpg);
	margin-left:0px;
	height:140px;
	width:600px;
	text-indent:-9999px;
	display:block;}	
	
#netscope_btn a{
	background-image:url(image/netscope-btn.jpg);
	margin-left:400px;
	height:60px;
	width:220px;
	text-indent:-9999px;
	display:block;}	
	
#rakuraku {
	background-image:url(image/rakuraku-title.jpg);
	margin-left:0px;
	height:140px;
	width:600px;
	text-indent:-9999px;
	display:block;}	
	
.setumei {
	width:570px;
	margin-left:30px;
	text-align:left;
	padding-top:10px;
	padding-bottom:15px;}	

ul.list_asp{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: square;
	    }


ul.list_asp li{
	/*margin:0 35px 0 35px;*/
	padding-left:20px;
	text-indent:
	color: #666666;
	list-style-type: none;
	background-image: url(image/dot.jpg);
	background-repeat: no-repeat;}

	
	
	
/*-------サービス共通-----------*/

#contents-navigation li {
	text-indent:-9999px;
	list-style-type: none;
}



#contents-navigation a {
	display: block;
	height: 35px;
	background-image: url(image/list.jpg);
	background-position:left top;
	list-style-type: none;
}

/*----------a---------*/
#contents-navi-1 a {background-position:0px -0px; width:150px;}
#contents-navi-2 a {background-position:0px -35px; width:150px;}
#contents-navi-3 a {background-position:0px -70px; width:150px;}
#contents-navi-4 a {background-position:0px -105px; width:150px;}
#contents-navi-5 a {background-position:0px -140px; width:150px;}
#contents-navi-6 a {background-position:0px -175px; width:150px;}
#contents-navi-7 a {background-position:0px -210px; width:150px;}
#contents-navi-8 a {background-position:0px -245px; width:150px;}
#contents-navi-9 a {background-position:0px -280px; width:150px;}
#contents-navi-10 a {background-position:0px -315px; width:150px;}
#contents-navi-11 a {background-position:0px -350px; width:150px;}
#contents-navi-12 a {background-position:0px -385px; width:150px;}
/*----------a:hover---------*/
#contents-navi-1 a:hover {background-position:-150px -0px; width:150px;}
#contents-navi-2 a:hover {background-position:-150px -35px; width:150px;}
#contents-navi-3 a:hover {background-position:-150px -70px; width:150px;}
#contents-navi-4 a:hover {background-position:-150px -105px; width:150px;}
#contents-navi-5 a:hover {background-position:-150px -140px; width:150px;}
#contents-navi-6 a:hover {background-position:-150px -175px; width:150px;}
#contents-navi-7 a:hover {background-position:-150px -210px; width:150px;}
#contents-navi-8 a:hover {background-position:-150px -245px; width:150px;}
#contents-navi-9 a:hover {background-position:-150px -280px; width:150px;}
#contents-navi-10 a:hover {background-position:-150px -315px; width:150px;}
#contents-navi-11 a:hover {background-position:-150px -350px; width:150px;}
#contents-navi-12 a:hover {background-position:-150px -385px; width:150px;}

/*-------システム開発------------*/

.system {
	background-image:url(image/system.gif);
	height: 70px;
	width: 400px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}

#sekouten {
	background-image:url(image/sekouten-title.jpg);
	margin-left:0px;
	height:140px;
	width:600px;
	text-indent:-9999px;
	display:block;}	
	
#artizan {
	background-image:url(image/logo_ver9.gif);
	width:338px;
	height:96px;
	text-indent:-9999px;
	display:block;}
	
#kerykeion {
	background-image:url(image/kerykeion-title.gif);
	margin-left:0px;
	height:300px;
	width:600px;
	text-indent:-9999px;
	display:block;}	
	
/*-------ショッピングサイト構築------------*/

.shop-koutiku {
	background-image:url(image/shop.gif);
	height: 70px;
	width: 400px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}

#rewall {
	background-image:url(image/shop-title.jpg);
	background-repeat: no-repeat;
	padding-bottom:10px;
	margin-left:0px;
	height:120px;
	width:600px;
	text-indent:-9999px;
	display:block;}	

#rewall_btn a{
	background-image:url(image/rewall-btn.jpg);
	margin-left:400px;
	height:60px;
	width:220px;
	text-indent:-9999px;
	display:block;}	
	
	
/*-------ホスティングサービス------------*/

.hosting {
	background-image:url(image/hosting.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 600px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}

#all-in-pack {
	background-image:url(image/hosting-title.jpg);
	background-repeat: no-repeat;
	padding-bottom:10px;
	margin-left:0px;
	height:120px;
	width:600px;
	text-indent:-9999px;
	display:block;}	
	
/*-------問い合わせ------------*/

.request {
	background-image:url(image/request.gif);
	background-repeat:no-repeat;
	height: 70px;
	width: 600px;
	padding-bottom:10px;
	text-indent: -9999px;
	margin-left: 5px;
	display:block;	}
	
	
.request_style {
	width:600px;
	text-align:left;
	margin-left:0px;
	}

/*-------セキュリティポリシー------------*/

.security {
	background-image:url(image/security.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 400px;
	padding-bottom:10px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}

#security_policy {
	background-image:url(image/security-title.jpg);
	background-repeat: no-repeat;
	padding-bottom:10px;
	margin-left:0px;
	height:120px;
	width:600px;
	text-indent:-9999px;
	display:block;}	
	
/*-------採用------------*/

.recruit {
	background-image:url(image/recruit.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 600px;
	padding-bottom:10px;
	text-indent: -9999px;
	display:block;	}


#recruit_comment {
	width:600px;
	margin-top:30px;
	margin-bottom:400px;
	font-size:15pt;
	text-align:center;}
	
	
/*-------サイトマップー------------*/

.map {
	background-image:url(image/sitemap.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 600px;
	padding-bottom:10px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}
	
	
#seihin-syoukai {
	background-image:url(image/sitemap_btn1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 185px;
	text-indent: -9999px;
	display:block;	}

#kigyou-zyouhou {
	background-image:url(image/sitemap_btn2.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 185px;
	text-indent: -9999px;
	display:block;	}

ul.list_map{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: square;}

ul.list_map li{
	/*margin:0 35px 0 35px;*/
	line-height: 170%;
	
	padding-left:20px;

	text-indent:
	color: #666666;
	list-style-type: none;
	background-image: url(image/dot.jpg);
	background-repeat: no-repeat;}
	
	
/*-------関連先リンク------------*/

.kanrensaki {
	background-image:url(image/link.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 600px;
	padding-bottom:10px;
	text-indent: -9999px;
	margin-left: 10px;
	display:block;	}

#link_setumei {
	width:570px;
	margin-left:30px;
	text-align:left;
	padding-top:10px;
	padding-bottom:200px;}	

/*-------テキストスタイル---------*/

a.option1{
color : color: #3399CC; font-weight: bold;
text-decoration:underline;}

a.option1:visited{
color : black;}

a.option1:hover{
color : red;
background-color : white;}

.map_style {
	width:200px;
	height:100px;
	text-indent:10px;}

.style1 {
	color: #FF0000;
	font-weight: bold;
}
.style2 {
	color: #3399FF;
	font-weight: bold;
}
.style3 {color: #E0DFE3}

.font1 {
	font-weight: bold;
	font-size:1.4em
}