/* CSS Document */
/***************************************************

  ファイル概要：スタイルシート

***************************************************/ 



/***************************************************
	デフォルト指定
***************************************************/
*{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:18px;
	word-spacing:normal;
	letter-spacing:0.07em;
	font-family: "Osaka", "ＭＳ ゴシック",verdana,arial,sans-serif;
	}

/***************************************************
	タグデフォルト指定
***************************************************/
li{
	list-style:none;
}

a{
	text-decoration:none;
	color:#3399CC;
}

a:hover{
	color:#333333;
	text-decoration:underline;
}

h2{
	text-indent:-9999px;
	height:0px;
	line-height:0px;
}

html, body {
   scrollbar-3dlight-color    :#EAEAEA;
   scrollbar-arrow-color      :#EAEAEA;
   scrollbar-darkshadow-color :#CCCCCC;
   scrollbar-face-color       :#EAEAEA;
   scrollbar-highlight-color  :#CCCCCC;
   scrollbar-shadow-color     :#CCCCCC;
   /* color                      :#333333; */
   color: #666666;
}

img{
 border:none;
}

hr{
	border-color      :gray;
}

textarea{
	border-width      :1px;
}
blockquote{
	color:#333333;
	border-top: dotted 1px #CCCCCC;
	margin-top:5px;
	padding-top:5px;
}
/***************************************************
	ボディ
***************************************************/
body#body_main{
	background-color:#FFFFFF;
	background-image:url(../images/footer_base_bg.jpg);
}

/***************************************************
	全体枠ラッパー
***************************************************/
#wraper{
	background-image:url(../images/body_bg.jpg);
}

/***************************************************
	全体枠コンテナ
***************************************************/
#contener{
	width:760px;
	margin:auto;
}

/***************************************************
	ヘッダー
***************************************************/
#header{
	width:750px;
	height:110px;
	background-color:#BCD739;
	padding:3px 0px 0px 10px;
}

#header h1{
	font-weight:normal;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

/***************************************************
	コンテンツ（ヘッダフッタ含まず、内容エリア）
***************************************************/
#contents{
	width:760px;
	background-color:#BCD739;
}

/***************************************************
	トップページ
***************************************************/
#top_menu{
	width:735px;
	margin:0 auto;
}

*html #top_menu{
	width:735px;
	margin:0 auto -3px auto;
}
*+html #top_menu{
	width:735px;
	margin:0 auto -3px auto;
}

#top_image{
	width:735px;
	height:263px;
	margin:auto;
	background-image:url("../images/main_img.jpg");
	background-repeat:no-repeat;
}

#top_news{
	width:760px;
	margin:15px 0 0 0;
}

#top_news_title{
	width:735px;
	height:26px;
	margin:auto;
	background-image:url("../images/title_news.jpg");
	background-repeat:no-repeat;
	background-position:0 0 0 10px;
}

#top_news_body{
	width:760px;
	height:auto;
	background-color:white;
	margin:10px auto 0px auto;
}

#top_news_body_left{
	width:450px;
	float:left;
	margin-top:10px;
	margin-left:15px;
}

*html #top_news_body_left{
	margin-left:10px;
}


#top_news_body_left dl{
	width:450px;
	clear:both;
}

#top_news_body_left dt{
	display: list-item;
	list-style-image:url(../images/icon_news.jpg);
	margin-left:25px;
	width:100px;
	height:25px;
	float:left;
}

#top_news_body_left dd{
	width:320px;
	float:left;
	margin-bottom:10px;
}

*html #top_news_body_left dt{
	background:url(../images/icon_news.jpg) no-repeat 0px 3px;
	width:100px;
	margin-left:0;
	height:25px;
	padding-left:25px;
	float:left;
}

*html #top_news_body_left dd{
	width:320px;
	float:left;
}


#top_news_body_right{
	width:262px;
	float:right;
	margin-top:10px;
	margin-right:15px;
}

*html #top_news_body_right{
	width:262px;
	float:right;
	margin-top:10px;
	margin-right:8px;
}


#top_news_body_right img{
	margin-bottom:10px;
}

/***************************************************
	サブページ 全体
***************************************************/
#content_header{
	width:735px;
	height:17px;
	background-image:url(../images/content_header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:auto;
}

#content_body{
	width:735px;
	background-image:url(../images/content_body.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	margin:auto;
}

