@charset "shift_jis";
/* CSS Document */



/*___________ 

++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++

TOP兼用CSS

++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++
___________ */





body {
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px;
}
img {
	border:none;
}
a.overwhite{
	background-color: #ffffff;
	display: inline-block;
}
a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
a:link {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #333;
}
a:hover, a:active {
	color: #A00;
	text-decoration: underline;
}

#wrapper {
	display: block;
	height: auto;
	width: 960px;
	clear: both;
	background-color: #FFF;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#header {
	width: 960px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: 285px;
	clear: both;
	background-image: url(images/basashi_head_01.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	text-align: left;
	background-position: center 25px;
	padding: 0px;
}
#header h1 {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	width: 500px;
	background-color: #000;
	text-align: left;
	display: block;
	margin: 0px;
	float: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 21px;
}
#header #menu {
	font-size: 12px;
	color: #FFF;
	width: 440px;
	background-color: #000;
	text-align: right;
	display: block;
	margin: 0px;
	float: right;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 21px;
	clear: right;
}
#header #menu a:link {
	font-size: 12px;
	color: #FFF;
}
#header #menu a:visited {
	font-size: 12px;
	color: #CCC;
}


/*ナビボタン　ここから*/
#header #button {
	text-align: center;
	display: block;
	padding: 0px;
	height: 45px;
	width: 760px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#header #button ul {
	text-align: center;
	display: block;
	padding: 0px;
	height: 45px;
	width: 760px;
	float: left;
	margin: 0px;
}
#header  #button li {
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 7px;
	text-decoration: none;
	text-indent: -10000px;
}
#header #button #tn01 {
	background-image: url(images/basashi_head_02.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 110px;
}
#header #button #tn01 a {
	background-image: url(images/basashi_head_02.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 110px;
}
#header #button #tn01 a:hover,#header #button #tn01 a:active {
	background-image: url(images/basashi_head2_02.jpg);
}
#header #button #tn02 {
	background-image: url(images/basashi_head_03.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 110px;
}
#header #button #tn02 a {
	background-image: url(images/basashi_head_03.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 110px;
}
#header #button #tn02 a:hover,#header #button #tn02 a:active {
	background-image: url(images/basashi_head2_03.jpg);
}
#header #button #tn03 {
	background-image: url(images/basashi_head_04.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 110px;
}
#header #button #tn03 a {
	background-image: url(images/basashi_head_04.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 110px;
}
#header #button #tn03 a:hover,#header #button #tn03 a:active {
	background-image: url(images/basashi_head2_04.jpg);
}
#header #button #tn04 {
	background-image: url(images/basashi_head_05.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 180px;
}
#header #button #tn04 a {
	background-image: url(images/basashi_head_05.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 180px;
}
#header #button #tn04 a:hover,#header #button #tn04 a:active {
	background-image: url(images/basashi_head2_05.jpg);
}
#header #button #tn05 {
	background-image: url(images/basashi_head_06.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 120px;
}
#header #button #tn05 a {
	background-image: url(images/basashi_head_06.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 120px;
}
#header #button #tn05 a:hover,#header #button #tn05 a:active {
	background-image: url(images/basashi_head2_06.jpg);
}
#header #button #tn06 {
	background-image: url(images/basashi_head_07.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 130px;
}
#header #button #tn06 a {
	background-image: url(images/basashi_head_07.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 130px;
}
#header #button #tn06 a:hover,#header #button #tn06 a:active {
	background-image: url(images/basashi_head2_07.jpg);
}
/*ナビボタン　ここまで*/


/*馬刺し選びバナー*/
#header #banner1 {
	text-align: right;
	display: block;
	padding: 0px;
	float: right;
	width: 195px;
	height: 120px;
	clear: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*左ナビ　ここから*/
#leftnavi {
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	text-align: left;
	display: block;
	height: auto;
	width: 180px;
}
#leftnavi a:link {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#leftnavi a:visited {
	color: #333;
}
#leftnavi a:hover, a:active {
	color: #A00;
	text-decoration: underline;
}
#leftnavi #aisatsu {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	background-image: url(images/left-back1.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 8px;
	height: auto;
	width: auto;
}
#leftnavi #fax {
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 80px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 65px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/left-fax.jpg);
}
#leftnavi #fax ul {
	padding: 0;
	width: auto;
	display: block;
	margin: 0;
}
#leftnavi #fax li {
	font-size: 13px;
	display: block;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 12px;
	line-height: 16px;
	background-image: url(images/left_cs.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin: 0;
}
#leftnavi #category {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background-color: #F9F3E9;
	text-align: left;
	display: block;
	padding: 5px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #000;
}
#leftnavi #category h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-position: center center;
	display: block;
	padding: 0px;
	text-indent: 4px;
	background-image: url(images/left_h2back.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 168px;
	margin: 0px;
}
#leftnavi #category ul {
	list-style-type: none;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	width: auto;
	height: auto;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 6px;
}
#leftnavi #category li {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	background-image: url(images/left_cs.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftnavi #category li a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
#leftnavi #category li a:hover,
#leftnavi #category li a:active, /* for IE (Keyboard) */
#leftnavi #category li a:focus {/* for Netscape (Keyboard) */
	color: #A00;
	text-decoration: underline;
}

