@charset 'Shift_JIS';

/* :: 初期化 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body, div, p, h1, h2, h3, h4, h5, h6, h7, th, td, caption, ul, ol, li, dl, dd, dt, address {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial, 'MS UI Gothic', sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4em;
	color: #333;
}

body {
	background: #fff url(../img/bg.gif) repeat-x;
	text-align: center;
}

a         { overflow: hidden; outline: none; }
a:link    { color: #03c; }
a:visited { color: #336; }
a:hover   { color: #036; background: #def; }
a:active  { color: #600; background: #fec; }

a.linkimg img { border-style: none; }
a.linkimg:hover { background-color: transparent; }

a.b { font-weight: bold; }

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

ul, ol { list-style-type: none; }

em { font-style: normal; }

label { margin: 0 10px 0 3px; cursor: pointer; }

.caution { color: #f00; }
.line-through { text-decoration: line-through; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.mono { font-family: 'MS Gothic', monospace; }
.red { color: #f00; }

.cll { clear: left; }
.clr { clear: right; }
.clb { clear: both; }

.clx:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;	
}
.clx { display: inline-block; }
.clx { display: block; }

.css { display: none; }

.more-content { display: none; }

/* -- リダイレクト -- */

p.redirect {
	padding-top: 30px;
	text-align: center;
	font-size: 120%;
	line-height: 2em;
}

/* :: ヘッダ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header-wrapper {
	position: relative;
	left: -1px;
	margin: 0 auto;
	width: 963px;
	text-align: left;
}

#header {
	position: relative;
	width: 963px;
	height: 102px;
}


/* -- ロゴ ---------------------------------------------------------------------------- */

#logo {
	display: none;
}


/* -- 英語版 -------------------------------------------------------------------------- */

#english {
	position: absolute;
	top: 6px;
	right: 0;
	text-align: right;
	z-index: 2;
}

#english a {
	display: block;
	width: 63px;
	height: 21px;
	background: url(../img/global_navi_2.gif) no-repeat;
	text-indent: -9999px;
}
#english a:visited { background-position: 0     0; }
#english a:hover   { background-position: 0 -21px; }
#english a:active  { background-position: 0 -42px; }


/* -- メインメニュー ------------------------------------------------------------------ */

#global-navi-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 722px;
	height: 102px;
	z-index: 1;
}

#global-navi-1 h2 {
	display: none;
}

#global-navi-1 ul {
}

#global-navi-1 ul li {
	float: left;
	width: 102px;
	height: 102px;
}

#global-navi-1 ul li.home {
	width: 212px;
}

#global-navi-1 ul li a {
	display: block;
	width: 102px;
	height: 102px;
	background: url(../img/global_navi_1.gif) no-repeat;
	text-indent: -9999px;
}


/* -- ホーム -- */

#global-navi-1 ul li.home a         { background-position: 0      0; width: 212px; }
#global-navi-1 ul li.home a:visited { background-position: 0      0; }
#global-navi-1 ul li.home a:hover   { background-position: 0 -102px; }
#global-navi-1 ul li.home a:active  { background-position: 0 -204px; }

body.home #global-navi-1 ul li.home a,
body.home #global-navi-1 ul li.home a:visited,
body.home #global-navi-1 ul li.home a:hover,
body.home #global-navi-1 ul li.home a:active {
	background-position: 0 -204px;
	cursor: default;
}


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

#global-navi-1 ul li.service a         { background-position: -212px      0; }
#global-navi-1 ul li.service a:visited { background-position: -212px      0; }
#global-navi-1 ul li.service a:hover   { background-position: -212px -102px; }
#global-navi-1 ul li.service a:active  { background-position: -212px -204px; }

body.service #global-navi-1 ul li.service a,
body.service #global-navi-1 ul li.service a:visited,
body.service #global-navi-1 ul li.service a:hover,
body.service #global-navi-1 ul li.service a:active {
	background-position: -212px -204px;
	cursor: default;
}


/* -- 研究開発 -- */

#global-navi-1 ul li.rd a         { background-position: -314px      0; }
#global-navi-1 ul li.rd a:visited { background-position: -314px      0; }
#global-navi-1 ul li.rd a:hover   { background-position: -314px -102px; }
#global-navi-1 ul li.rd a:active  { background-position: -314px -204px; }

body.rd #global-navi-1 ul li.rd a,
body.rd #global-navi-1 ul li.rd a:visited,
body.rd #global-navi-1 ul li.rd a:hover,
body.rd #global-navi-1 ul li.rd a:active {
	background-position: -314px -204px;
	cursor: default;
}


/* -- セミナー情報 -- */

