@charset "shift_jis";

/* 一括で全ての要素の余白をゼロに指定 */
* {
		margin: 0;
		padding: 0;
                font-size: 16px;
}

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

[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] サイドバーブロック内に関する指定
[5] Pagetopに関する指定
[6] フッターブロック内に関する指定
[7] CSSデザインサンプルリンク指定
[8] トップページ用指定
[9] 新着ページ用指定
----------------------------------------------------------------
CSSデザインサンプ [ URL ] http://www.css-designsample.com
------------------------------------------------------------- */

/* 文字 */
p {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

p.explain {
		line-height: 1.5em;
		padding-left: 2em;
}

div.explain {
		padding-left: 2em;
		top:10px;
		font-size:130%;/* 12px相当 */
}

ul {
		margin-left: 2em;
		margin-bottom: 1em;
}

ol {
		margin-left: 2.5em;
		margin-bottom: 1em;
}

li {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

img { border: 0; }

.clear { clear: both; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
		text-align: center;
		font-family: "Arial Unicode","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color:#333;
		padding: 0;
		margin: 0;
}

/*-- 全体を囲んでいます --*/
#wrapper {
		text-align: left;
		width: 900px;
		margin: 20px auto 10px;
		padding: 10px;
}

#wrapper-inner { padding: 20px 20px 10px; }

/*-- ヘッダー部分 --*/
#header { /* 860 */
		width: 840px;
		height: 80px;
		padding: 0 10px;
		position: relative;
}

/*-- コンテンツ部分 --*/
#contents {
		width: 620px;
		float: left;
		padding: 0 10px;
}

/*-- サイドバー部分 --*/
#sidebar {
		width: 200px;
		float: right;
}

p#pagetop {
		clear: both;
		margin: 0;
}

/*-- フッター部分 --*/
#footer {
		width: 100%;
		overflow: hidden;
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */
h1 {
		font-size: 120%;
		font-weight: normal;
		width: 620px;
}

/* サイトタイトル */
.logo {
		font-size: 130%;
		font-weight: bold;
		margin: 0;
}

/* 概要 */
.description {
		font-size: 200%;
		line-height: 1.5em;
		width: 620px;
		margin: 0;
}

/* 電話 */
.tel {
		width: 200px;
		overflow: hidden;
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
}

.tel dd {
		font-weight: bold;
		height: 45px;
		line-height: 45px;
		padding-left: 40px;
		background: url(../images/bg-tel.jpg) no-repeat 0 100%;
}


/* mail */
.mail{
		width: 200px;
		overflow: hidden;
		margin: 0;
		position: absolute;
		top: 70px;
		right: 0;
}

.mail dd {
		font-weight: bold;
		height: 45px;
		line-height: 45px;
		padding-left: 40px;
		background: url(../images/mail2.png) no-repeat 0 100%;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

h2 {
		font-size: 140%;
		height: 60px;
		margin-bottom: 10px;
		padding: 20px 0 0 20px;
		overflow: hidden;
		background: #fff url(../images/president4.png) no-repeat 100% 50%;
}

#ryosan h2 {
		font-size: 140%;
		height: 60px;
		margin-bottom: 10px;
		padding: 20px 0 0 20px;
		overflow: hidden;
		background: #fff url(../images/president3.png) no-repeat 100% 50%;
}

#word h2 {
		font-size: 110%;
		height: 60px;
		margin-bottom: 10px;
		padding: 20px 0 0 20px;
		overflow: hidden;
		background: #fff url(../images/president3.png) no-repeat 100% 50%;
}

#home h2 {
		font-size: 120%;
		height: auto;
		margin-bottom: 0;
		padding: 8px 0 8px 30px;
		background: url(../images/bg-headline02.jpg) no-repeat 0 100%;
		border-top: 1px solid #fff;
		border-bottom: 1px dotted #ccc;
}

#info h2 {
		font-size: 140%;
		height: 60px;
		margin-bottom: 10px;
		padding: 20px 0 0 20px;
		overflow: hidden;
		background: #fff url(../images/office2.png) no-repeat 100% 50%;
}

/* パン屑リスト */
p.topicpath {
		height: 30px;
		line-height: 30px;
		margin: 0;
}

p.topicpath a {
		text-decoration: none;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		padding: 0 0.2em;
}

p.topicpath a:hover { text-decoration: none; }

