@charset "shift_jis";


/* -------------------------------------------------------------------------------------------------
   トップページCSS

   [body.top]指定のある、下記のページに関するcss
    ・index.html ----------------- HOME

   date:2011.07.27
   update:2016.03.02
------------------------------------------------------------------------------------------------- */


/* =================================================================================================
   レイアウトに関する設定
================================================================================================= */

/* ページ全体
--------------------------------------------------------------------------------------- */

body.top {
}

/* 全体を囲むコンテナ
--------------------------------------------------------------------------------------- */

body.top div.container {
	background: url(../image/top_wrapper_bg.jpg) repeat-y 0 0 #fff;
}

/* ヘッダ
--------------------------------------------------------------------------------------- */

body.top div#header {
	height: 360px;
	background: url(../image/top_header_bg.jpg) no-repeat top right;
}

/* ナビゲーション
--------------------------------------------------------------------------------------- */

body.top div#nav {
	height: 48px;
	background: url(../image/top_nav_bg.jpg) repeat-y top left #479103;
}

/* 最終更新日
--------------------------------------------------------------------------------------- */

body.top div.lastupdate {
	margin: 0;
	padding: 10px 30px 0 0;
	background: url(../image/container_bg.jpg) repeat-y 0 0 #479103;
}

/* コンテンツその他を囲むコンテナ
--------------------------------------------------------------------------------------- */

div.top_wrapper {
	margin: 0 auto 0 auto;
	width: 900px;
	text-align: center;
	border: solid 0px #000;
}

/* コンテンツ（infoとkaijo_search-faqを囲むボックス）
--------------------------------------------------------------------------------------- */

div#top_contents {
	margin: 0 auto  0 auto;
	padding-top: 15px;
	text-align: left;
	background: url(../image/top_top_contents_bg.jpg) no-repeat top left;
	border: solid 0px #f00;
}

div#top_contents:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div.top_contents { display: inline-block; }
div.top_contents { display: block; }
/* Mac版IEのみに適用 \*//*/
div.top_contents { overflow: hidden; }
/* */

/* お知らせ・イベント情報を囲むボックス
--------------------------------------------------------------------------------------- */

div#info {
	float: right;
	display: inline;
	margin: 0 18px 0 0;
	width: 600px;
	border: solid 0px #f00;
}

div#info:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div.info { display: inline-block; }
div.info { display: block; }
/* Mac版IEのみに適用 \*//*/
div.info { overflow: hidden; }
/* */

/* お知らせ
--------------------------------------------------------------------------------------- */

div#topics {
	margin: 0 auto 30px 0;
}

/* イベント情報
--------------------------------------------------------------------------------------- */

div#events {
	margin: 0 auto 0 0;
}

div#events:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div.events { display: inline-block; }
div.events { display: block; }
/* Mac版IEのみに適用 \*//*/
div.events { overflow: hidden; }
/* */

/* 全国ラジオ体操実施会場かんたん検索・よくある質問を囲むボックス
--------------------------------------------------------------------------------------- */

div#kaijo_search-faq {
	float: left;
	display: inline;
	margin: 0 0 0 14px;
	width: 253px;
}

/* 全国ラジオ体操カレンダーバナー
--------------------------------------------------------------------------------------- */

div#taiso_calender {
	margin: 0 0 3px 0;
}

/* 全国ラジオ体操実施会場かんたん検索
--------------------------------------------------------------------------------------- */

div#kaijo_search {
	margin: 0 0 10px 0;
}

/* よくある質問
--------------------------------------------------------------------------------------- */

div#faq {
	margin: 0 auto 10px 0;
}

/* 公認指導者資格認定規定要綱等
--------------------------------------------------------------------------------------- */

div#shidou_bnr {
	margin: 0 auto 3px 0;
}

/* フッタ
--------------------------------------------------------------------------------------- */

div#top_footer {
	clear: both;
	width: 900px;
	height: 130px;
	background: url(../image/top_footer_bg.jpg) no-repeat bottom left #479103;
	color: #666;
}


/* =================================================================================================
   div以外の要素の設定
================================================================================================= */

/* 要素(id,class)
--------------------------------------------------------------------------------------- */

body.top h2 {
}

body.top h3 {
	margin: 20px 0 10px 17px;
}

