/* Theme Name:Corporate Theme URI: Description:WordPressテーマ「Corporate (TCD011)」 Author:Design Plus Author URI:http://design-plus1.com/tcd-w/ Version:1.5 */ /* ---------------------------------------------------------------------- basic setting ---------------------------------------------------------------------- */ *{ font-size: 14px; } body { margin:0; padding:0; font-family:"Century Gothic",Arial,sans-serif; color:#333; } a img { border:none; verticle-align:top; } a, a:visited { outline:none; } a:hover { } p { margin:0 0 1em 0; padding:0; line-height:240%; } 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; max-width: 100%;} 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:960px; margin:20px auto; } #main_col { width:750px; float:left; } #side_col { width:180px; float:right; } .page #main_content { margin-top:40px; } .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 { border-bottom:2px solid #ccc; padding:0 0 5px 0; font-size:16px; line-height:170%; margin:0 0 15px 0; } .headline2 { background:url(img/common/headline_bg.gif) repeat-x left top; font-size:14px; height:41px; line-height:43px; padding:0 20px; } /* ---------------------------------------------------------------------- top page ---------------------------------------------------------------------- */ #pickup { margin:0 0 25px 0; } #pickup ul { position:relative; margin:-20px -28px 0 0; overflow:hidden; } #pickup li { width:231px; float:left; display:inline; margin:25px 28px -1px 0; border-bottom:1px dotted #ccc; } #pickup a.image img { display:block; margin:0 0 10px 0; border:1px solid #ccc; padding:1px; width:227px; height:83px; } #pickup a.title { display:block; color:#333; font-size:16px; margin:0 0 5px 0; text-decoration:none; font-weight:bold; } #pickup a.title:hover { text-decoration:underline; } #pickup .desc { font-size:12px; line-height:180%; margin:0 0 20px 0; } #topics_list, #press_list { margin:0 0 15px 0; } .post_list ul { margin:0 0 15px 0; } .post_list li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:0 0 10px 0; } .post_list li span { float:left; display:block; width:75px; } .post_list li a.title { color:#333; float:left; display:block; width:655px; 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; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ #contents { /* border:1px solid #ccc; */ margin:0 0 20px 0; /* box-shadow:0px 0px 0px 4px rgba(0,0,0,0.03); */ } /* title */ #single_post_title { margin:0; padding:15px 0 13px; border-bottom:1px solid #ccc; margin:0 0 15px 0; } #single_post_title .date { float:left; background:url(img/common/post_date.gif) no-repeat left bottom; color:#fff; font-size:11px; display:block; width:36px; height:37px; text-align:center; line-height:37px; margin:0 0 0 15px; } #single_post_title .title { font-size:21px; line-height:160%; float:right; padding:0; margin:2px 15px 0 0; display:inline-block; 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:12px; 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:12px; 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 { width: 24%; 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; } /* ---------------------------------------------------------------------- pages ---------------------------------------------------------------------- */ #page_title { font-size:21px; line-height:160%; padding:24px 20px 34px; margin:0 0 20px 0; display:block; background:url(img/common/post_title.gif) no-repeat bottom; } .page #contents { padding:0 0 20px 0; } /* 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:200%; font-weight:bold; font-size:11px; 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:center; margin-top:30px; } #gmap iframe { border:1px solid #ccc; padding:1px; width:700px; } /* ---------------------------------------------------------------------- Archive, Search result page ---------------------------------------------------------------------- */ #post_list { position:relative; margin:0 -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:14px; line-height:150%; } #post_list .title a { color:#333; display:block; } #post_list .desc { font-size:11px; color:#666; 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 { color:#333; } #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 35px 0; font-size:11px; clear:both; } .side_widget { } .side_widget ul { margin:0; } .side_widget li ul { margin:15px 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:960px; border-bottom:1px solid #ccc; height:100px; margin:0 0 1px 0; } #header { width:960px; height:100px; margin:0 auto; z-index:30; position:relative; overflow:hidden; } /* logo */ #logo { position:absolute; top:32px; 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; } /* 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:258px; margin:0 auto; overflow:hidden; padding:0 0 1px; width:100%; min-width:960px; background: #02050f; } #main_image img { max-height:258px; } /* breadcrumb navi */ #bread_crumb { margin:0 0 20px 0; } #bread_crumb ul { margin:0 0 0 15px; padding:0; } #bread_crumb li { line-height:22px; float:left; display:inline; margin:0 12px 0 0; padding:0 15px 0 0; background:url(img/common/arrow1.gif) no-repeat right 8px; font-size:10px; color:#888; } #bread_crumb li a {color:#666; } #bread_crumb li a:hover { } #bread_crumb li.last { background:none; margin:0; padding:0; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ #footer_wrap { clear:both; min-width:960px; border-top:1px solid #ccc; } #footer { width:960px; margin:0 auto; overflow:hidden; } /* 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 { clear:both; border-top:1px solid #ccc; text-align:center; font-size:12px; margin:-1px 0 0 0; padding:0; line-height:40px; min-width:960px; } #copyright a { text-decoration:none; color:#333; } #copyright a:hover { text-decoration:underline; } /************************************************************* 【ボタン 青・緑】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 */