#global-navi-1 ul li.seminar a              { background-position: -416px      0; }
#global-navi-1 ul li.seminar a:visited      { background-position: -416px      0; }
#global-navi-1 ul li.seminar a:hover        { background-position: -416px -102px; }
#global-navi-1 ul li.seminar a:active       { background-position: -416px -204px; }

body.seminar #global-navi-1 ul li.seminar a,
body.seminar #global-navi-1 ul li.seminar a:visited,
body.seminar #global-navi-1 ul li.seminar a:hover,
body.seminar #global-navi-1 ul li.seminar a:active {
	background-position: -416px -204px;
	cursor: default;
}


/* -- レポート -- */

#global-navi-1 ul li.report a         { background-position: -518px      0; }
#global-navi-1 ul li.report a:visited { background-position: -518px      0; }
#global-navi-1 ul li.report a:hover   { background-position: -518px -102px; }
#global-navi-1 ul li.report a:active  { background-position: -518px -204px; }

body.report #global-navi-1 ul li.report a,
body.report #global-navi-1 ul li.report a:visited,
body.report #global-navi-1 ul li.report a:hover,
body.report #global-navi-1 ul li.report a:active {
	background-position: -518px -204px;
	cursor: default;
}


/* -- 会社案内 -- */

#global-navi-1 ul li.company a         { background-position: -620px      0; }
#global-navi-1 ul li.company a:visited { background-position: -620px      0; }
#global-navi-1 ul li.company a:hover   { background-position: -620px -102px; }
#global-navi-1 ul li.company a:active  { background-position: -620px -204px; }

body.company #global-navi-1 ul li.company a,
body.company #global-navi-1 ul li.company a:visited,
body.company #global-navi-1 ul li.company a:hover,
body.company #global-navi-1 ul li.company a:active,
body.news #global-navi-1 ul li.company a,
body.news #global-navi-1 ul li.company a:visited,
body.news #global-navi-1 ul li.company a:hover,
body.news #global-navi-1 ul li.company a:active {
	background-position: -620px -204px;
	cursor: default;
}



/* -- サブメニュー -------------------------------------------------------------------- */

#global-navi-2 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 72px 0 0 13px;
	z-index: 1;
}

#global-navi-2 h2 {
	display: none;
}

#global-navi-2 ul {
}

#global-navi-2 ul li {
	float: left;
	height: 21px;
}

#global-navi-2 ul li.access,
#global-navi-2 ul li.access a  { width: 76px; }
#global-navi-2 ul li.contact,
#global-navi-2 ul li.contact a { width: 76px; }
#global-navi-2 ul li.sitemap,
#global-navi-2 ul li.sitemap a { width: 77px; }

#global-navi-2 ul li a {
	display: block;
	height: 21px;
	background: url(../img/global_navi_2.gif) no-repeat;
	text-indent: -9999px;
}


/* -- アクセス -- */

#global-navi-2 ul li.access a         { background-position: -63px     0; width: 76px; }
#global-navi-2 ul li.access a:visited { background-position: -63px     0; }
#global-navi-2 ul li.access a:hover   { background-position: -63px -21px; }
#global-navi-2 ul li.access a:active  { background-position: -63px -42px; }

body.access #global-navi-2 ul li.access a,
body.access #global-navi-2 ul li.access a:visited,
body.access #global-navi-2 ul li.access a:hover,
body.access #global-navi-2 ul li.access a:active {
	background-position: -63px -42px;
	cursor: default;
}


/* -- お問合せ先一覧 -- */

#global-navi-2 ul li.contact a         { background-position: -139px     0; width: 76px; }
#global-navi-2 ul li.contact a:visited { background-position: -139px     0; }
#global-navi-2 ul li.contact a:hover   { background-position: -139px -21px; }
#global-navi-2 ul li.contact a:active  { background-position: -139px -42px; }

body.contact #global-navi-2 ul li.contact a,
body.contact #global-navi-2 ul li.contact a:visited,
body.contact #global-navi-2 ul li.contact a:hover,
body.contact #global-navi-2 ul li.contact a:active {
	background-position: -139px -42px;
	cursor: default;
}


/* -- サイトマップ -- */

#global-navi-2 ul li.sitemap a         { background-position: -215px     0; width: 77px; }
#global-navi-2 ul li.sitemap a:visited { background-position: -215px     0; }
#global-navi-2 ul li.sitemap a:hover   { background-position: -215px -21px; }
#global-navi-2 ul li.sitemap a:active  { background-position: -215px -42px; }

