@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
 
/* ========BASIC======== */
* {
   font-family: "ＭＳ Ｐゴシック", OSaka, Verdana, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   background:#fff;
   margin-left:auto;
   margin-right:auto;
  text-align:center;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#0172AB;
}

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

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
div#top {
   text-align:left;
   width:790px;
   margin:0 auto;
   background:url("images/bg_contents_left.gif") 0 0 repeat-y;
}

div#wrapper {
   text-align:left;
   width:790px;
   background:url("images/bg_contents_right.gif") 100% 0 repeat-y;
}

div#header {
   position:relative;
   padding:0 5px;
}

div#pr {
   width:480px;
   position:absolute;
   left:280px;
   top:10px;
}

/* #nest
----------------------------------------------------- */
div#nest ul {
   margin:0 0 0px 0;
   padding:0px 0 0 0;
   text-align:left;
}

div#nest li {
   display:inline;
   margin:0 0 0 25px;
   font-size:75%;/* 12px相当 */
   list-style:none;
   padding-left:10px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}

div#nest li a {
   color:#0172AB;
}

div#nest li a:hover {
   color:#0172AB;
   text-decoration:underline;
}



/* #hist
----------------------------------------------------- */
div#hist {
   width:480px;
   position:absolute;
   left:165px;
   top:25px;
}

div#hist ul {
   margin:0 0 0px 0;
   padding:0px 0 0 0;
   text-align:left;
}

div#hist li {
   display:inline;
   margin:0 0 0 25px;
   font-size:75%;/* 12px相当 */
   list-style:none;
   padding-left:10px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}

div#hist li a {
   color:#0172AB;
}

div#hist li a:hover {
   color:#0172AB;
   text-decoration:underline;
}


/* #globalNavi
----------------------------------------------------- */
div#globalNavi {
   text-align:left;
   overflow: hidden;
   height: 56px;
   padding:0;
}

div#globalNavi ul {
   padding-top: 0;
}

div#globalNavi ul li {
   display: inline;
   width: 140px;
   margin: 0;
   float:left;
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
}

div#globalNavi ul li a {
   display: block;
   height: 32px !important;
   height /**/: 34px;
   padding: 5px 0 0;
   border-bottom: none;
   color: #000;
   text-align: center;
   text-decoration: none;
   background: url(images/global_navi.gif) no-repeat left top;
}

div#globalNavi ul li a:hover {
   background:url(images/global_navi_over.gif) no-repeat left top;
   color:#699aec;
   text-decoration: none;
}

div#contents {
   margin:0 5px;
   padding:5px 20px 0 20px;
   font-size:82%;/* 13px相当 */
}

div#main {
   text-align:left;
   float:right;
   width:540px;
}

div#sub {
   text-align:left;
   float:left;
   width:180px;
}

div#example {
   text-align:left;
   float:right;
   width:720px;
}

div#totop {
   text-align:left;
   clear:both;
}

div#footer {
   text-align:left;
   clear:both;
   margin:0 5px;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   padding:10px;
   font-size:150%;/* 24px相当 */
   color:#fff;
   line-height:70px;
}

div#header h1 a {
   color:#333;
}

div#header h1 a:hover {
   color:#666;
}

div#header #pr p {
   margin:0;
   font-size:75%;/* 12px相当 */

}


/* ========SUBCONTENTS CUSTOMIZE======== */
div#sub .section {
   margin-bottom:10px;
}

div#sub h2 {
   padding:3px;
   font-size:82%;/* 13px相当 */
   font-weight:bold;
   color:#fff;
   background:url("images/bg_sub_h2.gif") 50% 50%;
}

div#sub ul {
   margin:0px 0 0 20px;
   margin-bottom:0px;
   padding:0;
}

div#sub li {
   padding:0px 0 0px 0;
   font-size:82%;/* 13px相当 */
   line-height:1.4;
   list-style:none;
}

div#sub li a {
   display:block;
   padding-left:12px;
   background:url("images/bg_sub_list.gif") 0 5px no-repeat;
}

/* MENU CUSTOMIZE */
div#contents #sub div#menu ul {
   margin:0 0 0px 0;
   padding:0;
}

div#contents #sub div#menu li {
   width:160px;
   margin:0;
   padding:0;
   font-size:82%;/* 13px相当 */
   color:#333;
   list-style-type:none;
}

