@charset "utf-8";
/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/
.mB-5{ margin-bottom: -5px; display: block;}
.mB0{ margin-bottom: 0px; display: block;}
.mB5{ margin-bottom: 5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mB40{margin-bottom: 40px; display: block;}
.mB50{margin-bottom: 50px; display: block;}
.mB70{margin-bottom: 70px; display: block;}
.mB100{margin-bottom: 100px; display: block;}
.mB-5{ margin-bottom: -5px; display: block;}
.mB-10{margin-bottom: -10px; display: block;}
.mB-15{margin-bottom: -15px; display: block;}
.mB-20{margin-bottom: -20px; display: block;}
.mB-30{margin-bottom: -30px; display: block;}
.mT0{ margin-top: 0px; display: block;}
.mT5{ margin-top: 5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mT50{margin-top: 50px; display: block;}
.mT70{margin-top: 70px; display: block;}
.mT100{margin-top: 100px; display: block;}
.mT150{margin-top: 150px; display: block;}
.mT-5{margin-top: -5px; display: block;}
.mT-1{margin-top: -1px; display: block;}
.mT-3{margin-top: -3px; display: block;}
.mT-10{margin-top: -10px; display: block;}
.mT-15{margin-top: -15px; display: block;}
.mT-20{margin-top: -20px; display: block;}
.mT-30{margin-top: -30px; display: block;}
.mT-40{margin-top: -40px; display: block;}
.mT-50{margin-top: -50px; display: block;}
.mT-60{margin-top: -60px; display: block;}
.mT-70{margin-top: -70px; display: block;}
.mT-100{margin-top: -100px; display: block;}
.mT-150{margin-top: -150px; display: block;}
.mL5{ margin-left: 5px; display: block;}
.mL10{margin-left: 10px; display: block;}
.mL15{margin-left: 15px; display: block;}
.mL20{margin-left: 20px; display: block;}
.mL30{margin-left: 30px; display: block;}
.mL50{margin-left: 50px; display: block;}
.mL100{margin-left: 100px; display: block;}
.mL-15{margin-left: -15px; display: block;}
.mR5{ margin-right: 5px; display: block;}
.mR10{margin-right: 10px; display: block;}
.mR15{margin-right: 15px; display: block;}
.mR20{margin-right: 20px; display: block;}
.mR30{margin-right: 30px; display: block;}
.mR-15{margin-right: -15px; display: block;}
.pB5{ padding-bottom: 5px; display: block;}
.pB10{padding-bottom: 10px; display: block;}
.pB15{padding-bottom: 15px; display: block;}
.pB20{padding-bottom: 20px; display: block;}
.pB30{padding-bottom: 30px; display: block;}
.pB40{padding-bottom: 40px; display: block;}
.pB50{padding-bottom: 50px; display: block;}
.pT5{padding-top: 5px; display: block;}
.pT10{padding-top: 10px; display: block;}
.pT15{padding-top: 15px; display: block;}
.pT20{padding-top: 20px; display: block;}
.pT30{padding-top: 30px; display: block;}
.pR5{padding-right: 5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}
/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/
/* float */
.fL { float : left; display: block;}
.fR { float : right; display: block;}
/* textAlign */
.tC{ text-align: center; display: block; margin:0 auto;}
.tR{ text-align: right; display: block; margin:0 auto;}
.tL{ text-align: left; display: block; margin:0 auto;}
/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}
/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix{ display:block;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix:after {
content: url(pixel.gif);
display: block;
clear: both;
height: 0;
}
/*-------------------------------------
display
-------------------------------------*/
.pc {
display: none;
visibility: hidden;
}
.sp {
display: block;
visibility: visible;
}
@media(min-width:768px) {
.pc {
display: block;
visibility: visible;
}
.sp {
display: none;
visibility: hidden;
}
}
/*-------------------------------------*/
/*
imgタグを含むタグにクラスとして指定することで、
ロールオーバー時にハイライト表示 ＜白＞
*/
/*-------------------------------------*/
.innerBorderWh a:hover img {
margin: -1px;
border: solid 1px #ccc;
}
/**//* for IE6 *//**/
* html .innerBorderWh a:hover {
zoom: 1;
}
* html .innerBorderWh a:hover img {
/* for BackCompat mode
margin-left: -2px;
margin-right: -2px;
over here */
float: left;
position: relative;
}
/*-------------------------------------*/
/*
imgタグを含むタグにクラスとして指定することで、
ロールオーバー時にハイライト表示 ＜黄色＞
*/
/*-------------------------------------*/
.innerBorderYellow a:hover img {
margin: -1px;
border: solid 1px yellow;
}
/**//* for IE6 *//**/
* html .innerBorderYellow a:hover {
zoom: 1;
}
* html .innerBorderYellow a:hover img {
/* for BackCompat mode
margin-left: -2px;
margin-right: -2px;
over here */
float: left;
position: relative;
}
/*-------------------------------------*/
/*
imgタグを含むタグにクラスとして指定することで、
ロールオーバー時にハイライト表示 ＜グレー＞
*/
/*-------------------------------------*/
.innerBorder a:hover img {
margin: -1px;
border: solid 1px #ccc;
}
/**//* for IE6 *//**/
* html .innerBorder a:hover {
zoom: 1;
}
* html .innerBorder a:hover img {
/* for BackCompat mode
margin-left: -6px;
margin-right: -6px;
over here */
float: left;
position: relative;
}
/*-------------------------------------*/
/* 1pxの仕切り線を表示 */
/*-------------------------------------*/
/*//1px border//*/
.border{
width:100%;
height:1px;
background-color:#ccc;
overflow:hidden;
}
/*-------------------------------------*/
/* box */
/*-------------------------------------*/
/*//1px border//*/
.box10{
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.box0-10{
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}
.box0-15{
padding-top: 0;
padding-right: 15px;
padding-bottom: 0;
padding-left: 15px;
}
.box0-20{
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
}
.box0-25{
padding-top: 0;
padding-right: 25px;
padding-bottom: 0;
padding-left: 25px;
}
.box10-0{
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}
.box10-0-20{
padding-top: 10px;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0;
}
.indent{
text-indent: 1em;
}