base.css　※編集しないで下さい。
                    

 ===== body設定 ===== 
body {
font  15.5px1.231 ヒラギノ角ゴ Pro W3;
font-family  Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
margin  0;
padding  0;
}

 ===== body直下のbox ===== 
#box {
border  solid 1px red;
margin  0;
padding  0;
width  360px;
}


 ===== ヘッダー ===== 
header {
border  none;
margin  0;
padding  0;
}

 ===== ナビ ===== 
navi {
border  none;
margin  0;
padding  0;
}

 ===== フッター ===== 
footer {
border  none;
margin  0 auto;
padding  0;
}

 ===== テキスト設定　横配置 ===== 
.c {text-align  center;}
.r {text-align  right;}
.l {text-align  left;}

 ===== テキスト設定　サイズ ===== 
.fs10  {font-size  10%;}
.fs20  {font-size  20%;}
.fs30  {font-size  30%;}
.fs40  {font-size  40%;}
.fs50  {font-size  50%;}
.fs60  {font-size  60%;}
.fs70  {font-size  70%;}
.fs80  {font-size  80%;}
.fs90  {font-size  90%;}
.fs100 {font-size  100%;}
.fs110 {font-size  110%;}
.fs120 {font-size  120%;}
.fs130 {font-size  130%;}
.fs140 {font-size  140%;}
.fs150 {font-size  150%;}
.fs160 {font-size  160%;}
.fs170 {font-size  170%;}
.fs180 {font-size  180%;}
.fs190 {font-size  190%;}
.fs200 {font-size  200%;}

 ===== テキスト設定　文字幅 ===== 
.ls1 {letter-spacing  1px;}
.ls2 {letter-spacing  2px;}
.ls3 {letter-spacing  3px;}
.ls4 {letter-spacing  4px;}
.ls5 {letter-spacing  5px;}
.ls6 {letter-spacing  6px;}
.ls7 {letter-spacing  7px;}
.ls8 {letter-spacing  8px;}
.ls9 {letter-spacing  9px;}
.ls10 {letter-spacing  10px;}

 ===== テキスト設定　行幅 ===== 
.lh10 {line-height  10px;}
.lh20 {line-height  20px;}
.lh22 {line-height  22px;}
.lh30 {line-height  30px;}

 ===== テキスト設定　縦位置 ===== 
.va_m {vertical-align  middle;}
.va_t {vertical-align  top;}
.va_b {vertical-align  bottom;}

 ===== テキスト設定　改行されない文字列用 ===== 
.brake {word-break  break-all;}

 ===== 画像設定　横位置 ===== 
img.ic {border  0;text-align  center;}
img.ir {border  0;text-align  right;}
img.il {border  0;text-align  left;}

 ===== 画像設定　％指定 ===== 
.img {font-size  0px;line-height  0px;}

img.w7 {width  7%;}
img.w9 {width  9%;}
img.w10 {width  10%;}
img.w20 {width  20%;}
img.w30 {width  30%;}
img.w40 {width  40%;}
img.w50 {width  50%;}
img.w60 {width  60%;}
img.w70 {width  70%;}
img.w80 {width  80%;}
img.w90 {width  90%;}
img.w100 {width  100%;}

 ===== 画像設定　拡大率 ===== 
img.z50 {zoom  50%;}
img.z75 {zoom  75%;}
img.z100 {zoom  100%;}
img.z150 {zoom  150%;}
img.z200 {zoom  200%;}

 ===== 横幅だけ指定 ===== 
.w50 {width  50px;}
.w60 {width  60px;}
.w70 {width  70px;}
.w80 {width  80px;}
.w90 {width  90px;}
.w100 {width  100px;}
.w110 {width  110px;}
.w120 {width  120px;}
.w130 {width  130px;}
.w140 {width  140px;}
.w150 {width  150px;}
.w160 {width  160px;}
.w170 {width  170px;}
.w180 {width  180px;}
.w190 {width  190px;}
.w200 {width  200px;}

 ===== 文字に影つける ===== 
.shadow{
text-shadow  1px 1px 6px #aaaaaa;
font-weight  bold;
}

 ===== 文字に影つける ===== 
.shadow2{
text-shadow  1px 1px 6px #aaaaaa;
font-weight  bold;
}

 ===== blink的なもの ===== 
.bl {
text-decoration  blink;
color  #ff0000;
}

 ===== 文字の一部だけセンタリングしたいときよう ===== 