body#sitemap #global-navi-2 ul li.sitemap a,
body#sitemap #global-navi-2 ul li.sitemap a:visited,
body#sitemap #global-navi-2 ul li.sitemap a:hover,
body#sitemap #global-navi-2 ul li.sitemap a:active {
	background-position: -215px -42px;
	cursor: default;
}


/* :: ボディ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#body-wrapper {
	margin: 0 auto;
	width: 963px;
}

#body {
	background: #fff url(../img/bg_body.gif) repeat-y;
}


/* -- ＊左右ペイン分割 ---------------------------------------------------------------- */

#body-left {
	float: left;
	width: 720px;
	padding-top: 9px;
	background: url(../img/bg_body_top.gif) no-repeat;
}

#body-right {
	float: left;
	width: 243px;
}


/* -- 階層ナビ ------------------------------------------------------------------------ */

#hierarchy-navi {
	padding: 0 20px;
	height: 20px;
	font-size: 75%;
	line-height: 20px;
}

#hierarchy-navi ul li {
	float: left;
	margin-right: 5px;
}


/* :: メインコンテンツ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main-contents {
	clear: both;
	padding-bottom: 30px;
}


/* -- H ------------------------------------------------------------------------------- */

#main-contents h1 {
	width: 720px;
	height: 50px;
	background: url(../img/h1.gif) no-repeat;
	text-indent: -9999px;
}

#main-contents h2 {
	margin: 50px 20px 10px 20px;
	padding: 18px 10px 2px 5px;
	border: 1px solid #999;
	border-left: 10px solid #999;
	font-weight: bold;
}

#main-contents h2.top {
	margin-top: 20px;
}

#main-contents h3 {
	margin: 50px 20px 10px 20px;
	padding: 15px 0 2px 5px;
	border-left: 10px solid #ccc;
	font-weight: bold;
	font-size: 87%;
}

#main-contents h3.top {
	margin-top: 20px;
}

#main-contents h4,
#main-contents h5 {
	margin: 30px 20px 0px 30px;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 87%;
}

#main-contents h4.top,
#main-contents h5.top {
	margin-top: 20px;
}

#main-contents ul h4,
#main-contents ol h4 {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
	font-size: 100%;
}

#main-contents .h1 {
	padding-top: 30px;
}

#main-contents .h2,
#main-contents .h3,
#main-contents .h4,
#main-contents .h5 {
	padding-top: 20px;
}


/* -- P ------------------------------------------------------------------------------- */

#main-contents p {
	padding: 10px 30px 0 35px; /* ★標準P */
	font-size: 87%;
	line-height: 1.6em;
}

#main-contents p.border img {
	border: 1px solid #666;
}

#main-contents p.h2 {
	padding-top: 20px;
}

#main-contents div.top {
	margin-top: 20px;
}

#main-contents p.note {
	margin: 10px 30px 0 35px;
	padding: 10px;
	background: #fcfcfc;
	border: 1px solid #eee;
	font-size: 75%;
	line-height: 1.3em;
}

#main-contents .h4-sub-contents {
	display: none;
	margin: 10px 30px 0 35px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 100%;
	line-height: 1.3em;
}

#main-contents .h4-sub-contents p {
	padding: 10px 0 0 20px;
}

#main-contents .h4-sub-contents ul {
	padding: 10px 0 0 25px;
}

#main-contents .h4-sub-contents h5 {
	margin: 0;
	padding: 20px 0 0 10px;
}

#main-contents .h4-sub-contents p.close {
	margin-top: 20px;
	padding: 0;
	text-align: right;
	font-size: 75%;
}

#main-contents .h4-sub-contents p.close a {
	display: block;
	margin-left: auto;
	width: 100px;
	border-width: 1px;
	border-style: solid solid none solid;
	border-color: #ddd;
	text-align: center;
}


/* -- UL ------------------------------------------------------------------------------ */

#main-contents ul {
	padding: 10px 30px 5px 35px;
	font-size: 87%;
	line-height: 1.4em;
}

#main-contents ul li {
	padding: 4px 0 4px 13px;
	background: url(../img/burette.gif) no-repeat 0 10px;
}

#main-contents ul ul {
	padding-right: 0;
	font-size: 100%;
}

#main-contents ul.top {
	padding-top: 0;
}

#main-contents ul.indent {
	margin-left: 30px;
}


/* -- OL ------------------------------------------------------------------------------ */

#main-contents ol {
	padding: 10px 30px 5px 60px;
	font-size: 87%;
	line-height: 1.4em;
}

#main-contents ol li {
	padding: 4px 0;
	list-style-type: decimal;
}

#main-contents ol.top {
	padding-top: 0;
}

#main-contents ol ul {
	padding: 10px 0 5px 35px;
	font-size: 100%;
}

