@charset "UTF-8";

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

:::information:::

Top Page CSS

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

/*----------------------------------------------------
Advertisement
----------------------------------------------------*/
div#Advertisement { width: 160px; float: right; }
div#Advertisement li { width: 160px; height: 60px; margin-bottom: 5px; }
div#Advertisement li a { overflow: hidden; }
div#Advertisement ul { margin-bottom: 10px; font-size: 0; }

div#GoogleAds { margin-top: 30px; }
div#LeftGoogleAds { margin-bottom: 10px; }

/*----------------------------------------------------
Tab
----------------------------------------------------*/
.tabheader li {
float: left;
width: 120px;
height: 25px;
font-size: 12px;
line-height: 25px;
text-align: center;
margin-right: 2px;
}

.tabheader .close {
border-style: solid;
border-width: 1px;
border-color: #CCC;
background-color: #E7E7E7;
white-space: nowrap;
position: relative;
z-index: 2;
}
.tabheader .open {
border-style: solid;
border-width: 1px;
border-color: #CCC #CCC #FFF #CCC;
background-color: #FFF;
white-space: nowrap;
position: relative;
z-index: 2;
}
.tabheader .spc {
border-style: solid;
border-width: 1px;
border-color: #FFF #FFF #CCC #FFF;
background-color: #FFF;
white-space: nowrap;
position: relative;
z-index: 2;
}
.tabheader a {
width: 120px;
height: 25px;
display: block;
text-decoration: none;
}

.tabbody {
border: solid #CCCCCC 1px;
padding: 5px;
margin-top: -1px;
z-index: 1;
}


/*----------------------------------------------------
box1
----------------------------------------------------*/
div.PhotoBoxL { width: 505px; height: 240px; float: left; overflow: hidden; text-align: center; }
div.PhotoBox { width: 320px; height: 240px; float: left; overflow: hidden; text-align: center; }
div.PhotoBox .PhotoZoom { text-align: right; margin: -20px 3px 0 0; }

dl.PhotoSpec dt { font-size: 126%; font-weight: bold; color: #003366; line-height: 1.2; }
dl.PhotoSpec dd strong span { color: #FF0000; }

div.PhotoMap { width: 185px; float: right; }

/*----------------------------------------------------
box2
----------------------------------------------------*/
div#box2 h2 { margin-top: 1em; border-left: solid #669900 5px; padding-left: 5px; }
div#box2 ul { margin-left: 10px; }
div#box2 li { display: inline; margin-right: 1em; }


/*----------------------------------------------------
News
----------------------------------------------------*/
div#NewsArea { width: auto; margin: 10px 0 20px 0; }

div#NewsArea p { margin-top: 3px; border-bottom: solid #CCCCCC 1px; }
div#NewsArea dl { border-bottom: solid #CCCCCC 1px; }
div#NewsArea dt a {
width: auto;
height: 1%;
display: block;
color: #003366;
font-size: 140%;
font-weight: bold;
text-decoration: none;
line-height: 1.1;
padding: 5px 0;
}
div#NewsArea dt a:hover { color: #CC0000; background-color: #DFEEF5; }

div#NewsArea dd { margin-bottom: 10px; }
div#NewsArea dl dd img { float: left; margin: 0 5px 10px 0; }
div#NewsArea dl dd strong { font-weight: normal; margin-left: 1em; }
div#NewsArea dl dd strong span { color: #FF0000; margin-right: 3px; }

div#NewsSearch { margin-top: 3px; }

/*News Information Title----------*/
div.ContentsTit { width: auto; border: solid #CCCCCC 1px; padding: 0 10px;
background: #E7E7E7 url(../share_img/bg_tit01.gif) left top repeat-x; }
div.ContTitL { width: 400px; float: left; }
div.ContentsTit h2 { width: auto;  padding: 3px 0;
background: url(../share_img/icon_tit.gif) left center no-repeat; padding-left: 17px; }
div.BtnRss { width: 97px; float: right; padding: 1px 0; }
div.ContentsTit h2 span { margin-left: 1em; font-weight: normal; font-size: 81%; }

/*----------------------------------------------------
Pickup
----------------------------------------------------*/
div#PickupArea { width: 528px; margin-top: 3px; overflow: visible; }
div#PickupArea ul { width: auto; height: 85px; margin-bottom: 3px; }
div#PickupArea ul li { width: 85px; height: 85px; display: inline; margin-right: 3px; }


/*----------------------------------------------------
InfoArea
----------------------------------------------------*/
div#InfoArea { width: auto; }

div#InfoArea ul li { width: auto; border-bottom: dotted #CCCCCC 1px; }

div#InfoArea ul li a { display: block; padding: 5px 0; text-decoration: none; }
div#InfoArea ul li a:hover { color: #CC0000; background-color: #DFEEF5; }

/*----------------------------------------------------
Fortune
----------------------------------------------------*/
div#FortuneArea { width: auto; margin-top: 20px; }

div#FortuneL { width: 255px; float: left; margin-top: 5px; }
div#FortuneR { width: 255px; float: right; margin-top: 5px; }

div#FortuneArea dl { font-size: 86%; }
div#FortuneArea dt { padding: 3px; display: inline; background-color: #F3F0D8; color: #990000; }
div#FortuneArea dd { padding-bottom: 7px; margin-bottom: 5px; border-bottom: solid #CCCCCC 1px; }