/*-共通-*/ br.clear { height: 0px; clear: both; } #layout { height: auto; width: 950px; margin: 0px; padding: 0px; } #leftborder { background:url("img/leftborder.gif") repeat-y; background-position:left; margin:0px; padding:0px 0px 0px 3px; width:100%; height:100%; } #rightborder { background:url("img/rightborder.gif") repeat-y; background-position:right; margin:0px; padding:0px 5px 0px 0px; width:100%; height:100%; } /*-upper part-*/ #menu_img { margin: 0px; padding: 0px; } /*-メニューボタン-*/ #menu_img .navi { margin: 0px; padding: 0px; width: 220px; float: left; } #menu_img .navi ul { margin: 0px; padding: 0px; } #menu_img .navi li { margin: 0px; padding: 0px; list-style-type: none; } #menu_img .navi01 a { background-image: url(../img/greeting.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 52px;} #menu_img .navi01 a:hover { background-image: url(../img/greeting_over.gif); background-repeat: no-repeat; } #menu_img .navi02 a { background-image: url(../img/smap.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #menu_img .navi02 a:hover { background-image: url(../img/smap_over.gif); background-repeat: no-repeat; } #menu_img .navi03 a { background-image: url(../img/experience.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #menu_img .navi03 a:hover { background-image: url(../img/experience_over.gif); background-repeat: no-repeat; } #menu_img .navi04 a { background-image: url(../img/q_a.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #menu_img .navi04 a:hover { background-image: url(../img/q_a_over.gif); background-repeat: no-repeat; } #menu_img .navi05 a { background-image: url(../img/gallery.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #menu_img .navi05 a:hover { background-image: url(../img/gallery_over.gif); background-repeat: no-repeat; } #menu_img .navi06 a { background-image: url(../img/well-baby.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #menu_img .navi06 a:hover { background-image: url(../img/well-baby_over.gif); background-repeat: no-repeat; } /*-イメージ-*/ #menu_img .image { float: left; width: 730px; margin: 0px; padding: 0px; } /*-under part-*/ #under { margin-top: 15px; margin-bottom: 15px; padding: 0px; } /*-左バナー-*/ #under .bannar { padding: 0px; float: left; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; } #under .bannar li { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } /*-トピックス-*/ #under .topics { height: 106px; width: 700px; background-image: url(../img/topics_bar.gif); background-repeat: no-repeat; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 12px; padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #under .topics li { font-size: 13px; line-height: 18px; color: #000; margin-bottom: 2px; padding-left: 15px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-left: 0px; text-align:left;} /*-ごあいさつ-*/ #greeting { float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 700px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; text-align:left; } #greeting .greeting { font-size: 16px; line-height: 25px; padding-right: 20px; padding-left: 10px; } /*-SMAPとは-*/ #smap { float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 700px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; text-align:left; } #smap .support_smap { float: left; margin-bottom: 15px; } #smap .support_exp { background-image: url(../smap_img/support_back.gif); background-repeat: no-repeat; float: left; height: 174px; width: 330px; margin-top: 20px; margin-left: 25px; font-size: 16px; line-height: 25px; padding: 0px; } #smap .activity { font-size: 16px; line-height: 24px; padding-right: 25px; padding-left: 10px; } #smap ul { padding: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-align: right; } #smap li { margin-right: 10px; list-style-type: none; display: inline; } /*-子育て体験談-*/ #experience { float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 700px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; text-align:left; } #experience .speak { font-size: 15px; line-height: 22px; padding-right: 25px; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; } /*-Q&A-*/ #q_a { float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 12px; width: 700px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align:left; } #q_a .question { font-size: 17px; color: #000; background-image: url(../q_a_img/Q.gif); height: 27px; width: 639px; background-repeat: no-repeat; padding-top: 11px; padding-left: 60px; font-weight: bold; } #q_a .question2 { font-size: 15px; color: #000; background-image: url(../q_a_img/Q.gif); height: 30px; width: 639px; background-repeat: no-repeat; padding-top: 5px; padding-left: 60px; font-weight: bold; padding-bottom: 3px; } #q_a .answer { margin-top: 10px; margin-bottom: 50px; width: 654px; background-image: url(../q_a_img/A.gif); background-repeat: no-repeat; font-size: 15px; line-height: 22px; padding-top: 10px; padding-left: 45px; padding-right: 5px; padding-bottom: 5px; } /*-育児相談-*/ #well_baby { float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 700px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 12px; text-align:left; } #well_baby .exp { font-size: 16px; line-height: 25px; padding-right: 20px; padding-left: 10px; } #well_baby ul { padding: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-align: right; } #well_baby li { margin-right: 10px; list-style-type: none; display: inline; } /*-ギャラリー-*/ /*-ギャラリー左-*/ /*-ギャラリーメニューボタン-*/ #gallery_l { margin: 0px; padding: 0px; float: left; width: 220px; } #gallery_l .navi { margin: 0px; padding: 0px; width: 220px; } #gallery_l .navi ul { margin: 0px; padding: 0px; } #gallery_l .navi li { margin: 0px; padding: 0px; list-style-type: none; } #gallery_l .navi01 a { background-image: url(../img/greeting.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 52px;} #gallery_l .navi01 a:hover { background-image: url(../img/greeting_over.gif); background-repeat: no-repeat; } #gallery_l .navi02 a { background-image: url(../img/smap.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #gallery_l .navi02 a:hover { background-image: url(../img/smap_over.gif); background-repeat: no-repeat; } #gallery_l .navi03 a { background-image: url(../img/experience.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #gallery_l .navi03 a:hover { background-image: url(../img/experience_over.gif); background-repeat: no-repeat; } #gallery_l .navi04 a { background-image: url(../img/q_a.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #gallery_l .navi04 a:hover { background-image: url(../img/q_a_over.gif); background-repeat: no-repeat; } #gallery_l .navi05 a { background-image: url(../img/gallery.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #gallery_l .navi05 a:hover { background-image: url(../img/gallery_over.gif); background-repeat: no-repeat; } #gallery_l .navi06 a { background-image: url(../img/well-baby.gif); background-repeat: no-repeat; display: block; text-indent: -99999px; height: 50px; } #gallery_l .navi06 a:hover { background-image: url(../img/well-baby_over.gif); background-repeat: no-repeat; } /*-ギャラリーバナー-*/ #gallery_l .bannar { padding: 0px; float: left; margin-top: 15px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; } #gallery_l .bannar li { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } /*-ギャラリー右-*/ #gallery_r { margin: 0px; padding: 0px; float: left; width: 730px; } #gallery_r .title { padding: 0px; width: 700px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #gallery_r .l_p { float: left; margin-left: 70px; padding: 0px; margin-top: 5px; margin-bottom: 10px; } #gallery_r .r_p { float: left; margin-top: 5px; margin-bottom: 10px; margin-left: 80px; }