#content_footer{
	width:735px;
	height:31px;
	background-image:url(../images/content_footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:auto;
}

/***************************************************
	おやこ元気アップ！事業とは
***************************************************/
#about{
	width:697px;
	background-color:#FFF;
	margin:auto;
}

#about h2{
	width:697px;
	height:50px;
	background-image:url(../images/title_about.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
}

#about p{
	margin:5px 0 5px 0;
}

#about li{
	list-style:disc;
	margin:5px 0px 5px 15px;
}

#about .content_body_left{
	width:371px;
	height:auto;
	float:left;
	margin-left:10px;
	margin-top:30px;
}

*html #about .content_body_left{
	width:371px;
	height:auto;
	float:left;
	margin-left:7px;
	margin-top:30px;
}

#about .content_body_right{
	width:291px;
	height:auto;
	float:right;
	margin-right:10px;
	margin-top:30px;
}

*html #about .content_body_right{
	width:291px;
	height:auto;
	float:right;
	margin-right:4px;
	margin-top:30px;
}

#text_i{
	padding-left:12px;
	text-indent:-12px;
	font-size:11px;
}

#kiki{
	width:640px;
	margin:auto;
}

#kiki:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


#kiki h2#kiki_title{
	background:url(../images/title_kiki.jpg) no-repeat 0 0;
	width:562px;
	height:38px;
}


.text_box4{
	float:left;
	width:468px;
	height:125px;
	margin-left:10px;
}

/***************************************************
	プログラム紹介
***************************************************/
#program{
	width:697px;
	background-color:#FFF;
	margin:auto;
}

#program h2{
	width:697px;
	height:50px;
	background-image:url(../images/title_program_nagare.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
}

#program p{
	margin:5px 0 5px 0;
}

#program #content_head{
	width:670px;
	margin:20px auto 0 auto;
}

#program h2#program2{
	width:697px;
	height:50px;
	background-image:url(../images/title_program_syoukai.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
}

#program h3#p1{
	width:242px;
	height:23px;
	background:url(../images/title_oyako_undo.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#program h3#p2{
	width:496px;
	height:24px;
	background:url(../images/title_hogosya.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#program h3#p3{
	text-indent:-9999px;
	padding-top:25px;
}
#program h3#p4{
	width:477px;
	height:21px;
	text-indent:-9999px;
	background:url(../images/title_hogosya2.jpg) no-repeat 0 0;
}
#program h3#p5{
	width:184px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/title_kodomo.jpg) no-repeat 0 0;
}


#program .base{
	width:640px;
	height:auto;
	background:url(../images/kakumaru_gray.jpg) no-repeat left top;
	background-color:#F2F2F2;
	margin:20px 0 0 18px;
	padding:16px 0 0 20px;
}

#program .base .base_left{
	width:320px;
	float:left;
	margin-top:8px;
	margin-right:32px;
}

*html #program .base .base_left{
	margin-right:25px;
}

.illust{
	width:320px;
	margin:30px 0;
}
.illust2{
	width:320px;
	margin:30px 0 0 0;
}
.f_left{
	float:left;
}

#program .base_footer{
	width:669px;
	height:52px;
	background:url(../images/footer_gray.jpg) no-repeat 0 0;
	margin-left:17px;
}

#program #movie_head{
	background:#f4dfae url(../images/title_movie.jpg) no-repeat 0 0;
	width:323px;
	margin-top:25px;
}

*html #program #movie_head{
	background:#f4dfae url(../images/title_movie.jpg) no-repeat 0 0;
	width:323px;
	margin-top:28px;
}

#program #movie_head ul{
	margin-left:10px;
}

#program #movie_head ul li{
	font-size:10px;
	list-style:none;
}

#program #movie_head ul li a{
	font-size:10px;
	list-style:none;
}

#program #movie_foot{
	width:324px;
	height:18px;
	background:url(../images/movie_footer.jpg) no-repeat -1px bottom;
}

*html #program #movie_foot{
	background:url(../images/movie_footer.jpg) no-repeat -1px 1px;
}

/***************************************************
	開催会場について
***************************************************/
#acc{
	width:697px;
	background-color:#FFF;
	margin:auto;
}

#acc h2{
	width:697px;
	height:50px;
	background-image:url(../images/title_event.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
	margin-bottom:20px;
}