/* 見出し */
h3,h4,h5,h6 {
		font-size: 120%;
		margin-bottom: 1em;
		padding: 8px 0 8px 30px;
		background: url(../images/bg-headline02.jpg) no-repeat 0 100%;
		border-top: 1px solid #fff;
		border-bottom: 1px dotted #ccc;
}

#home h3 { margin-bottom: 0; }

h4,h5,h6 { margin-top: 3em; }

table {
		margin-left: 10px;
/*
		font-size: 150%;
		margin-bottom: 1em;
		padding: 8px 0 8px 30px;
		background-color: #fff;
		border-top: 1px solid #fff;
		border-bottom: 1px dotted #ccc;
*/
}

/* ========TABLE MEMUstart======== */
table th{
   width:350px;
   height:30px;
   valign:top;
   align:left;
   text-indent: 5px;
   font-weight: bold;
}

table td{
   width:300px;
   valign:top;
   align:left;
   font-size: 16px;
   text-indent: 5px;
   font-weight: bold;
}

.noBorder th{
   width:180px;
   height:30px;
   valign:top;
   align:left;
   font-weight: bold;
}

.noBorder td{
   width:500px;
   height:30px;
   valign:top;
   align:left;
   font-weight: bold;
   text-indent: 0em;
}

.sub{
	font-size: 16px;
        align:left;
}
.sub2{
	font-size: 20px;
        align:left;
}
.toMail{
	font-size: 25px;
        font-weight:bolder;
}

/* ========TABLE MEMUend======== */

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */
	 
/* グローバルナビゲーション */
.globalnavi {
		width: 200px;
		margin: 0 0 20px;
		background-color: #fff;
                font-weight:bolder;
}

.globalnavi li {
		list-style: none;
		margin: 0;
}

.globalnavi a {
		display: block;
		width: 175px;
		height: 40px;
		line-height: 40px;
		padding: 0 5px 0 20px;
		background: url(../images/bg-gnav.jpg) no-repeat 0 100%;
}

.globalnavi a:hover { background: url(../images/bg-gnav.jpg) no-repeat -200px 100%; }

/* サブメニュー */
.localnavi {
		margin: 0 0 20px;
		padding-bottom: 10px;
		background-color: #fff;
}

.localnavi li {
		list-style: none;
		margin: 0;
		padding: 2px 5px 2px 20px;
}

.sideinfo {
		margin-bottom: 20px;
		background-color: #fff;
}

.sideinfo dd {
		font-size: 95%;
		padding: 15px 10px;
}

.calendar {
		margin-bottom: 20px;
		background-color: #fff;
}

.calendar dd p { text-align: center; }

.globalnavi .title,
.localnavi .title,
.calendar .title {
		text-align: center;
		font-weight: bold;
		height: 25px;
		padding: 15px 0 0 0;
		background: #fff url(../images/bg-sidetitle.jpg) no-repeat 0 0;

}
.sideinfo .title {
		text-align: center;
		font-weight: bold;
		height: 10px;
		padding: 15px 0 0 0;
		background: #fff url(../images/bg-sidetitle.jpg) no-repeat 0 0;

}

#red{
    color:#f00;
}


/* -------------------------------------------------------------
   [5] Pagetopに関する指定 */

p#pagetop span {
                font-weight: 700;
		font-size: 120%;
		display: block;
		width: 630px;
		height: 1.6em;
		overflow: hidden;
}

p#pagetop a {
		display: block;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-align: center;
		width: 6em;
		height: 1.6em;
		line-height: 1.6em;
		float: right;
}

p#pagetop a:hover { text-decoration: none; }

/* -------------------------------------------------------------
   [6] フッターブロック内に関する指定 */
	 
/* コピーライト */
#footer p {
		text-align: center;
		width: 620px;
		margin: 0 0 50px 10px;
		padding: 1em 0 0;
		border-top: 5px solid #ccc;
}

/* アドレス */
address {
		font-style: normal;
		line-height: 1.5em;
		margin: 0;
}

address span { display: block; }

/* -------------------------------------------------------------
   [7] CSSデザインサンプルリンク指定 */
#footer #cds {
		text-align: right;
		font-size: 85%;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		line-height: 1;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
}

#cds,#cds a,#cds a:hover {
		text-decoration: none;
		color: #ccc;
}

/* -------------------------------------------------------------
   [8] トップページ用指定 */

.top-btn {/* 620 */
		list-style-type: none;
		width: 100%;
		margin: 0 0 20px;
		overflow: hidden;
}

