* {
        margin: 0;
        border: 0;
        padding: 0;
        font-weight: normal;
}

body {
    background-color: #999;
	font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana,
                 "Hiragino Kaku Gothic Pro W3", sans-serif;
	text-align: center;
	color: #555555;
	font-size: 11px;
}

a {
	text-decoration: none;
}

a:link {
    color: #f5c;
}

a:visited {
    color: #f5c;
}

a:hover {
    color: #07f;
}

img {
    border: 0;
}

input, textarea, select {
    font-size: 100%;
}

hr {
	display:none;
}

li {
	list-style: none;
}

dt {
	font-size: 110%;
}

b,strong {
	font-weight:bold;
}
p,dd,ul,ol {
	margin-bottom: 20px;
}

#paper {
	background: transparent url(./resources/paper2.gif) top left repeat-y;
    width: 820px;
	margin: 0 auto;
	padding:0;
    line-height: 0px;
}

#header {
	width: 780px;
	margin: 0 20px 0 20px;
	padding-top:25px;
	background: transparent url(./resources/header_tel.gif) top right no-repeat;
}

#header.toppage {
	padding-top:0;
	background: none;
}

#menu-bar {
	background: transparent url(./resources/menu_base.gif) top left repeat-x;
	height: 30px;
	width: 780px;
}

#menu-bar h1 a {
    background: transparent url(./resources/menu_logo.gif) top left no-repeat;
	float:left;
	overflow:hidden;
	height: 29px;
	width: 185px;
	font-size: 8px;
	text-indent: -9999px;
}

#menu-bar ul {
	height: 30px;
	margin-left: 200px;
	margin-bottom: 0px;
}

#menu-bar li {
    display: inline;
}

#menu-bar li a {
	float:left;
	display:block;
	overflow:hidden;
	height: 29px;
	font-size: 8px;
	text-indent: -9999px;
}

#menu-bar a.services {
    background: transparent url(./resources/menu_services.gif) 0 0 no-repeat;
	width: 71px;
}
#menu-bar a.services:hover {
    background: transparent url(./resources/menu_services.gif) 0 -29px no-repeat;
}

#menu-bar a.works {
    background: transparent url(./resources/menu_works.gif) 0 0 no-repeat;
	width: 49px;
}
#menu-bar a.works:hover {
    background: transparent url(./resources/menu_works.gif) 0 -29px no-repeat;
}

#menu-bar a.company {
    background: transparent url(./resources/menu_company.gif) 0 0 no-repeat;
	width: 71px;
}
#menu-bar a.company:hover {
    background: transparent url(./resources/menu_company.gif) 0 -29px no-repeat;
}

#menu-bar a.access {
    background: transparent url(./resources/menu_access.gif) 0 0 no-repeat;
	width: 71px;
}
#menu-bar a.access:hover {
    background: transparent url(./resources/menu_access.gif) 0 -29px no-repeat;
}

#menu-bar a.privacy {
    background: transparent url(./resources/menu_privacy.gif) 0 0 no-repeat;
	width: 121px;
}
#menu-bar a.privacy:hover {
    background: transparent url(./resources/menu_privacy.gif) 0 -29px no-repeat;
}

#menu-bar a.contact {
    background: transparent url(./resources/menu_contact.gif) 0 0 no-repeat;
	width: 96px;
}
#menu-bar a.contact:hover {
    background: transparent url(./resources/menu_contact.gif) 0 -29px no-repeat;
}

#menu-bar a.recruit {
    background: transparent url(./resources/menu_recruit.gif) 0 0 no-repeat;
	width: 72px;
}
#menu-bar a.recruit:hover {
    background: transparent url(./resources/menu_recruit.gif) 0 -29px no-repeat;
}

#index {
	float:left;
	width:150px;
	margin: 0 0 0 10px;
	padding: 15px 0 15px 20px;
	text-align: left;
	line-height: 160%;
	min-height:600px;
}

#index.toppage {
	width:300px;
	border-right: 1px solid #666666;
}

#content {
	float:right;
	width:585px;
	margin-left:0;
	margin-right:20px;
	padding: 15px;
	text-align: left;
	font-size: 100%;
	line-height: 160%;
	border-left: 1px solid #666666;
	min-height:600px;
}



#content.toppage {
	width:460px;
	border-left: 0;
}

*>#content.toppage {
	width:430px;
}

#content ul li {
	list-style: disc;
	margin-left:2em;
}

#content ol li {
	list-style: decimal;
	margin-left:2em;
}

#content ul.no-style li {
	list-style: none;
	margin-left: 0;
}

#content ul.recentry li {
	display: inline;
	list-style:none;
	margin-left: 0;
}

#content ul.recentry li img {
	margin:4px;
	border: 1px solid #999999;
}

h2 {
	font-family: "Trebuchet MS", Optima, "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 160%;
	color:#f07;
	margin-bottom: 5px;
	padding-left: 20px;
	background: transparent url(./resources/header_style.gif) 0 -300px no-repeat;
}

#index h2 {
	margin-bottom: 50px;
}

#index.toppage h2 {
	margin-bottom: 15px;
}

h3 {
	font-family: "Trebuchet MS", Optima, "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 130%;
	color:#f5c;
	margin-top: 40px;
	margin-bottom: 15px;
	padding-left: 20px;
	background: transparent url(./resources/header_style.gif) 0 -100px no-repeat;
}