#main-contents ol ul li {
	padding: 2px 0 2px 13px;
	list-style-type: none;
	background: url(../img/burette.gif) no-repeat 0 7px;
}

#main-contents ol ul.top {
	padding-top: 5px;
}

#main-contents ol ol {
	font-size: 100%;
	line-height: 1.2em;
}

#main-contents ol ol li {
	padding: 4px 0;
	list-style-type: lower-roman;
}

#main-contents ol ol.top {
	padding-top: 0;
}

#main-contents p.top {
	padding-top: 30px;
}

#main-contents span.click2large {
	margin-left: 2px;
	font-size: 87%;
}


/* -- 画像（左寄せ） ------------------------------------------------------------------ */

#main-contents .img-left p.img {
	float: left;
	margin: 10px 20px 20px 30px;
	padding: 4px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}

* html #main-contents .img-left p.img {
	display: inline;
}

#main-contents .img-left p.img img {
	margin: 0 0 3px 0;
	background: #fff;
}

#main-contents .img-left p.al { text-align: left; }


/* -- 画像（右寄せ） ------------------------------------------------------------------ */

#main-contents .img-right p.img {
	float: right;
	margin: 10px 30px 20px 20px;
	padding: 4px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}

* html #main-contents .img-right p.img {
	display: inline;
}

#main-contents .img-right p.img img {
	margin: 0 0 3px 0;
	background: #fff;
}

#main-contents .img-right p.al { text-align: left; }

/* -- 画像（中央寄せ） ---------------------------------------------------------------- */

#main-contents .img-center {
	text-align: center;
}

#main-contents .img-center p.img {
	margin: 10px auto 20px auto;
	padding: 4px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}

#main-contents .img-center p.img img {
	margin: 0 0 3px 0;
	background: #fff;
}


/* -- 画像  150px*4枠 ----------------------------------------------------------------- */
/*    外枠  width:720 - padding:30*2 = 660px                                            */
/*    左端  width:150 + padding:5*2 + border:1*2 + margin:0    = 162px;                 */
/*    左    width:150 + padding:5*2 + border:1*2 + margin:6    = 168px;                 */
/*    右    width:150 + padding:5*2 + border:1*2 + margin:6    = 168px;                 */
/*    右端  width:150 + padding:5*2 + border:1*2 + margin:0    = 162px;                 */
/* ------------------------------------------------------------------------------------ */

#main-contents .img-w150x4 {
	padding: 10px 30px 0 30px;
}

#main-contents .img-w150x4 p.img {
	float: left;
	margin: 0;
	padding: 5px;
	width: 150px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}

#main-contents .img-w150x4 p.ol { margin: 0; }
#main-contents .img-w150x4 p.il { margin: 0 2px 0 4px; }
#main-contents .img-w150x4 p.ir { margin: 0 4px 0 2px; }
#main-contents .img-w150x4 p.or { margin: 0; }


/* -- 画像  200px*3枠 ----------------------------------------------------------------- */
/*    外枠  width:720 - padding:30*2 = 660px                                            */
/*    左    width:200 + padding:5*2 + border:1*2 + margin:0    = 212px;                 */
/*    中央  width:200 + padding:5*2 + border:1*2 + margin:12*2 = 236px;                 */
/*    右    width:200 + padding:5*2 + border:1*2 + margin:0    = 212px;                 */
/* ------------------------------------------------------------------------------------ */

#main-contents .img-w200x3 {
	padding: 10px 30px 0 30px;
}

#main-contents .img-w200x3 p.img {
	float: left;
	margin: 0;
	padding: 5px;
	width: 200px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}

#main-contents .img-w200x3 p.c { margin: 0 12px; }


/* -- 画像  240px*2枠 ----------------------------------------------------------------- */
/*    外枠  width:720 - padding:98*2 = 524px                                            */
/*    左右  width:240 + padding:5*2 + border:1*2 + margin:5*2 = 262px (262*2 = 524px)   */
/* ------------------------------------------------------------------------------------ */

#main-contents .img-w240x2 {
	padding: 10px 98px 0 98px;
}

#main-contents .img-w240x2 p.img {
	float: left;
	margin: 0 5px;
	padding: 5px;
	width: 240px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}


/* -- 画像  310x*2枠 ------------------------------------------------------------------ */
/*    外枠  width:720 - padding:30*2 = 660px                                            */
/*    左    width:310 + padding:5*2 + border:1*2 + margin:0+8 = 330px (330*2 = 660px)   */
/*    右    width:310 + padding:5*2 + border:1*2 + margin:8+0 = 330px (330*2 = 660px)   */
/* ------------------------------------------------------------------------------------ */

