@charset "UTF-8";

/* ================================================================================

:::information:::

Base Layout CSS

================================================================================ */

/*----------------------------------------------------
Browser Reset
----------------------------------------------------*/
* { margin: 0; padding: 0; font-size: 100%; }

/*----------------------------------------------------
Font Size : text_default.css / text_large.css
----------------------------------------------------*/
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, arial, sans-serif;
background-color: #FFFFFF;
color: #000000;
text-align: center;
}

/*----------------------------------------------------
Common Setting
----------------------------------------------------*/
html { overflow-y: scroll; }

p, ul, ol, dl { line-height:1.5; }
th, td { line-height: 1.4; }
h1, h2, h3, h4 { line-height: 1.2; }

li { list-style-type: none; }

address, em { font-style: normal; }

input { padding: 2px; margin: 2px; vertical-align: middle; }
option { padding: 1px; }

img { border: 0; }

/*----------------------------------------------------
Link Color
----------------------------------------------------*/
a:link { color: #003366; }
a:active, a:visited { color: #330099; }
a:hover { color: #CC0000; }

/*----------------------------------------------------
Clear
----------------------------------------------------*/
/*clearfix*/
.clearfix { zoom: 1; display: inline-table; }/*for IE 5.5-7*/
.clearfix:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear:both; }

/*----------------------------------------------------
Outside a browser
----------------------------------------------------*/
.browserOut { position: absolute; left: -9999px; top: -9999px; }
.disp-no { display: none; }

/*----------------------------------------------------
Width
----------------------------------------------------*/
div#Container { width: 915px; margin: 0 auto; text-align:center; }

/*----------------------------------------------------
Noscript
----------------------------------------------------*/
noscript { font-size: 120%; font-weight: bold; color: #CC0000; }

/*----------------------------------------------------
Header
----------------------------------------------------*/
div#Header { background: #FFFFFF url(../share_img/header_img.jpg) right top no-repeat;
width: 915px; height: 80px; }
div#logo { width:263px; float: left; padding-top: 15px; }
div#LargeBanner { width: 488px; float: right; text-align: left; padding-top: 10px; }

/*----------------------------------------------------
Header Utility Menu
----------------------------------------------------*/
div#UtilityBar { width: auto; height: 29px; background: #FFFFFF url(../share_img/bg_utilitybar.gif) left top repeat-x; }
div#Date { width: 400px; height: 29px; float: left; text-align: left; padding-left: 10px; line-height: 28px; font-weight: bold; }

/*----------------------------------------------------
Search
----------------------------------------------------*/
div#UtilityMenu { width: 430px; float: right; text-align: left; }
div#Search { width: 260px; height: 19px; float: left; }
div#SearchText input {
float: left;
width: 175px;
height: 13px;
margin-top: 5px;
border: solid #666666 1px;
font-size: 12px;
color: #666666;
}
div#SearchBtn { float: left; margin-top: 1px; }

/*----------------------------------------------------
Font Change
----------------------------------------------------*/
div#FontChange { float: right; width: 170px; margin-top: 6px; }
div#FontChange p {
float: left;
overflow: hidden;
width: 84px;
height: 17px;
text-indent: -9999px;
background: url(../share_img/font_size.gif) top left no-repeat;
font-size: 50%;
}
div#FontChange li { float: left; width: 32px; height: 17px; margin-left: 5px; }
div#FontChange a {
overflow: hidden;
width: 32px;
height: 17px;
text-indent: -9999px;
}


