@charset "utf-8";
* {margin: 0;padding: 0;} /* 各ブラウザの独自解釈をリセット*/


p {
	padding-bottom: 5px;
	/* [disabled]padding-top:5px; */
}
img {border:none;}
ul {list-style:none; padding: 0; margin: 0;}
li {list-style:none; padding: 0; margin: 0;}

/* フロート用
---------------------------------------------------- */
.clear {clear:both;}
.f-l {float:left;}
.f-r {float:right;}
.img-right5 {float:right; margin-left:5px;}
.img-right10 {float:right; margin-left:10px;}
.img-right20 {float:right; margin-left:20px;}
.img-right30 {float:right; margin-left:30px;}
.img-left5{float:left; padding-right:5px;}
.img-left10{float:left; padding-right:10px;}
.img-left20{float:left; padding-right:20px;}
.img-left30{float:left; padding-right:30px;}

.txt_l{text-align: left;}
.txt_c{text-align: center;}
.txt_r{text-align: right;}

/*マージン
---------------------------------------------------- */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mlr5{margin-left:5px; margin-right:5px;}
.mlr10{margin-left:10px; margin-right:10px;}
.mlr20{margin-left:20px; margin-right:20px;}
.mlr30{margin-left:30px; margin-right:30px;}
.mlr40{margin-left:40px; margin-right:40px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

/*フォントサイズ
---------------------------------------------------- */
.px9{font-size:9px; line-height:12px;}
.px10{font-size:10px; line-height:14px;}
.px11{font-size:11px; line-height:16px;}
.px12{font-size:12px;}
.px14{font-size:14px;}

/*画像装飾
---------------------------------------------------- */
/* 写真風イメージ */
.img-border3{border:1px solid #CCCCCC; padding:3px; background-color:#FFFFFF;}
.img-border5{border:1px solid #CCCCCC; padding:5px; background-color:#FFFFFF;}
.boxeffect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
.boxeffect2
{
  position: relative;
}
.boxeffect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.boxeffect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}