@charset "utf-8";

body {	
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:80%;
	color:#333333;
}

img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}

h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	text-align:left;
}
a {
	color:#0099d9;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

ul,li {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	margin:0;
	padding:0;
	line-height:1.4em;
}

#container {
	width:760px;
	margin:0 auto;
	text-align:left;
}

#header {
	width:760px;
	margin:0;
	padding:0;
	float:left;
}

#photo {
	width:590px;
	height:220px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url("../img/photo_01.jpg") no-repeat;
}

#logo {
	width:160px;
	margin:0;
	padding:0;
	float:right;
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;	
	
}
#logo h1 a {
	display:block;
	width:160px;
	height:220px;
	margin:0 0 0px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/logo_01.gif") no-repeat;
}
#logo ul {
	margin:0;
	padding:0;
	text-align:right;
}
#logo li {
	margin:5px;
	padding:0 16px 0 0;
	font-size:85%;
	background:url("../img/arrow.gif") no-repeat right;
}

#contents_main {
	width:590px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}
#contents_main h2 {
	clear:both;
	display:block;
	height:50px;
	margin:10px 0 10px 0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/h3_bk.gif") no-repeat;
}

#contents_main ul {
	margin-left:20px;
}

#contents_main li {
	list-style:disc;
	margin-bottom:5px;
}

#contents_main p.main_text {
	margin-bottom:10px;
	text-align:left;
}
#contents_main p.text {
	text-align:left;
	margin:5px 0 10px 0;
/*	padding:0 150px 0 0;*/
/*	background:url("../img/photo_01.gif") no-repeat right;*/
}

#contents_main p.r_text {
	text-align: right;
	margin:5px 10px 10px 0;
/*	padding:0 150px 0 0;*/
/*	background:url("../img/photo_01.gif") no-repeat right;*/
}


#menu {
	width:590px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	text-align:center;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	display:block;
	width:118px;
	margin:0;
	padding:0;
	float:left;
}
.web a, .system a, .seo a, .recruit a, .company a {
	display:block;
	width:118px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	background:url("../img/menu01.gif") no-repeat;
}
.company a {
	display:block;
	width:118px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	background:url("../img/menu02.gif") no-repeat;
}
#menu li a:hover {
	background-position:0 -30px;
}

#top_service {
	width:590px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	background:url("../img/top_service_bk.gif") no-repeat bottom;
}
#top_service h3.top_hp {
	display:block;
	width:190px;
	height:30px;
	margin:0;
	padding:0;
	line-height:30px;
	text-indent:-9999px;
	background:url("../img/gyomu.gif") no-repeat;
}
#top_service p.service_text {
	margin:0;
	padding:0 5px;
	border-left:solid 1px #0099d9;
	border-right:solid 1px #0099d9;
	text-align:left;
}
#top_service p.link_text {
	padding:5px 0;
	text-align:center;
}

#top_service h3.top_system {
	display:block;
	width:190px;
	height:30px;
	margin:0;
	padding:0;
	line-height:30px;
	text-indent:-9999px;
	background:url("../img/price.gif") no-repeat;
}
#top_service h3.top_seo {
	display:block;
	width:190px;
	height:30px;
	margin:0;
	padding:0;
	line-height:30px;
	text-indent:-9999px;
	background:url("../img/jimusyo.gif") no-repeat;
}

#top_service_left {
	width:390px;
	margin:0;
	padding:0;
	float:left;
}

#sub_service_left {
	width:190px;
/*	border-left:solid 1px #0099d9;
	border-right:solid 1px #0099d9;*/
	margin:0;
	padding:0;
	float:left;
}

#sub_service_right {
	width:190px;
	margin:0;
	padding:0;
	float:right;
}

#top_service_right {
	width:190px;
/*	border-left:solid 1px #0099d9;
	border-right:solid 1px #0099d9;*/
	margin:0;
	padding:0;
	float:right;
}

dl.list {
	width:590px;
	margin:0;
	padding:0;
	color:#444444;
	text-align:left;
	border-bottom:solid 1px #ccc;
}
dl.list dt {
	float:left;
	clear:both;
	display:block;
	width:140px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:10px;
	border-top:solid 1px #ccc;
}
dl.list dd {
	float:left;
	display:block;
	width:450px;
	padding:10px 0 10px 0;
	margin:0;
	line-height:10px;
	border-top:solid 1px #ccc;
}

#contents_right {
	width:161px;
	margin:0 0 10px 0;
	padding:0;
	float:right;
}
#contents_right h4.assessment a {
	display:block;
	width:160px;
	height:100px;
	line-height:100px;
	margin:10px 0 10px;
	padding:0;
	text-indent:-9999px;
	background:url("../img/assessment.gif") no-repeat;
}
#contents_right h4.h4_service {
	display:block;
	width:160px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url("../img/h4_service.gif") no-repeat;
}
#contents_right ul.service_list {
	text-align:left;
