/*
━━━━━━━━━━━━━━━━━━━━━━━━
【「アフィ１０」テンプレートの利用規約】

以下の規約をよくお読みいただいた上で
テンプレートをご利用ください。

■ 禁止事項
・ テンプレートの再配布、販売行為
・ テンプレートを加工した上での再配布、販売行為
・ テンプレート内の削除禁止部分の削除・加工
・ アダルトサイトや違法サイトでの使用

■ 免責事項
当テンプレートの利用により
いかなる問題が発生しても一切責任を負いません。
全て自己責任でお願いします。

「アフィ１０」 ⇒ http://affi10.com
━━━━━━━━━━━━━━━━━━━━━━━━
*/



/* - - - - - - - - - - - - ▼ 画像設定ここから - - - - - - - - - - - - */

/* 背景画像 */
body {
background: url(http://file.ehna93pana.blog.shinobi.jp/bg.gif) fixed;
}

/* ヘッダ画像 */
#head {
background: #FFFFFF url(http://file.ehna93pana.blog.shinobi.jp/title.gif) no-repeat;
}

/* メイン・タイトル画像 */
.content-title h3,
.date {
background: url(http://file.ehna93pana.blog.shinobi.jp/content-title.gif) no-repeat;
}

/* エントリー・タイトル画像 */

.entry-title {
background: url(http://file.ehna93pana.blog.shinobi.jp/entry-title.gif) left repeat-y;
}

/* サイドメニュー・タイトル画像 */
.m-title,
.sidetitle {
background: url(http://file.ehna93pana.blog.shinobi.jp/m-title.gif) no-repeat;
}

/* サイドメニュー・カテゴリー画像 */

#m-navi a:active,
#m-navi a:hover {
background: url(http://file.ehna93pana.blog.shinobi.jp/m-navi.gif);
}

/* - - - - - - - - - - - - ▲ 画像設定ここまで - - - - - - - - - - - - */ 


/* ▼ 基本設定 */

body {
margin: 0;
text-align: center;
color: #666666;
letter-spacing: 1px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* ▼ リンク設定 */

a:link,
a:visited {
color: #0000FF;text-decoration: underline;
}
a:active,
a:hover {
color: #0000FF;text-decoration: none;
}

/* ▼ 全体を囲む枠 */

#outline {
margin: 0 auto;
padding: 0 auto;
width: 806px;
background: #FFFFFF;
text-align: left;
overflow: hidden;
}

/* ▼ ヘッダ設定 */

#head {
margin: 0 0 15px;
height: 150px;
position: relative;
}

#head h1 {
margin: 0;
padding: 0;
position: absolute; top: 5px; right: 15px;
text-align: right;
font-size: 10px;
color: #FFFFFF;
font-weight: normal;
}

#head h2 {
margin: 0;
padding: 0;
position: absolute; top: 47px; left: 20px;
font-size: 18px;
}
#head h2 a,
#head h2 a:link,
#head h2 a:visited,
#head h2 a:active,
#head h2 a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

.description {
margin: 0;
padding: 0;
width: 500px;
position: absolute; top: 72px; left: 22px;
color: #FFFFFF;
font-size: 13px;
}

#kensaku {
position: absolute; bottom: 10px; right: 15px;
font-size: 10px;
}
#search {
width: 140px;
border: solid 1px  #A8A8A8;
color: #666666;
font-size: 12px;
}
#s-submit {
width: 30px;
background: #FFFFFF;
border: solid 1px  #A8A8A8;
color: #666666;
font-size: 10px;
}

/* ▼ メイン部 */

#body {
margin: 0 0 0 15px;
}

#cm-frame {}

#content-frame {
float: right;
}

#pan {
margin: 5px 0 15px;
width: 559px;
font-size: 12px;
line-height: 16px;
text-align: left;
}

#content-outline {
margin: 0 15px 0 0;
width: 559px;
overflow: hidden;
}

.content-ex {
margin: 0 0 10px;
padding: 0 0 5px;
border-bottom: dashed 1px #CCCCCC;
}

#content {
font-size: 13px;
line-height: 20px;
}

