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

/* ===== body設定 ===== */
body {
font : 14px/1.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 : 0;
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.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 : 0px 1px 2px #000000;
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 {
clear:both;
}

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

.list_object {
font-size : 90%;
}

.list_section {
margin: 10px;
}