div#contents #sub div#menu li a {
   display:block;
   width:160px;
   color:#333;
   padding:5px 0 5px 20px;
   border-bottom:1px solid #DCDCDC;
   background:url("images/bg_menulist.gif") 0 7px no-repeat;
}

div#contents #sub div#menu li a:hover {
   color:#0096E7;
}


div#main a {
   color:#0172AB;
}

div#main a:hover {
   color:#0172AB;
   text-decoration:underline;
}

div#main h2 {
	background:url("images/h2_bg.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
	color:#000;
}

div#main h2 a {
    color:#0096E7;
	background:url("images/h2_bg.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
}

div#main h2 a:hover {
    color:#0096E7;
	background:url("images/h2_bg.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
}

div#main h3 {
	background:url("images/h3_bg2.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
	color:#000;
}

div#main h4 {
	background:url("images/h4_bg.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
	color:#000;
}

div#main h5 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main h6 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main p {
   padding:0;
   font-size:82%;/* 13px相当 */
}

div#main ul,ol,dl {
   padding:0;
   margin:0 0 0 2.5em;
   font-size:82%;/* 13px相当 */
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

div#main div.icatch {
   margin-bottom:10px;
}

/* INFORMATION CUSTOMIZE */
* html body div#main dl.information dd div{
   display:inline-block;
}

div#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
}

div#main dl.information dd {
   margin:0 0 0em 10em;
   padding:0;
   background:transparent;
}


div#example h2 {
	background:url("images/h2_bg.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
	color:#000;
}

div#example h2 a {
    color:#0096E7;
	background:url("images/h2_bg.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
}

div#example h2 a:hover {
    color:#0096E7;
	background:url("images/h2_bg.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
}

div#example h3 {
	background:url("images/h3_bg2.gif") repeat-x left top;
	margin-bottom:2px;
	padding:6px 5px 5px 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:88%;
	font-weight:bold;
	color:#000;
}

div#example ul {
   margin:0px 0 0 20px;
   padding:0;
}

div#example li {
   padding:0px 0 0px 0;
   font-size:82%;/* 13px相当 */
   line-height:1.0;
   list-style:none;
   margin:0px 0 0 10px;
}

div#example li a {
   display:block;
   padding-left:12px;
   background:url("images/bg_sub_list.gif") 0 2px no-repeat;
}


/* headimg
----------------------------------------------------- */
.hImg{
	background-color:#eaeaea;
}

.imgBorder{
	border:3px solid #d6d6d6;
}


/* float
----------------------------------------------------- */
.left { float: left;}
.right { float: right;}


/* #container
---------------------------------------------------------------------------------------- */
#container{
    text-align: center; /* center on ie */
	background:url(../images/himg_bottom.gif) no-repeat left 0;
	width:500px;
}

/* box
----------------------------------------------------- */

.box { margin: 0 0 10px;}

.box85{ width:85px;}

.box105{ width:105px;}

.box110{ width:110px;}