#main-contents .img-w310x2 { 
	padding: 10px 30px 0 30px;
}

#main-contents .img-w310x2 p.img {
	float: left;
	padding: 5px;
	width: 310px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}

#main-contents .img-w310x2 p.l { margin: 0 8px 0 0; }
#main-contents .img-w310x2 p.r { margin: 0 0 0 8px; }


/* -- 画像（一覧形式） -- */

#main-contents .img-index {
	padding: 10px 0 0 35px;
}

#main-contents .img-index p {
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 1.2em;
}

#main-contents .img-index p img {
	width: 200px;
	height: 150px;
	background: #fff;
}


/* -- 画像オプション ------------------------------------------------------------------ */

/* -- オプション：幅指定 -- */

#main-contents p.w150 { width: 150px; }
#main-contents p.w180 { width: 180px; }
#main-contents p.w200 { width: 200px; }
#main-contents p.w240 { width: 240px; }
#main-contents p.w300 { width: 300px; }
#main-contents p.w310 { width: 310px; }
#main-contents p.w360 { width: 360px; }
#main-contents p.w400 { width: 400px; }
#main-contents p.w500 { width: 500px; }
#main-contents p.w600 { width: 600px; }
#main-contents p.w660 { width: 660px; }
#main-contents p.w680 { width: 680px; }


/* -- オプション：枠無し -- */

#main-contents div.img-left p.no-frame,
#main-contents div.img-center p.no-frame,
#main-contents div.img-right p.no-frame {
	padding: 0;
	background-color: transparent;
	border-style: none;
}


/* -- オプション：キャプション無し -- */

#main-contents div.img-left p.no-caption,
#main-contents div.img-center p.no-caption,
#main-contents div.img-right p.no-caption {
	line-height: 0;
}

#main-contents div.img-left p.no-caption img,
#main-contents div.img-center p.no-caption img,
#main-contents div.img-right p.no-caption img {
	margin: 0;
}

/* -- オプション：H1直下の画像 -- */

#main-contents div.top {
	margin-top: 20px;
}


/* -- DLタグ -------------------------------------------------------------------------- */

#main-contents dl {
	margin: 10px 30px 5px 35px;
	font-size: 87%;
}

#main-contents dl dt {
	padding: 5px 0 0 13px;
	background: url(../img/burette.gif) no-repeat 0 10px;
}

#main-contents dl dd {
	padding: 2px 0 5px 40px;
}

#main-contents dl.indent {
	margin-left: 65px;
}

#main-contents dl dd p {
	padding: 0 0 10px 0;
	font-size: 100%;
	line-height: 1.4em;
}

/* -- DLタグ1行表示 -- */

#main-contents dl.compact dt {
	clear: left;
	float: left;
	margin: 0;
	padding: 4px 0 4px 13px;
	background: url(../img/burette.gif) no-repeat 0 10px;
}

#main-contents dl.compact dt div {
	background: url(../img/line_dot.gif) no-repeat right center;
}

#main-contents dl.compact dt span {
	padding: 0 10px 0 0;
	background-color: #fff;
}

#main-contents dl.compact dd {
	float: left;
	margin: 0;
	padding: 4px 0 4px 13px;
	font-size: 100%;
}

#main-contents dl.w50 dt { width: 50px; }
#main-contents dl.w75 dt { width: 75px; }
#main-contents dl.w100 dt { width: 100px; }
#main-contents dl.w125 dt { width: 125px; }
#main-contents dl.w150 dt { width: 150px; }
#main-contents dl.w200 dt { width: 200px; }
#main-contents dl.w250 dt { width: 250px; }
#main-contents dl.w300 dt { width: 300px; }
#main-contents dl.w350 dt { width: 350px; }
#main-contents dl.w400 dt { width: 400px; }
#main-contents dl.w450 dt { width: 450px; }
#main-contents dl.w500 dt { width: 500px; }
#main-contents dl.w250-250 dt { width: 250px; }

#main-contents dl.w50 dd { width: 570px; }
#main-contents dl.w75 dd { width: 545px; }
#main-contents dl.w100 dd { width: 520px; }
#main-contents dl.w125 dd { width: 495px; }
#main-contents dl.w150 dd { width: 470px; }
#main-contents dl.w200 dd { width: 420px; }
#main-contents dl.w250 dd { width: 370px; }
#main-contents dl.w300 dd { width: 320px; }
#main-contents dl.w350 dd { width: 270px; }
#main-contents dl.w400 dd { width: 220px; }
#main-contents dl.w450 dd { width: 170px; }
#main-contents dl.w500 dd { width: 120px; }
#main-contents dl.w250-250 dd { width: 120px; }