/* #menu を　.menu1　に変更　2015.3.4*/
#leftnavi .menu1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: left;
	display: block;
	padding: 5px;
	height: auto;
	width: auto;
	margin: 0 0 10px 0;
	border: 1px solid #000;
}
#leftnavi .menu1 ul {
	list-style-type: none;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	width: auto;
	height: auto;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 6px;
}
#leftnavi .menu1 li {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	background-image: url(images/left_cs.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftnavi .menu1 li a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
#leftnavi .menu1 li a:hover,
#leftnavi .menu1 li a:active, /* for IE (Keyboard) */
#leftnavi .menu1 li a:focus {/* for Netscape (Keyboard) */
	color: #A00;
	text-decoration: underline;
}
#leftnavi #menu2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: left;
	display: block;
	padding: 5px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #333;
}
#leftnavi #menu2 ul {
	list-style-type: none;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	width: auto;
	height: auto;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 6px;
}
#leftnavi #menu2 li {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	background-image: url(images/left_cs2.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftnavi #menu2 li a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
#leftnavi #menu2 li a:hover,
#leftnavi #menu2 li a:active, /* for IE (Keyboard) */
#leftnavi #menu2 li a:focus {/* for Netscape (Keyboard) */
	color: #A00;
	text-decoration: underline;
}
/*左ナビ　ここまで*/


/*メインコンテンツ*/
#mainarea {
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	text-align: center;
	display: block;
	height: auto;
	width: 760px;
}
#mainarea a:link {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#mainarea a:visited {
	color: #333;
}
#mainarea a:hover, a:active {
	color: #A00;
	text-decoration: underline;
}
#mainarea h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #A00;
	background-attachment: scroll;
	background-image: url(images/top-coment-h2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	display: block;
	height: 16px;
	width: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#mainarea h3 {
	background:#8b0000;
	padding:3px 0 3px 20px;
	color:#ffffff;
	text-align:left;
}

.freedialTable_02 {
	width:760px;
}

.freedialTable_02 th {
	background:#FFDAB9;
	padding:3px;
	//border:1px solid #999999;
}

.freedialTable_02 td {
	padding:3px;
	//border:1px solid #999999;
}


/*その他共通*/
.txt14 {
	font-size: 14px;
}
.txt16 {
	font-size: 16px;
}
.red {
	color:#A00;
}
.red a {
	color:#A00;
}
.red2 {
	color:#C00;
}
.white {
	color:#FFF;
}
.white a {
	color:#FFF;
}
.f11 {
	font-size: 11px;
	line-height: 130%;
}

/*フッター*/
#footer {
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #333;
	text-align: center;
	display: block;
	clear: both;
	height: auto;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#footer #sitemap {
	font-size: 13px;
	line-height: 20px;
	width: auto;
	text-align: left;
	background-attachment: scroll;
	background-image: url(images/footer-back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footer #sitemap h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	background-position: center center;
	display: block;
	padding: 0px;
	text-indent: 12px;
	background-image: url(images/footer_h2back.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#footer #sitemap h2#tn01 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-position: center center;
	display: block;
	padding: 0px;
	text-indent: 12px;
	background-image: url(images/footer_h2back2.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#footer #sitemap ul {
	list-style-type: none;
	width: auto;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	height: auto;
	padding: 0;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4;
	margin-left: 0;
}
#footer #sitemap li {
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	text-indent: 12px;
}
#footer #sitemap li a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
#footer #sitemap li a:hover,
#footer #sitemap li a:active, /* for IE (Keyboard) */
#footer #sitemap li a:focus {/* for Netscape (Keyboard) */
	color: #A00;
	text-decoration: underline;
}
#footer #sitemap .copyright {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #333;
	text-align: right;
	display: block;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}


/* strongタグ　置き換え */
.b{
	font-weight:bold;
}

/* フッター小見出し */
#footer .con_h2{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	background-position: center center;
	display: block;
	padding: 0px;
	text-indent: 12px;
	background: url(images/footer_h2back.jpg) no-repeat center center;
	width: 220px;
	margin: 0 0 4px 0;
}