.icon_mail{
	vertical-align:middle;
	margin-left:5px;
}

#acc table td.td_center{
	text-align:center;
	vertical-align:middle;
}
	
#acc table td{
	vertical-align:middle;
}

/***************************************************
	よくあるご質問
***************************************************/
#faq{
	width:697px;
	background-color:#FFF;
	margin:auto;
}

#faq h2{
	width:697px;
	height:50px;
	background-image:url(../images/title_faq.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
}

#faq p{
	margin:5px 0 5px 0;
}

#faq dl{
	width:490px;
	margin:30px auto;
	border-left:solid 7px #bcd739;
	padding-left:10px;
}

#faq dl dt{
	background:url(../images/icon_q.jpg) no-repeat 0 -2px;
	text-indent:0em;
	border-bottom:dotted 1px #666666;
	padding-bottom:5px;
	margin-bottom:15px;
	padding-left:24px;
} 

#faq dl dd{
	background:url(../images/icon_a.jpg) no-repeat 0 -2px;
	text-indent:0em;
	/*border-bottom:dotted 1px #666666;*/
	margin-bottom:0px;
	padding-left:24px;
} 

/***************************************************
	PDFダウンロード
***************************************************/
#pdf_dl{
	width:697px;
	background-color:#FFF;
	margin:auto;
}

#pdf_dl h2{
	width:697px;
	height:50px;
	background-image:url(../images/title_pdf.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
}

#pdf_dl h3{
	font-size:14px;
	line-height:1.5em;
}


#pdf_dl p{
	margin:5px 0 5px 0;
}

#pdf_dl .content_body_pdf{
	width:580px;
	margin:0 auto;
}

/***************************************************
	報告会
***************************************************/
#houkoku{
	width:800px;
	background:url(../images/houkoku/houkoku_bg_head.jpg) no-repeat 0 top;
	margin:auto;
	padding-top:43px;
}

#houkoku_body{
	width:800px;
	background:url(../images/houkoku/houkoku_bg_body.jpg) repeat-y;
	margin:auto;
	text-align:center;
}
#houkoku_body:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#houkoku_footer{
	background:url(../images/houkoku/houkoku_bg_footer.jpg) no-repeat 0 0;
}

#houkoku_body address{
	background:url(../images/houkoku/houkoku_address.jpg) no-repeat 0 0;
	width:186px;
	height:17px;
	text-indent:-9999px;
	float:right;
	margin-right:35px;
}



#gallery h2{
	display:block;
	width:242px;
	height:62px;
	margin:0 auto;
	float:left;
	position:relative;
	left:280px;
	background:url(../images/houkoku/houkoku_title_gyallery.jpg) no-repeat 0 0;
}

#photo_area{
	clear:both;
	background:#FFF;
	width:732px;
	margin:0 auto;
	padding:5px 0;
	background:url(../images/houkoku/area_head.jpg) no-repeat 0 top;
}
#photo_area_body{
	background:url(../images/houkoku/area_body.jpg) repeat-y 0 0;
}
#photo_area_foot{
	background:url(../images/houkoku/area_foot.jpg) no-repeat 0 bottom;
	line-height:0;
	padding-bottom:10px;
}


#enquete{
	background:#FFF;
	width:732px;
	margin:0 auto;
	padding:5px 0;
	background:url(../images/houkoku/area_head.jpg) no-repeat 0 top;
}
#enquete_body{
	background:url(../images/houkoku/area_body.jpg) repeat-y 0 0;
	text-align:left;
	padding-bottom:20px;
}
#enquete_foot{
	background:url(../images/houkoku/area_foot.jpg) no-repeat 0 bottom;
	line-height:0;
	padding-bottom:10px;
}

#enquete_body h2{
	width:639px;
	height:30px;
	margin:0 0 5px 30px;
	background:url(../images/houkoku/title_enquate.jpg) no-repeat 0 0;
}
#enquete_body h2#voice{
	width:244px;
	height:63px;
	margin:0 auto 10px auto;
	background:url(../images/houkoku/houkoku_title_voice.jpg) no-repeat 0 0;
}

#enquete_body h3{
	border-bottom: solid #000 1px;
	text-align:left;
	margin-left:30px;
	width:660px;
	padding-bottom:5px;
}
#enquete_body .text_box{
	width:211px;
	float:left;
	text-align:left;
	line-height:20px;
}