body.top h4 {
	margin: 8px 0 3px 18px;
	color: #ff4500;
	font-weight: bold;
	font-size: 100%;
}

body.top p {
	line-height:1.26;
}

/* ヘッダ
--------------------------------------------------------------------------------------- */

body.top div#header h1#logo{
	padding: 34px 0 0 112px;
}

/* ヘッダの右上に配置してあるホームへのナビ ----------------------- */

body.top ul#home_nav {
	list-style-type: none;
	margin: -70px 0 0 823px;
}

body.top div#header ul#home_nav li {
}

/* カウンター ----------------------------------------------------- */

body.top p#counter {
	margin: 73px 0 0 564px;
	width: 150px;
	border: solid 0px #f00;
	line-height: 1.6;
	text-align: center;
}

body.top p#counter span {
	padding: 0 5px 0 0;
	font-weight: bold;
	font-size: 161.6%;
}

/* 最終更新日
--------------------------------------------------------------------------------------- */

body.top div.lastupdate p {
	margin: 0 0 0 auto;
	padding: 2px 0.2em;
	width: 15em;
	color: #666;
	border-bottom: solid 1px #666;
}

/* コンテンツ（div#top_contents）
--------------------------------------------------------------------------------------- */

body.top div#top_contents li {
	margin-bottom: 7px;
	line-height: 1.2;
}

/* お知らせ・イベント情報を囲むボックス（div#info）
--------------------------------------------------------------------------------------- */

div#info h2 {
	margin: 0;
	padding: 16px 0 0 15px;
	height: 58px;
}

div#info div#topics li,
div#info div#events li {
	margin-bottom: 10px;
}

body.top div#top_contents div#info h2 img {
}

/* お知らせ（div#topics）
--------------------------------------------------------------------------------------- */

div#topics h2 {
}

/* お知らせのリスト ----------------------------------------------- */

div#topics ul {
	list-style-type: none;
	margin: 23px 30px 0 30px;
}

div#topics ul li {
	padding-left: 15px;
	background: url(../image/listmark_01.gif) no-repeat 0 2px; /* ひし形マーク・オレンジ */
}

/* お知らせのリスト（固定表示：DVD等、助成団体） ------------------ */

div#topics ul.kotei {
	list-style-type: none;
	margin: 13px 30px 0 30px;
	padding: 13px 0 9px 0;
	border-top: dotted 3px #999;
	border-bottom: dotted 3px #999;
}

div#topics ul.kotei li {
	padding-left: 15px;
	background: url(../image/listmark_02.gif) no-repeat 0 2px; /* ひし形マーク・カーキ */
}

/* → お知らせの一覧 ---------------------------------------------- */

div#topics p.topiclist_nav {
	margin: 16px 25px 0 0;
	text-align: right;
}

/* 登録促進バナーエリア ------------------------------------------- */

div#topics div.topics_msg_area {
	margin: 15px 0 0 25px;
}

/* イベント情報（div#events）
--------------------------------------------------------------------------------------- */

div#events h2 {
	margin: 60px 0 0 0;
}

/* イベント情報のリストとイメージを囲むコンテナ ------------------- */

div#events div.latest {
	margin: 23px auto 0 30px;
	width: 538px;
	border: solid 0px #000;
}

div#events div.latest:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div.events div.latest { display: inline-block; }
div.events div.latest { display: block; }
/* Mac版IEのみに適用 \*//*/
div.events div.latest { overflow: hidden; }
/* */

/* イベント情報のリスト ------------------------------------------- */

div#events div.latest ul {
	float: left;
	display: inline;
	list-style-type: none;
	width: 410px;
	border: dotted 0px #f90;
}

div#events div.latest ul li {
	padding-left: 15px;
	background: url(../image/listmark_03.gif) no-repeat 0 2px; /* ひし形マーク・アクア */
}

/* イベント情報のイメージ ----------------------------------------- */

div#events div.latest p.latest_img {
	float: right;
	display: inline;
	width: 120px;
	text-align: center;
	border: dotted 0px #f90;
}

/* → イベント情報の一覧 ------------------------------------------ */

div#events p.eventslist_nav {
	clear: both;
	margin: 16px 25px 15px 25px;
	padding: 15px 0 15px 0;
	border-top: dotted 3px #999;
	text-align: right;
}