.content-body {
padding: 0 0 15px;
}

.content-title h3,
.date {
margin: 0 0 20px;
padding: 3px 10px;
color: #FFFFFF;
font-size: 15px;
line-height: 20px;
font-weight: bold;
clear: both;
}

.entry-title {
margin: 0 0 20px;
padding: 0 0 0 15px;
font-size: 13px;
line-height: 20px;
font-weight: bold;
}

.entry-title a,
.entry-title a:link,
.entry-title a:visited,
.entry-title a:active,
.entry-title a:hover {
color: #666666;
text-decoration: none;
}

.ently-body,
.blogbody {
margin: 0 0 15px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
}

.text div {
margin: 0 0 5px;
}

.entry-more-link {
margin: 15px 0;
clear: both;
}

.tag {
margin: 15px 0 0;
font-size: 10px;
line-height: 13px;
}
.tag a:link,
.tag a:visited {
color: #A7A7A7;text-decoration: none;
}
.tag a:active,
.tag a:hover {
color: #A7A7A7;text-decoration: underline;
}

.bookmark_service {
margin: 5px 0 0;
text-align: right;
}

.ently-bottom {
margin: 5px 0 0;
padding: 3px 0 0;
border-top: dashed 1px #CCCCCC;
text-align: right;
font-size: 10px;
line-height: 13px;
clear: both;
}
.ently-bottom a,
.ently-bottom a:link,
.ently-bottom a:visited,
.ently-bottom a:active,
.ently-bottom a:hover {
font-weight: normal;
}

/* サイトマップ */

#map {
line-height: 20px;
}

#map h4,
#content-link h4 {
margin:  0 0 10px;
padding: 0;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}

.map-space {
margin: 0 0 15px;
padding:  0 0 5px;
border-bottom: dashed 1px #CCCCCC;
}

.map-space ul {
margin: 0 0 0 15px;
padding: 0;
}
.map-space li {
margin: 5px 0;
padding: 0;
}

/* ページナビ */

#navi {
margin: 30px 0;
text-align: center;
clear: both;
}

/* ページトップ */

#pagetop {
margin: 30px 0 0;
text-align: right;
font-size: 10px;
clear: both;
}

/* コメント */

#comment-title,
#tb-title {
margin: 0 0 10px;
padding: 5px;
background: #C7C7C7;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
}

#tb-url_title,
#tb-list,
#comment-toukou {
margin: 0 0 10px;
color: #595959;
font-size: 13px;
text-align: left;
font-weight: bold;
}

#comment-form-external-auth {
margin: 15px 0;
}

.comment-content {
margin: 0 0 15px;
padding: 5px;
border: solid 1px #DDDDDD;
font-size: 10px;
line-height: 13px;
}

.comment-content p {
margin: 8px 0;
padding: 0;
}

.comments_form {
margin: 0 0 15px;
padding: 5px;
border: solid 1px #DDDDDD;
}

.comments-body {
padding: 0 0 15px;
line-height: 20px;
}

.comment-info {
margin: 0 0 5px;
padding: 0 0 3px;
border-bottom: dotted 1px #AFAFAF;
}

#comment-form,
#comment_form,
#comment_area,
#comments, {
margin: 0 0 15px;
font-size: 13px;
line-height: 16px;
}
#comment-form dl,
#comment_form dl,
#comment_area dl {
margin: 0;
padding: 0;
}
#comment-form dt,
#comment_form dt,
#comment_area dt {
float: left;
margin: 0 0 10px;
padding: 0;
width: 60px;
clear: left;
}
#comment-form dd,
#comment_form dd,
#comment_area dd {
margin: 0 0 10px;
padding: 0;
width: auto;
}

#comment-author,
#comment-email,
#comment-url,
#name,
#subject,
#title,
#mail,
#url,
#auther,
#email,
#article_child__writer,
#article_child__email,
#article_child__homepage {
width: 180px;
border: solid 1px #A8A8A8;
color: #666666;
}

#pass,
#captcha_comment {
width: 100px;
border: solid 1px #A8A8A8;
color: #666666;
}

