@charset "utf-8";

/*
 * Standard, Left Bar, Small Letter, Blue (width: 1024px)
 */

body {
    margin: 0px;
    padding: 0px;
    color: #444444;
    background-color: #ffffff;
    font-size: small; 
    font-family: "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Arial,verdana,helvetica,geneva,sans-serfif;
}

a, a:link, a:visited, a:active {
    color: #3a5ae6;
    text-decoration: none;
}
a:hover	{
    text-decoration: underline;
}

td,th {
    vertical-align: top;
    text-align: left;
}

h1,h2,h3,h4,h5.h6 {
    color: #0033cc;
}
h1 {
    margin: 0.4em 0em 0.2em 0em;
    padding: 0em;
    font-size: 150%;
    line-height: 100%;
    border-bottom: solid 2px #0033cc;
}
h2 {
    margin: 0.2em 0em 0.2em 0em;
    padding: 0em;
    font-size: 132%;
    line-height: 100%;
    border-bottom: dashed 1px #0033cc;
}
h3 {
    margin: 0.2em 0em 0.2em 0em;
    padding: 0em;
    font-size: 116%;
    line-height: 100%;
    border-bottom: dotted 1px #0033cc;
}
h4 {
    margin: 0.2em 0em 0.1em 0em;
    padding: 0em;
    font-size: 100%;
    line-height: 100%;
}
h5 {
    font-size: 80%;
}
h6 {
    font-size: 75%;
}

img	{border-width:0px;}
form	{padding:0;margin:0;width:100%}

/*
input, textarea {font-size:100%}

fieldset
	{border-spacing:1px;border: 1px #cccccc solid;
	padding:3px;margin-bottom:1.5em;}

legend	{font-size:150%;padding: 0 .3em .3em .3em;
	font-weight:normal;color: #444444;}

.num {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.numb {
    font-weight: bold;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.numlb {
    font-size: 13px;
    font-weight: bold;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.nums {
    font-size: 11px;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.numss {
    font-size: 9px;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
*/

.clear {
    clear: both;
}

/*=============================================================================
 * Content Frame (contentFrameOuter / contentFrame)
 */
#contentFrame {
	position:relative;
    margin: 0px;
    padding: 0px;
    width: 1024px;
    color: #444444;
    background-color: #eeeeee;
    font-size: small;
    font-family: "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Arial,verdana,helvetica,geneva,sans-serfif;
    font-size: 110%;
    line-height: 150%;
}


#contentTable{
	position:relative;
	width:100%;
	border-style:solid none solid none;
	border-width: 2px 0 2px 0;
	border-color: #cccccc;
}

	
.contentTD{
	position:relative;
	margin:0;
	padding:0;
	vertical-align:top;}

/*=============================================================================
 * Page Header (contentBanner + globalNavi)
 */
@media screen {
    #pageHeader {
	padding: 0px 5px 0px 0px;
    }
}
@media print {
    #pageHeader {
	display: none;
    }
}

/*=============================================================================
 * Banner Flame (contentBanner)
 */
#contentBanner {
    margin: 0px;
    padding: 0px 10px 0px 10px;
    color: #444444;
}

#contentBanner h1 {
    border: none;
    color: #444444;
    font-size: 28px;
}

#contentBanner p {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #444444;
    font-size: 150%;
    font-family: "Arial Black";
    font-weight: bold;
}

#contentBanner .logo {
    padding: 0.5em;
}

#contentBanner img.logoImage {
    border: none;
}

/***
 *** Logo Frame
 ***
 ***/
#contentLogo {
}

/*=============================================================================
 * Global Navigation Flame (globalNavi)
 */
#globalNavi {
}

#globalNavi ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#globalNavi ul .naviBox {
    display: block;
    float: left;
    width: auto;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    white-space: nowrap;
}

#globalNavi ul .naviBox .naviLink {
    margin: 0px;
    padding: 1px 5px 1px 5px;
    color: #ffffff;
    background-color: #3c6cb7;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-right: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
}

#globalNavi ul .naviBox .naviLink:hover {
    background-color: #5c89c8;
}

/*=============================================================================
 * Page Container (pageContainer)
 */
#pageContainer {
	position:relative;
	width:1024px;
	color: #444444;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

/*=============================================================================
 * Local Navigation Flame #1 (contentLocalNavi1)
 */
@media screen {
    #contentLocalNavi1 {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	overflow: hidden;
	vertical-align: top;
	border: solid 1px #555555;
    }
}
@media print {
    #contentLocalNavi1 {
	display: none;
    }
}

#contentLocalNavi1 .contentLocalNaviDiv {
    display: block;
    width: 100%;
}

#contentLocalNavi1 .contentLocalNaviDiv .naviText {
    display: block;
    width: 190px;
    overflow: visible;
    margin: 0px 0px 1px 0px;
    padding: 0px 5px 0px 5px;
    color: #333333;
    background-color: #cccccc;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    text-decoration: none;
}

