@charset "utf-8";
/* -----------------------------------------------------------
フロート操作
----------------------------------------------------------- */
img.center{ display:block; margin-left:auto; margin-right:auto; margin-bottom:0.5em; max-width:100%;}
.fl,.fl-center{ float:left;}
.fr,.fr-center{ float:right;}
.flm,.flm-center{ float:left; margin:0 1em 0.66em 0; clear:left;}
.frm,.frm-center{ float:right; margin:0 0 0.66em 1em; clear:right;}
.fl-center,.fr-center,.flm-center,.frm-center{float:none; width:auto !important; max-width:100%; display:block; margin:0 auto 0.5em;}
/* -----------------------------------------------------------
擬似テーブル
----------------------------------------------------------- */
div.table { overflow:hidden; zoom:1; width:100%; margin-bottom:1em; padding-bottom:1px;}
div.table .tr{ overflow:hidden; zoom:1; margin-bottom:-1px;}
div.table .th { float:left; width:30%; font-weight:bold;}
div.table .td { float:left; width:70%;}
div.table .th>div,div.table .td>div{padding:6px 8px;}
div.table .th>div{ background:url(../img/L.png) repeat-x left top #ddd; border:#bbb 1px solid; box-shadow:-4px -4px 16px #eee inset;}
div.table .td>div{ background:url(../img/L.png) repeat-x left top #f9f9f9; border:#ccc 1px solid; box-shadow:-4px -4px 16px #fff inset;}
div.table { margin:0;}
div.table .tr{ margin-bottom:1em;}
div.table .th,div.table .td{ float:none; width:100%;}
div.table .th>div{ border-bottom:none;}



/* -----------------------------------------------------------
1カラムグリッド
----------------------------------------------------------- */

.oneColumn .grid2,.oneColumn .grid3,.oneColumn .grid4,.oneColumn .grid5,.oneColumn .grid6{ width:auto !important;}
.oneColumn .grid2>*,.oneColumn .grid3>*,.oneColumn .grid4>*,.oneColumn .grid5>*,.oneColumn .grid6>*{width:auto !important; float:none; margin:0 0 2em; font-size:14px;}

/*+.fixでSPでも固定*/
.grid2.fix>*{ width:48% !important; float:left; margin:0 4% 1em 0; font-size:12px;}.grid2.fix>*:nth-child(even){ margin-right:0;}.grid2.fix>*:nth-child(odd){ clear:both;}
.grid3.fix>*{ width:30% !important; float:left; margin:0 4% 1em 0; font-size:10px;}.grid3.fix>*:nth-child(3n){ margin-right:0;}.grid3.fix>*:nth-child(3n+1){ clear:both;}
.grid4.fix>*{ width:22% !important; float:left; margin:0 4% 1em 0; font-size:8px;}.grid4.fix>*:nth-child(4n){ margin-right:0;}.grid4.fix>*:nth-child(4n+1){ clear:both;}

