@charset "UTF-8";
/* CSS Document */



/* EXAMPLES FONT-SIZE
------------------
 77% = 10px
 85% = 11px
 93% = 12px
100% = 13px
108% = 14px
116% = 15px
124% = 16px
131% = 17px
139% = 18px
147% = 19px
154% = 20px
162% = 21px
170% = 22px
177% = 23px
185% = 24px
193% = 25px
200% = 26px

--------------- */

/* width, height, font, color, padding, margin, etx. */

/* ==  1. HTML, Body, Anchor  == */

html, body { background:#000000; }
body { color:#333333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif; font-size:13px; line-height:1.5; }
a:link { color:#005aaa; text-decoration:underline; }
a:visited { color:#005aaa; }
a:hover, a:active { color:#0065c5; text-decoration:none; }


/* == 2.Layout  == */

/* Header */
#Header { width:100%; text-align:center; }

/* HeaderSiteID */
#HeaderSiteID { height:37px; padding:0 0 0 18px; margin:0; background-color:#fff; text-align:left; }
#HeaderSiteID p { padding:10px 0 0 0; }
#HeaderSiteNavi { position:absolute; top:0; right:0; }
#HeaderSiteNavi li { float:left; list-style-type:none; font-size:85%; }

/* HeaderSubMenu */
#HeaderSubMenu { width:980px; height:20px; margin:8px auto 2px; }
/* check out - float:right; - */
#HeaderSubMenu li { font-size:85%; float:right; padding-left:26px; right:0; }
#HeaderSubMenu a { color:#FFFFFF; text-decoration:none; }
#HeaderSubMenu a:hover { color:#FFFFFF; text-decoration:underline; }

/* HeaderLogoArea */
#HeaderLogoArea { background:#FFFFFF; }
#HeaderLogoAreaBody { width:980px; height:110px; margin:0 auto; text-align:left; }
#HeaderLogoAreaBody h1 { padding:20px 0 0 0; }
#HeaderLogoAreaBody p { width:400px; padding:10px 0 0 3px; font-size:93%; }

#HeaderLogoAreaBodyR { width:400px; float:left; }
#HeaderLogoAreaBodyL { width:570px; padding-top:16px; float:right; }
#HeaderLogoAreaBodyL li { float:left; }

/* HeaderWeather */
.HeaderWeather { width:118px; padding:1px 0 0 0px; font-size:77%; display:block; text-align:center;}

/* GrobalNavi */
#GrobalNavi { width:980px; height:40px; margin:0 auto; color:#FFFFFF; }
#GrobalNavi ul { padding:10px 0 0 20px; }
#GrobalNavi li { float:left; padding-right:25px; }
#GrobalNavi a { color:#FFFFFF; text-decoration:none; }
#GrobalNavi a:hover { color:#FFFFFF; text-decoration:underline; }

/* PageList */
#PageList { width:980px; margin:0 auto; color:#FFFFFF; padding:10px 0 0 0; }
#PageList li { font-size:85%; padding-right:8px; float:left; }
#PageList a { color:#FFFFFF; text-decoration:none; }
#PageList a:hover { color:#FFFFFF; text-decoration:underline; }

/* Contents */
#Contents { margin:0 auto; text-align:center; }

/* LocalNavigation */
#LocalNavigation { width:980px; margin:0 auto; color:#FFFFFF; }
#LocalNavigation ul { padding:10px 0 40px 20px; }
#LocalNavigation li { padding-right:8px; float:left; }
#LocalNavigation a { color:#FFFFFF; text-decoration:none; }
#LocalNavigation a:hover { color:#FFFFFF; text-decoration:underline; }

/* FootorSiteID */
#FootorSiteID { height:37px; padding:0 0 0 18px; margin:0; background-color:#fff; text-align:left; }
#FootorSiteID p { padding:13px 0 0 0; float:left; line-height:100%; }
#FootorSiteNavi { float:right; padding:0; margin:0; line-height:0; }
#FootorSiteNavi li { float:left; list-style-type:none; }


/* Extra */
.pagetop{ display:block; text-align:right; font-size:12px; padding:10px 0  10px 0; }



/* == 3.Contents  == */

#ContentsBack { color:#fff; clear:both; }
#ContentsBack { width:980px; /*background:#FFFFFF;*/ margin:0 auto; }
#ContentsArea { width:930px; margin:0 auto; text-align:left; }
#ContentsArea h2 { font-size:280%; font-weight:bold; padding:20px 0 14px 0; }
#ContentsArea p { font-size:108%; padding-bottom:30px; }

#ContentsHeader {  }
#ContentsHeader ul { padding:0 0 6px 10px; }
#ContentsHeader li { font-size:93%; padding-right:20px; float:left; position:relative; }

#ContentsBody { border-top:solid 1px #333333; }
#ContentsBody h3 { font-size:170%; font-weight:bold; padding-bottom:10px; }
#ContentsBody p { font-size:100%; line-height:150%; }
.Section, .SectionEnd { clear:both; border-bottom:solid 1px #cccccc; padding-top:30px }
.SectionLeft { float:left; width:533px; }
.SectionRight { float:right; width:336px; }
.InfoBox { padding:15px; margin-top:20px; border:#999999 solid 1px;  display:block; }
.InfoBoxArt { padding:15px; margin-top:20px; border:#999999 solid 1px;  display:block; }
.PhotoCaption { font-size:77%; text-align:right; display:block; }






/* 99.ClearFix */
#ContentsHeader ul:after, #HeaderSubMenu ul:after, #HeaderSubMenu:after, #HeaderLogoArea:after, #PageList:after, #FootorSiteNavi:after, .Section:after { content:"."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; }