h3.title {
	font-size: 160%;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom:50px;
	border-bottom: 1px dotted #999999;
}

h3.notitle {
	display:block;
	overflow:hidden;
	font-size: 8px;
	color:#ffffff;
	text-indent: -9999px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom:50px;
	border-bottom: 1px dotted #999999;
	background: none;
}

h4 {
	font-size: 110%;
}
h4.title_top {
	margin-top: 5px;
	padding-top:50px;
	border-bottom: 1px dotted #999999;
}
h4.title {
	margin-top: 30px;
	border-bottom: 1px dotted #999999;
}


.hide {
	display:none;
}

.topic {
	padding-top:2px;
	padding-left: 14px;
	background: transparent url(./resources/topic_style.gif) 0 0 no-repeat;
}

.topic-header {
	padding-top:2px;
	padding-left: 14px;
	background: transparent url(./resources/topic_style.gif) 0 -100px no-repeat;
	color:#f70;
}

a.topic {
	background: transparent url(./resources/topic_style.gif) 0 -100px no-repeat;
}

a.topic:hover {
	background: transparent url(./resources/topic_style.gif) 0 -200px no-repeat;
}

#index li a {
	padding-top:2px;
	padding-left: 14px;
	color:#555555;
	background: transparent url(./resources/topic_style.gif) 0 0 no-repeat;
}

#index li a:hover {
	color:#f5c;
	background: transparent url(./resources/topic_style.gif) 0 -100px no-repeat;
}

#index dt a {
	padding-top:2px;
	padding-left: 14px;
	color:#f5c;
	background: transparent url(./resources/topic_style.gif) 0 -100px no-repeat;
}

#index dt a:hover {
	color:#07f;
	background: transparent url(./resources/topic_style.gif) 0 -200px no-repeat;
}

#index li ul {
	margin-bottom:5px;
	padding-left:1em;
}

#index li li {
	margin-left:1em;
	list-style: disc outside;
}

#index li li a {
	padding-left:0;
	background-image: none;
}

#index li li a:hover {
	background-image: none;
}


.read {
	font-size:130%;
	line-height:160%;
	color:#000000;
	margin-bottom: 20px;
}

.series {
	margin-bottom: 5px;
}

.multiline {
	padding-left:1em;
	line-height:130%;
}

#footer {
    clear: both;
	font-size:90%;
	line-height: 180%;
	height:20px;
	padding-top:5px;
	text-align: center;
}

#footer * {
	display: inline;
}

#footer li a {
	border-left: 1px solid #999999;
	padding-left:8px;
	margin-left:5px;
	color:#666666;
}

#footer li:first-child a {
	border: 0;
}

#footer li a:hover {
	color:#07f;
}

dl.profile dt {
	float:left;
}

dl.profile dd {
	margin-left:100px;
}

div.tel {
	background: transparent url(./resources/tel.gif) top left no-repeat;
	float:left;
	overflow:hidden;
	width:242px;
	height:68px;
	font-size: 8px;
	text-indent: -9999px;
}
div.language {
	clear:both;
	font-size:90%;
	margin:1em;
}

dl.thumb-list dt {
	margin:0;
	padding-top: 5px;
	width:360px;
	float:left;
}

dl.thumb-list dd {
	margin:0;
	padding: 5px 0 5px 370px;
	height:130px;
	width:200px;
	border-bottom: 1px dotted #999999;
}

dl.thumb-list dd img {
	border: 1px solid #999999;
}

dl.thumb-list dt.nodd {
	margin:0;
	width:570px;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #999999;
	float:none;
}

div.privacy p {
    margin-left: 2em;
}
div.privacy p.notitle {
    margin-left: 0;
}

div.privacy p.sign {
    text-align:right;
    margin-left: 0em;
}
div.submit {
	text-align:center;
	margin:1em 0 2em 0;
}
table.photo-grid {
	border-collapse:collapse;
}
table.photo-grid .photo-row td {
	margin:0;
	padding:3px;
}

table.photo-grid .text-row td {
	margin:0;
	padding:0 5px;
	vertical-align:top;
	color: #555555;
	font-size: 11px;

}

.validation-advice {
	font-weight:bold;
	color:#f00;
}
table.grid-content {
	border-collapse:collapse;
	width:100%;
}

table.grid-content th {
	width:100px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
	border:#999 1px solid;
	padding:5px;
	background-color:#fee;
}
table.grid-content td {
	vertical-align:top;
	text-align:left;
	border:#999 1px solid;
	padding:5px;
}
#text{
	float: right;
	margin-right: 15px;
	width: 400px;
}
#p_logo{
	float: left;
	margin-left: 40px;
	margin-top: 10px;
	_margin-left: 10px;
	_margin-top: 5px;
}
#p_mark{
	height:110px!important;
	padding: 7px 3px 3px;
	border: thin solid #666666!important;
}
#banner {
    clear:both;
    padding-top:20px;
}
#banner li {
    text-align:center;
    margin:auto auto 10px auto;
    padding:auto;
}
#banner li a {
    background:none;
    margin:0;
    padding:0;
}
#banner li a img {
    border:2px #fff solid;
}
#banner li a:hover {
    background:none;
}
#banner li a:hover img {
    border:2px #07f solid;
}