#footer #sitemap p.tn01 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-position: center center;
	display: block;
	padding: 0px;
	text-indent: 12px;
	background: url(images/footer_h2back2.jpg)  no-repeat center center;
	width: 220px;
	margin: 0 0 4px 0;
}

/* 左ナビ小見出し */
#leftnavi #category .con_h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background-position: center center;
	display: block;
	padding: 0px;
	text-indent: 4px;
	background: url(images/left_h2back.jpg) no-repeat;
	height: 20px;
	width: 168px;
	margin: 0px;
}

/* マージン設定  */
.mt{margin-top:px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}


/* ブログ内CSS */

.entry-post h2{
	font-size:15px;
}



/*-------------------------
お知らせエリア
-------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.notof{  font-family: 'Noto Sans Japanese', sans-serif;}

.infomationzoon {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background: rgba(0, 0, 0, 0) url("https://image.rakuten.co.jp/ritafoods/cabinet/info_bg02.gif") repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    color: #555;
    font-size: 90%;
    max-width: 920px;
    padding: 20px;
    text-align: left;
    line-height: 1.4;
}
.infomationzoon .ttl {
    color: #ee8486;
    font-size: 150%;
    font-weight: bold;
    margin-right: 3%;
    width: 10%;
}

.infomationzoon .description {
    width: 87%;
}



.infomationzoon02 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background: rgba(0, 0, 0, 0) url("https://image.rakuten.co.jp/ritafoods/cabinet/info_bg.gif") repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    color: #555;
    font-size: 90%;
    max-width: 920px;
    padding: 20px;
    text-align: left;
    line-height: 1.4;
}
.infomationzoon02 .ttl {
    color: #ee8486;
    font-size: 150%;
    font-weight: bold;
    margin-right: 3%;
    width: 10%;
}

.infomationzoon02 .description {
    width: 87%;
}




/*___________ 【共通style】 ___________ */
/*スマホ用とPC用に自動で画像のサイズを縮小・拡大*/
/*img {
    max-width: 100%;
    height:auto;
}*/
/*■■■■■オンマウスで画像が透過■■■■■*/
/a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
} {
opacity: 0.6;
filter: alpha(opacity=60);
}
/*オンマウスで画像が透過させない*/
a:hover img.opa100 {
opacity: 1.0;
filter: alpha(opacity=100);
}

/*■■■■■float関連■■■■■*/
.l{float: left;}/*float　left*/
.r{float: right;}/*float　right*/
.c{clear: both;}/*clear　both*/

/*■■■■■ｆont関連　揃え関連■■■■■*/
.b{font-weight: bold;}/*太字*/
.red{color: red;}/*赤字*/
.tyuigaki {
 margin-left: 1em;
 text-indent: -1em;
}/*注意書き*/
.center{ text-align:center;}/*中央揃え*/
.textr{ text-align:right;}/*右揃え*/
.textl{ text-align:left;}/*左揃え*/
.bottom{
    position : absolute ;
    bottom : 0 ;}/*下揃え*/
    /*
    ※.bottomの使用前提：親要素をposition:relative;にしてください。
    */
.top{vertical-align:top;}/*上揃え*/
.middle{vertical-align:middle;}/*中央揃え*/
.mannaka {
    margin: auto;
}/*真ん中に配置*/
.mannaka img {
    display: block;
    margin: auto;
}
.mark_y{background: none repeat scroll 0 0 #ffff00;}/*マーカー*/
.ul{text-decoration: underline;}/*アンダーライン*/

/*■■■■■position プロパティを使用した位置の調整■■■■■*/
.mother {position: relative;z-index: 1;}
.nest1 {position: absolute;z-index: 2;}/*最下層*/
.nest2 {position: absolute;z-index: 3;}
.nest3 {position: absolute;z-index: 4;}
    /* ※nestのboxに対して topなどをあてる*/

/*■■■■■枠線■■■■■*/
.box{}
.box_bg{}

/*■■■■■マージンによる余白■■■■■*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

/* ■■■■■clearfix ■■■■■*/
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
}
/* WinIE7 MacIE5 */
.clearfix{
    display:inline-table;
    zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .clearfix{
    height:1px;
}
.clearfix{display:block;}

/*■クリアフィックスによるカラム分け■*/
.twocolumns{width: 100%;}
.threecolumns{width: 100%;}
.fourcolumns{width: 100%;}
.twocolumns .l{width:50%;}
.threecolumns .l{width:33.3%;}
.fourcolumns .l{width:25%;}
.twocolumns .r{width:50%;}
.threecolumns .r{width:33.3%;}
.fourcolumns .r{width:25%;}

.w{width:px;}
.fs{font-size:;}

/*___________ 【共通styleここまで】 ___________ */