#contentLocalNavi1 .contentLocalNaviDiv .naviLink {
    display: block;
    text-decoration: none;
}

#contentLocalNavi1 .contentLocalNaviDiv .naviLink .naviText {
    display: block;
    width: 190px;
    overflow: visible;
    margin: 0px 0px 1px 0px;
    padding: 0px 5px 0px 5px;
    color: #ffffff;
    background-color: #3c93b7;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
}

#contentLocalNavi1 .contentLocalNaviDiv .naviLink:hover .naviText {
    background-color: #5cabc8;
}

#contentLocalNavi1 .contentLocalNaviDiv .naviLink .naviImage {
    display: block;
    /*width: 190px;*/
    margin: 0px 0px 2px 0px;
}

#contentLocalNavi1 .contentLocalNaviDiv .naviLink:hover .naviImage {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#contentLocalNavi1 .contentLocalNaviDiv .naviGadget {
    display: block;
}

/*=============================================================================
 * Local Navigation Flame #2 (contentLocalNavi2)
 */
#contentLocalNavi2 {
    display: none;
}

/*=============================================================================
 * Page Footer (contentFooter)
 */
@media screen {
    #contentFooter{
	margin: 0px;
	padding: 5px 5px 5px 5px;
	width:1024px;
	display:block;
	background-color: #eeeeee;
	color:#444444;
	text-align:center;
	font-size: 12pt;
	font-weight: bold;
    }
}
@media print {
    #contentFooter{
	display: none;
    }
}

#contentFooter a:link,#footer a:visited{
    text-decoration:none;
    color: #000066;
}

#contentFooter img {
    border:none;
}


/*=============================================================================
 * Content Body Frame (contentBodyOuter / contentBody)
 */
#contentBodyOuter {
}

#contentBody {
    float: left;
    width: 786px;
    margin: 10px;
    padding: 0px;
    font-size: 100%;
    line-height: 130%;
}

#contentBody p {
    margin: 5px 0px 10px 10px;
    padding: 0px;
}

#contentBody img {
    margin-left: 20px;
}

#contentBody pre {
    display: block;
    margin: 0.6em 0em 0.6em 0.7em;	/* indentation */
    padding: 5px;
    font-size: 95%;
    line-height: 120%;
    font-family: "ＭＳ ゴシック","平成角ゴシック",Courier New,Courier,monospace;
    border: dashed 1px;
}

#contentBody .linkButton {
    color:#ffffff;
    text-decoration:none;
    padding:.2em 1em .2em 1em;
    font-size: 12px;
    /*    line-height:25px; */
    background-image:url(/design/55/btn05_off.jpg);
    background-repeat:repeat-x;
    background-position: left top;
    /*    border-top:groove #7ef1a5;
    border-right:ridge #c8f6d4;
    border-bottom:ridge #c8f6d4;
    border-left:groove #7ef1a5; */
    /*    border-right:solid 1px #9ba68b;
    border-left:solid 1px #9ba68b; */
    vertical-align:middle;
}

#contentBody .linkButton:hover {
    color:#ffffff;			/* cBahColor */
    background-image:url(/design/55/btn05_on.jpg);
    background-repeat:repeat-x;
    background-position: left top;
    border-right:solid 1px #b1bf9e;
    border-left:solid 1px #b1bf9e;
}

#contentBody .listBlock {
    margin: 0px;
    padding: 0px;
}

/*-----------------------------------------------------------------------------
 * Content Body / UL
 */
/*
 * 1ST LEVEL UL BLOCK
 */
#contentBody .ul1 {
    margin: 0em 0em 0em 1.7em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list marker color */
    list-style-image: url(/design/221/011-001.gif);
}
#contentBody .ul1 .list1 {
    margin: 0em;
    padding: 0em;
    font-size: 90%;		/* needed only by the 1st level */
    line-height: 125%;
}
#contentBody .ul1 .list1 .li1 {
    color: #444444;		/* list letter color */
}

/*
 * 2ND LEVEL UL BLOCK
 */
#contentBody .ul2 {
    margin: 0em 0em 0em 1.4em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list marker color */
    list-style-type: disc;
}
#contentBody .ul2 .list2 {
    margin: 0em;
    padding: 0em;
    line-height: 125%;
}
#contentBody .ul2 .list2 .li2 {
    color: #444444;		/* list letter color */
}

/*
 * 3RD LEVEL UL BLOCK
 */
#contentBody .ul3 {
    margin: 0em 0em 0em 1.4em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list marker color */
    list-style-type: circle;
}
#contentBody .ul3 .list3 {
    margin: 0em;
    padding: 0em;
    line-height: 125%;
}
#contentBody .ul3 .list3 .li3 {
    color: #444444;		/* list letter color */
}

/*
 * 4TH LEVEL UL BLOCK
 */