#main-contents dl.compact ul {
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 100%;
}

#main-contents dl.compact ul li {
	margin: 0;
	padding: 0 0 5px 0;
	background-image: none;
	list-style-type: disc;
}


/* -- 連絡先DLタグ -- */

#main-contents dl.contact {
	padding: 10px 30px 0 35px;
	font-size: 87%;
	line-height: 1.4em;
}

#main-contents dl.contact dt {
	clear: left;
	float: left;
	margin: 0 0 8px 0;
	padding: 0 0 0 13px;
	background: url(../img/burette.gif) no-repeat 0 7px;
}

#main-contents dl.contact dd {
	margin: 0 0 8px 150px;
}

#main-contents dl.contact dd.mail-hiketsu230 {
	width: 230px;
	height: 18px;
	background: url(../img/mail_address.gif) no-repeat 0 -54px;
	text-indent: -9999px;
}

#main-contents dl.compact dd.mail-hiketsu230 {
	margin: 4px 0 4px 13px;
	padding: 0;
	width: 230px;
	height: 18px;
	background: url(../img/mail_address.gif) no-repeat 0 -54px;
	text-indent: -9999px;
}

#main-contents dl.compact dd.mail-privacy {
	margin: 4px 0 4px 13px;
	padding: 0;
	width: 230px;
	height: 18px;
	background: url(../img/mail_address.gif) no-repeat 0 -18px;
	line-height: 0;
	text-indent: -9999px;
}

/* -- PDFアイコン -- */

a.pdf {
	display: block;
	padding: 0 0 0 40px;
}