.top-btn li {
		width: 200px;
		float: left;
		margin-bottom: 10px;
		font-size: 130%;
                font-weight:bolder;
}

.btn01{ 
		margin-right: 5px; 
}
.btn02{ 
		margin-right: 5px; 
}
.btn03 { 
		margin-right: 5px; 
}

.btn01 a img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}

.btn01 a:hover img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}

.btn02 a img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}

.btn02 a:hover img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}

.btn03 a img {
	opacity: 0.8; /* IE以外透過設定 */
	filter: Alpha(opacity=80); /* IE用透過設定 */
}

.btn03 a:hover img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}


.top-btn img {
		display: block;
		width: 200px;
		height: 120px;
}

.top-btn p {
		text-align: center;
		font-size: 95%;
		overflow: hidden;
		margin: 0 0 0.2em;
		padding: 2px 0;
		background-color: #eee;
}

.top-btn a {
		text-decoration: none;
		font-size: 95%;
		display: block;
		text-align: right;
}

.top-btn a:hover { text-decoration: none; }

.information {
		list-style-type: none;
		margin: 0 0 20px;
		padding: 10px 0 0;
		background-color: #fff;
}

.information span { padding-right: 1em; }

.information li {
		list-style: none;
		line-height: 1.2em;
		margin: 0;
		padding: 0.3em 1em;
		border-bottom: 1px dotted #ccc;
}

.information a,
.information a:hover { text-decoration: none; }

/* -------------------------------------------------------------
   [9] 新着ページ用指定 */
	 
.entry {
		line-height: 1.5em;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 60px;
}

.entry h3 { margin-bottom: 1em; }

.entry .entryday {
		font-size: 90%;
		margin: 0;
		padding-top: 1em;
}


/*-- 印刷用CSS --*/

@media print {
#contents {max-width:1500px;margin:0;padding-left:20px;}

/*-- サイドバー部分 --*/
#sidebar {display: none;}
{display: none;}

/*-- フッター部分 --*/
#footer {display: none;}

.globalnavi {display: none;}

.globalnavi li {display: none;}

.globalnavi a {display: none;}
.globalnavi a:hover {display: none;}

/* サブメニュー */
.localnavi {display: none;}
.localnavi li {display: none;}

.sideinfo {display: none;}

.sideinfo dd {display: none;}
.calendar {display: none;}

.calendar dd p {display: none;}

.globalnavi .title,
.localnavi .title,
.sideinfo .title,
.calendar .title {display: none;}

}

/*-- 基板用CSS --*/

.explanation{
    color:#000;
    font-size: 105%;
    font-weight: bolder;
    text-indent:0em;
    padding-left:1em;
}
.kiban_table th{
    color:#000;
    font-size: 100%;
    align:left;
    width: 250px;
}

.kiban_table td{
    color:#000;
    font-size: 100%;
    align:left;
    width: 550px;
}

.rigid_kiban_table td{
    color:#000;
    font-size: 100%;
    align:left;
    width: 750px;
}

.glossary{
    color:#000;
}
.glossary li strong{
    color:#44b;
    font-size: 140%;
}
#china{
    color:#b4b;
}
#english{
    color:#b44;
}
#description{
    font-size: 120%;
}
#detail{
    color:#3C4174;
    font-size: 100%;
}

//カタログボタンロールオーバー
a.katarogu {
position:relative;
width:200px;
height:60px;
algin:center;
background:url(../parts/image/katarogu0.gif) no-repeat;
}

.katarogu:hover {
background:url(../parts/image/katarogu1.gif) no-repeat;
}


/*-- 送信結果用CSS --*/

.result{
    font-size: 150%;
    font-weight: bolder;
    text-indent:0em;
    padding-left:1em;
}

/*-- お気に入り追加用CSS --*/

.favorite{
  margin: 0 20px 40px;
  padding: 1em 2em;
  border: none;
  display: inline-block;
  background-color: #bddddd;
  box-shadow: 0 6px #addddd;
  font-size: 80%;
  font-weight: bolder;
  line-height: 1;
  color: #fff;
  position: relative;
  cursor: pointer;
  border-radius: 1.5em;
  box-shadow: 0 6px #addddd;
  top: 0;
  transition: .2s box-shadow,.2s top,.4s background;
}
.favorite:hover {
    box-shadow: 0 5px #addddd;
    top: 1px;
}
.favorite:active {
  background-color: #afdddf;
    box-shadow: 0 0 #addddd;
    top: 6px;
}