/*	margin:5px;*/
	margin:0;
	padding:0;
	padding-bottom:5px;
	background:url("../img/dotted.gif") repeat-x bottom;
	font-size:0.95em;
}
#contents_right ul.service_list li {
	display:block;
	line-height:1.4em;
	padding:5px 5px 0px 16px;
	background:url("../img/service_arrow.gif")  0 7px no-repeat;
}
#contents_right ul.service_list li a {
	color:#222;
/*	padding:0 0 0 16px;*/
}


#contents_right #pdf{
	margin-top: 10px;
	padding-bottom:5px;
	width:165px;
	border-left:solid 1px #FF0000;
	border-right:solid 1px #FF0000;
	border-bottom:solid 1px #FF0000;
	text-align: center;
}

#contents_right #pdf h2 {
	text-align:center;
	color:#FFFFFF;
	font-size:1em;
	padding:3px;
	background:#FF0000;
}

#contents_right #pdf p{
	font-size:0.9em;
	line-height:1.6em;
	width:161px;
	padding:5px;
	text-align:left;
}

#contents_right #pdf img{
	margin-right:2px;
	padding-bottom:2px;
}

#contents_right #pdf a{
	height:1.6em;
	padding-top:15px;
/*	background:url(../img/pdficon_small.gif) 0 0 no-repeat;*/
}

#contents_right #pdf a:hover{
	text-decoration:underline;
}

.site_top {
	display:block;
	width:158px;
	margin:20px 0 0 0;
	padding:0;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	background:url("../img/site_dotted.gif") repeat-x bottom;
}
.site {
	display:block;
	width:158px;
	margin:0;
	padding:0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	background:url("../img/site_dotted.gif") repeat-x bottom;
}
.site_end {
	display:block;
	width:158px;
	margin:0;
	padding:0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
p.site_img a img {
	margin:5px;
	border:solid 1px #ccc;
}
p.site_img a:hover img {
	border:solid 1px #0099d9;
}
ul.site_text {
	text-align:left;
	margin:0 5px;
}
ul.site_text li {
	padding:0 0 5px 0;
}

#footer {
	clear:both;
	width:760px;
	margin:0;
	padding:0;
	background:url("../img/dotted.gif") repeat-x;
	text-align:center;
}
#footer ul {
	padding:10px 0 0 0;
	margin:0 auto;
}
#footer ul li {
	display:inline;
	margin-right:3px;
	padding-left:7px;
	border-left:solid 1px #444444;
}
#footer ul li.footerhome {
	padding-left:0;
	border-left:0;
}
#footer p {
	margin:0;
	padding:10px 0;
}
p.clear {
	clear:both;
	text-align:right;
	padding-right:16px;
	background:url("../img/arrow.gif") no-repeat right;
}

#recrurt {
	clear:both;
}

div#gyoumu_menu {
	padding:10px 30px 10px;
}

div#gyoumu_menu ul {
	margin-left: 10px;
}

div#gyoumu_menu li {
	list-style: disc;
	line-height:1.6em;
/*	padding-left:5px;*/
}

/*div#gyoumu_menu li a {
	color:#333333;
}
*/
div.section {
	padding:10px 10px 0px;
}

div.section ul {
	margin-left: 20px;
}

div.section li {
	list-style: disc;
	line-height:1.4em;
}

div.section h3 {
/* margin-top: 5px;
   margin-left: 0px;
   margin-right: 0px;*/
   margin: 5px 0px 10px;
   width: 550px;
/* height: 20px;*/
   border-left: 10px solid #0066FF;
   border-bottom: 2px solid #0066FF;
   padding: 1px 0 1px 10px;
   color: #000;
   line-height: 30px;
   font-size: 14px;;
   font-weight:bold;
}

h3#contents-title {
   margin: 5px 0px 10px;
   width: 550px;
   border-top: 2px solid #0066FF;
   border-right: 10px solid #0066FF;
   border-left: 10px solid #0066FF;
   border-bottom: 2px solid #0066FF;
   padding: 1px 0 1px 10px;
   color: #000;
   line-height: 30px;
   font-size: 15px;;
   font-weight:bold;
}


div.section h4 {
   margin:10px 0px;
   width: 550px;
   border-bottom: 1px solid #999999;
   padding: 1px 0 1px 10px;
   color: #000;
   line-height: 30px;
   font-size: 14px;;
   font-weight:bold;
}


div.section p{
	padding:5px 0px;
}

.f-red {
	color:#FF0000;
}

.f-green-b {
	font-weight: bold;
	color:#006666;
}

.f-bold {
	font-weight: bold;
}

div.section p.page-top {
	padding:5px 0 0 450px;
/*	padding-top:5px;
	padding-left:450px;
*/
}

td.form1 {
	background:#55BBE6;
}

#yakitori h3{
	font-size:1.5em;
	border:none;
	text-align:center;
}

#yakitori p{
	text-align: left;
	line-height:1.6em;
}