@charset "utf-8";

/*================================================================================
 
	Service:  太陽族 Official Web Site
	FileName: taiyouzoku.css
	LastUpdate: 2013/10/17

================================================================================*/

/*==================================================================
 スタイルリセット
==================================================================*/

*{margin:0; padding:0;}
html{font-size:65.2%;}
body { -webkit-text-size-adjust: 100%; font-size:12px; line-height: 160%; background: url(../images/common/bg_body_01.gif) repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
ul, ol, li{list-style:none;}
img{vertical-align:baseline; border:0;}
textarea { font-size: 100%; }
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

/*==================================================================
 ベースレイアウト
==================================================================*/

div#contentsWrap { width: 1020px; margin: 0 auto; clear: both; overflow: hidden; }
div#contentsWrap header#contentsHeader { width: 1020px; height: 260px; position: relative; background: url(../images/common/bg_head_01.png) no-repeat; }
div#contentsWrap div#mainContents { width: 1020px; margin: 0 auto; clear: both; overflow: hidden; position: relative; background: url(../images/common/bg_main_01.png) repeat-y; }
div#contentsWrap div#mainContents article#articleContents { width: 640px; padding:10px 0 0 0; float: left; overflow: hidden; }
div#contentsWrap div#mainContents aside#sideContents { width: 360px; float: left; overflow: hidden; }

/*==================================================================
 ヘッダー
==================================================================*/

div#contentsWrap header#contentsHeader h1#pageLogo { position: absolute; top: 24px; left: 44px; }
div#contentsWrap header#contentsHeader p#copyright01 { position: absolute; top: 64px; left: 342px; }
div#contentsWrap header#contentsHeader p#copyright02 { position: absolute; top: 13px; left: 750px; }
div#contentsWrap header#contentsHeader nav#globalNav { width: 1020px; height: 147px; position: relative; top: 109px; left: 0px; overflow: hidden; }
div#contentsWrap header#contentsHeader nav#globalNav ul { }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav01 { position: absolute; top: 32px; left: 15px; z-index: 0; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav02 { position: absolute; top: 31px; left: 111px; z-index: 1; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav03 { position: absolute; top: 31px; left: 232px; z-index: 2; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav04 { position: absolute; top: 31px; left: 357px; z-index: 3; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav05 { position: absolute; top: 23px; left: 465px; z-index: 4; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav06 { position: absolute; top: 0px; left: 590px; z-index: 5; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav07 { position: absolute; top: 0px; left: 723px; z-index: 4; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav08 { position: absolute; top: 0px; left: 854px; z-index: 5; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav09 { position: absolute; top: 87px; left: 590px; z-index: 3; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav10 { position: absolute; top: 81px; left: 723px; z-index: 4; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.gnav11 { position: absolute; top: 81px; left: 854px; z-index: 3; }

/*==================================================================
 ヘッダー (はなたれ倶楽部)
==================================================================*/

div#contentsWrap header#contentsHeader p#copyright03 { position: absolute; top: 42px; left: 472px; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.fgnav01 { position: absolute; top: 32px; left: 41px; z-index: 0; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.fgnav02 { position: absolute; top: 32px; left: 216px; z-index: 1; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.fgnav03 { position: absolute; top: 9px; left: 401px; z-index: 2; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.fgnav04 { position: absolute; top: -2px; left: 594px; z-index: 3; }
div#contentsWrap header#contentsHeader nav#globalNav ul li.fgnav05 { position: absolute; top: -1px; left: 778px; z-index: 4; }


/*==================================================================
 左サイドコンテンツ
==================================================================*/

div#contentsWrap div#mainContents article#articleContents section.noteSection { width: 440px; padding: 0px 35px 40px 42px; background: url(../images/common/bg_section_01.png) repeat-y; margin: 0 auto; overflow: hidden; clear: both; }
div#contentsWrap div#mainContents article#articleContents section.noteSection h2{font-size:16px; font-size:1.6rem; color:#008bae; padding:35px 0 25px 0;}
div#contentsWrap div#mainContents article#articleContents section.noteSection dl.updateList { padding: 0 10px 0 0; clear: both; overflow: hidden; /width:450px; /* for IE7 */}
div#contentsWrap div#mainContents article#articleContents section.noteSection dl.updateList dt { font-weight: bold; color: #008bae; float: left; clear: left; line-height: 20px; width: 320px; padding: 0 0 0 10px; /margin:0px 0 0 0; /* for IE7 */}
div#contentsWrap div#mainContents article#articleContents section.noteSection dl.updateList dd { font-weight: nomal; float: left; clear: left; padding: 0 0 15px 10px; line-height: 15px; /width:320px; /margin:-10px 0 0 0; /* for IE7 */}

/*==================================================================
 右サイドコンテンツ
==================================================================*/

div#contentsWrap div#mainContents aside#sideContents dl.productList { width: 256px; height: 365px; padding: 75px 44px 42px 56px; margin: 0 auto; overflow: hidden; background: url(../images/common/side/bg_side_01.png) no-repeat; text-align:center; }
div#contentsWrap div#mainContents aside#sideContents dl.productList dt { padding: 0 0 10px 0; }
div#contentsWrap div#mainContents aside#sideContents dl.productList dd {}
div#contentsWrap div#mainContents aside#sideContents dl.productList dd strong { font-size: 16px; font-size: 1.6rem; font-weight: normal; padding: 0 10px 0 0; }
div#contentsWrap div#mainContents aside#sideContents dl.productList dd.descTxt { padding: 10px 0 0 0; }
div#contentsWrap div#mainContents aside#sideContents ul.bnrList { text-align: center; margin: 0 0 15px 0; }
div#contentsWrap div#mainContents aside#sideContents ul.bnrList li { margin: 0 0 10px 0; }
div#contentsWrap div#mainContents aside#sideContents ul.snsList { width: 260px; margin: 0 auto; }
div#contentsWrap div#mainContents aside#sideContents ul.snsList li { float: left; }
div#contentsWrap div#mainContents aside#sideContents p.movie { text-align: center; padding-top: 10px; }


/*==================================================================
 トップページ
==================================================================*/

article#articleContents div#slideWrap{background:url(../images/top/img_photo_01.png) no-repeat; width:610px; height:368px; margin:0 0 30px 20px;}
article#articleContents div#slideWrap div#slideImage {position:relative; margin:0 0 0 37px;}
article#articleContents div#slideWrap div#slideImage p.boxes {display: none; position: absolute;}
article#articleContents div#slideWrap div#slideImage p img{padding:5px 0 0 0;}
article#articleContents div#slideWrap div#slideImage p#box1 {display: block;}

/*==================================================================
 にゅーすページ
==================================================================*/

article#articleContents section.noteSection.updateSection{margin: 0 0 40px 80px !important;}

/*==================================================================
 めーる & ついったーページ
==================================================================*/

article#articleContents section.noteSection dl.snsList{width:226px; padding:25px 0 0 0; float:left; overflow:hidden;}
article#articleContents section.noteSection dl.snsList dt{text-align:center; padding:0 0 10px 0;}
article#articleContents section.noteSection dl.snsList dd{}
article#articleContents section.noteSection dl.snsList dd ul{}

/*==================================================================
 ばいおぐらふぃページ
==================================================================*/

article#articleContents figure.figureImg{margin:0 0 20px 80px;}
article#articleContents ul.profileBtn{margin:0 0 25px 105px; clear:both; overflow:hidden;}
article#articleContents ul.profileBtn li{float:left; margin:0 0 0 5px;}
article#articleContents section.noteSection.bioSection{margin: 0 0 0 100px !important;}
article#articleContents section.noteSection dl.profileList01{clear:both; overflow:hidden; padding:0 0 25px 0;}
article#articleContents section.noteSection dl.profileList01 dt{float:left; clear:left;}
article#articleContents section.noteSection dl.profileList01 dd{float:left;}
article#articleContents section.noteSection dl.profileList02{clear:both; overflow:hidden;}
article#articleContents section.noteSection dl.profileList02 dt{}
article#articleContents section.noteSection dl.profileList02 dd{padding:0 0 25px 0;}

/*==================================================================
 でぃすこぐらふぃページ
==================================================================*/

article#articleContents ul.discoBtn{margin:0 0 35px 75px; clear:both; overflow:hidden;}
article#articleContents ul.discoBtn li{float:left; margin:0 0 0 5px;}
article#articleContents section.discoSection{clear:both; overflow:hidden; margin:0 0 0 65px;}
article#articleContents section.discoSection h2.discoTitle,
article#articleContents section.discoSection figure.discoImage{text-align:center;}
article#articleContents section.discoSection figure.discoImage{padding:0 0 25px 0;}
article#articleContents section.discoSection ul.albumList{}
article#articleContents section.discoSection ul.albumList li{float:left; margin: 0 0 17px 17px;}

/*==================================================================
 めーるまがじんページ
==================================================================*/

article#articleContents section.noteSection div.mailBox{font-size:11px !important; font-size:1.1rem !important; padding:0 0 35px 15px; clear:both; overflow:hidden;}
article#articleContents section.noteSection dl.mailList{margin:5px 0 0 0; overflow:hidden;}
article#articleContents section.noteSection dl.mailList dt{float:left; width:65px;}
article#articleContents section.noteSection dl.mailList dd{float:left;}

/*==================================================================
 ふぁんくらぶページ
==================================================================*/

article#articleContents h2.fanclubTit{margin: 0 0 20px 100px}
article#articleContents section.noteSection.fanclubSection{margin: 0 0 0 100px !important;}
article#articleContents section.fanclubSection h3{font-size:16px; font-size:1.6rem; color:#008bae; padding:25px 0 10px 0;}
article#articleContents section.fanclubSection dl{font-size:11px; font-size:1.1rem; clear:both; overflow:hidden}
article#articleContents section.fanclubSection dl dd ul{margin:0 0 0 15px;}
article#articleContents section.fanclubSection dl dd ul li{list-style:outside;}
article#articleContents section.fanclubSection dl dd ul.infoList{list-style:outside;}
article#articleContents section.fanclubSection dl dd ul.infoList li{float:left; margin: 0 30px 0 0;}
article#articleContents section.fanclubSection dl.billList{}
article#articleContents section.fanclubSection dl.billList dt{float:left; clear:left; width:72px; margin:0 10px 0 0;}
article#articleContents section.fanclubSection dl.billList dd{float:left;}

/*==================================================================
 はなたれ倶楽部 (News) ページ
==================================================================*/

article#articleContents h2.newsTitle{padding:35px 0 5px 0 !important;}
article#articleContents p.dateTxt{font-size:11px; padding:0 0 25px 0 !important;}


/*==================================================================
 はなたれ倶楽部 (Guide) ページ
==================================================================*/

section.noteSection dl.guideList{font-size:11px !important; clear:both; overflow:hidden;}
section.noteSection dl.guideList dt{padding:25px 0 0 0;}
section.noteSection dl.guideList dd{}
section.noteSection dl.guideList dd ul{list-style:disc; padding:0 0 0 20px;}
section.noteSection dl.guideList dd ul li{}
section.noteSection dl.guideList dd ul li span{padding:0 0 0 12px;}
section.noteSection dl.guideList dd ul li ul{list-style:none !important; padding:0 0 0 0 !important;}

/*==================================================================
 はなたれ倶楽部 (Column) ページ
==================================================================*/

article#articleContents h2.columnTitle{margin: 0 0 25px 60px;}
article#articleContents ul.columnList{padding:25px 0 0 0;}
article#articleContents ul.columnList li{font-size:18px; font-weight:bold; line-height: 30px; margin: 0 0 5px 0;}
article#articleContents ul.columnList li a{color:#0077b7;}

/*==================================================================
 はなたれ倶楽部 (Photos) ページ
==================================================================*/

article#articleContents section.photoSection{width:500px; margin:10px 0 30px 100px; clear:both; overflow:hidden;}
article#articleContents section.photoSection h2{}
article#articleContents section.photoSection ul.photoList{margin:15px 0 0 0;}
article#articleContents section.photoSection ul.photoList li{float:left; margin:0 0 3px 3px;}


/* ===============================================================================
 
 ■INDEX（汎用カスケード指定：フォント関連）
     |
     |--フォントスタイル

=============================================================================== */

/* ===============================================================================
	フォントスタイル
=============================================================================== */

.fBold { font-weight: bold; }
.fItalic { font-style: italic; }
.fSS { font-size: 10px; }
.fS { font-size: 12px; /* base 12px */ }
.fL { font-size: 14px; }
.fLL { font-size: 16px; }
.fCWhite { color: #FFF; /* white */ }
.fCRed { color: #FF0000; /* red */ }
.fCOra { color: #EF6B23; /* orange */ }

/* ===============================================================================
 
 ■INDEX（汎用カスケード指定：要素配置関連）
     |
     |--回り込み解除
     |--回り込み配置
     |--インライン要素配置指定
     |--ブロック要素配置指定
     |--ポジション配置指定
     |--テーブル要素配置指定

=============================================================================== */

/* ===============================================================================
	回り込み解除
=============================================================================== */

.clearfix { clear: both; display: block; min-height: 1%; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .clearfix { height: 1%;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ===============================================================================
	回り込み配置
=============================================================================== */

.fltL { float: left; }
.fltR { float: right; }
.ft { overflow: hidden; zoom: 1; }
.flImgL { display: inline; float: left; margin-right: 10px; }
.flImgR { display: inline; float: right; margin-left: 10px; }

/* ===============================================================================
	インライン要素配置指定
=============================================================================== */

.inlineL { text-align: left; }
.inlineC { text-align: center; }
.inlineR { text-align: right; }

/* ===============================================================================
	ブロック要素配置指定
=============================================================================== */

.block { display: block; }
.blockL { text-align: left; }
.blockL .block { margin-left: auto; text-align: left; }
.blockC { text-align: center; }
.blockC .block { margin-right: auto; margin-left: auto; text-align: left; }
.blockR { text-align: right; }
.blockR .block { margin-left: auto; text-align: left; }
.center { width: 680px; margin: 0px auto; overflow: hidden; }

/* ===============================================================================
	ポジション配置指定
=============================================================================== */

.poR { /* Relative */ position: relative; }

/* ===============================================================================
	らいぶぺーじカレンダー指定
=============================================================================== */

.st-c { white-space: pre !important; }
.rb-i { white-space: pre !important; }
.ca-evp1  rb-n { white-space: pre !important; }
.ca-evp1.rb-n { white-space: pre !important; }
.rb-n { white-space: pre !important; }

/* ===============================================================================
	テーブル要素配置指定
=============================================================================== */

td.vttm { vertical-align: top !important; }
td.vbtm { vertical-align: bottom !important; }

/* ===============================================================================
 
 ■INDEX（汎用カスケード指定：ボックスデザイン）
     |
     |--幅指定
     |--ボーダードット下線

=============================================================================== */

/* ===============================================================================
	幅指定
=============================================================================== */

.w10 { width: 10px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w520 { width: 520px; }
.w560 { width: 560px; }
.w570 { width: 570px; }
.w580 { width: 580px; }
.w590 { width: 590px; }
.w600 { width: 600px; }
.w950 { width: 950px; }

/* ===============================================================================
	ボーダードット下線
=============================================================================== */

.botW { background: url(img/line_dot_01.gif) repeat-x left top; }
.bobW { background: url(img/line_dot_01.gif) repeat-x left bottom; }

/* ===============================================================================

 ■INDEX（汎用カスケード指定：外部余白「margin」関連）
     |
     |--全方向マージン
     |--上マージン
     |--右マージン
     |--下マージン
     |--左マージン
     |--マージンクリア

=============================================================================== */

/* ===============================================================================
	全方向マージン
=============================================================================== */

.mAll01 { margin: 1px !important; }
.mAll02 { margin: 2px !important; }
.mAll03 { margin: 3px !important; }
.mAll04 { margin: 4px !important; }
.mAll05 { margin: 5px !important; }
.mAll06 { margin: 6px !important; }
.mAll07 { margin: 7px !important; }
.mAll08 { margin: 8px !important; }
.mAll09 { margin: 9px !important; }
.mAll10 { margin: 10px !important; }
.mAll15 { margin: 15px !important; }
.mAll20 { margin: 20px !important; }
.mAll30 { margin: 30px !important; }
.mAll40 { margin: 40px !important; }
.mAll50 { margin: 50px !important; }
.mAll60 { margin: 60px !important; }
.mAll70 { margin: 70px !important; }
.mAll80 { margin: 80px !important; }
.mAll90 { margin: 90px !important; }
.mAll100 { margin: 100px !important; }

/* ===============================================================================
	上マージン
=============================================================================== */

.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt08 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

/* ===============================================================================
	右マージン
=============================================================================== */

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr08 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

/* ===============================================================================
	下マージン
=============================================================================== */

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb08 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

/* ===============================================================================
	左マージン
=============================================================================== */

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml08 { margin-left: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/* ===============================================================================
	マージンクリア
=============================================================================== */

.mcAll { margin: 0 !important; }
.mcT { margin-top: 0 !important; }
.mcR { margin-right: 0 !important; }
.mcB { margin-bottom: 0 !important; }
.mcL { margin-left: 0 !important; }
/* ===============================================================================
 
 ■INDEX（汎用カスケード指定：内部余白「padding」関連）
     |
     |--全方向余白
     |--上余白
     |--右余白
     |--下余白
     |--左余白
     |--余白クリア

=============================================================================== */

/* ===============================================================================
	全方向余白
=============================================================================== */

.pAll01 { padding: 1px !important; }
.pAll02 { padding: 2px !important; }
.pAll03 { padding: 3px !important; }
.pAll04 { padding: 4px !important; }
.pAll05 { padding: 5px !important; }
.pAll06 { padding: 6px !important; }
.pAll07 { padding: 7px !important; }
.pAll08 { padding: 8px !important; }
.pAll09 { padding: 9px !important; }
.pAll10 { padding: 10px !important; }
.pAll15 { padding: 15px !important; }
.pAll20 { padding: 20px !important; }
.pAll30 { padding: 30px !important; }
.pAll40 { padding: 40px !important; }
.pAll50 { padding: 50px !important; }
.pAll60 { padding: 60px !important; }
.pAll70 { padding: 70px !important; }
.pAll80 { padding: 80px !important; }
.pAll90 { padding: 90px !important; }
.pAll100 { padding: 100px !important; }
/* ===============================================================================
	上余白
=============================================================================== */

.pt00 { padding-top: 0 !important; }
.pt02 { padding-top: 2px !important; }
.pt03 { padding-top: 3px !important; }
.pt04 { padding-top: 4px !important; }
.pt05 { padding-top: 5px !important; }
.pt08 { padding-top: 8px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
/* ===============================================================================
	右余白
=============================================================================== */

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr08 { padding-right: 8px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }
.pr90 { padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }
/* ===============================================================================
	下余白
=============================================================================== */

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb08 { padding-bottom: 8px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }
/* ===============================================================================
	左余白
=============================================================================== */

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl08 { padding-left: 08px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; }
.pl100 { padding-left: 100px !important; }
/* ===============================================================================
	余白クリア
=============================================================================== */

.pcAll { padding: 0 !important; }
.pcT { padding-top: 0 !important; }
.pcR { padding-right: 0 !important; }
.pcB { padding-bottom: 0 !important; }
.pcL { padding-left: 0 !important; }