@charset "utf-8";

/* ============================================================
INDEX
============================================================ */

/* ============================================================
センター寄せ
============================================================ */
body {
	margin:0;
	padding:0;
	text-align:left;
	color:#333;
	font-size: 80%;
	line-height: normal;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../img/c/bg01.gif) center top repeat;}

#wrap {
	width: 806px;
	margin:0 auto;
	text-align:center;
	background: url(../img/c/bg02.png) 0 0 repeat-y;}
	
/* リンク設定
============================================================ */
a {
	overflow: hidden;}
	
a:link {
	color: #000000;
	text-decoration: underline;}

a:visited {
	color: #000000;
	text-decoration: underline;}

a:hover {
	color: #ff0000;
	text-decoration: none;}

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


/* ============================================================
要素設定及び初期化
============================================================ */
h1, h2, h3, h4, h5, h6, p, li, dl, dt, dd, blockquote, form, label {
	margin: 0;
	padding: 0;}

ul, ol {padding: 0;}

hr {display:none;}

strong {border-bottom:dotted 1px #036;}

img {
	border:0;
	vertical-align:bottom;}

/* table設定
============================================================ */
th {
	font-weight:normal;
	text-align:left;}

/* ============================================================
class設定
============================================================ */
/* ===== 特殊 ===== */
/* 注意書き(FHW用） */
.notice {
	padding:5px;
	color:#FF0000;
	border:2px solid #f00;}

/* ===== リンク ===== */
a.link {
	margin-left: 5px;
	padding:0 0 0 15px;
	background: url(../img/c/arrow.gif) 0 2px no-repeat;}

/* 関連リンク用 ulで使用している */
/*ul*/.linkRelation {
	margin: 1em 0 1em 30px;
	padding: 0;}

p.linkRelation {
	padding-left:15px !important;
	background: url(../img/c/arrow.gif) 0 4px no-repeat;}

dt.linkRelation {
	margin: 1em 0 0 0;
	padding-left:15px !important;
	background: url(../img/c/arrow.gif) 0 4px no-repeat;}

/*ul*/.linkRelation li {
	padding-left:17px;
	background: url(../img/c/arrow.gif) 0 3px no-repeat;
	list-style:none;}

a.linkPDF span,
a.linkWORD span,
a.linkEXCEL span,
a.linkOUT span,
a.linkIMG span {padding:3px 20px 3px 0;}

/* お問合せのリンク */
a.linkInfo {
	padding:3px 0 3px 21px;
	background:url(../img/c/pt_info.gif) 0 0 no-repeat;}

/* ショートカットのリンク */
a.linkSC {
	padding:3px 0 3px 21px;
	background:url(../img/c/pt_sc.gif) 0 0 no-repeat;}

/* メールのリンク */
a.linkMAIL {
	padding:3px 0 3px 21px;
	background:url(../img/c/pt_mail.gif) 0 3px no-repeat;}

/* ===== FAQ用 ===== */
.faqQ {
	margin-top:40px;
	font-weight:bold;}

.faqA {
	padding:5px;
	border:1px solid #efefef;}


/* ===== 基本 ===== */	
.must {
	font-weight:bold;
	color:#c00;}

.bar {
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #666;}

.c {
	clear:both;
	margin:0;
	padding:0;
	border:0;
	height:0;
	font-size:0;
	line-height:0;}

div { zoom:1;/*for IE 5.5-7*/}
div:after {
	/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;}

.clearfix {
	zoom:1;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.hgroup, .block, .outer, .inner, .row, .box, .cell {
	position:relative;
	zoom:1;
}
.hgroup:after, .block:after, .outer:after, .inner:after, .row:after, .box:after, .cell:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.box, .cell {
	float:left;
}
.box.right, .cell.right {
	float:right;
}

/* フォームの長さ */
.xxsmall {
	width:25px;}

.xsmall {
	width:50px;}

.small {
	width:100px;}

.medium {
	width:200px;}

/* 寄せ */
.right {
	text-align:right;}

.center {
	text-align:center;}

.left {
	text-align: left;}

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;}

img.alignright {
	float: right;
	margin: 0 0 10px 10px;}

/* テキスト消去 Move Out Txt */
.mot {
	position:absolute;
	left:-2999px;
	width:990px;}

.mot * {
	position: absolute;
	left: -9999px;}

.mot2 {
	position:absolute;
	top:-2999px;
	height:990px;}
	
/* ヘッダー
============================================================ */
#head {
	padding: 4px 25px 0;
	background: url(../img/c/head-bg.jpg) center 0 no-repeat;
	height: 86px;
	text-align: left;
}

/* ロゴ
------------------------------------------------------------ */
#logo {
	float: left;
	margin: 16px 0 0 -5px;
	width:335px;
	height:49px;
}
#logo a {
	text-indent: -9999px;
	display:block;
	width:335px;
	height:49px;
	background-image:url(../img/c/logo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	
/* オプション
------------------------------------------------------------ */
#option {
	float: right;
	width: 368px;}

/* オプション
------------------------------------------------------------ */
#head ul {
	width: 368px;
	height: 18px;
	margin: 0 0 3px;
	list-style: none;}

#head ul li {
	float: right;
	background-image: url(../img/c/btn-english-on.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 59px;
	height: 18px;
	line-height: 0;}

#head ul li a { display:block; line-height: normal;}
#head ul li a:hover {border: none;}
#head ul li a:hover img {visibility: hidden;}
#head ul li a img {vertical-align: top;}

/* 文字サイズ
------------------------------------------------------------ */
#head dl {
	float: left;
	padding: 4px 0 0 9px;
	width: 147px;
	height: 29px;
	background-image: url(../img/c/font-size-bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#head dl dt {
	float: left;
	width: 71px;
	height: 17px;
	background: url(../img/c/font-size.gif) 0 5px no-repeat;
	text-indent: -9999px;
	overflow: hidden;}

#head dl dd {
	float: left;
	width: 22px;
	height: 22px;
	line-height: 0;}

#head dl dd#b {background: url(../img/c/font-b-on.gif) 0 0 no-repeat;}
#head dl dd#m {background: url(../img/c/font-m-on.gif) 0 0 no-repeat;}
#head dl dd#s {background: url(../img/c/font-s-on.gif) 0 0 no-repeat;}

#head dl dd a {
	display: block;
	width: 22px;
	height: 22px;
	line-height: 0;}

