/* CSS Document */ /*===================================================================== 【common】 =======================================================================*/ html { width:100%; } body { background:#fff; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka","sans-serif" !important; margin:0; padding:0; position:relative; min-width:980px; width:100%;} fieldset, img { border:0; } a img { border-style:none; } ul, ol, li { list-style:none; padding:0; margin:0; } .clearfix:before, .clearfix:after { content:" "; display:table; } .clearfix:after { clear:both; } p { font-size:14px; line-height:1.5; margin:0 0 14px 0; padding:0;} a img {filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; opacity:1; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; transition:all ease-in-out .25s; -webkit-transition:all ease-in-out .25s; -moz-transition:all ease-in-out .25s; -ms-transition:all ease-in-out .25s; -o-transition:all ease-in-out .25s; width:auto !important; zoom:1;} a:hover img, a:active img {filter:alpha(opacity=85); -ms-filter:"alpha(opacity=85)"; opacity:0.85; -webkit-opacity:0.85; -moz-opacity:0.85; width:auto !important;} /*===================================================================== 【大枠】 =======================================================================*/ #pbp { margin:0; padding:0; position:relative; min-width:980px; width:100%;} /*===================================================================== 【コンテンツ】ベージュ背景（100%） =======================================================================*/ #pbp_wrap { background: #f2f2e8; margin:0; padding:25px 0; min-width:980px; width:100%;} /*===================================================================== 【メインコンテンツ全体の大枠】白背景（980px） =======================================================================*/ #pbp_main { background: #fff; margin:0 auto; padding:0 0 25px 0; width:980px;} /*===================================================================== 【共通】【タイトル】 =======================================================================*/ #pbp h2 { background: url(20170620_pbp_ttl_bg.png) repeat-x; height: 42px; margin: 0; padding: 0; min-width: 800px; width: 100%;} #pbp h2 span { display: block; height: 42px; line-height: 0; margin: 0 auto; padding: 0; width: 800px;} /*===================================================================== 【共通】【800pxの枠】 =======================================================================*/ #pbp .pbp_contents {margin: 23px auto; padding: 0; width: 800px;} /*===================================================================== 【共通】【800pxの枠の中で画像だけ並べる枠】 =======================================================================*/ #pbp .pbp_contents ul {font-size:0; line-height:0; margin:0; padding:0;} #pbp .pbp_contents ul li { margin: 0 auto; padding: 0; width: 800px;} #pbp .pbp_contents ul li img { vertical-align: bottom;} /*===================================================================== 【共通】【リンクボタン】 =======================================================================*/ #pbp .pbp_btn {margin: 0 auto 0 auto; padding: 0; width: 408px;} /*===================================================================== 【ヘッダー】 =======================================================================*/ #pbp_common_header { margin:0 auto 0 auto; padding:18px 0; width:980px;} #pbp_common_header dl { display: block; line-height: 0; margin: 0; padding: 0; width:980px;} /*ロゴ（左）*/ #pbp_common_header dl dt { display: inline-block; margin: 0; padding: 0; vertical-align: bottom; width: 490px;} /*プレバンロゴ（右）*/ #pbp_common_header dl dd { display: inline-block; margin: 0; padding: 0; text-align: right; vertical-align: bottom; width: 490px;} #pbp_common_header dl dd p { display: inline; font-size: 12px; line-height: 12px; margin: 0; padding: 0; vertical-align: middle;} #pbp_common_header dl dd span { display: inline; line-height: 12px; margin: 0; padding: 0; vertical-align: middle;} /*===================================================================== 【コンテンツヘッダー】グローバルメニューがあるほう =======================================================================*/ #pbp_header { margin:0 auto 43px auto; padding:0; width:800px;} /*メインロゴ*/ #pbp_header h1 { margin:0 auto; padding:0; width:800px;} /*メニュー*/ #pbp_header ul { font-size:0; line-height:0; margin:0; padding:0;} #pbp_header ul li { display: inline; margin: 0 5px 5px 0; vertical-align: top;} #pbp_header ul li:nth-child(4n) { display: inline; margin: 0 0 5px 0; vertical-align: top;} /*===================================================================== 【プレバンポイントバンクとは？】 =======================================================================*/ #pbp_about { margin:0 auto 44px auto; padding:0; min-width:980px; width: 100%;} /*===================================================================== 【ご利用方法】 =======================================================================*/ #pbp_howto { margin:0 auto 44px auto; padding:0; min-width:980px; width: 100%;} /*===================================================================== 【ポイントを貯める】 =======================================================================*/ #pbp_accp { margin:0 auto 44px auto; padding:0; min-width:980px; width: 100%;} /*===================================================================== 【おトクなご案内】※この先にコンテンツを増やす場合は、margin-bottomに44pxを追加 =======================================================================*/ #pbp_info { margin:0 auto 0 auto; padding:0; min-width:980px; width: 100%;} /*===================================================================== 【フッター】濃いグレー背景 =======================================================================*/ #pbp_common_footer { background: #272727; margin:0 auto 0 auto; padding:25px 0; text-align: center; min-width:980px; width: 100%;} #pbp_common_footer img { height: auto !important; width:46px !important;} #pbp_common_footer span { color: #fff; display: block; font-size: 11px; line-height: 16px; margin: 10px 0 0 0;} /*===================================================================== 【コピーライト】ベージュ背景 =======================================================================*/ #pbp_common_copy { background: #f2f2e8; margin:0 auto 0 auto; padding:11px 0; text-align: center; min-width:980px; width: 100%;} #pbp_common_copy p {color: #d9d9d9; font-size: 11px; line-height: 16px; margin: 0; padding: 0;}