/*
Theme Name: Ueda Office
Theme URI: http://wevolution.jp/
Author: WEVOLUTION
Author URI: http://wevolution.jp/
Description: 司法書士 上田事務所 専用テーマ レスポンシブデザインにて作成。
Version: 1.0
License: WEVOLUTION
License URI: http://wevolution.jp/
*/


@charset "UTF-8";

/* ------------------------------------------------------------
文字装飾
------------------------------------------------------------ */
.db {font-weight:bold;}
.du {text-decoration:underline;}
/* ------------------------------------------------------------
フォントサイズ
------------------------------------------------------------ */
.fs08 {font-size:0.8em;}
.fs10 {font-size:1em;}
.fs125{font-size:1.25em;}
.fs13 {font-size:1.3em;}
.fs15 {font-size:1.5em;}
.fs16 {font-size:1.6em;}
.fs20 {font-size:2em;}
.fs25 {font-size:2.5em;}
.fs30 {font-size:3em;}
.fs55 {font-size:5.5em;line-height:1em;}
/* ------------------------------------------------------------
フォントカラー
------------------------------------------------------------ */
.pink{color:#EB6175;}
.blue{color:#1264D1;}
.brown{color:#784E24}
/* ------------------------------------------------------------
画像設定
------------------------------------------------------------ */
.imgf {padding:1px;border:#cccccc 1px solid;background-color:#ffffff;}
.imgr {float:right;}
.imgl {float:left;}
.imgr_sp {float:right; margin-left:20px;}
.imgl_sp {float:left; margin-right:20px;}
/* ------------------------------------------------------------
テキスト
------------------------------------------------------------ */
.ac {text-align:center;}
.ar {text-align:right;}
.pc_ar {text-align:right;}
.vb{vertical-align:bottom;}
/* ------------------------------------------------------------
マージン設定
------------------------------------------------------------ */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}

.pb20 {padding-bottom:20px;}
.pd20 {padding:20px;}
/* ------------------------------------------------------------
角丸
------------------------------------------------------------ */
.rad05 {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;behavior:url("http://myaffiliate.asia/testcvt/PIE.htc");}
.rad10 {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;behavior:url("http://myaffiliate.asia/testcvt/PIE.htc");}
.rad15 {border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;behavior:url("http://myaffiliate.asia/testcvt/PIE.htc");}

/* ------------------------------------------------------------
リスト
------------------------------------------------------------ */

dl {

}

dl dt {

}

dl dd {

}

/* ------------------------------------------------------------
hoverLight
------------------------------------------------------------ */

.hoverLight {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
.hoverLight:hover {  
    opacity: 0.6;  
    filter: alpha(opacity=60);  
}  

/* ------------------------------------------------------------
clear
------------------------------------------------------------ */
.clearB{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}
/* ------------------------------------------------------------
clearFix
------------------------------------------------------------ */
.clearFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearFix {display:inline-table; }
/* Hides from IE-mac \*/
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* End hide from IE-mac */
.hide{display:none;}