.box130Border{ width:130px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box150{ width:150px;}

.box170{ width:170px;}

.box195{ width:195px; padding:3px;}

.box200Border{ width:200px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box230Border{ width:230px; border:1px solid #dcdcdc; margin-bottom:0px;}

.box255{ width:255px; padding:3px;}

.box260Border{ width:260px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box270{ width:270px;}

.box281{ width:281px;}

.box330{ width:330px;}

.box350{ width:350px;}

.box350Border{ width:350px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box370{ width:370px;}

.box390{ width:390px;}

.box425{ width:425px;}

.box440{ width:440px;}

.box500{ width:510px; padding:3px;}

.box520Border{ width:520px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box590{ width:590px;}

.box690{ width:690px; padding:3px;}

.box700Border{ width:700px; border:1px solid #dcdcdc; margin-bottom:5px;}

.box717{ width:717px;}

/* section
----------------------------------------------------- */

.section { margin: 0 0 10px;}

/* margin
-------------------------------------------- */
.marB5 { margin-bottom: 5px;}

.marR13 { margin-right: 10px;}

/* padding
-------------------------------------------- */

.padT15 { padding-top:0px;}

/* font 
----------------------------------------------------- */
.textR{	text-align:right;}
.textC{	text-align:center;}

.fontS{ font-size:82%;}

.fontS_R{ font-size:82%; color:#ff0000;}

p{line-height:1.5;}




/* ========table CUSTOMIZE========= */
table.sample{
    font-size:88%;/* 14px相当 */
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sample th{
    background-color:#eeeeee;
    background-position:left top;
    padding:0.3em 0.3em;
    text-align:center;
}
.sample td{
    padding:0.3em 0.3em;
}

/* ========table CUSTOMIZE========= */
table.document{
    font-size:82%;/* 14px相当 */
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin:0 0 0px 10px;
}
.document th{
   text-align:left;
    padding:0 0.1em 0.1em;
}
.document td{
    background-color:#EEEEEE;
    padding:0.1em 0.1em;
}

/* ========table CUSTOMIZE========= */
table.example{
    font-size:82%;/* 14px相当 */
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.example th{
   text-align:left;
   padding:0 0.3em 0.3em;
}
.example td{
   border-top: #FFFFFF 1px solid;
   border-bottom: #FFFFFF 1px solid;
   border-left: #FFFFFF 1px solid;
   border-right:#FFFFFF 1px solid;
   padding:0.3em 0.3em;
}

div#example a {
   color:#0172AB;
}

div#example a:hover {
   color:#0172AB;
   text-decoration:underline;
}

/* ========table CUSTOMIZE========= */
table.catalog{
    font-size:75%;/* 12px相当 */
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.catalog th{
   background-color:#eeeeee;
   font-weight:normal;
   text-align:center;
   border-top: #c0c0c0 1px solid;
   border-bottom: #c0c0c0 1px solid;
   border-left: #c0c0c0 1px solid;
   border-right:#c0c0c0 1px solid;
   padding:0.2em 0.2em;
}
.catalog td{
   border-top: #c0c0c0 1px solid;
   border-bottom: #c0c0c0 1px solid;
   border-left: #c0c0c0 1px solid;
   border-right:#c0c0c0 1px solid;
   padding:0.2em 0.2em;
}

/* ========table CUSTOMIZE========= */
table.spec{
    font-family: "ＭＳ ゴシック", Osaka ,monospace, sans-serif;
    font-size:82%;/* 13px相当 */
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.spec th{
    font-family: "ＭＳ ゴシック", Osaka ,monospace, sans-serif;
    background-color:#eeeeee;
    background-position:left top;
    padding:0.3em 0.3em;
    text-align:center;
}
.spec td{
    font-family: "ＭＳ ゴシック", Osaka ,monospace, sans-serif;
    padding:0.3em 0.3em;
}

/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 10px 10px 0;
   text-align:right;
   font-size:75%;/* 12px相当 */
}

div#totop a {
   padding:0 0 0 12px;
   background:url(images/bg_totop.gif) 0 50% no-repeat;
}


/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:10px;
   padding:10px 0 0 0;
   text-align:right;
   background:url("images/bg_dotline.gif") 0 0 repeat-x;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:75%;/* 12px相当 */
   list-style:none;
}

div#footMenu li a {
   padding-left:10px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   margin:0 10px;
   padding:5px 0;
   font-style:normal;
   font-size:75%;/* 12px相当 */
   color:#fff;
   text-align:center;
   background: #0096E7;
}


.mc1{ 
   font-size:12pt; font-family:"ＭＳ Ｐゴシック" , Osaka , sans-serif; font-weight:bold; color:#330099;
   margin-left:0px; 
   border-top: #FFFFFF 0px solid;
   border-bottom: #336699 0px solid;
   border-left: #336699 10px solid;
   border-right:#666666 0px solid;
   padding:1px 2px 2px 5px; height:15px; line-height:130%;
}

.mc10c{
   font-size:10pt;
   font-family:"ＭＳ Ｐゴシック" , Arial , sans-serif;
   color:#000000;
   margin-left:10px;
}

.mc12a{
   font-size:10pt;
   font-family:"ＭＳ Ｐゴシック" , Osaka , sans-serif;
   color:#000000; font-weight:bold;
   margin-left:15px;
   line-height:130%;
}
.mc12{ 
   font-size:9pt;
   font-family:"ＭＳ Ｐゴシック" , Osaka , sans-serif;
   font-weight:bold;
   color:#000000;
   margin-left:3px; 
   border-top: #FFFFFF 0px solid;
   border-bottom: #cccccc 2px solid;
   border-left: #cccccc 8px solid;
   border-right:#ff0000 0px solid;
   padding:1px,0px,2px,2px;
   height:15px;
   line-height:130%;
}
.red{
   color: red;
   font-weight: normal
}

.blue{
   color: blue;
   font-weight: normal
}