@charset "UTF-8";

/* CSS Document */

/* #############################

   LAST UP DATE : 2009.010.16

   ############################# */
   
/* ------- CSS INDEX -------
   Standard class
   Container
   Head Contents
   Footer
   Font Size Ajax
   Main Navigation
   Sub Navigation
   Topic Path
   Main Contents
   List Item
   Table Variation
   Other
*/

/* -----------------------------------
   YUI Fonts CSS
   Font Size (Declare this percent)
   10px = 77%
   11px = 85% 
   12px = 93%
   13px = 100%
   14px = 108%
   15px = 116%
   16px = 123.1%
   17px = 131%
   18px = 138.5%
   19px = 146.5%
   20px = 153.9%
   ----------------------------------- */


/* -----------------------------------
   Standard class
   ----------------------------------- */
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif !important;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; /*for ie6*/
}
body, td, th {
	color: #000;
	line-height: 1.5;
}
body {
	padding-bottom: 20px;
	background-color: #C00;
	text-align : center;
}
strong {
	font-size: 123.1%;
	font-weight: bold;
}
a:link {
	color: #00F;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #F60;
}
a:active {
	color: #F00;
}
.clear {
	clear: both;
	display: block;
}
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
.textSmall1 {
	font-size: 93%;
}
.textSmall2 {
	font-size: 85%;
}
.textWhite {
	color: #FFF;
}
.textRed {
	color: #C00;
}
.textBlue {
	color: #00F;
}
.textYellow {
	color: #FF0;
}
.textDarkYellow {
	color: #990;
}
.textPink {
	color: #F0F;
}
.textOrange {
	color: #F90;
}
.textGreen {
	color: #090;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textLeft {
	text-align: left;
}
.textSuper {
	font-size: 8px;
	vertical-align: text-top;
	text-align: center;
}
#wrapper .marginTop0px {
	margin-top: 0px;
}
#wrapper .marginTop10px {
	margin-top: 10px;
}
#wrapper .marginTop20px {
	margin-top: 20px;
}
#wrapper .marginTop30px {
	margin-top: 30px;
}
#wrapper .marginBottom20px {
	margin-bottom: 20px;
}
#wrapper .marginTopBottom20px {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* --- Float Clear ------------- */
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */


/* -----------------------------------
   Container
 * ----------------------------------- */
#wrapper {
	position: relative;
	width: 950px;
	margin: 0 auto 0px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-align: justify;
	background-color: #FFF;
	text-justify: inter-ideograph;
}
#mainContainer {
	padding: 10px 20px 20px;
}
#mainNavi {
	float: left;
	width: 190px;
	text-align: center;
}
#mainColumn {
	float: left;
	width: 510px;
	margin-left: 25px;
}
#subNavi {
	float: right;
	width: 155px;
}

/* -----------------------------------
   Head Contents
 * ----------------------------------- */
#header {
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#headLink {
	position: absolute;
	top: 25px;
	right: 110px;
	width: 200px;
}
#headLink li {
	float: right;
	border-right-color: #999;
	border-right-style: solid;
	border-right-width: 1px;
	font-size: 93%;
	line-height: 1.1;
}
#headLink li.headLinkEnd {
	border-right-style: none;
}
#headLink li a {
	padding: 5px;
	color: #666;
	text-decoration: none;
}
#headLink li a:hover {
	color: #F60;
}
#headImage {
	padding-bottom: 10px;
	border-top-color: #EEE;
	border-top-style: solid;
	border-top-width: 3px;
	line-height: 0;
	background-image: url(../images/common/bg_headimage.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

/* -----------------------------------
   Footer
 * ----------------------------------- */
#footer {
	clear: both;
	padding-top: 30px;
	font-size: 93%;
	color: #666;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: auto !important;
	width: 100%; /*for ie6 quirks mode*/
}
#footer #toTop {
	text-align: right; /*for ie6 quirks mode*/
}
#footer #toTop a {
	width: 7.5em !important;
	width: 9em; /*for ie6*/
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 17px;
	margin-right: 0px;
	margin-left: auto;
	border: 1px solid #FFF;
	color: #666;
	text-decoration: none;
	display: block;
	background-image: url(../images/common/bg_listhead_gray.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	text-align: left; /*for ie6 quirks mode*/
}
#footer #toTop a:visited {
	color: #666;
}
#footer #toTop a:hover {
	border: 1px solid #F60;
	color: #F60;
}
#footer #copyRight {
	padding-top: 5px;
	background-image: url(../images/common/bg_dot.gif);
	background-position: left 1px;
	background-repeat: repeat-x;
}

/* -----------------------------------
   Font Size Ajax
 * ----------------------------------- */