#comment-text,
#comment,
#text,
#description,
#article_child__body {
margin: 0 0 20px;
width: 310px;
height: 150px;
border: solid 1px #A8A8A8;
color: #666666;
font-size: 13px;
}

#comment-preview,
#comment-post,
#comment-cancel,
#comment-delete,
#quick-tb,
#need_confirm,
#posted,
.input-submit {
margin: 0 10px 0 0;
padding: 2px;
background: #FFFFFF;
border: solid 1px #A8A8A8;
color: #666666;
}

#error {
margin: 20px 0;
color: #FF0000;
font-weight: bold;
}

/* トラックバック */

#tb-box {
clear: both;
}

#tb-url {
width: 99%;
border: solid 1px #A8A8A8;
color: #666666;
}

#tb-attention {
margin: 2px 0 15px;
font-size: 10px;
text-align: left;
}

.tb-content {
margin-bottom: 10px;
padding-left: 5px;
border-left: solid 5px #CCCCCC;
text-align: left;
font-size: 10px;
}

.tb-sitetitle {
padding: 0 0 5px;
border-bottom: dotted 1px #AFAFAF;
text-align: left;
}

.tb-exp {
margin: 5px 0;
text-align: left;
}

.tb-site {
padding: 3px;
background: #EEEEEE;
font-size: 10px;
text-align: right;
}

/* ▼ サイドメニュー */

#menu-l {
display:inline;
float: left;
margin: 0 10px 0 0;
width: 200px;
font-size: 12px;
line-height: 15px;
overflow: hidden;
}

#menu-r {
display: none;
}

.m-title,
.sidetitle {
padding: 5px 10px;
color: #FFFFFF;
font-size: 13px;
line-height: 18px;
font-weight: bold;
clear: both;
}

/* お気に入りに登録 */

#m-okini {
margin: 0 0 5px;
padding: 2px;
width: 100%;
background: #FFFFFF;
border: 1px solid #B4B4B4;
color: #666666;
}

#m-bookmark {
width: 100%;
color: #666666;
}

/* カテゴリー */

#m-navi {
margin: 15px 0;
}

#m-navi ul {
margin: 0;
padding: 0;
}
#m-navi ul li {
margin: 0 0 3px;
padding: 0;
list-style: none;
}
#m-navi a,
#m-navi a:link,
#m-navi a:visited {
display: block;
padding: 5px;
height: 1%;
border: 1px solid #B4B4B4;
color: #666666;
line-height: 16px;
text-decoration: none;
}
#m-navi a:active,
#m-navi a:hover {
display: block;
padding: 5px;
height: 1%;
border: 1px solid #B4B4B4;
color: #666666;
line-height: 16px;
text-decoration: none;
}

.m-ex {
margin: 0 0 5px;
padding: 0 0 5px;
border-bottom: dashed 1px #CCCCCC;
}

.m-main,
.side,
.side-tag,
.syndicate {
margin: 15px 0;
line-height: 20px;
}

div.sidetop,
div.sidebottom {
display: none;
}

.m-main ul {
margin: 0;
padding: 0;
list-style: none;
}
.m-main li {
margin: 0 0 8px;
padding: 0 0 0 20px;
border-left: solid 5px #CCCCCC;
}

.sidebody {
margin: 0 0 8px;
padding: 0 0 0 20px;
border-left: solid 5px #CCCCCC;
}
.sidetitlebody {
clear: both;
}

/* 月別アーカイブ */

#farchive {
margin: 10px 0;
padding: 3px 0;
}
#marchive {
width: 150px;
border: solid 1px #A8A8A8;
color: #666666;
}
#archivesubmit {
width: 45px;
background: #FFFFFF;
border: solid 1px #A8A8A8;
color: #666666;
}

/* サブメニュー */

.m-sub {
margin: 15px 0;
}

.m-sub dt {
margin: 0;
padding: 0 0 0 15px;
border-left: solid 5px #CCCCCC;
}
.m-sub dd {
margin: 0 0 5px;
padding: 0 0 5px 20px;
border-bottom: dashed 1px #CCCCCC;
}

/* RSSフィード */

.m-rss {
margin: 15px 0;
}

