@charset "UTF-8";

* {
	margin:0;
	padding:0;
	border: 0;
	list-style-type: none;
	letter-spacing: 0.5pt;
	font-weight: normal;
	font: 13px/150% Verdana, Arial, Helvetica, sans-serif;
	}

a {
	color: #004A80;
}a:hover {
	text-decoration: none;
	}

h3 {
	font-size: 15px;
	margin-bottom: 5px;
	border-left: solid 5px #7DA7D9;
	border-bottom: solid 3px #EFEFEF;
	font-weight: bold;
	padding: 1px 0 2px 3px;
	}
input, textarea {
	border: solid 1px #333;
	}

.essential {
	color: red;
	}

.error {
	color: red;
	font-size: 15px;
	text-align:center;
	margin: 10px 0;
	}

.success {
	color: blue;
	font-size: 15px;
	text-align: center;
	margin: 10px 0;
}



body {
	background-color: #DADADA;
}
.clear {
	clear: both;
	}

table.tableType1 {
	width: 100%;
	border-top: dotted 1px #555;
}.tableType1 th, .tableType1 td {
	border-bottom: dotted 1px #555;
	padding: 5px 2px;
}.tableType1 th {
	text-align: left;
}

table.tableNostyle {
	border: 0;
}.tableNostyle th, .tableNostyle td {
	border: 0;
	padding: 0;
}.tableNostyle th {
	padding-right: 5px;
	}

dl {
	padding-top: 5px;
	border-top: dotted 1px #555;
}

dd {
	margin-bottom: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #555;
	}


/****************
**  Contents
*****************/


#contents li, #sideMenu li {
	list-style-image: url('http://www.glueon.co.jp/dir/template/arrow.png');
	margin-left: 15px;
	margin-bottom: 2px;
	}

#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 10px 20px;
	background: #FFF url('/dir/img/background.png') 100% 0% no-repeat;
}

#header {
	height: 39px;
}

#logo {
	float: left;
}#logo a {
	display: block;
	width: 159px;
	height: 39px;
	background: url('/dir/img/logo.png') 100% 100% no-repeat;
	overflow: hidden;
	letter-spacing: -999em;
	white-space: nowrap;
	}

#menu {
	float: right;

}#menu li {
	float: left;
}#menu li a {
	display: block;
	height: 22px;
	overflow: hidden;
	letter-spacing: -999em;
	text-indent: -10em;
	white-space: nowrap;
	}
#menu .toppage { width: 54px; background: url('/dir/img/menu_home.png') top left no-repeat; }
	#menu .toppage:hover, #v .toppage { width: 54px; background: url('/dir/img/menu_home_v.png') top left no-repeat; }
#menu .companyinfo { width: 99px; background: url('/dir/img/menu_companyinfo.png') top left no-repeat; }
	#menu .companyinfo:hover, #v .companyinfo { width: 99px; background: url('/dir/img/menu_companyinfo_v.png') top left no-repeat; }
#menu .works { width: 51px; background: url('/dir/img/menu_works.png') top left no-repeat; }
	#menu .works:hover, #v .works { width: 51px; background: url('/dir/img/menu_works_v.png') top left no-repeat; }
#menu .recruit { width: 59px; background: url('/dir/img/menu_recruit.png') top left no-repeat; }
	#menu .recruit:hover, #v .recruit { width: 59px; background: url('/dir/img/menu_recruit_v.png') top left no-repeat; }
#menu .contact { width: 60px; background: url('/dir/img/menu_contact.png') top left no-repeat; }
	#menu .contact:hover, #v .contact { width: 60px; background: url('/dir/img/menu_contact_v.png') top left no-repeat; }

#mainTheme {
	width: 100%;
	height: 117px;
	margin: 20px 10px;
	background: url('/dir/img/theme.png') 0% 50% no-repeat;
	}

h2 {
	display: block;
	overflow: hidden;
	letter-spacing: -999em;
	text-indent: -10em;
	white-space: nowrap;
}

h2.newsrelease {
	width: 264px;
	height: 28px;
	background: url('/dir/img/newsrelease.png') top left no-repeat;
}
h2.servicelist {
	width: 200px;
	height: 28px;
	background: url('/dir/img/servicelist.png') top left no-repeat;
}

h2.companyinfo {
	width: 237px;
	height: 38px;
	background: url('/dir/img/companyinfo.png') top left no-repeat;
	margin: 40px 10px;
}

h2.works {
	width: 187px;
	height: 38px;
	background: url('/dir/img/works.png') top left no-repeat;
	margin: 40px 10px;
}

h2.recruit {
	width: 192px;
	height: 38px;
	background: url('/dir/img/recruit.png') top left no-repeat;
	margin: 40px 10px;
}

h2.privacypolicy {
	width: 426px;
	height: 38px;
	background: url('/dir/img/privacypolicy.png') top left no-repeat;
	margin: 40px 10px;
}

h2.contact {
	width: 263px;
	height: 38px;
	background: url('/dir/img/contact.png') top left no-repeat;
	margin: 40px 10px;
}
h2.news {
	width: 366px;
	height: 38px;
	background: url('/dir/img/newsrelease2.png') top left no-repeat;
	margin: 40px 10px;
}

.toppage #contents {
	width: 70%;
	float: left;
	}
.toppage #sideMenu {
	width: 28%;
	float: right;
	}

.subpage #contents {
	width: 73%;
	float: left;
}
.subpage #sideMenu {
	width: 25%;
	float: right;
	}
.main {
	padding: 5px 10px;
	background-color: #FFF;
}

.works_block {
	margin-left: 8px;
	margin-bottom: 5px;
}.works_block a.detail {
	float: right;
}.works_block img {
	float: left;
	margin-right: 5px;
	border: solid 1px #666;
	}
/****************
**  Footer
*****************/

#footer {
	margin-top: 20px;
}

#footer p, #footer div {
	font-size: 11px;
	text-align: center;
}#footer a {
	font-size: 11px;
}