#fontSizeContainer {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 11px;
	color: #999;
	line-height: 13px;
	text-align: center;
}
#fontSizeContainer li {
	float: left;
	text-align: center;
}
#fontSizeContainer li.font-S {
	font-size: 12px;
	line-height: 26px;
}
#fontSizeContainer li.font-M {
	margin-right: 5px;
	margin-left: 5px;
	font-size: 13px;
	line-height: 25px;
}
#fontSizeContainer li.font-L {
	font-size: 16px;
	line-height: 24px;
}
#fontSizeContainer li a {
	height: 25px;
	width: 25px;
	display: block;
}
#fontSizeContainer li a:link {
	color: #06C;
	background-image: url(../images/common/bg_fontsize_link.gif);
	background-repeat: no-repeat;
}
#fontSizeContainer li a:visited {
	color: #06C;
	background-image: url(../images/common/bg_fontsize_link.gif);
	background-repeat: no-repeat;
}
#fontSizeContainer li a:hover {
	color: #F60;
	background-image: url(../images/common/bg_fontsize_hover.gif);
	background-repeat: no-repeat;
}

/* -----------------------------------
   Main Navigation
 * ----------------------------------- */
#mainNavi h2 {
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	font-size: 116%;
	color: #FFF;
	line-height: 1;
	background-color: #930;
	background-image: url(../images/common/bg_navi_h2_red.gif);
	background-repeat: repeat-x;
}
#mainNavi ul {
	margin-top: 8px;
	line-height: 1.4;
}
#mainNavi ul ul {
	margin-top: 4px;
}
#mainNavi li a,
#mainNavi li.naviSelected,
#mainNavi li.naviSelected li.naviSelected {
	padding: 6px 2px 4px;
	border: 1px solid #DDD;
	color: #000;
	text-decoration: none;
	display: block;
	background-color: #E7E7E7;
	background-image: url(../images/common/bg_link_gray.gif);
	background-repeat: repeat-x;
	zoom: 1;
}
#mainNavi li a:hover,
#mainNavi li.naviSelected {
	color: #FFF;
	background-color: #C00;
	background-image: none;
}
#mainNavi li li a {
	border: 1px solid #DDD;
	background-color: #E7E7E7;
	background-image: url(../images/common/bg_link_gray.gif);
}
#mainNavi li.naviSelected li.naviSelected {
	color: #C00;
	background-color: #F1E7C0;
	background-image: url(../images/common/bg_link_yellow.gif);
}
#mainNavi #pdfFile {
	padding-top: 30px;
	font-size: 93%;
	color: #666;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainNavi #pdfFile a {
	margin-top: 20px;
	display: block;
}
#mainNaviLinkBtn {
	padding-top: 30px;
}
#mainNaviLinkBtn a {
	border: 1px solid #999;
	margin-top: 5px;
	display: block;
}
#mainNaviLinkBtn a:hover {
	border: 1px solid #F60;
}

/* -----------------------------------
   Sub Navigation
 * ----------------------------------- */
#subNavi h2 {
	padding-top: 10px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	font-size: 116%;
	color: #FFF;
	line-height: 1;
	text-align: center;
	background-color: #333;
	background-image: url(../images/common/bg_navi_h2_black.gif);
	background-repeat: repeat-x;
}
#subNavi ul {
	margin-top: 5px;
}
#subNavi ul ul {
	margin-top: 4px;
}
#subNavi li {
	font-size: 93%;
	line-height: 1.2;
}
#subNavi a,
#subNavi li.naviSelected,
#subNavi li.naviSelected li.naviSelected {
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 15px;
	border: 1px solid #FFF;
	text-decoration: none;
	display: block;
	background-image: url(../images/common/bg_listhead_red2.gif);
	background-position: 1px 9px;
	background-repeat: no-repeat;
	line-height: 1.2;
	zoom: 1;
}
#subNavi li.naviSelected {
	background-image: none;
	border: 1px solid #CCC;
	color: #000;
	background-color: #FFC;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#subNavi li li a {
	border: 1px solid #DDD;
	background-color: #E7E7E7;
	background-image: url(../images/common/bg_listhead_red2.gif);
}

#subNavi a:visited {
	color: #00F;
}
#subNavi a:hover {
	border: 1px solid #F60;
	color: #F60;
}
#subNavi li.naviSelected li.naviSelected {
	color: #FFF;
	background-color: #C00;
	background-image: url(../images/common/bg_listhead_red2.gif);
}

#subNavi .qrCode {
	padding-left: 28px;
}



/* -----------------------------------
   Topic Path
 * ----------------------------------- */
#topicPath li {
	float: left;
	padding: 2px 4px 20px;
	font-size: 93%;
	line-height: 1;
	display: block;
	list-style-type: none;
}
#topicPath li a {
	padding-right: 10px;
	margin-right: -4px;
	text-decoration: none;
	display: block;
	background-image: url(../images/common/bg_topicpath_a.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#topicPath li a:visited {
	color: #00F;
}
#topicPath li a:hover {
	color: #F60;
}

/* -----------------------------------
   Main Contents
 * ----------------------------------- */
