@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}

html {
 
}

/* remember to define focus styles! */

:focus {
 outline: 0;
}

body {
 color: #333;
 font: 62.5%/1 "Trebuchet MS",Arial,Helvetica,Meiryo, メイリオ,HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3",sans-serif;
 background: #00253b url(../common-images/bg-body.jpg) repeat-x;
}

*+html body {
 font-family: Meiryo, メイリオ,"ＭＳ Ｐゴシック",sans-serif;
}

*html body {
 font-family: "ＭＳ Ｐゴシック",Meiryo, メイリオ,sans-serif;
}

ol, ul {
 list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
 border-collapse: collapse;
 border-spacing: 0;
}

caption, th, td {
 text-align: left;
 font-weight: normal;
}

th,td {
 font-weight: normal;
 font-style: normal;
}

h1,h2,h3,h4 {
 line-height: 1.3;
}

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

.none {
 display: none;
}

strong , em {
 font-style: normal;
 font-weight: bold;
}

/* end format */

p {
 padding: 0px;
 font-size: 130%;
 line-height: 1.6;
 color: #333;
 margin: 0 0px 1em;
}

#container {
 margin: 0 auto;
 width: 910px;
 background: url(../common-images/bg-container.jpg) repeat-y;
}

#container:after {
 content: "";
 clear: both;
 height: 0;
 visibility: hidden;
 display: block;
}

#header {
 height: 65px;
 margin: 0;
 width: 910px;
 padding: 0 0 15px;
 position: relative;
 background-color: white;
}

#header img {
 margin: 0;
 padding: 0;
 float: left;
}

#header h1 {
 font-weight: 700;
 margin: 12px 0 0;
 padding: 0;
 font-size: 150%;
 float: left;
 width: 270px;
 height: 53px;
}

h1 span {
 display: none;
}

#global-navigation-portal {
 height: 28px;
 width: 460px;
 position: absolute;
 right: 0;
 bottom: 15px;
}

/* @group Navigations */

ul#nav {
 height: 28px;
 width: 460px;
 margin: 0;
 padding: 0;
}

ul#nav li {
 float: left;
 list-style: none;
}

ul#nav li a {
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
 height: 28px;
}

ul#nav li#nav-home a {
 background: url(../common-images/global-navigation-top.jpg) no-repeat 0 0;
 width: 73px;
}

ul#nav li#nav-home a:hover {
 background-position: 0 -28px;
}

ul#nav li#nav-home a.active {
 background-position: 0 0;
}

ul#nav li#nav-profile a {
 background: url(../common-images/global-navigation-top.jpg) no-repeat -73px 0;
 width: 90px;
}

ul#nav li#nav-profile a:hover , ul#nav li#nav-profile a.active {
 background-position: -73px -28px;
}

ul#nav li#nav-services a {
 background: url(../common-images/global-navigation-top.jpg) no-repeat -163px 0;
 width: 97px;
}

ul#nav li#nav-services a:hover , ul#nav li#nav-services a.active {
 background-position: -163px -28px;
}

ul#nav li#nav-contact a {
 background: url(../common-images/global-navigation-top.jpg) no-repeat -260px 0;
 width: 103px;
}

ul#nav li#nav-contact a:hover , ul#nav li#nav-contact a.active {
 background-position: -260px -28px;
}

ul#nav li#nav-lab a {
 background: url(../common-images/global-navigation-top.jpg) no-repeat -363px 0;
 width: 97px;
}

ul#nav li#nav-lab a:hover , ul#nav li#nav-lab a.active {
 background-position: -363px -28px;
}

ul#cateMenu {
 padding: 0 !important;
 font-size: 130%;
 width: 100%;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 20px;
}

ul#cateMenu li {
 display: inline;
 background-image: none !important;
 margin: 0 !important;
 padding: 0 !important;
}

ul#cateMenu a {
 padding-right: 20px;
 padding-left: 0;
 text-decoration: none;
}

ul#cateMenu a.active {
 color: #303b3f;
 font-weight: bold;
}

/* @end */

.crumbs {
 background-color: white;
 padding-top: 10px;
 padding-bottom: 5px;
}

.crumbs ul {
 padding: 0 !important;
 margin: 0;
 font-size: 130%;
}

.crumbs li {
 display: inline;
 background-image: none !important;
 margin: 0 !important;
 padding: 0 !important;
}