.m-rss ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.m-rss li {
margin: 0 0 5px;
padding: 0;
}

/* SEOリスト */

#side-seo-scroll {
overflow: auto;
height: 90px;
}
#side-seo a,
#side-seo a:link,
#side-seo a:visited,
#side-seo a:active,
#side-seo a:hover {
color: #8C8C8C;
text-decoration: none;
}

/* ▼ フッター設定 */

#footer-navi {
margin: 0 0 5px;
padding: 15px 15px 0;
width: auto;
text-align: center;
font-size: 10px;
line-height: 13px;
clear: both;
}

#footer-navi a,
#footer-navi a:link,
#footer-navi a:visited,
#footer-navi a:active,
#footer-navi a:hover {
color: #666666;
font-weight: normal;
}

#copy {
width: 806px;
background: #DBDBDB;
border-top: solid 1px #BFBFBF;
text-align: center;
color: #666666;
font-size: 10px;
line-height: 50px;
clear: both;
}
#copy a,
#copy a:link,
#copy a:visited,
#copy a:active,
#copy a:hover {
color: #666666;
text-decoration: none;
}

/* ▼ 文字設定 */

.FS {
font-size: 10px;
}
.FSb {
font-size: 10px;
color: #000000;
}
.FSr {
font-size: 10px;
color: #FF0000;
}

.FM {
font-size: 13px;
}
.FMb {
color: #000000;
}
.FMr {
color: #FF0000;
}

.FMB {
font-weight: bold;
}
.FMBb {
color: #000000;
font-weight: bold;
}
.FMBr {
color: #FF0000;
font-weight: bold;
}

.FBB {
font-size: 16px;
line-height: 25px;
font-weight: bold;
}
.FBBb {
font-size: 16px;
line-height: 25px;
color: #000000;
font-weight: bold;
}
.FBBr {
font-size: 16px;
line-height: 25px;
color: #FF0000;
font-weight: bold;
}

.MKr,
.MKbl,
.MKgr,
.MKy {
padding: 2px;
line-height: 24px;
}
.MKr {
background: #FFAAA5;
color: #BA0000;
}
.MKbl {
background: #99DBFF;
color: #0063A4;
}
.MKgr {
background: #CCFF66;
color: #01A400;
}
.MKy {
background: #FFFF66;
color: #FF5C5C;
}

strong {
font-weight: normal;
}
em {
font-style: normal;
}
blockquote {
margin: 0 10px;
padding: 3px 0 3px 10px;
border-left: solid 5px #CCCCCC;
}

#error-info {
margin: 20px 0;
color: #FF0000;
line-height: 20px;
font-weight: bold;
}

/* ▼ 画像設定 */

img {
border: 0;
}
.img-m {
vertical-align: middle;
}
.img-l {
float: left;
margin: 0 5px 0 0;
}
.img-r {
float: right;
margin: 0 0 0 5px;
}

/* ▼ その他の設定 */

br {
letter-spacing: 0;
}

form,
input {
margin: 0;
padding: 0;
}

.hide {
display: none;
}

.ad {
margin: 15px 0;
clear: both;
}

/* 注目枠 */

.waku-black {
margin: 15px 0;
padding: 5px 10px;
background: #EFEFEF;
border: 1px solid #000000;
}
.waku-gray {
margin: 15px 0;
padding: 5px 10px;
background: #EFEFEF;
border: 1px solid #848484;
}
.waku-red {
margin: 15px 0;
padding: 5px 10px;
background: #FFE0E2;
border: 1px solid #ED1C24;
}
.waku-blue {
margin: 15px 0;
padding: 5px 10px;
background: #E0F0FF;
border: 1px solid #00A0DD;
}

/* ライブドア */

#header {
margin: 0 auto;
width: 100%;
border-bottom: solid 1px #666666;
color: #666666;
font-size: 10px;
}
#header a {
color: #666666;
}
#header tr {
background: #FFFFFF;
}
#header th {
padding: 0 10px 0 5px;
width: 1%;
}
#header th img {
margin: 2px 0;
width: 43px;
height: 17px;
}
#header td.catprbox {
padding: 0 0 0 5px;
width: 1%;
white-space: nowrap;
}
#header td.newstickerbox {
padding: 0 50px 0 0;
width: 97%;
}
#header td.startblogbox {
padding: 0 5px 0 0;
width: 1%;
white-space: nowrap;
}
#header td.startblogbox img {
margin-right: 3px;
width: 17px;
height: 16px;
vertical-align: middle;
}