#head dl dd a:hover {border: none;}

#head dl dd a:hover img {visibility: hidden !important;}
#head dl dd#m a img {visibility: hidden;}

/* 検索
------------------------------------------------------------ */
#head #search {
	_position:relative;
	float: left;
	padding: 5px 7px 0 0;
	position: relative;
	width: 205px;
	height: 28px;
	background-image: url(../img/c/serach-bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#head input {
	margin: 0;
	padding: 0;
}
#head input[type=text] {
	position: absolute;
	top: 5px;
	left: 26px;
	margin: 0 5px 0 0;
	padding: 0 0 0 2px;
	width: 124px;
	height: 18px;
	border: 1px solid #a0a0a0;
	background: #ffffff url(../img/logo_wm.gif) center center no-repeat;
	/*background: #ffffff url(../img/c/search-box-bg.gif) 0 0 repeat-x;*/
}

#head .submit {
	float:left;
	margin-left:157px;
	_float:none;
	_margin-left:0;
	_position:absolute;
	_top:1px;
	_right:8px;}

#head .words {
	_margin-left:20px;}

#yjSsSb {
	_position:absolute;
	_top:4px;
	_left:25px;}


/* パンくず
------------------------------------------------------------ */
#bread {
	margin:5px 0 10px 0;
	padding: 0 27px;
	font-size:x-small;
	text-align: left;}

/* メインコンテナー
============================================================ */
#mc {
	margin:10px 0;
	text-align: left;
}

	
/* .subNav
------------------------------------------------------------ */
.subNav {
	margin:0;
	padding:0;
	zoom:1;
}
.subNav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.subNav li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.subNav li .pulldown {
	position:absolute;
	left:-1px;
	display:none;
}
#pulldown1 {
	top:30px;
}
#pulldown2,
#pulldown3 {
	top:60px;
}
.subNav#subNav1 li {
	margin-right:1px;
}
.subNav#subNav1 li.lastChild {
	margin-right:0;
}

#mainContainer {
}

/* 右コンテナー
------------------------------------------------------------ */
#mcR table td {
	padding:3px;
	border:1px solid #666;}

/* H1下最初のコピー */
#mcR #intro {
	padding:5px;
	background-color:#FFFFCC;}

/* pdfダウンロードの注意書き */
#pdfInfo {
	margin-top:40px;
	padding:5px;
	font-size: 10px;
	color: #555555;}

#pdfInfo img {
	float: left;
	margin: 0 10px 0 0;}

/* 下段ページナビ */
#pagenavi {
	float:right;
	list-style:none;
	margin-top:10px;
	font-size:x-small;}

#pagenavi li {display:inline;}


/* フッター
============================================================ */
#foot {
	width:760px;
	margin:0 0 0 3px;
	padding: 0 17px 0 23px;
	background: url(../img/c/foot-bg.gif) 0 0 repeat-x;
	border-bottom:6px solid #df1904;
	height: 36px;
	zoom:1;
}
#foot:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* メニュー
------------------------------------------------------------ */
#foot ul {
	float:left;
	margin:14px 0 0 0;
	padding: 0;
	list-style:none;
	zoom:1;
}
#foot ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#foot ul li {
	float:left;
	margin:0 5px 0 0;
}

/* コピーライト
------------------------------------------------------------ */
address {
	float:right;
	display:block;
	margin:13px 0 0;
	padding: 0;
	font-size: 10px;
	font-style: normal;
	text-align: right;
	line-height:1.6;
	color: #676767;
	white-space: nowrap;
}
/* yahoo カスタムサーチ
------------------------------------------------------------ */
#srchBox {
	width:216px;
	_width:216px;
	color:#000000;
	text-align:left;
}
#srchBox * {
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
#srchBox a img {
	border:none;
}
#srchBox #srch {
	padding: 0px 10px;
}
#srchBox #srch #srchForm {
	white-space:nowrap;
}
#srchBox #srchInput {
	width:188px;
	margin-right:6px;
	vertical-align:bottom;
}
#srchBox #srchBtn {
	float: right;
	width: 49px;
	height: 22px;
}
*html #srchBox #srchBtn {
	padding-top:2px;
}
*:first-child+html #srchBox #srchBtn {
	padding-top:2px;
}
#srchBox ul {
	margin-top:6px;
	text-align:left;
}
#srchBox li {
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li input {
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input {
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo {
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a {
	color:#666666;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover {
	text-decoration:underline;
}
#srchBox.watermark {
	padding-bottom: 6px;
}
#srchBox.watermark #srchInput {
	width: 124px;
	height: 15px;
	padding:1px 1px 2px 1px;
	border:1px solid #a5acb2;
	background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark {
	background: #fff;
}
#srchBox.watermark #srchLogo {
	display: none;
}
#topics.permalink #srchBox #srchInput {
	width: 123px;
	margin-right: 0;
	vertical-align:bottom;
}
#topics.permalink #srchBox #srchBtn {
	float: inherit;
}