#contentBody .ul4 {
    margin: 0em 0em 0em 1.4em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list marker color */
    list-style-type: circle;
}
#contentBody .ul4 .list4 {
    margin: 0em;
    padding: 0em;
    line-height: 125%;
}
#contentBody .ul4 .list4 .li4 {
    color: #444444;		/* list letter color */
}

/*-----------------------------------------------------------------------------
 * Content Body / OL
 */
/*
 * 1ST LEVEL OL BLOCK
 */
#contentBody .ol1 {
    margin: 0em 0em 0em 2.0em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list marker color */
    list-style-type: decimal;
}
#contentBody .ol1 .list1 {
    margin: 0em;
    padding: 0em;
    font-size: 90%;		/* needed only by the 1st level */
    line-height: 125%;
}
#contentBody .ol1 .list1 .li1 {
    color: #444444;			/* list letter color */
}

/*
 * 2ND LEVEL OL BLOCK
 */
#contentBody .ol2 {
    margin: 0em 0em 0em 1.6em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list letter color */
    list-style-type: lower-alpha;
}
#contentBody .ol2 .list2 {
    margin: 0em;
    padding: 0em;
    line-height: 125%;
}
#contentBody .ol2 .list2 .li2 {
    color: #444444;		/* list letter color */
}

/*
 * 3RD LEVEL OL BLOCK
 */
#contentBody .ol3 {
    margin: 0em 0em 0em 1.6em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list letter color */
    list-style-type: lower-roman;
}
#contentBody .ol3 .list3 {
    margin: 0em;
    padding: 0em;
    line-height: 125%;
}
#contentBody .ol3 .list3 .li3 {
    color: #444444;		/* list letter color */
}

/*
 * 4TH LEVEL OL BLOCK
 */
#contentBody .ol4 {
    margin: 0em 0em 0em 1.6em;	/* indentation */
    padding: 0em;
    color: #000066;		/* list letter color */
    list-style-type: lower-roman;
}
#contentBody .ol4 .list4 {
    margin: 0em;
    padding: 0em;
    line-height: 125%;
}
#contentBody .ol4 .list4 .li4 {
    color: #444444;		/* list letter color */
}

/*-----------------------------------------------------------------------------
 * Content Body / DL
 */
/*
 * 1ST LEVEL DL BLOCK
 */
#contentBody .dl1 dt {
    margin: 0em 0em 0em 0.7em;	/* indentation */
    padding: 0em;
    color: #000066;
    font-size: 90%;		/* needed only by the 1st level */
    line-height: 125%;
    font-weight: bold;
}
#contentBody dd .dd1 {
    color: #444444;
    font-size: 90%;		/* needed only by the 1st level */
    line-height: 125%;
}

/*-----------------------------------------------------------------------------
 * Content Body / TABLE
 */
#contentBody .tableBox {
    margin: 0em 0em 0em 0.7em;	/* indentation */

    border: solid 1px #000066;
    border-collapse: collapse;
}
    
#contentBody .tableHeader th {
    color: #ffffff;
    background-color: #000066;
    border: solid 1px #000066;
}
 
#contentBody .tableRow1 td {
    color: #000066;
    background-color: #eeeeee;
    border: solid 1px #000066;
}

#contentBody .tableRow2 td {
    color: #000066;
    background-color: #eeeeee;
    border: solid 1px #000066;
}

/*-----------------------------------------------------------------------------
 * Content Body / Image Box
 */
#contentBody .imageBox {
    display: block;
    float: left;
    margin: 5px;
    padding: 0px;
}

#contentBody .imageBox .imagePicture {
    display: block;
    margin: 0px;
    padding: 0px;
}

#contentBody .imageBox .imagePicture a {
    display: block;
    margin: 0px;
    padding: 0px;
}

#contentBody .imageBox .imagePicture a img {
    display: block;
    margin: 0px;
    padding: 0px;
}

#contentBody .imageBox .imageCaption {
    display: block;
    margin: 0px;
    padding: 5px;
    color: #0033cc;
    font-size: 70%;
    line-height: 120%;
    border: solid 1px #0033cc;
}

/*-----------------------------------------------------------------------------
 * Gadget / publicInfo
 */
.publicInfo {
    margin: 0px;
    padding: 5px;
    border: inset 1px;
}

.publicInfo h1 {
    font-size: 132%;
    line-height: 100%;
    color: #444444;
    text-align: center;
}

#contentLocalNavi1 .contentLocalNaviDiv ul {
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}

#contentLocalNavi1 .contentLocalNaviDiv ul li {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
}

#contentLocalNavi1 .contentLocalNaviDiv ul li.recent1 {
    background-color: #eecaff;
}

#contentLocalNavi1 .contentLocalNaviDiv ul li.recent2 {
    background-color: #ffffbf;
}

#contentLocalNavi1 .contentLocalNaviDiv ul li.recent3 {
    background-color: #ccffcc;
}