a.pdf:link    { color: #03c; background: url(../img/pdf.gif) no-repeat left center; }
a.pdf:visited { color: #336; background: url(../img/pdf.gif) no-repeat left center; }
a.pdf:hover   { color: #036; background: #def url(../img/pdf.gif) no-repeat left center; }
a.pdf:active  { color: #600; background: #fec url(../img/pdf.gif) no-repeat left center; }

a.pdf-small         { padding-left: 18px; }
a.pdf-small:link    { color: #03c; background: url(../img/pdf_small.gif) no-repeat; }
a.pdf-small:visited { color: #336; background: url(../img/pdf_small.gif) no-repeat; }
a.pdf-small:hover   { color: #036; background: #def url(../img/pdf_small.gif) no-repeat; }
a.pdf-small:active  { color: #600; background: #fec url(../img/pdf_small.gif) no-repeat; }


/* :: トピックス :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#topics {
	position: relative;
	width: 243px;
	height: 218px;
}

#topics h2 {
	display: none;
}

#topics p.banner {
	margin: 0;
	padding: 0;
	width: 243px;
	height: 218px;
	text-indent: -9999px;
}

#topics p.detail {
	position: absolute;
	top: 0;
	left: 0;
}

#topics p.detail a {
	position: absolute;
	top: 168px;
	left: 41px;
	width: 161px;
	height: 25px;
	text-indent: -9999px;
}

#topics p.detail a:link,
#topics p.detail a:visited { background-position: 0 -218px; }
#topics p.detail a:hover   { background-position: 0 -243px; }
#topics p.detail a:active  { background-position: 0 -268px; }


/* -- メールアドレス -- */

dd#info, dd#privacy, dd#cue, dd#hiketsu230, dd#recruiter, dd#dev {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 18px;
	background: url(../img/mail_address.gif) no-repeat;
	text-indent: -9999px;
}

dd#info       { background-position: 0 0; }
dd#privacy    { background-position: 0 -18px; }
dd#cue        { background-position: 0 -36px; }
dd#hiketsu230 { background-position: 0 -54px; }
dd#recruiter  { background-position: 0 -72px; }
dd#dev        { background-position: 0 -144px; }

#main-contents div.e-mail {
	height: 18px;
	background: url(../img/mail_address.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0;
}


/* -- メールアドレス（最新版） -- */

#main-contents div.mail-info       { width: 207px; background-position: 0 0; }
#main-contents div.mail-privacy    { width: 195px; background-position: 0 -18px; }
#main-contents div.mail-cue        { width: 170px; background-position: 0 -36px; }
#main-contents div.mail-hiketsu230 { width: 225px; background-position: 0 -54px; }
#main-contents div.mail-recruiter  { width: 205px; background-position: 0 -72px; }
#main-contents div.mail-lc_info    { width: 195px; background-position: 0 -90px; }
#main-contents div.mail-lc_order   { width: 205px; background-position: 0 -108px; }
#main-contents div.mail-dev        { width: 175px; background-position: 0 -144px; }

.mail-address {
	height: 18px;
	background: url(../img/mail_address.gif) no-repeat;
	text-indent: -9999px;
}


/* -- お問い合せ -- */

#main-contents p.contact {
	margin: 0;
	padding: 0;
}

#main-contents p.contact a {
	display: block;
	margin: 30px 0 0 245px;
	width: 230px;
	height: 60px;
	background: url(../img/button.gif) no-repeat;
	text-indent: -9999px;
}

#main-contents p.contact a:link,
#main-contents p.contact a:visited { background-position: 0  -72px; }
#main-contents p.contact a:hover   { background-position: 0 -132px; }
#main-contents p.contact a:active  { background-position: 0 -192px; }


/* :: ページの先頭に戻る :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: 前のページに戻る :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#page-top {
	clear: both;
	margin: 30px 0 0 1px;
	padding: 20px 20px 0 0;
	border-top: 1px dotted #ddd;
}

#page-back {
	clear: both;
	margin: 0 0 0 1px;
	padding: 10px 20px 30px 0;
}

#page-top p,
#page-back p {
	text-align: right;
	font-family: 'MS Gothic', monospace;
	font-size: 75%;
}


/* :: ローカルナビ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#local-navi {
	padding: 10px 0 30px 0;
}

#local-navi h2 {
	display: none;
}

#local-navi ul li {
	padding: 0 0 2px 0;
}

* html #local-navi ul li {
	display: inline-block;
}

*:first-child+html #local-navi ul li {
	display: inline-block;
}

#local-navi ul li a {
	display: block;
	margin: 0 10px;
	padding: 5px 10px 3px 10px;
	border: 1px solid #525252;
	color: #333;
	font-size: 87%;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;
}

* html #local-navi ul li a {
	padding: 3px 10px;
}

*:first-child+html #local-navi ul li a {
	padding: 3px 10px;
}

#local-navi ul ul li {
	padding: 0;
}

* html #local-navi ul ul li {
	display: block;
}

*:first-child+html #local-navi ul ul li {
	display: block;
}

#local-navi ul ul li a {
	display: block;
	padding: 5px 10px;
	background: url(../img/line_dot.gif) repeat-x bottom left;
	border-style: none;
	border-left: 5px solid #ddd;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
}

	/* IE7 */
	*:first-child+html #local-navi ul ul li a {
		padding: 5px 10px;
	}

#local-navi ul li a:visited { color: #555; }
#local-navi ul li a:hover   { color: #000; background-color: #eee; }
#local-navi ul li a:active  { color: #000; background-color: #eee; }

#local-navi ul ul li a.l3 {
	padding-left: 25px;
}

	/* IE7 */
	*:first-child+html #local-navi ul ul li a.l3 {
		padding-left: 25px;
	}

#local-navi ul ul li a.l3:before {
	content: '・';
}


/* -- 小見出し -- */

#local-navi ul li h4 {
	display: block;
	margin: 0 10px;
	padding: 5px 10px 2px 10px;
	background: #ddd;
	color: #777;
	font-size: 87%;
	font-weight: bold;
	line-height: 1.2em;
}

#local-navi ul li h5 {
	background: #ddd;
}

/* -- 現在地表示 -- */

body#home                         #local-navi li.home,

body#concept                      #local-navi li.concept,

body#rd                           #local-navi li.rd,
body#ceatec2009                   #local-navi li.ceatec2009,
body#ceatec2008                   #local-navi li.ceatec2008,
body#ceatec2007                   #local-navi li.ceatec2007,
body#ceatec2006                   #local-navi li.ceatec2006,
body#ceatec2005                   #local-navi li.ceatec2005,
body#seminar                      #local-navi li.seminar,
body#thesis                       #local-navi li.thesis,

body#company                      #local-navi li.company,
body#outline                      #local-navi li.outline,
body#philosophy                   #local-navi li.philosophy,
body#division                     #local-navi li.division,
body#history                      #local-navi li.history,
body.news                         #local-navi li.news,
body#security                     #local-navi li.security,
body#privacy                      #local-navi li.privacy,

body#recruit                      #local-navi li.recruit,
body#graduate                     #local-navi li.graduate,
body#intermediate                 #local-navi li.intermediate,

body#access                       #local-navi li.access,
body.contact                      #local-navi li.contact,
body#sitemap                      #local-navi li.sitemap,

body.monitor                      #local-navi li.monitor,

body.iphone-app-xb                #local-navi li.iphone-app-xb,

