/* Theme Name:Otsufuku Theme URI: Description:乙訓福祉施設事務所テーマ Author:Size Factory Author URI:http://www.sizefactory.jp/ Version:1.1 2018/06/16 */ /* ---------------------------------------------------------------------- basic setting ---------------------------------------------------------------------- */ body { margin:0; padding:0; font-family:"Century Gothic",Arial,sans-serif; color:#161b60; background-color:#e2f2fa; } a img { border:none; verticle-align:top; } a, a:visited { outline:none; } a:hover { } p { margin:0 0 0.8em 0; padding:0; line-height:180%; } ul { list-style-type:none; margin:0 0 2em 0; padding:0; line-height:0%; } ul li { margin:0; padding:0; line-height:normal; zoom:1; } ol { margin:0 0 2em 19px; padding:0; } ol li { padding:0 0 5px 0; line-height:normal; } dl { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; } dl dt, dl dd { margin:0; padding:0; line-height:normal; zoom:1; } dl dt { font-weight:bold; } form,table,input,textarea,dl,dt,dd { margin:0; padding:0; } table { border-collapse:collapse; width:100%; border:0; } cite { text-align:right; display:block; } object { display:block; margin:0 auto; height:auto; } del { color:#333; } hr { border:1px solid #ccc; margin:40px 0; } .wp-caption-text { text-align:center; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { margin-left:auto; margin-right:auto; } .centered { margin-left:auto; margin-right:auto; } .clear { clear:both; } input[type="text"], input[type="password"], textarea, select { outline: none; } /* layout */ #main_content { width:980px; margin:0px auto; } #main_col { width:720px; float:right; } #side_col { width:237px; float:left; } #access_col { width:460px; height:280px; float:left; background:#fff; margin:10px 0 0 0; padding:0 0 10px 15px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } #contact_col { width:215px; height:280px; float:right; background:#fff; margin:10px 0 0 0; padding:0 0 10px 15px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } #sidemenu_col { float:left; background:#fff; margin:10px 0 0 0; padding:0 0 0 0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .page #main_content { margin-top: 0; } .page_noside #main_col, .co_noside #main_col { float:none; width:800px; margin:0 auto; } .index_noside #main_col, .noside #main_col { float:none; margin:0 auto; } .index_left #main_col, .left #main_col { float:right; } .index_left #side_col, .left #side_col { float:left; } /* headline */ .headline1 { padding:0 0 0 0; font-size:1.4em; line-height:170%; margin:0 0 0 0; } .headline2 { background:url(img/common/title_access.gif) no-repeat left top; background-position: -13px 0; font-size:1.2em; height:36px; color:#91bc20; line-height:36px; padding:0 0 0 56px; } .headline2_text { font-size:1.0em; line-height:2.0em; } .headline2_textarea { position:right; width:80px; background:#fff; margin:-15px 0 0 370px; padding:10px 0 0; } .headline2_textarea li a { color:#020752; text-decoration:none; } .headline2_textarea li a:hover { color:#fac100; text-decoration:none; } .headline3 { background:url(img/common/title_contact.gif) no-repeat right bottom; background-position: -13px 0; font-size:1.2em; height:36px; color:#91bc20; line-height:36px; padding:0 0 0 56px; } .headline3_text { font-size:1.0em; line-height:2.0em; } .headline4 { padding:0 0 0 0; font-size:1.4em; line-height:170%; margin:0 0 0 0; } /* ---------------------------------------------------------------------- top page ---------------------------------------------------------------------- */ #pickup { margin:20px 0 0 0; } #pickup ul { position:relative; margin:-20px -28px 0 0; overflow:hidden; } #pickup li { width:216px; float:left; display:inline; margin:10px 28px -1px 0; line-height:290px; font-size: 1.3em; text-align:center; } #pickup_image1 {display: block; background: url(img/common/pickup_somuka_white.gif) no-repeat; text-decoration: none; color: #020752; width:230px; height:160px; } #pickup_image1:hover { display: block; background: url(img/common/pickup_somuka_green.gif) no-repeat; text-decoration: none; color:#fac100; width:230px; height:160px; } #pickup_image2 {display: block; background: url(img/common/pickup_wakatakeen_white.gif) no-repeat; text-decoration: none; color: #020752; width:230px; height:160px; } #pickup_image2:hover { display: block; background: url(img/common/pickup_wakatakeen_green.gif) no-repeat; text-decoration: none; color:#fac100; width:230px; height:160px; } #pickup_image3 {display: block; background: url(img/common/pickup_ponny_white.gif) no-repeat; text-decoration: none; color: #020752; width:230px; height:160px; } #pickup_image3:hover { display: block; background: url(img/common/pickup_ponny_green.gif) no-repeat; text-decoration: none; color:#fac100; width:230px; height:160px; } #pickup_image4 {display: block; background: url(img/common/pickup_kaigo_white.gif) no-repeat; text-decoration: none; color: #020752; width:230px; height:160px; } #pickup_image4:hover { display: block; background: url(img/common/pickup_kaigo_green.gif) no-repeat; text-decoration: none; color:#fac100; width:230px; height:160px; } #pickup_image5 {display: block; background: url(img/common/pickup_sodan_white.gif) no-repeat; text-decoration: none; color: #020752; width:230px; height:160px; } #pickup_image5:hover { display: block; background: url(img/common/pickup_sodan_green.gif) no-repeat; text-decoration: none; color:#fac100; width:230px; height:160px; } #pickup_image6 {display: block; background: url(img/common/pickup_kohoshi_white.gif) no-repeat; text-decoration: none; color: #020752; width:230px; height:160px; } #pickup_image6:hover { display: block; background: url(img/common/pickup_kohoshi_green.gif) no-repeat; text-decoration: none; color:#fac100; width:230px; height:160px; } #topics_list, #press_list { margin:15px 0 1px 0; } .post_list h3 { background:url(img/common/title_information_v02.gif) no-repeat left bottom; font-size:1.2em; height:26px; font-weight:bolder; line-height:28px; margin: 10px 0 5px 0; padding:0 0 0 50px; } .post_list ul { margin:0 0 10px 0; background:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .post_list li { padding:15px 0 10px 10px; margin:0 0 0 0; } .post_list li span { float:left; display:block; } .post_list li a.title { color:#020752; float:left; display:block; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #ddd; } .post_list .archive_link a { font-size:11px; background:#f2f2f2; padding:0 25px; line-height:32px; text-decoration:none; color:#333; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:right; } .post_list .archive_link a:hover { color:#fff; } .Whatsnew { padding:0 10px 0 10px; margin: 0 10px; background:#efba18; width:10%; text-align:center; font-size:14px; } .News { padding:0 10px 0 10px; margin: 0 10px; background:#efba18; width:10%; text-align:center; font-size:14px; } .Information { padding:0 10px 0 10px; margin: 0 10px; background:#efba18; width:10%; text-align:center; font-size:14px; } .Soumu { padding:0 10px 0 10px; margin: 0 10px; background:#65a7d5; width:10%; text-align:center; font-size:14px; } .Wakatakeen { padding:0 10px 0 10px; margin: 0 10px; background:#65a7d5; width:10%; text-align:center; font-size:14px; } .Ponny { padding:0 10px 0 10px; margin: 0 10px; background:#65a7d5; width:10%; text-align:center; font-size:14px; } .Kaigo { padding:0 10px 0 10px; margin: 0 10px; background:#65a7d5; width:10%; text-align:center; font-size:14px; } .Soudan { padding:0 10px 0 10px; margin: 0 10px; background:#65a7d5; width:10%; text-align:center; font-size:14px; } .date { width:80px; font-size:15px;} .caption { width:500px; display:inline; line-height:1.0em; } .nspace { font-size:0.5em;} /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ #contents { border:1px solid #ccc; margin:0 0 0 0; box-shadow:0px 0px 0px 4px rgba(0,0,0,0.03); background:#fff; min-height: 700px; } /* title */ #single_post_title { margin:10px 0 10px; padding:10px 0 10px; border-bottom:1px solid #ccc; } #single_post_title .date { background:url(img/common/post_date.gif) no-repeat left bottom; color:#fff; font-size:11px; width:50px; height:50px; text-align:left; line-height:37px; margin:10px 0 10px 15px; padding:14px 10px 11px 5px;} #single_post_title .title { font-size:1.3em; line-height:35px; margin:5px 15px 5px 10px; padding:5px 0 0 0; width:670px; } #single_post_title .title.no_date { float:none; margin:2px 20px 0; width:705px; } /* post meta */ #single_post .meta { font-size:11px; background:url(img/common/post_title.gif) no-repeat bottom; padding:0 20px 25px; margin:0 0 20px 0; } #single_post .meta a { color:#333; } #single_post .meta .date { float:left; margin:0 25px 0 0; line-height:150%; } #single_post .meta ul { float:left; margin:0 25px 0 0; } #single_post .meta li { float:left; line-height:150%; margin:0 5px 0 0; } #single_post .meta ul.post_category { background:url(img/common/icon_category.png) no-repeat left 3px; padding:0 0 0 16px; } #single_post .meta ul.post_tag { background:url(img/common/icon_tag.png) no-repeat left 3px; padding:0 0 0 16px; } #single_post .meta .post_comment { float:left; margin:0; line-height:150%; background:url(img/common/icon_comment.png) no-repeat left 3px; padding:0 0 0 18px; } /* post */ #single_post .post { padding:0 20px; } /* post thumbnail */ .post_image img { max-height:300px; width:auto; display:block; margin:25px auto 20px; } /* bookmark */ #bookmark { margin:30px 20px 20px; } #bookmark li { float:left; margin:0 10px 0 0; } /* related post */ #related_post { margin:0 0 25px 0; } #related_post ul { margin:0 25px; } #related_post ul li { margin:0; min-height:88px; line-height:100%; width:348px; float:left; } #related_post ul li .meta { width:230px; float:left; display:inline; margin:0 0 0 10px; } #related_post ul li .date { line-height:100%; font-size:11px; margin:0 0 5px 0; padding:12px 0 0 0; font-weight:bold; } #related_post ul li .title { line-height:130%; font-size:11px; font-weight:normal; margin:0; padding:0; } #related_post ul li .title a { color:#333; display:block; margin:0 0 10px 0; } #related_post ul li .image img { display:block; border:1px solid #ccc; padding:2px; float:left; width:64px; height:64px; } #related_post ul li.even .meta { float:right; } #related_post ul li.even .image img { margin:0 0 0 35px; } /* next prev post link */ #previous_next_post { margin:0; padding:0 0 30px 0; } #previous_next_post a { color:#333; } #previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:10px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; } #next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:10px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; } /* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */ /* image */ .post img { height:auto; max-width:100%; } .post img.centered,div.centered { display:block; margin:15px auto; } .post img.aligncenter,div.aligncenter { display:block; margin:15px auto; } .post img.alignright,div.alignright { margin:10px 0 30px 30px; display:inline; } .post img.alignleft,div.alignleft { margin:10px 30px 30px 0; display:inline; } .post .wp-caption { background:#fff; border:1px solid #ccc; max-width:96%; padding:14px 3px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .post .wp-caption img { display:block; margin:0 auto; max-width:100%; } .post .wp-caption .wp-caption-text { padding:10px 0 0; } /* table */ .post table { margin:0 0 1em 0; } .post td, .post th { border:1px solid #c1c1c1; padding:15px; } .post th { background:#eee; font-weight:normal; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); } /* block quote */ .post blockquote { margin:0 0 1em 0; padding:50px 50px 40px; background:#f2f2f2; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1; } .post blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#999; } .post blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:20px; right:20px; color:#999; } /* list */ .post li, .post dt, .post dd { margin:0; line-height:200%; } .post ul li { background:url(img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; } .post ul ul, .post ol ol { margin:0 0 0 1em; } /* ---------------------------------------------------------------------- press release ---------------------------------------------------------------------- */ /* single page */ #recent_press_list { } #recent_press_list ul { margin:0px 20px 20px 20px; overflow:hidden; } #recent_press_list li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:10px 0 -1px 0; } #recent_press_list li span { float:left; display:block; width:75px; } #recent_press_list li a.title { color:#333; float:left; display:block; width:615px; padding:0 0 0 15px; border-left:1px solid #ddd; } /* ---------------------------------------------------------------------- toppage news tables ---------------------------------------------------------------------- */ .tablepress-id-1 { width: 100%; border-collapse: separate; background:#fff; padding:7px 0 5px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; } .tablepress-id-1, .tablepress-id-1 tr, .tablepress-id-1 tbody td, .tablepress-id-1 thead th, .tablepress-id-1 tfoot th {border: none; } .tablepress-id-1 tbody td { vertical-align: middle; line-height: 1em; } .tablepress-id-1 tbody td a { text-decoration: none; } .tablepress-id-1 td.column-1 { width: 80px; text-align: center; font-size: 15px; } .tablepress-id-1 td.column-2 { width: 80px; text-align: center; font-size: 13px; background-color: #65a7d5; border: 4px solid #ffffff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; } .tablepress-id-1 .row-hover tr:hover td.column-2 { background-color: #65a7d5; } .tablepress-id-1 td.column-3 { width: 500px; } .tablepress-id-2 { width: 100%; border-collapse: separate; background:#fff; padding:7px 0 5px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; } .tablepress-id-2, .tablepress-id-2 tr, .tablepress-id-2 tbody td, .tablepress-id-2 thead th, .tablepress-id-2 tfoot th {border: none; } .tablepress-id-2 tbody td { vertical-align: middle; line-height: 1em; } .tablepress-id-2 tbody td a { text-decoration: none; } .tablepress-id-2 td.column-1 { width: 80px; text-align: center; font-size: 15px; } .tablepress-id-2 td.column-2 { width: 80px; text-align: center; font-size: 13px; background-color: #efba18; border: 4px solid #e2f2fa; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; } .tablepress-id-2 .row-hover tr:hover td.column-2 { background-color: #efba18; } .tablepress-id-2 td.column-3 { width: 500px; } /* ---------------------------------------------------------------------- pages ---------------------------------------------------------------------- */ #page_title { font-size:21px; line-height:35px; padding:0 0 20px 65px; margin:20px 0 0 0; display:block; background:url(img/common/page_title.gif) no-repeat top; } .page #contents { padding:0 0 20px 0; } .noSpace { margin:0; padding:0; line-height:1.5em; } /* company info */ #company_info dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; } #company_info dt { float:left; width:185px; display:inline; margin:0 0 0px 0; line-height:2.0em; font-weight:bold; font-size:1.0em; border-top:1px solid #ddd; padding:15px 10px 10px 0; } #company_info dd { margin:0 0 0 185px; line-height:200%; background:#fcfcfc; padding:12px 10px 10px 20px; border-top:1px solid #ddd; } #company_info dd p { margin:0; } #gmap { text-align:left; margin-top:10px; } #gmap iframe { border:1px solid #ccc; padding:1px; width:445px; } /* ---------------------------------------------------------------------- Archive, Search result page ---------------------------------------------------------------------- */ #post_list { position:relative; margin:10px -28px 0 0; } #post_list li { width:231px; float:left; display:inline; margin:0 28px 40px 0; border-bottom:1px solid #ccc; } #post_list .image img { border:1px solid #ccc; padding:1px; margin:0 0 10px 0; display:block; width:227px; height:83px; } #post_list .title { margin:0 0 10px 0; font-size:1.2em; line-height:150%; } #post_list .title a { display:block; text-decoration:none; } #post_list .desc { font-size:11px; color: #020752; line-height:150%; padding:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; } #post_list .meta p { margin:0 0 10px 0; padding:0 10px 1px 0; font-size:10px; line-height:120%; float:left; } #post_list .meta a { text-decoration:none; } #post_list .meta .post_date { background:url(img/common/icon_date.png) no-repeat left 1px; padding-left:16px; width:89px; } #post_list .meta .post_comment { background:url(img/common/icon_comment.png) no-repeat left 1px; padding-left:15px; width:90px; } #post_list .meta .post_category { background:url(img/common/icon_category.png) no-repeat left 1px; padding-left:15px; width:90px; } #post_list .meta .post_tag { background:url(img/common/icon_tag.png) no-repeat left 1px; padding-left:15px; width:90px; } /* page navi */ .page_navi { margin:0 0 25px 0; padding:0; } .page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 5px 0; color:#888; } .page_navi ul { } .page_navi li { float:left; } .page_navi a, .page_navi a:hover, .page_navi span { text-decoration:none; color:#fff; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#bbb; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .page_navi a:hover { color:#fff; text-decoration:none; } .page_navi span.dots { background:#fff; } .page_navi span.current { color:#fff; background:#666; } .page_navi a.prev, .page_navi a:hover.prev, .page_navi a:visited.prev { } .page_navi a.next, .page_navi a:hover.next, .page_navi a:visited.next { } .page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding:12px 20px; } /* ---------------------------------------------------------------------- Widget setting ---------------------------------------------------------------------- */ .side_widget { margin:0 0 0 0; font-size:11px; clear:both; } .side_widget { } .side_widget ul { margin:0; } .side_widget li ul { margin:10px 0 0 0; } .side_widget li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/bullet1.gif) no-repeat left 8px; padding:0 0 0 8px; } .side_widget li.last { margin:0; } .side_widget a { color:#333; } /* recommend */ .recommend_widget li, #footer .recommend_widget li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:2px 0 8px 0; } .recommend_widget a { color:#333; display:block; } .recommend_widget a:hover { } .recommend_widget .info { width:100px; margin:2px 0 0 0; float:right; } .recommend_widget .date { font-size:10px; font-weight:bold; margin:0 0 5px 0; line-height:100%; } .recommend_widget .title { font-size:11px; } .recommend_widget .image { display:inline-block; } .recommend_widget .image img { border:1px solid #ccc; padding:1px; } .recommend_widget .image:hover img { } .recommend_widget li.last, #footer .recommend_widget li.last { background:none; margin:0; padding:0; } #footer .recommend_widget .info { width:135px; } /* calendar */ #wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; } #wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:220%; text-align:center; } #wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background:#ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #wp-calendar td a:hover { text-decoration:none; color:#fff;} #wp-calendar caption { padding:7px 0; } #wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; } #wp-calendar #prev, #wp-calendar #next { line-height:200%; } #wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; } #wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; } #wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } /* search */ .widget_search label { display:none; } .widget_search #s { padding:7px 10px; margin:0 5px 0 0; width:53%;} #searchsubmit { border:1px solid #333; background:#333; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:5px 10px; cursor:pointer; display:inline-block; } /* adsense */ .ad_widget img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; } /* ---------------------------------------------------------------------- header ---------------------------------------------------------------------- */ #header_wrap { width:100%; min-width:980px; height:20px; border-bottom:0px solid #ccc; margin:0 0 1px 0; } #header { width:980px; margin:0 auto; z-index:30; position:relative; overflow:hidden; } .counter { font-size:13px; text-align:right; margin-top:3px; margin-right:5px; line-height:120%; } /* logo */ #logo { position:absolute; top:67px; left:0px; line-height:120%; font-size:30px; font-weight:normal; margin:0; paddgin:0; } #logo a { text-decoration:none; color:#333; } #logo a:hover { text-decoration:underline; } #logo_area { position:relative; background:url(../../uploads/tcd-w/logo.jpg) no-repeat left top; width:235px; height:415px; margin:0 0 0 0; padding:300px 0 0 30px; font-size:1.0em; line-height:2.0em; } #logo_area li { font-size:1.0em; color:#bad304; } #logo_area a { position:absolute; text-decoration:none; color:#333; top: 0; left: 0; width:100%; height:100%; text-indent:-999px; } #logo_area a:hover { text-decoration:underline; } /* global menu */ #global_menu { position:absolute; right:-10px; top:67px; } #global_menu ul { margin:0; padding:0; overflow:hidden; } #global_menu li { border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 10px 0 -1px; float:left; display:inline; line-height:110%; } #global_menu li a { color:#333; text-decoration:none; } #global_menu li a:hover { text-decoration:underline; } /* rss */ .header_rss { position:absolute; right:180px; top:26px; } /* search area */ .search_area { background:url(img/header/search_input.gif) no-repeat left top; width:171px; height:27px; position:absolute; top:25px; right:0px; } #search_input { float:left; font-size:11px; width:100px; margin:5px 0 0 10px; line-height:100%; overflow:hidden; border:none; background:transparent; color:#aaa; } #search_button { float:right; } /* slider */ #main_image { border-bottom:1px solid #CDCED0; height:370px; margin:0 auto; overflow:hidden; padding:0 0 1px; width:100%; min-width:720px; } #main_image img { max-height:370px; } /* breadcrumb navi */ .bread_crumbs { margin:0 0 5px 5px; } .bread_crumbs a { text-decoration:none;} .bread_crumbs a:hover { text-decoration:none; } .bread_crumbs { line-height:22px; font-size:13px; } /* ---------------------------------------------------------------------- sidemenu ---------------------------------------------------------------------- */ /* search_navi setting */ #search_navi { position:relative; width:237px; margin:-290px 0 0 0; padding:-0 0 0 0; font-size:1.1em; } #search_navi ul { margin: 0; padding:0; background: #fff; border: 2px solid #ffffff; font-size: 1.1em; color:#020752; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align: center; width: 232px; display: table; table-layout: fixed; } #search_navi ul li { border-right: 3px solid #e2f2fa; display: table-cell; } #search_navi ul li:last-child { border-right: none; } #search_navi ul li a { color:#020752; border: 2px solid #ffffff; text-decoration: none; padding: 12px 0; display: block; } #search_navi ul li a:hover { background: #f9f9f9; border: 2px solid #fabe00; } #search_navi ul li a:active { background: #f9f9f9; border: 2px solid #fabe00; } #s-box{ height: 35px; padding: 0 5px; position: absolute; left: 0; top: 0; border-radius:2px; border:solid 3px #eaeaea; outline: 0;} #s-btn-area{ height: 40px; position: absolute; left:200px; top: 5px; background:none; color:#666; border:none; font-size:20px; outline: 0;} #s-btn{ background-color: #bad200; width: 50px; height: 35px; position: relative; right: 20px; bottom: 5px; border-radius: 3px; font-size: 15px; color: #000; line-height: 35px;} /* fontsize setting */ #font_navi { position:relative; width:237px; margin:50px 0 0 0; padding:-0 0 0 0; font-size:1.1em; } #font_navi ul { margin: 0; padding:0; background: #fff; border: 2px solid #ffffff; font-size: 1.1em; color:#020752; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align: center; width: 232px; display: table; table-layout: fixed; } #font_navi ul li { border-right: 3px solid #e2f2fa; display: table-cell; } #font_navi ul li:last-child { border-right: none; } #font_navi ul li a { color:#020752; border: 2px solid #ffffff; text-decoration: none; padding: 12px 0; display: block; } #font_navi ul li a:hover { background: #f9f9f9; border: 2px solid #fabe00; } #font_navi ul li a:active { background: #f9f9f9; border: 2px solid #fabe00; } #textsizer { margin-bottom: 6px; } #textsizer p { display: inline; } ul.textresizer { list-style: none; display: inline; margin: 0px; padding: 0px; } ul.textresizer li { display: inline; margin: 0px; margin-right: 5px; padding: 0px; } ul.textresizer a { border: solid 1px #999; padding: 2px 3px; text-decoration: none; } ul.textresizer a:hover { background: #e5e5e5; border: solid 1px #cccccc; } ul.textresizer .small-text { font-size: 100%; } ul.textresizer .medium-text { font-size: 120%; } ul.textresizer .large-text { font-size: 140%; } ul.textresizer .larger-text { font-size: 160%; } ul.textresizer a.textresizer-active { border: 2px solid #fabe00; background: #eaf596; color: #000; } #top_menu { clear:both; position:relative; width:236px; margin:0; padding:0; } #top_menu ul{ margin: 0 0 0 0; padding: 0; list-style: none; } #top_menu li{ padding: 0; margin: 10px 0 0 0; float: left; line-height:60px;} #top_menu li a {display: block; background: url(img/common/sidemenu.gif) no-repeat; border: 0px; padding: 0 0 0 50px; text-decoration: none; color: #020752; width: 236px; height: 55px; margin: 0px; text-align: left; font-size: 1.3em; } #top_menu li a:hover { display: block; background: url(img/common/sidemenu_blue.gif) no-repeat; text-decoration: none; color:#020752; margin: 0px; padding: 0 0 0 50px; } #top_menu li#menu-item-1425 a {display: block; background: url(img/common/sidemenu_white.gif) no-repeat; } #top_menu li#menu-item-1425 a:hover { color:#daa903; } #subpage_menu { clear:both; position:relative; width:236px; margin:0; padding:0; } #subpage_menu ul{ margin: 0; padding: 5px 0 5px 0; list-style: none; } #subpage_menu li{ padding: 0; margin: 0; float: left; line-height:40px;} #subpage_menu li a {display: block; background: url(img/common/sidemenu_sub1.gif) no-repeat; border: 0px; padding: 0 0 0 45px; text-decoration: none; color: #020752; width: 236px; height: 40px; margin: 0px; text-align: left; font-size: 1.2em; } #subpage_menu li a:hover { display: block; background: url(img/common/sidemenu_sub1_rol.gif) no-repeat; text-decoration: none; color:#020752; margin: 0px; padding: 0 0 0 45px; } #subpage_menu li a:active { color: #daa903; } #subpage_menu li a.current { color: #daa903; } #subpage_menu .sub-menu li a {display: block; background: url(img/common/sidemenu_sub2.gif) no-repeat; border: 0px; padding: 0 0 0 55px; text-decoration: none; color: #020752; width: 236px; height: 40px; margin: 0px; text-align: left; font-size: 1.2em; } #subpage_menu .sub-menu li a:hover { display: block; background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; text-decoration: none; color:#020752; margin: 0px; padding: 0 0 0 55px; } /* soumuka */ #subpage_menu li#menu-item-1612 a { background: url(img/common/sidemenu_sub3.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-1612 a:hover { background: url(img/common/sidemenu_sub3_rol.gif) no-repeat; line-height:1.2em; padding-top:11px; } /* shogaisya shienka sidemenu */ #subpage_menu li#menu-item-430 a { background: url(img/common/sidemenu_sub1.gif) no-repeat; } #subpage_menu li#menu-item-430 a:hover { background: url(img/common/sidemenu_sub1_rol.gif) no-repeat; } #subpage_menu li#menu-item-432 a { background: url(img/common/sidemenu_sub3.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-432 a:hover { background: url(img/common/sidemenu_sub3_rol.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-433 a { background: url(img/common/sidemenu_sub3.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-433 a:hover { background: url(img/common/sidemenu_sub3_rol.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-434 a { background: url(img/common/sidemenu_sub3.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-434 a:hover { background: url(img/common/sidemenu_sub3_rol.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-638694 a { background: url(img/common/sidemenu_sub3.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu li#menu-item-638694 a:hover { background: url(img/common/sidemenu_sub3_rol.gif) no-repeat; line-height:1.2em; padding-top:11px; } #subpage_menu ul.sub-menu li a:active { color: #daa903; } #subpage_menu ul.sub-menu li a.current { color: #daa903; } #subpage_menu ul.sub-menu li#menu-item-1619 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-1619 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-437 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-437 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-438 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-438 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-439 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-439 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-440 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-440 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-441 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-441 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-1621 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-1621 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-1624 a { background: url(img/common/sidemenu_sub2.gif) no-repeat; height: 30px; } #subpage_menu ul.sub-menu li#menu-item-1624 a:hover { background: url(img/common/sidemenu_sub2_rol.gif) no-repeat; height: 30px; } #sub_menu { clear:both; position:relative; width:720px; height:120px; margin:0 0 0 0; padding:0; } #sub_menu ul{ margin: 0; padding: 0; list-style: none; } #sub_menu li{ padding: 0; margin: 0; float: left; line-height:160px;} #sub_menu li a {display: block; border: 0px; padding: 0; text-decoration: none; color: #020752; width: 120px; height: 110px; margin: 0px; text-align: center; font-size: 1.1em; text-indent:100%; white-space:nowrap; overflow:hidden; } #sub_menu li a:hover { display: block; text-decoration: none; color:#daa903;; margin: 0px; } #sub_menu li#menu-item-258 a {display: block; background: url(img/common/sub_menu1.png) no-repeat; } #sub_menu li#menu-item-258 a:hover { display: block; background: url(img/common/sub_menu1.png) no-repeat; } #sub_menu li#menu-item-259 a {display: block; background: url(img/common/sub_menu2_v02.png) no-repeat; } #sub_menu li#menu-item-259 a:hover { display: block; background: url(img/common/sub_menu2_v02.png) no-repeat; } #sub_menu li#menu-item-260 a {display: block; background: url(img/common/sub_menu3.png) no-repeat; font-size: 1.0em; } #sub_menu li#menu-item-260 a:hover { display: block; background: url(img/common/sub_menu3.png) no-repeat; } #sub_menu li#menu-item-261 a {display: block; background: url(img/common/sub_menu4.png) no-repeat; } #sub_menu li#menu-item-261 a:hover { display: block; background: url(img/common/sub_menu4.png) no-repeat; } #sub_menu li#menu-item-262 a {display: block; background: url(img/common/sub_menu5.png) no-repeat; } #sub_menu li#menu-item-262 a:hover { display: block; background: url(img/common/sub_menu5.png) no-repeat; } #sub_menu li#menu-item-263 a {display: block; background: url(img/common/sub_menu6.png) no-repeat; } #sub_menu li#menu-item-263 a:hover { display: block; background: url(img/common/sub_menu6.png) no-repeat; } #common_menu { clear:both; position:relative; width:236px; background:#fff; margin:0 0 0 0; padding:0 0 0 0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } #common_menu ul { background:#fff; margin:0 0 0 0; padding:10px 0 0 0; overflow:hidden; width:236px;} #common_menu li { list-style:none; width:236px; height: 40px; padding:0 0 0 50px; margin:0 10px 10px -1px; float:left; display:inline; line-height:40px; font-size:1.3em; color:#020752; } #common_menu li a { text-decoration:none; color:#020752; } #common_menu li a:hover { text-decoration:none; color:#daa903; } #common_menu li a:active { color: #daa903; } #common_menu li a.current { color: #daa903; } #common_menu li#menu-item-384 { background:url(img/common/common_menu_1.gif) left top no-repeat; } #common_menu li#menu-item-385 { background:url(img/common/common_menu_2.gif) left top no-repeat; } #common_menu li#menu-item-386 { background:url(img/common/common_menu_3.gif) left top no-repeat; } #common_menu li#menu-item-387 { background:url(img/common/common_menu_4.gif) left top no-repeat; } #common_menu li#menu-item-388 { background:url(img/common/common_menu_5.gif) left top no-repeat; } #common_menu li#menu-item-389 { background:url(img/common/common_menu_6.gif) left top no-repeat; } #common_menu li#menu-item-768055 { padding: 0; margin: -10px 0 5px 0; float: left; line-height:60px; width: 236px; height: 61px; text-indent: 100%; white-space: nowrap; overflow: hidden;} #common_menu li#menu-item-768055 a { display: block; background: url(img/common/saiyo.png) no-repeat; border: 0px; padding: 0 0 0 50px; text-decoration: none; color: #020752; width: 236px; height: 61px; margin: 0px; text-align: left; font-size: 1.0em; } #common_menu li#menu-item-768055 a:hover { display: block; background: url(img/common/saiyo_hv.png) no-repeat; text-decoration: none; color:#020752; margin: 0px; padding: 0 0 0 50px; font-size: 1.0em;} #common_menu li#menu-item-771846 { padding: 0; margin: -10px 0 5px 0; float: left; line-height:60px; width: 236px; height: 72px; text-indent: 100%; white-space: nowrap; overflow: hidden;} #common_menu li#menu-item-771846 a { display: block; background: url(img/common/muko.png) no-repeat; border: 0px; padding: 0 0 0 50px; text-decoration: none; color: #020752; width: 236px; height: 72px; margin: 0px; text-align: left; font-size: 1.0em; } #common_menu li#menu-item-771846 a:hover { display: block; background: url(img/common/muko_hv.png) no-repeat; text-decoration: none; color:#020752; margin: 0px; padding: 0 0 0 50px; font-size: 1.0em;} #common_menu li#menu-item-771847 { padding: 0; margin: -10px 0 5px 0; float: left; line-height:60px; width: 236px; height: 72px; text-indent: 100%; white-space: nowrap; overflow: hidden;} #common_menu li#menu-item-771847 a { display: block; background: url(img/common/nagaokakyo.png) no-repeat; border: 0px; padding: 0 0 0 50px; text-decoration: none; color: #020752; width: 236px; height: 72px; margin: 0px; text-align: left; font-size: 1.0em; } #common_menu li#menu-item-771847 a:hover { display: block; background: url(img/common/nagaokakyo_hv.png) no-repeat; text-decoration: none; color:#020752; margin: 0px; padding: 0 0 0 50px; font-size: 1.0em;} #common_menu li#menu-item-771848 { padding: 0; margin: -10px 0 3px 0; float: left; line-height:60px; width: 236px; height: 72px; text-indent: 100%; white-space: nowrap; overflow: hidden;} #common_menu li#menu-item-771848 a { display: block; background: url(img/common/oyamazaki.png) no-repeat; border: 0px; padding: 0 0 0 50px; text-decoration: none; color: #020752; width: 236px; height: 72px; margin: 0px; text-align: left; font-size: 1.0em; } #common_menu li#menu-item-771848 a:hover { display: block; background: url(img/common/oyamazaki_hv.png) no-repeat; text-decoration: none; color:#020752; margin: 0px; padding: 0 0 0 50px; font-size: 1.0em;} .adobe_reader { clear:both; position:relative; width:236px; background:#fff; margin:10px 0 0 0; padding:10px 0 10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .adobe_reader ul { background:#fff; margin:0; padding:0; overflow:hidden; width:236px;} .adobe_reader li { list-style:none; width:216px; padding:0 10px 0 13px; margin:0 0 0 0; float:left; display:inline; line-height:1.5em; font-size:0.8em; color:#020752; } .adobe_reader li a { text-decoration:none; color:#020752; } .adobe_reader li a:hover { text-decoration:none; color:#91bc20; } #adobe_reader_1 { margin:10px 0 0 0; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ #footer_wrap { clear:both; min-width:980px; border-top:0px solid #ccc; } #footer { width:980px; height:140px; margin:0 auto; overflow:hidden; background:url(img/footer/footer.png) no-repeat left 8px; } /* return top */ #return_top { position:fixed; right:10px; bottom:10px; } #return_top img { opacity:0.6; display:block; } #return_top:hover img { opacity:1; } #footer_widget_area { position:relative; margin:0 -30px 0 0; padding:40px 0 0; } .footer_headline { font-size:14px; border-bottom:2px solid #ccc; line-height:100%; margin:0 0 10px 0; padding:0 0 10px 0; } .footer_widget { margin:0 30px 30px 0; width:217px; float:left; } .footer_widget ul { margin:0; } .footer_widget li ul { margin:15px 0 0 0; } .footer_widget li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/bullet1.gif) no-repeat left 8px; padding:0 0 0 8px; } .footer_widget a { color:#666; } /* copyright */ #copyright { width:980px; margin:0 auto; padding:0 0 20px 5px; overflow:hidden; font-size:1.0em; color:#80bee7; line-height:260px; } #xcopyright { clear:both; border-top:0px solid #80bee7; text-align:left; font-size:1.2em; margin:-1px 0 0 0; line-height:40px; min-width:980px; } #copyright a { text-decoration:none; color:#333; } #copyright a:hover { text-decoration:underline; } /* リストテーブル */ .list_middle { font-size:13px; } .list_middle td { padding: 7px 5px 7px; text-align:right;} .list_middle td.textcenter { padding: 7px 5px 7px; text-align:center;} #nonborder { border: solid 0px #ffffff; } #nonborder td { border: solid 0px #ffffff; } /* サイトマップリスト */ .sitemap_list { padding:0 0 0 42px; } /************************************************************* 【ボタン 青・緑】aタグに使えます *************************************************************/ a.button { color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#008ece; display:inline-block; text-decoration:none; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(0,216,255,1) 0%, rgba(0,142,206,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,216,255,1)), color-stop(100%,rgba(0,142,206,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#008ece',GradientType=0 ); border:1px solid #009de1; text-shadow: 1px 1px 0px #0085bf; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } a.button:hover { color:#fff; text-decoration:none; background:#0ddaff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ddaff', endColorstr='#0ddaff',GradientType=0 ); } a.button:active { box-shadow:none; bottom:-2px; position:relative; } .post a.button2 { color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#36bf00; display:inline-block; text-decoration:none; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top, rgba(65,231,0,1) 0%, rgba(54,191,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,231,0,1)), color-stop(100%,rgba(54,191,0,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41e700', endColorstr='#36bf00',GradientType=0 ); border:1px solid #2da000; text-shadow: 1px 1px 0px #227a00; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } a.button2:hover { color:#fff; text-decoration:none; background:#7bf013; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bf013', endColorstr='#7bf013',GradientType=0 ); } a.button2:active { box-shadow:none; bottom:-2px; position:relative; } /************************************************************** 【fontの設定】 **************************************************************/ .text70{font-size:70%} /* フォントサイズ70% */ .text80{font-size:80%} .text90{font-size:90%} .text100{font-size:100%} .text110{font-size:110%} .text120{font-size:120%} .text130{font-size:130%} .text140{font-size:140%} .text150{font-size:150%} .text160{font-size:160%} .text170{font-size:170%} .text180{font-size:180%} .text190{font-size:190%} .text200{font-size:200%} .text210{font-size:210%} .text220{font-size:220%} .b{font-weight:700} /* 太字 */ .u{text-decoration:underline} /* 下線 */ /************************************************************** 【colorの設定】 **************************************************************/ .red{color:red} /* 赤色 */ .blue{color:#2ca9e1} /* 青色 */ .green{color:#82ae46} /* 緑色 */ .orange{color:#ff7d00} /* 橙色 */ .yellow{color:#fff000} /* 黄色 */ .pink{color:#ff0084} /* ピンク */ .gray{color:#999} /************************************************************** 【background-colorの設定】 **************************************************************/ .bg-yellow{background:#ff0} /* 黄色の文字背景 */ .bg-blue{background:#4ab0f5} /* 青色の文字背景 */ .bg-red{background:red} /* 赤色の文字背景 */ /**************************************************************** 【align 配置の設定】 *****************************************************************/ .align1{text-align:center !important} /* 中央寄せ */ .align2{text-align:right !important} /* 右寄せ */ .align3{text-align:left !important} /* 左寄せ */ /**************************************************************** 【float 回り込みの設定】 *****************************************************************/ .r-flo{float:right;margin:10px} /* 右に回り込み */ .l-flo{float:left;margin:10px} /* 左に回り込み */ .f-clear{clear:both} /* 回り込みの解除 */ /**************************************************************** 【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60% *****************************************************************/ a img.linkimg{background:none!important} a:hover img.linkimg{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:none!important; } /************************************************************* 【marginの設定】 *************************************************************/ .m0{margin:0 !important} /* margin 0px を指定するクラス */ .mt0{margin-top:0 !important} /* margin-top0px を指定するクラス */ .mr0{margin-right:0 !important} /* margin-right0px を指定するクラス*/ .mb0{margin-bottom:0 !important} /* margin-bottom0px を指定するクラス*/ .ml0{margin-left:0 !important} /* margin-left0px を指定するクラス*/ .m5{margin:5px !important} .mt5{margin-top:5px !important} .mr5{margin-right:5px !important} .mb5{margin-bottom:5px !important} .ml5{margin-left:5px !important} .m10{margin:10px !important} .mt10{margin-top:10px !important} .mr10{margin-right:10px !important} .mb10{margin-bottom:10px !important} .ml10{margin-left:10px !important} .m15{margin:15px !important} .mt15{margin-top:15px !important} .mr15{margin-right:15px !important} .mb15{margin-bottom:15px !important} .ml15{margin-left:15px !important} .m20{margin:20px !important} .mt20{margin-top:20px !important} .mr20{margin-right:20px !important} .mb20{margin-bottom:20px !important} .ml20{margin-left:20px !important} .m25{margin:25px !important} .mt25{margin-top:25px !important} .mr25{margin-right:25px !important} .mb25{margin-bottom:25px !important} .ml25{margin-left:25px !important} .m30{margin:30px !important} .mt30{margin-top:30px !important} .mr30{margin-right:30px !important} .mb30{margin-bottom:30px !important} .ml30{margin-left:30px !important} .m35{margin:35px !important} .mt35{margin-top:35px !important} .mr35{margin-right:35px !important} .mb35{margin-bottom:35px !important} .ml35{margin-left:35px !important} .m40{margin:40px !important} .mt40{margin-top:40px !important} .mr40{margin-right:40px !important} .mb40{margin-bottom:40px !important} .ml40{margin-left:40px !important} .m45{margin:45px !important} .mt45{margin-top:45px !important} .mr45{margin-right:45px !important} .mb45{margin-bottom:45px !important} .ml45{margin-left:45px !important} .m50{margin:50px !important} .mt50{margin-top:50px !important} .mr50{margin-right:50px !important} .mb50{margin-bottom:50px !important} .ml50{margin-left:50px !important} .m55{margin:55px !important} .mt55{margin-top:55px !important} .mr55{margin-right:55px !important} .mb55{margin-bottom:55px !important} .ml55{margin-left:55px !important} .m60{margin:60px !important} .mt60{margin-top:60px !important} .mr60{margin-right:60px !important} .mb60{margin-bottom:60px !important} .ml60{margin-left:60px !important} .m65{margin:65px !important} .mt65{margin-top:65px !important} .mr65{margin-right:65px !important} .mb65{margin-bottom:65px !important} .ml65{margin-left:65px !important} .m70{margin:70px !important} .mr70{margin-right:70px !important} .mb70{margin-bottom:70px !important} .ml70{margin-left:70px !important} .m75{margin:75px !important} .mt75{margin-top:75px !important} .mr75{margin-right:75px !important} .mb75{margin-bottom:75px !important} .ml75{margin-left:75px !important} .m80{margin:80px !important} .mt80{margin-top:80px !important} .mr80{margin-right:80px !important} .mb80{margin-bottom:80px !important} .ml80{margin-left:80px !important} /************************************************************** 【paddingの設定】 **************************************************************/ .p0{padding:0 !important} /* padding-0px を指定するクラス */ .pt0{padding-top:0 !important} /* padding-top0px を指定するクラス */ .pr0{padding-right:0 !important} /* padding-right0px を指定するクラス */ .pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */ .pl0{padding-left:0 !important} /* padding-left0px を指定するクラス */ .p5{padding:5px !important} .pt5{padding-top:5px !important} .pr5{padding-right:5px !important} .pb5{padding-bottom:5px !important} .pl5{padding-left:5px !important} .p10{padding:10px !important} .pt10{padding-top:10px !important} .pr10{padding-right:10px !important} .pb10{padding-bottom:10px !important} .pl10{padding-left:10px !important} /* ---------- clearfix hack ---------- */ .clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; } .clearfix { display: inline-block; } /* exlude MacIE5 \*/ * html .clearfix { height:1% } .clearfix {display:block;} /* end MacIE5 */