/*----------------------------------------------------
Header Menu
----------------------------------------------------*/
div#globalNav { width: auto; height: 30px; text-align: left; padding-left: 5px;
background: #54A602 url(../share_img/bg_gnav.gif) left top repeat-x; }
div#globalNav li { display: inline; line-height: 30px; color: #FFFFFF; font-weight: bold; }
div#globalNav li a { color: #FFFFFF; text-decoration: none; }
div#globalNav li a:hover { color: #FFCC00; text-decoration: none; }
.globalNavStay { color: #FFCC00 !important; }

/*----------------------------------------------------
Layout
----------------------------------------------------*/
div#Wrapper { width: auto; margin-top: 10px; }
div#TopContents { width: 740px; float: left; }
div#TopPrimary { width: 525px; float: right; text-align: left; }/* Second Page */
div#SecPrimary { width: 700px; float: right; text-align: left; }
div#Secondary { width: 200px; float: left; }

/*----------------------------------------------------
Secondary
----------------------------------------------------*/
div#WeatherBox { width: auto; margin-bottom: 10px; }
div#Weather { display: inline-table; padding: 15px 15px 0 15px; }


div.Section { width: auto; margin-bottom: 10px; border: solid #CCCCCC 1px; text-align: center; }

div.SectionTit { width: auto; margin: 1px; padding: 3px 5px 5px 10px; text-align: left;
background: #E7E7E7 url(../share_img/bg_tit01.gif) left top repeat-x; }
div.SectionTit h2 a { width: auto; display: block; color: #000000; text-decoration: none;
background: url(../share_img/icon_tit.gif) left center no-repeat; padding-left: 17px; }
div.SectionTit h2 a:hover { color: #CC0000; }

div.SectionInner { width: 178px; margin: 0 auto; text-align: left; }

.NavIcon a { width: auto; display: block; text-decoration: none;  line-height: 1.2;
background: url(../share_img/icon_link01.gif) 0 0.25em no-repeat; padding-left: 14px; }
.NavIcon a:hover { background: url(../share_img/icon_link01h.gif) 0 0.25em no-repeat; }

#Feature { margin-top: 5px; }
#Feature img { margin-bottom: 3px; }
#Feature dd { padding: 5px 0; }
.SecondaryLink dt { padding-top: 6px; border-top: solid #CCCCCC 1px; }
.Section dd , .Section p { font-size: 81%; padding-bottom: 5px; line-height: 1.2; }

div.Section dl dd a:link, div.Section dl dd a:active, div.Section dl dd a:visited, div.Section dl dd a:hover
{ color: #000000; text-decoration: none; }

div#yaeyama { margin-top: 10px; padding: 10px 0; border-top: dotted #CCCCCC 1px; }
div#yaeyama h3 { background-color: #DFEEF5; font-weight: normal; text-align: center; padding: 3px 0; }
div#yaeyama li { border-bottom: dotted #CCCCCC 1px; font-size: 81%; line-height: 1.2; padding: 5px 0; }
div.SectionInner ul li { height: 1%; }

div#SecondaryUtility { width: 180px; margin: 0 auto; line-height: 2; }
div#SecondaryUtility ul li { line-height: 1; margin-bottom: 5px; }

/*----- corporate -----*/
#corporate li { padding: 10px 0; }
.corporateBor { border-top: solid #CCCCCC 1px; }

/*----------------------------------------------------
Bread Column
----------------------------------------------------*/
div#BreadColumn li { display: inline; font-size: 81%; }

/*----------------------------------------------------
Print Screen
----------------------------------------------------*/
div#PrintScreen { width: auto; text-align: right; margin-bottom: 10px; }
div#PrintScreen li { display: inline; text-align: right; }
div#PrintScreen li img { vertical-align: middle; }

div#PrintScreen #Screen, div#PrintScreen #PrintOut { display: none; }

/*----------------------------------------------------
Footer
----------------------------------------------------*/
div#Footer { width: auto; margin: 40px 0; text-align: left; }
div#Footer address { width: 700px; float: left; margin-top: 45px; font-size: 81%; }
div#shinbunkyokai { width: 120px; float: right; padding-bottom: 5px; }

/*Second Page*/
div#FooterSecond { width: auto; margin: 40px 0; text-align: left; }
div#FooterSecond address { width: 700px; float: left; font-size: 81%; padding-bottom: 5px; }
div#SystemS-Field { width: 200px; float: right; display: none; }

div#FooterLine { width: auto; border-top: solid #CCCCCC 1px; }

div#FooterUtility { width: 450px; float: left; font-size: 81%; margin-top: 5px; }
div#FooterUtility li { display: inline; }
div#FooterUtility a { color: #000000; text-decoration: none; }
div#copyright { width: 364px; float: right; font-size: 70%; margin-top: 5px; }