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

/* ===== body設定 ===== */
body {
font : 18px/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.w5  {width : 5%;}
img.w10 {width : 10%;}
img.w15 {width : 15%;}
img.w20 {width : 20%;}
img.w25 {width : 25%;}
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 {
clear:both;
}

/* ----- 対応機用・河井設定 ----- */
.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,#F00088),color-stop(0.40,#FF6699),color-stop(0.60,#FF6699),color-stop(1,#F00088));
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;
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 #00CCFF;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#5FB8FB),color-stop(0.40,#99B7D0),color-stop(0.60,#99B7D0),color-stop(1,#5FB8FB));
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 : 100%;
}

.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;
}