#enquete_body .text_box2{
	width:321px;
	float:left;
	text-align:left;
	margin-left:45px;
	line-height:20px;
}
#enquete_body .text_box3{
	width:220px;
	float:left;
	text-align:left;
	margin-left:15px;
	line-height:20px;
}

#voice01{
	background:url(../images/houkoku/voice_01.jpg) no-repeat 0 0;
	width:700px;
	height:83px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}

#voice02{
	background:url(../images/houkoku/voice_02.jpg) no-repeat 0 0;
	width:700px;
	height:104px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice03{
	background:url(../images/houkoku/voice_03.jpg) no-repeat 0 0;
	width:700px;
	height:68px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice04{
	background:url(../images/houkoku/voice_04.jpg) no-repeat 0 0;
	width:700px;
	height:85px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice05{
	background:url(../images/houkoku/voice_05.jpg) no-repeat 0 0;
	width:700px;
	height:125px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice06{
	background:url(../images/houkoku/voice_06.jpg) no-repeat 0 0;
	width:700px;
	height:127px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice07{
	background:url(../images/houkoku/voice_07.jpg) no-repeat 0 0;
	width:700px;
	height:109px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice08{
	background:url(../images/houkoku/voice_08.jpg) no-repeat 0 0;
	width:700px;
	height:122px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice09{
	background:url(../images/houkoku/voice_09.jpg) no-repeat 0 0;
	width:700px;
	height:138px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}

#voice10{
	background:url(../images/houkoku/voice_10.jpg) no-repeat 0 0;
	width:700px;
	height:140px;
	margin:20px auto 0 13px;
	text-indent:-9999px;
}
#voice11{
	background:url(../images/houkoku/voice_11.jpg) no-repeat 0 0;
	width:700px;
	height:128px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice12{
	background:url(../images/houkoku/voice_12.jpg) no-repeat 0 0;
	width:700px;
	height:128px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice13{
	background:url(../images/houkoku/voice_13.jpg) no-repeat 0 0;
	width:700px;
	height:109px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice14{
	background:url(../images/houkoku/voice_14.jpg) no-repeat 0 0;
	width:700px;
	height:87px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice15{
	background:url(../images/houkoku/voice_15.jpg) no-repeat 0 0;
	width:700px;
	height:110px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}
#voice16{
	background:url(../images/houkoku/voice_16.jpg) no-repeat 0 0;
	width:700px;
	height:167px;
	margin:0 auto 0 13px;
	text-indent:-9999px;
}





.f_left{
	float:left;
}

.f_right{
	float:right;
}

.r_img{
	margin-right:35px;
}

/***************************************************
	フッタ
***************************************************/
#footer{
	width:760px;
	height:69px;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:auto;
	margin-bottom:10px;
}


/***************************************************
	ボディ（ミニウインドウ内ページ）
***************************************************/
body#body_sub{
	background-color:#FFFFFF;
	color:#333333;
}

/***************************************************
	全体枠ラッパー（ミニウインドウ内ページ）
***************************************************/
#wraper_sub{
}

/***************************************************
	全体枠コンテナ（ミニウインドウ内ページ）
***************************************************/
#contener_sub{
	width:663px;
	height:700px;
	margin:auto;
}

/***************************************************
	ヘッダー（ミニウインドウ内ページ）
***************************************************/
#header_sub{
	width:663px;
}

#header_sub h1{
	text-indent:-9999px;
	height:0px;
	line-height:0px;
}

/***************************************************
	コンテンツ（ヘッダフッタ含まず、内容エリア）
	（ミニウインドウ内ページ）
***************************************************/
#contents_sub{
	width:663px;
	background-image:url(../images/event_image/photo_bg_body.jpg);
	margin-top:10px;
}
#contents_sub_footer{
	width:663px;
	height:12px;
	margin:auto;
	background-image:url(../images/event_image/photo_bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

/***************************************************
	開催会場について（ミニウインドウ内ページ）
***************************************************/
#acc_sub{
	width:482px;
	margin:auto;
}

#acc_sub #nav{
	width:160px;
	margin:15px auto;
}

#acc_sub #main_image{
	margin-bottom:10px;
}

#acc_sub #main_image img{
	border:solid 1px white;
}