#ad-livedoor {
margin: 10px 0 0;
}

.powered {
padding: 5px 0 0;
text-align:center;
clear: both;
}
.powered table{
margin:0px auto;
}

object,
embed {}



/*
		テキストの太字
 ----------------------------------------------------------------------*/

.bold{ font-weight: bold; }
.normal{ font-weight: normal; }
.italic{ font-weight: italic; }



/*
		テキストのサイズ
 ----------------------------------------------------------------------*/

.fs07{ font-size: 0.7em; }
.fs08{ font-size: 0.8em; }
.fs09{ font-size: 0.9em; }
.fs10{ font-size: 1.0em; }
.fs11{ font-size: 1.1em; }
.fs12{ font-size: 1.2em; }
.fs13{ font-size: 1.3em; }
.fs14{ font-size: 1.4em; }
.fs15{ font-size: 1.5em; }
.fs16{ font-size: 1.6em; }
.fs17{ font-size: 1.7em; }
.fs18{ font-size: 1.8em; }
.fs19{ font-size: 1.9em; }
.fs20{ font-size: 2em; }


/*
		テキストのカラー
 ----------------------------------------------------------------------*/

.red{ color: #ff0000; }		/*　赤　*/
.blue{ color: #0000ff; }	/*　青　*/
.green{ color: #009900; }	/*　緑　*/
.yellow{ color: #ffff00; }	/*　黄　*/
.navy{ color: #003399; }	/*　紺色　*/
.black{ color: #000000; }	/*　黒　*/
.gray{ color: #999999; }	/*　グレー　*/
.purple{ color: #9900cc; }	/*　紫　*/
.orange{ color: #ff6633; }	/*　橙　*/
.pink{ color: #ff00ff; }	/*　桃　*/
.white{ color :#ffffff; }	/*　白　*/

.crimson{ color :#DC143C; }	/*　crimson　*/
.firebrick{ color :#B22222; }	/*　firebrick　*/
.darkgreen{ color :#006400; }	/*　darkgreen　*/


/*
		テキストの背景
 ----------------------------------------------------------------------*/

.back-red{ background-color: #ff0000; }		/*　赤　*/
.back-blue{ background-color: #0000ff; }	/*　青　*/
.back-green{ background-color: #009900; }	/*　緑　*/
.back-yellow{ background-color: #FFCC33; }	/*　黄　*/
.back-navy{ background-color: #003399; }	/*　紺色　*/
.back-black{ background-color: #000000; }	/*　黒　*/
.back-gray{ background-color: #999999; }	/*　グレー　*/
.back-purple{ background-color: #9900cc; }	/*　紫　*/
.back-orange{ background-color: #ff6633; }	/*　橙　*/
.back-pink{ background-color: #ff00ff; }	/*　桃　*/
.back-white{ background-color: #ffffff; }	/*	白	*/



/*
		テキストのまつわる線
 ----------------------------------------------------------------------*/

.under{ text-decoration: underline; }		/*　下線　*/
.through{ text-decoration: line-through; }	/*　打ち消し線　*/


/*
		テキストの位置配置
 ----------------------------------------------------------------------*/

.text-l{ text-align: left; }	/*　左寄せ　*/
.text-c{ text-align: center; }	/*　中央揃え　*/
.text-r{ text-align: right; }	/*　右寄せ　*/



/*
		マージンの位置配置
 ----------------------------------------------------------------------*/

.m0{ margin: 0px!important; }				/*全margin無し*/
.mt-0{ margin-top: 0px!important; }			/*上marginが0px*/
.mr-0{ margin-right: 0px!important; }		/*右marginが0px*/
.mb-0{ margin-bottom: 0px!important; }		/*下marginが0px*/
.ml-0{ margin-left: 0px!important; }		/*左marginが0px*/

.m1{ margin: 1px!important; }
.mt-1{ margin-top: 1px!important; }	
.mr-1{ margin-right: 1px!important; }
.mb-1{ margin-bottom: 1px!important; }
.ml-1{ margin-left: 1px!important; }

.m2{ margin: 2px!important; }
.mt-2{ margin-top: 2px!important; }	
.mr-2{ margin-right: 2px!important; }
.mb-2{ margin-bottom: 2px!important; }
.ml-2{ margin-left: 2px!important; }

.m3{ margin: 3px!important; }
.mt-3{ margin-top: 3px!important; }	
.mr-3{ margin-right: 3px!important; }
.mb-3{ margin-bottom: 3px!important; }
.ml-3{ margin-left: 3px!important; }

.m4{ margin: 4px!important; }
.mt-4{ margin-top: 4px!important; }	
.mr-4{ margin-right: 4px!important; }
.mb-4{ margin-bottom: 4px!important; }
.ml-4{ margin-left: 4px!important; }

.m5{ margin: 5px!important; }
.mt-5{ margin-top: 5px!important; }	
.mr-5{ margin-right: 5px!important; }
.mb-5{ margin-bottom: 5px!important; }
.ml-5{ margin-left: 5px!important; }

.m6{ margin: 6px!important; }
.mt-6{ margin-top: 6px!important; }	
.mr-6{ margin-right: 6px!important; }
.mb-6{ margin-bottom: 6px!important; }
.ml-6{ margin-left: 6px!important; }

.m7{ margin: 7px!important; }
.mt-7{ margin-top: 7px!important; }	
.mr-7{ margin-right: 7px!important; }
.mb-7{ margin-bottom: 7px!important; }
.ml-7{ margin-left: 7px!important; }

.m8{ margin: 8px!important; }
.mt-8{ margin-top: 8px!important; }	
.mr-8{ margin-right: 8px!important; }
.mb-8{ margin-bottom: 8px!important; }
.ml-8{ margin-left: 8px!important; }

.m9{ margin: 9px!important; }
.mt-9{ margin-top: 9px!important; }	
.mr-9{ margin-right: 9px!important; }
.mb-9{ margin-bottom: 9px!important; }
.ml-9{ margin-left: 9px!important; }

.m10{ margin: 10px!important; }
.mt-10{ margin-top: 10px!important; }
.mr-10{ margin-right: 10px!important; }
.mb-10{ margin-bottom: 10px!important; }
.ml-10{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.mt-15{ margin-top: 15px!important; }
.mr-15{ margin-right: 15px!important; }
.mb-15{ margin-bottom: 15px!important; }
.ml-15{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.mt-20{ margin-top: 20px!important; }
.mr-20{ margin-right: 20px!important; }
.mb-20{ margin-bottom: 20px!important; }
.ml-20{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.mt-25{ margin-top: 25px!important; }
.mr-25{ margin-right: 25px!important; }
.mb-25{ margin-bottom: 25px!important; }
.ml-25{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.mt-30{ margin-top: 30px!important; }
.mr-30{ margin-right: 30px!important; }
.mb-30{ margin-bottom: 30px!important; }
.ml-30{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.mt-40{ margin-top: 40px!important; }
.mr-40{ margin-right: 40px!important; }
.mb-40{ margin-bottom: 40px!important; }
.ml-40{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.mt-50{ margin-top: 50px!important; }
.mr-50{ margin-right: 50px!important; }
.mb-50{ margin-bottom: 50px!important; }
.ml-50{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.mt-60{ margin-top: 60px!important; }
.mr-60{ margin-right: 60px!important; }
.mb-60{ margin-bottom: 60px!important; }
.ml-60{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.mt-70{ margin-top: 70px!important; }
.mr-70{ margin-right: 70px!important; }
.mb-70{ margin-bottom: 70px!important; }
.ml-70{ margin-left: 70px!important; }


/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/

.p0{ padding: 0px!important; }				/*全padding無し*/
.pt-0{ padding-top: 0px!important; }		/*上paddingが0px*/
.pr-0{ padding-right: 0px!important; }		/*右paddingが0px*/
.pb-0{ padding-bottom: 0px!important; }		/*下paddingが0px*/
.pl-0{ padding-left: 0px!important; }		/*左paddingが0px*/

.p1{ padding: 1px!important; }
.pt-1{ padding-top: 1px!important; }
.pr-1{ padding-right: 1px!important; }
.pb-1{ padding-bottom: 1px!important; }
.pl-1{ padding-left: 1px!important; }

.p2{ padding: 2px!important; }
.pt-2{ padding-top: 2px!important; }
.pr-2{ padding-right: 2px!important; }
.pb-2{ padding-bottom: 2px!important; }
.pl-2{ padding-left: 2px!important; }

.p3{ padding: 3px!important; }
.pt-3{ padding-top: 3px!important; }
.pr-3{ padding-right: 3px!important; }
.pb-3{ padding-bottom: 3px!important; }
.pl-3{ padding-left: 3px!important; }

.p4{ padding: 4px!important; }
.pt-4{ padding-top: 4px!important; }
.pr-4{ padding-right: 4px!important; }
.pb-4{ padding-bottom: 4px!important; }
.pl-4{ padding-left: 4px!important; }

.p5{ padding: 5px!important; }
.pt-5{ padding-top: 5px!important; }
.pr-5{ padding-right: 5px!important; }
.pb-5{ padding-bottom: 5px!important; }
.pl-5{ padding-left: 5px!important; }

.p6{ padding: 6px!important; }
.pt-6{ padding-top: 6px!important; }
.pr-6{ padding-right: 6px!important; }
.pb-6{ padding-bottom: 6px!important; }
.pl-6{ padding-left: 6px!important; }

.p7{ padding: 7px!important; }
.pt-7{ padding-top: 7px!important; }
.pr-7{ padding-right: 7px!important; }
.pb-7{ padding-bottom: 7px!important; }
.pl-7{ padding-left: 7px!important; }

.p8{ padding: 8px!important; }
.pt-8{ padding-top: 8px!important; }
.pr-8{ padding-right: 8px!important; }
.pb-8{ padding-bottom: 8px!important; }
.pl-8{ padding-left: 8px!important; }

.p9{ padding: 9px!important; }
.pt-9{ padding-top: 9px!important; }
.pr-9{ padding-right: 9px!important; }
.pb-9{ padding-bottom: 9px!important; }
.pl-9{ padding-left: 9px!important; }

.p10{ padding: 10px!important; }
.pt-10{ padding-top: 10px!important; }
.pr-10{ padding-right: 10px!important; }
.pb-10{ padding-bottom: 10px!important; }
.pl-10{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.pt-15{ padding-top: 15px!important; }
.pr-15{ padding-right: 15px!important; }
.pb-15{ padding-bottom: 15px!important; }
.pl-15{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.pt-20{ padding-top: 20px!important; }
.pr-20{ padding-right: 20px!important; }
.pb-20{ padding-bottom: 20px!important; }
.pl-20{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.pt-30{ padding-top: 30px!important; }
.pr-30{ padding-right: 30px!important; }
.pb-30{ padding-bottom: 30px!important; }
.pl-30{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.pt-40{ padding-top: 40px!important; }
.pr-40{ padding-right: 40px!important; }
.pb-40{ padding-bottom: 40px!important; }
.pl-40{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.pt-50{ padding-top: 50px!important; }
.pr-50{ padding-right: 50px!important; }
.pb-50{ padding-bottom: 50px!important; }
.pl-50{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.pt-60{ padding-top: 60px!important; }
.pr-60{ padding-right: 60px!important; }
.pb-60{ padding-bottom: 60px!important; }
.pl-60{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.pt-70{ padding-top: 70px!important; }
.pr-70{ padding-right: 70px!important; }
.pb-70{ padding-bottom: 70px!important; }
.pl-70{ padding-left: 70px!important; }



/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0px;
   visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }




.box {
	float:left;
	border: 1px solid #cccccc;
	background:#ffffff;
	padding: 20px;
	margin: 0px 20px 20px 0px;
	text-align: center;
}