#box_center {
margin-left  auto;
margin-right  auto;
}

.box_center {
margin-left  auto;
margin-right  auto;
}

 ===== フロート設置用 ===== 
.float_l {
float  left;
}

.float_r {
float  right;
}

 ===== フロート解除用 ===== 
.both {
clearboth;
}

 ----- 対応機用・河井設定 ----- 
.list_head {
font-size  120%;
font-weight bold;
}

.list_object {
font-size  90%;
}

.list_section {
margin 10px;
}

 ■■■■　会員登録　■■■■ 
.reg {
margin-right  auto;
margin-left  auto;
margin-top  5px;
margin-bottom  5px;
height  auto;
width  100px;
height  auto;
text-align  center;
font-size  14px;
font-weight  bold;
border  solid 1px #d66f1a;
border-radius  8px;
-webkit-border-radius  border-radius  8px;
background-image  -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff943d),color-stop(0.40,#ff943d),color-stop(0.60,#F27911),color-stop(1,#F27911));
background-image  linear-gradient(-90deg,#ff943d) 0%,#ff943d 40%,#F27911 60%,#F27911 100%);
box-shadow  1px 1px 2px 1px #cccccc;
-webkit-box-shadow  1px 1px 2px 1px #cccccc;
}

.reg a {
padding  5px;
color #ffffff!important;
text-decoration  none;
display  block;
}

 ■■■■　会員削除　■■■■ 
.unreg {
margin-right  auto;
margin-left  auto;
margin-top  5px;
margin-bottom  5px;
height  auto;
width  100px;
height  auto;
text-align  center;
font-size  14px;
font-weight  bold;
border  solid 1px #2369d9;
border-radius  8px;
-webkit-border-radius  border-radius  8px;
background-image  -webkit-gradient(linear,left top,left bottom,color-stop(0,#3d84ff),color-stop(0.40,#3d84ff),color-stop(0.60,#2773f5),color-stop(1,#2773f5));
background-image  linear-gradient(-90deg,#3d84ff) 0%,#3d84ff 40%,#2773f5 60%,#2773f5 100%);
box-shadow  1px 1px 2px 1px #cccccc;
-webkit-box-shadow  1px 1px 2px 1px #cccccc;
}

.unreg a {
color  #ffffff;
padding  5px;
text-decoration  none;
display  block;
}



 ■■■■　ログイン　■■■■ 
.login {
margin-right  auto;
margin-left  auto;
margin-top  5px;
margin-bottom  5px;
height  auto;
width  100px;
height  auto;
text-align  center;
font-size  14px;
font-weight  bold;
border  solid 1px #61ad23;
border-radius  8px;
-webkit-border-radius  8px;
background-image  -webkit-gradient(linear,left top,left bottom,color-stop(0,#78d42d),color-stop(0.40,#78d42d),color-stop(0.60,#69ba27),color-stop(1,#69ba27));
background-image  linear-gradient(-90deg,#78d42d) 0%,#78d42d 40%,#69ba27 60%,#69ba27 100%);
box-shadow  1px 1px 2px 1px #cccccc;
-webkit-box-shadow  1px 1px 2px 1px #cccccc;
}

.login a {
color  #ffffff;
padding  5px;
text-decoration  none;
display  block;
}

 ■■■■　スペーサー　■■■■ 
.li_space {
margin-right  auto;
margin-left  auto;
width  10px;
display  block;
}



 ■■■■　リストでブロック要素を横並び　■■■■ 
.li_yoko {
margin-right  auto;
margin-left  auto;
text-align  center;
width  215px;
}

.li_yoko ul {
margin-right  0 auto;
margin-left  0 auto;
}

.li_yoko li {
margin-right  0 auto;
margin-left  0 auto;
float  left;
list-style  none;
}




 ■■■■ フッター共通 ■■■■ 
.foot {
margin-top  10px;
text-align  center;
line-height  25px;
font-size  14px;
color  #aaaaaa;
overflow  hidden;        はみ出たら…
text-overflow  ellipsis; はみ出たら…
white-space  nowrap;     はみ出たら…
display  block;
}

.foot a{
color  #aaaaaa;
letter-spacing  2px;
font-size  10px;
text-decoration  none;
padding  5px;
}

.inc {
color  #000000;
letter-spacing  2px;
}