body#hiketsu230                   #local-navi li.hiketsu230,
body#hiketsu230-contents          #local-navi li.hiketsu230-contents,
body#hiketsu230-price             #local-navi li.hiketsu230-price {

	background: url(../img/local_navi_selected.gif) no-repeat left center;
}

body#home                         #local-navi li.home a,

body#concept                      #local-navi li.concept a,


body#rd                           #local-navi li.rd a,
body#ceatec2009                   #local-navi li.ceatec2009 a,
body#ceatec2008                   #local-navi li.ceatec2008 a,
body#ceatec2007                   #local-navi li.ceatec2007 a,
body#ceatec2006                   #local-navi li.ceatec2006 a,
body#ceatec2005                   #local-navi li.ceatec2005 a,
body#seminar                      #local-navi li.seminar a,
body#thesis                       #local-navi li.thesis a,

body#company                      #local-navi li.company a,
body#outline                      #local-navi li.outline a,
body#philosophy                   #local-navi li.philosophy a,
body#division                     #local-navi li.division a,
body#history                      #local-navi li.history a,
body.news                         #local-navi li.news a,
body#security                     #local-navi li.security a,
body#privacy                      #local-navi li.privacy a,

body#recruit                      #local-navi li.recruit a,
body#graduate                     #local-navi li.graduate a,
body#intermediate                 #local-navi li.intermediate a,

body#access                       #local-navi li.access a,
body.contact                      #local-navi li.contact a,
body#sitemap                      #local-navi li.sitemap a,

body.monitor                      #local-navi li.monitor a,

body.iphone-app-xb                #local-navi li.iphone-app-xb a,

body#hiketsu230                   #local-navi li.hiketsu230 a,
body#hiketsu230-contents          #local-navi li.hiketsu230-contents a,
body#hiketsu230-price             #local-navi li.hiketsu230-price a {

	background-color: #fec;
}

#local-navi li.hiketsu230 a { letter-spacing: -1px; }


/* -- 関連サイト -- */

#site {
	padding: 10px 10px 30px 10px;
}

#site h2 {
	display: none;
}

#site dl dt a {
	display: block;
	width: 223px;
	background: url(../img/left_banner.gif) no-repeat;
	text-indent: -9999px;
}

#site dl dt#ueyes-lc a        { background-position:      0 0; height: 150px; }
#site dl dt#ueyes-lc a:hover  { background-position: -223px 0; }
#site dl dt#ueyes-lc a:active { background-position: -446px 0; }

#site dl dt#tsukaken a        { background-position:      0 -150px; height: 80px; }
#site dl dt#tsukaken a:hover  { background-position: -223px -150px; }
#site dl dt#tsukaken a:active { background-position: -446px -150px; }

#site dl dt#monitor a         { background-position:      0 -230px; height: 100px; }
#site dl dt#monitor a:hover   { background-position: -223px -230px; }
#site dl dt#monitor a:active  { background-position: -446px -230px; }

#site dl dt#hiketsu230 a        { background-position:      0 -330px; height: 80px; }
#site dl dt#hiketsu230 a:hover  { background-position: -223px -330px; }
#site dl dt#hiketsu230 a:active { background-position: -446px -330px; }

#site dl dt#hcdnet            { margin-top: 30px; }
#site dl dt#hcdnet a          { background-position:      0 -420px; height: 140px; }
#site dl dt#hcdnet a:hover    { background-position:      0 -420px; }
#site dl dt#hcdnet a:active   { background-position:      0 -420px; }

#site dl dd {
	height: 10px;
	text-indent: -9999px;
}

/* -- ベリサイン -- */

p#verisign {
	margin: 0;
	padding: 0;
	text-align: center;
}


/* :: フッタ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer-wrapper {
	width: 100%;
	height: 25px;
	background: #838383;
	text-align: center;
}

#footer {
	margin: 0 auto;
	width: 963px;
	height: 25px;
	background: #525252;
	text-align: left;
	font-size: 75%;
}


/* -- セキュリティ -- */

#footer #security {
	float: left;
	height: 25px;
}

#footer #security h2 {
	display: none;
}

#footer #security ul {
	padding-left: 10px;
}

#footer #security ul li {
	float: left;
}

#footer #security ul li a {
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}

#footer #security ul li a:link,
#footer #security ul li a:visited { color: #ddd; }
#footer #security ul li a:hover   { color: #def; background: #036; }
#footer #security ul li a:active  { color: #fed; background: #630; }


/* -- 著作権 -- */

#footer #copyright {
	float: right;
	height: 25px;
}

#footer #copyright h2 {
	display: none;
}

#footer #copyright address {
	padding-right: 10px;
	color: #ddd;
	line-height: 25px;
}


/* -- END -- */