/* イベント情報の投稿ボタン --------------------------------------- */

div#events div.events_btn_area {
}

div#events div.events_btn_area p {
	margin: 5px 105px 0 5px;
	text-align: right;
}

div#events div.events_btn_area p.btn {
	margin: 0;
	text-align: center;
}

/* 全国ラジオ体操カレンダーバナー
--------------------------------------------------------------------------------------- */

div#taiso_calender p {
	padding: 15px 0 0 0;
	text-align: center;
}

/* ラジオ体操のイメージキャラクターラタ坊使用申請（div#ratabou_shinsei）
--------------------------------------------------------------------------------------- */

div#ratabou_shinsei {
	margin: 0 0 0 0;
	padding: 50px 0 0 8px;
	background: url(../image/top_faq_h2_bg.jpg) no-repeat 50% 33%;
}

div#ratabou_shinsei p {
	padding: 0px 0 0 8px;
}



/* 全国ラジオ体操実施会場かんたん検索・よくある質問（div#kaijo_search）
--------------------------------------------------------------------------------------- */

div#kaijo_search h2 {
	margin: 0 0 0 0;
/*	padding: 15px 0 0 8px;*/
	padding: 45px 0 0 8px;
	background: url(../image/top_faq_h2_bg.jpg) no-repeat 50% 33%;
}

div#kaijo_search p {
	margin: 5px 15px 5px 20px;
}

/* 地図検索 ------------------------------------------------------- */

div#kaijo_search p.btn {
	margin: 10px 0;
	text-align: center;
}

div#kaijo_search p.btn_02 {
	margin: 0;
	padding-bottom: 10px;
	text-align: center;
}

div#kaijo_search p.btn_bnr {
	margin: 10px 0 0 0;
	text-align: center;
	padding-bottom: 9px;
	border-bottom: solid 21px #489102;
}

/* 絞り込み検索 --------------------------------------------------- */

/* 絞り込み検索入力欄 ----------------------------------- */

div#kaijo_search form {
	margin: 10px 15px 0 15px;
	padding: 4px 0 4px 10px;
	border: solid 1px #6b8e23;
}

div#kaijo_search form p {
	margin: 5px 5px 5px 0;
}

/* ご注意 ----------------------------------------------- */

div#kaijo_search ul {
	margin-left: 16px;
	width: 220px;
}

div#kaijo_search ul li {
	margin-left: 20px;
}

/* 新しい会場の登録 ----------------------------------------------- */

div.kaijo_btn_area {
}

div#kaijo_search div.kaijo_btn_area p {
	margin: 5px 0;
	text-align: center;
}

/* よくある質問（div#faq）
--------------------------------------------------------------------------------------- */

div#faq h2 {
	padding: 45px 0 0 8px;
	background: url(../image/top_faq_h2_bg.jpg) no-repeat 50% 33%;
	border: solid 0px #f00;
}

/* よくある質問のリスト ------------------------------------------- */

div#faq ul.faq_list {
	list-style-type: none;
	margin: 13px 14px 0 16px;
}

div#faq ul.faq_list li {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(../image/listmark_04.gif) no-repeat 0 1px; /* ひし形マーク・ピンク */
}

div#faq p {
	margin: 5px 15px 5px 20px;
}

div.faq_btn_area {
	margin: 10px 0 0 0;
}

div#faq div.faq_btn_area p {
	margin: 5px 0;
	text-align: center;
}

div#faq p.btn {
	text-align: center;
}

/* 公認指導者資格認定規定要綱等
--------------------------------------------------------------------------------------- */

div#shidou_bnr p {
	padding: 15px 0 0 0;
	text-align: center;
}

/* フッタ
--------------------------------------------------------------------------------------- */

/* 事務局の団体名と住所 ------------------------------------------- */

div#top_footer address {
	padding: 30px 0 10px 37px;
	line-height: 1.2;
	text-align: left;
}

/* 団体名の強調 ----------------------------------------- */

div#top_footer address strong {
	line-height: 1.7;
	font-weight: bold;
	font-size: 136%;
}

/* コピーライト --------------------------------------------------- */

div#top_footer p.copyright {
	margin: 0 auto 0 auto;
	padding: 3px 10px 0 10px;
	border-top: solid 1px #b0c4de;
	width: 830px;
	text-align: right;
}