.crumbs li span {
 padding-right: 5px;
 padding-left: 10px;
}

.crumbs li a {
 color: #c04800 !important;
}

#main-contents {
 float: left;
 clear: both;
 width: 880px;
 position: relative;
 background: url(../common-images/contants-top.jpg) no-repeat;
 padding: 15px 15px 5px;
 margin: 0;
}

#img {
 
}

#main-contents .left_side {
 width: 580px;
 text-align: left;
 float: left;
}

#main-contents .intro {
 margin-bottom: 15px;
}

#main-contents .intro p {
 font-size: 140%;
 margin: 0;
 line-height: 1.7;
}

.catch p {
 font-size: 140%;
 margin-bottom: 1em !important;
}

.info p {
 
}

.info h3 {
 margin-bottom: 0.3em;
}

#main-contents .right_side {
 width: 270px;
 text-align: left;
 float: right;
 padding-top: 50px;
}

.contact_s {
 bottom: 10px;
 width: 270px;
 right: 15px;
 position: absolute;
}

.contact_s p {
 font-size: 120%;
 line-height: 1.4;
 margin: 0 0 5px 2px;
 color: #666;
}

h2 {
 margin: 0;
 padding: 0;
 width: 100%;
}

h2 span {
 display: none;
}

.info {
 
}

.voice h2 {
 width: 369px;
 height: 50px;
 background: url(../common-images/ttl-from-flat9.gif) no-repeat;
}

.intro h2 {
 background: url(../common-images/ttl-digitalcontant.gif) no-repeat;
 width: 300px;
 height: 50px;
}

.info h2 {
 height: 50px;
 background: url(../common-images/ttl-information.gif) no-repeat;
 width: 300px;
}

.services h2 {
 height: 50px;
 background: url(../common-images/ttl-services.gif) no-repeat;
 width: 300px;
}

h2.message_s {
 width: 170px;
 height: 40px;
 background: url(../common-images/ttl-message-s.gif) no-repeat;
}

.contact_s h2 {
 height: 40px;
 background: url(../common-images/ttl-contact-js.gif) no-repeat;
 width: 170px;
}

h3 {
 margin-top: 0;
 line-height: 1.2;
 margin-bottom: 0.5em;
 font-weight: bold;
 font-size: 145%;
}

.div-bnr p {
 font-size: 110%;
 margin-bottom: 2px;
 line-height: 1.3;
}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

.clearboth {
 clear: both;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {
 display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}

/* End hide from IE-mac */

/* @group Footer */

#footer {
 background: url(../common-images/contants-btm.png) no-repeat 0 top;
 _background: url(../common-images/contants-btm.jpg) no-repeat 0 top;
 height: 40px;
 width: 910px;
 margin: 0 auto;
 clear: both;
 padding: 20px 0 0;
}

#footer .padding {
 color: white;
 font: 120% Lucida, "Lucida Grande", Verdana, sans-serif;
 padding-top: 10px;
 margin: 0;
 padding-left: 15px;
}

address {
 display: inline;
 margin: 0;
 padding: 0;
 font-weight: normal;
 font-style: normal;
}

#footer span {
 padding-right: 5px;
 padding-left: 5px;
 margin: 0;
}

#footer a {
 color: silver;
}

/* @end */

/* @group Link */

a:visited {
 color: #003b57;
 text-decoration: none;
}

a:link {
 color: #003b57;
 text-decoration: none;
}

a:hover {
 color: #006699;
 text-decoration: underline;
}

a:active {
 color: #303b3f;
 text-decoration: none;
}

.left_side a {
 text-decoration: underline;
}

/* @end */

/* ------------------- */

/* PRINT */

@media print {

body, #container, address {
 color: #000 !important;
 background-color: white;
 background-image: none;
}

* html body {
 zoom: 65% !important;
}

a, a:link, a:visited {
 color: #000 !important;
 text-decoration: none !important;
}

#global-navigation-portal {
 display: none !important;
}

#container, #footer {
 background-image: none!important;
}

.contact_s {
 width: 270px;
 right: 0;
 position: relative;
 top: 30px;
}

a:link:after , a:visited:after {
 content: " [ " attr(href) " ] ";
 font-size: 80%;
 color: red;
}

}

/* iPhone */

@media screen and (max-device-width: 480px) {

html {
 -webkit-text-size-adjust: none;
}

}