#acc_sub #title_area{
	width:330px;
	height:84px;
	float:left;
	background-image:url(../images/event_image/h_line.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:20px;
	padding:0 0 10px 0;
}

#acc_sub #title_area p{
	margin:3px 0px 0px 25px;
}

#acc_sub #number{
	width:132px;
	float:right;
	background-image:url(../images/event_image/text_sanka_ninzu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:25px;
}

#acc_sub #number table{
	background-color:white;
	width:132px;
}

#acc_sub #number th,#acc_sub #number td{
	text-align:center;
}

#acc_sub #comment{
	background-image:url(../images/event_image/comment_bg.jpg);
	width:462px;
	height:84px;
	padding:10px;
	margin-bottom:10px;
}

#acc_sub #comment p{
	text-indent:12px;
}


#acc_sub #coordinator{
	width:482px;
	text-align:right;
}

#acc_sub #coordinator img{
	vertical-align:middle;
}

.text_head{
	width:250px;
	display:block;
	position:relative;
	top:-18px;
	margin-left:64px;
}

/***************************************************
	フッタ（ミニウインドウ内ページ）
***************************************************/
#footer_sub{
	width:663px;
	height:16px;
	background-image:url(../images/event_image/footer_text.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:auto;
}






/***************************************************
	汎用CLASS
***************************************************/

/* 入力フォーム用メッセージ記載BOX */
div.input_msg{
	width:620px;
	height100px;
	padding:10px 0 10px 0;
	background-color:white;
	text-align:left;
}

/* 入力フォーム用テーブル */
.input_table{
	border-collapse:collapse;
}

.input_table th{
	font-weight:normal;
	border:solid 1px #dddddd;
	background-color:#69be12;
	color:white;
	width:150px;
	text-align:left;
	padding:10px;
	font-weight:bold;
}

.input_table td{
	border:solid 1px #dddddd;
	color:#49889a;
	width:470px;
	text-align:left;
	padding:10px;
}

/* センタ */
.center{
	text-align        :center;
}

/* レフト */
.left{
	text-align        :left;
}

/* ライト */
.right{
	text-align        :right;
}

/* トップ */
.top{
	vertical-align    :top;
}

/* ミドル */
.middle{
	vertical-align    :middle;
}

/* ボトム */
.bottom{
	vertical-align    :bottom;
}

/* フォントサイズ中 */
.font-middle{
	font-size         :16px;
}

/* フォントサイズ小 */
.font-ssmall{
	font-size         :11px;
}

/* フォントサイズ最小 */
.font-sssmall{
	font-size         :10px;
}

/* 余白3ピクセル */
.p3{
	padding           :3px;
}

/* 余白5ピクセル */
.p5{
	padding           :5px;
}

/* 余白10ピクセル */
.p10{
	padding           :10px;
}

/* マージン */
.mt10{
	margin-top		  :10px;
}
.mr10{
	margin-right	  :10px;
}
.ml10{
	margin-left		  :10px;
}
.ml20{
	margin-left		  :20px;
}
.mr2{
	margin-right:2px;
}
.mr3{
	margin-right:3px;
}
.mr5{
	margin-right	  :5px;
}
.mr30{
	margin-right	  :30px;
}

.mr35{
	margin-right	  :35px;
}
.ml5{
	margin-left		  :5px;
}
.ml30{
	margin-left:30px;
}
.ml40{
	margin-left:40px;
}
.mt3{
	margin-top        :3px;
}
.mb5{
	margin-bottom:5px;
}
.mb20{
	margin-bottom:20px;
}
.mtb10{
	margin:10px 0;
}
.mt5{
	margin-top:5px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mb10{
	margin-bottom:10px;
}

/* エラーメッセージ */
.err-msg{
	color:#FF0066;
	font-weight:bold;
	font-size:12px;
}

/* フロート解除 */
.clear{
	clear:both;
}

/* フロート解除 */
.clear_h0{
	clear:both;
	height:0px;
}

/* 太字 */
.bold{
	font-weight:bold;
}

/* エリア矢印部分 */
.ya{
	color:#009933;
	font-size:10px;
	background-image:url(../images/icon_arrow.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:1px;
}

.border{
	border:solid 1px #dddddd;
	color:#009933;
	font-size:10px;
	padding-left:2px;
	padding-right:1px;
	background-color:white;
}

.f-col01{
	color:#49889a;
}

.f-color02{
	color:orange;
}
