@charset "UTF-8";
@import "global.css";


/* ----------------------------------------
	ボディー
---------------------------------------- */
body { background-color:#EAEAEA; }


/* ----------------------------------------
	ヘッダー
---------------------------------------- */
header#header { background-color:#1277bf; }
header#header > #header-container { margin: 0 auto; width:976px; padding:8px 0; padding:8px; background-color:#1277bf; }
header#header > #header-container > h1 { color:#FFF; float:left; }
header#header > #header-container > ul.button { float:right; margin-top:7px; font-size:0.80em; }
header#header > #header-container > ul.button > li { display:block; width:160px; height:32px; border-width:1px; border-style:solid; border-color:#FFF; border-radius:3px; text-align:center; line-height:32px; }
header#header > #header-container > ul.button > li > a { display:block; width:100%; height:100%; color:#FFF; text-decoration:none; }
header#header > #header-container > ul.button > li:hover { opacity:0.7; }


/* ----------------------------------------
	ナビゲーション
---------------------------------------- */
nav#gnav { }
nav#gnav > .menu-gnav-container { margin: 0 auto; width:976px; padding:8px;}
nav#gnav > .menu-gnav-container > ul { font-size:0.70em; font-weight:bold; }
nav#gnav > .menu-gnav-container > ul > li { display:inline-block; border-left:1px solid #666; padding:0 12px; }
nav#gnav > .menu-gnav-container > ul > li { *display:inline; *zoom: 1; } /* IE hack */
nav#gnav > .menu-gnav-container > ul > li:first-child { border-width:0; padding-left:0; }
nav#gnav > .menu-gnav-container > ul > li > a { text-decoration:none; color:#666; }
nav#gnav > .menu-gnav-container > ul > li > a:hover { text-decoration:underline; }


/* ----------------------------------------
	パンくずリスト
---------------------------------------- */
#breadcrumbs { background-color:#FEFEFE; }
#breadcrumbs > #breadcrumbs-container { margin: 0 auto; width:976px;  background-color:#FEFEFE; height:10px; padding:8px; }
#breadcrumbs > #breadcrumbs-container > #breadcrumbs-content { float:left; width:720px; }
#breadcrumbs > #breadcrumbs-container > #breadcrumbs-content > ul { margin-left:0px; font-size:0.70em; }
#breadcrumbs > #breadcrumbs-container > #breadcrumbs-content > ul > li { display:inline-block; }
#breadcrumbs > #breadcrumbs-container > #breadcrumbs-content > ul > li { *display:inline; *zoom: 1; } /* IE hack */
#breadcrumbs > #breadcrumbs-container > #breadcrumbs-content > ul > li.space { padding:0 6px; }
#breadcrumbs > #breadcrumbs-container > #breadcrumbs-content > ul > li > a { display:block; width:100%; height:100%; }

/* ----------------------------------------
	コンテンツ
---------------------------------------- */
#body { background-color:#FEFEFE; }
#body #container { margin: 0 auto; width:976px; padding:16px 8px 32px 8px; background-color:#FEFEFE; }
#body #container > #content { float:left; width:720px; }


/* ----------------------------------------
	サイドバー
---------------------------------------- */
#sidebar { float:right; width:250px; }
#sidebar > #sidebar-official-site-banner { margin-bottom:32px; }
#sidebar > #sidebar-official-site-banner > aside > ul > li > a:hover { opacity:0.7; }

#sidebar > .widget-sidebar { margin-bottom:28px; } 
#sidebar > .widget-sidebar h2 { font-size:0.8em; font-weight:bold; padding-bottom:4px; border-bottom:3px solid #CCC; margin-bottom:12px; }
#sidebar > .widget-sidebar p  { font-size:0.75em; text-align:justify; line-height:1.5; margin-bottom:8px; }
#sidebar > .widget-sidebar ul,
#sidebar > .widget-sidebar ol { margin:8px 0; font-size:0.75em; line-height: 1.6em; }
#sidebar > .widget-sidebar ul li       { list-style:disc;    margin-left:1.5em; margin-top:4px; }
#sidebar > .widget-sidebar ul li li    { list-style:circle; }
#sidebar > .widget-sidebar ul li li li { list-style:square; }
#sidebar > .widget-sidebar ol li       { list-style:decimal; margin-left:1.5em; margin-top:4px; }
#sidebar > .widget-sidebar .notice { color:#FF5050; }

/* ----------------------------------------
	フッター 
---------------------------------------- */
#footer { color:#663; margin:32px 0; }
#footer > #footer-container { margin: 0 auto; width:976px; padding:0 8px; }
#footer > #footer-container > #footer-nav > ul { text-align:right; font-size:0.7em; }
#footer > #footer-container > #footer-nav > ul > li { display:inline-block; border-left:1px solid #C1D3DE; padding:0 12px; }
#footer > #footer-container > #footer-nav > ul > li { *display:inline; *zoom: 1; } /* IE hack */
#footer > #footer-container > #footer-nav > ul > li > a { color:#663; text-decoration:none; }
#footer > #footer-container > #footer-nav > ul > li > a:hover { text-decoration:underline; }
#footer > #footer-container > #footer-nav > ul > li:first-child { border-width:0; padding-left:0; }
#footer > #footer-container > #footer-nav > ul > li:last-child { padding-right:0; }
#footer > #footer-container > #footer-copy { margin-top:16px; text-align:right; font-size:0.7em; }