#mainContents h2 {
	margin-bottom: 20px;
	position: relative;
}
#mainContents h2 span {
	display: block;
	width: 7em;
	padding-bottom: 1px;
	position: absolute;
	right: 5px;
	line-height: 1.2;
	color: #FFF;
	background-color: #C00;
	text-align: center;
	padding-top: 3px;
	top: 9px;
	font-size: 123.1%;
}
#mainContents h3 {
	padding-top: 4px;
	padding-left: 2px;
	margin-top: 25px;
	margin-bottom: 15px;
	border-top-color: #F96;
	border-top-style: dotted;
	border-top-width: 2px;
	border-bottom-color: #F96;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	font-size: 123.1%;
	color: #C00;
	line-height: 1.2;
	padding-bottom: 2px;
}
#mainContents h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 116%;
	line-height: 1.2;
}
#mainContents h5 {
	padding-left: 3px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-left-color: #C00;
	border-left-style: solid;
	border-left-width: 10px;
	font-weight: bold;
	line-height: 1.2;
}
#mainColumn p {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* -----------------------------------
   List Item
 * ----------------------------------- */
.listText {
	margin-top: 20px;
	margin-bottom: 20px;
}
.listText li,
p.listText {
	padding-bottom: 7px;
	padding-left: 12px;
	line-height: 1.3;
	background-image: url(../images/common/bg_listhead_notice.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
p.footNote,
.footNote p,
.footNote li {
	padding-left: 1em;
	font-size: 93%;
	color: #C00;
	line-height: 1.2;
	text-indent: -1em;
}
.footNoteArrow {
	padding-left: 12px;
	background-image: url(../images/common/bg_arrow.gif);
	background-position: 0px center;
	background-repeat: no-repeat;
}
.linkList li {
	padding-bottom: 3px;
	background-image: url(../images/common/bg_dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.linkList a {
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 17px;
	border: 1px solid #FFF;
	text-decoration: none;
	display: block;
	background-image: url(../images/common/bg_listhead_red2.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	zoom: 1;
}
.linkList a:hover {
	border: 1px solid #F60;
}
td .linkList a:hover {
	background-color: #FFF;
}
.linkList2Column li {
	float: left;
	width: 240px;
	margin-right: 10px;
}
.linkList4Column {
	margin-bottom: 20px;
}
.linkList4Column li {
	float: left;
	width: 115px;
	margin-right: 10px;
}
.linkListPdf a {
	padding-left: 35px;
	background-image: url(../images/common/pic_pdficon.gif);
	background-position: left center;
}
.listIndent1em,
.listIndent2em,
.listIndent3em {
	margin-top: 20px;
	margin-bottom: 20px;
}
.listIndent1em li,
.listIndent2em li,
.listIndent3em li {
	padding-bottom: 5px;
	padding-left: 1em;
	line-height: 1.3em;
	text-indent: -1em;
}
.listIndent2em li {
	padding-left: 2em !important;
	text-indent: -2em !important;
	padding-left: 1.5em; /*for ie6*/
	text-indent: -1.5em; /*for ie6*/
}
.listIndent3em li {
	padding-left: 3em !important;
	text-indent: -3em !important;
	padding-left: 1.8em; /*for ie6*/
	text-indent: -1.8em; /*for ie6*/
}

/* -----------------------------------------
   Table Variation
 * ----------------------------------------- */
.tableTdLeft, 
.tableTdCenter {
	width: 100%;
	margin-bottom: 5px;
}
.tableTdLeft th,
.tableTdCenter th,
.tableTdJustify th,
.tableTdLeft td, 
.tableTdCenter td,
.tableTdJustify td {
	padding: 4px 2px 3px;
	border: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}
.tableTdLeft th,
.tableTdCenter th,
.tableTdJustify th {
	background-color: #FFEFEC;
}
.tableTdLeft td {
	text-align: left;
}
.tableTdJustify td {
	text-align: justify;
	text-justify: inter-ideograph;
}
th.tableTextCenter, 
td.tableTextCenter {
	text-align: center;
}
th.tableTextLeft, 
td.tableTextLeft {
	text-align: left;
}
td.textJustify {
	text-align: justify;
	text-justify: inter-ideograph;
}
.tableTdLeft tr:hover, 
.tableTdCenter tr:hover {
	background-color: #F3F3F3;
}
caption {
	padding-top: 10px;
	text-align: right;
}

/* -----------------------------------
   Other
 * ----------------------------------- */
p.textIndent1em,
.textIndent1em p {
	padding-left: 1em;
	text-indent: -1em;
}
p.textIndent3em {
	padding-left: 3em !important;
	text-indent: -3em !important;
	padding-left: 1.8em; /*for ie6*/
	text-indent: -1.8em; /*for ie6*/
}
a.pdfLink {
	height: 25px !important;
	height: 35px; /*for ie6 quirks mode*/
	padding-top: 8px;
	padding-left: 45px;
	display: block;
	background-image: url(../images/common/pic_pdficon.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	text-align: left;
	text-decoration: none;
	border: 1px solid #FFF;
}
a.pdfLink:hover {
	background-color: #FFF;
	border: 1px solid #F60;
}

/* -----------------------------------
   追加
 * ----------------------------------- */
#topbanner {
	padding-bottom: 20px;
}
#topbanner a:link{
	background-image: none;
	padding: 0px;
}