@charset "utf-8";
/* ********************************************
 * common.css
 * ******************************************** */
/* --------------------------------------------
 font-size (base 14px)
 http://webtech-walker.com/archive/2008/05/16032443.html
 10px   72%
 11px   79%
 12px   86%
 13px   93%
 14px   100%
 15px   108%
 16px   115%
 17px   122%
 18px   129%
 19px   136%
 20px   143%
 21px   150%
 22px   158%
 23px   165%
 24px   172%
 25px   179%
 26px   186%
 *----------------------------------------------- */
/* ********************************************
 * body
 * ******************************************** */
body {
    color:#333333;
    background-color:#f1f2f3;
}
/* ********************************************
 * link
 * ******************************************** */
a{/*リンクされた文字*/
    color: #027cbf; /* 00099cc #1a0dab; */
    font-style:normal;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color: #027cbf;
    font-style:normal;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color: #027cbf;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    color: #027cbf;
    font-style:normal;
    text-decoration:none; /* underline */
}
a:active {/*クリック中*/
    text-decoration:none; /* underline */
}

/* --------------------------------------------
 ads
----------------------------------------------- */
.ads {
    /** background-color:#fff; */
}

/* ********************************************
 * TITLE
 * ******************************************** */
/* --------------------------------------------
 input title
----------------------------------------------- */
.ititle {
    margin:10px 10px 10px 10px;
    color:#505050;
    font-weight:bold;
}

/* ********************************************
 * INPUT
 * ******************************************** */
/* --------------------------------------------
 text
 ----------------------------------------------- */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
    display: block;
    width:100%;
    border:#BBB 1px solid;
    padding:8px 5px;
    font-size:136%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

textarea {
    width:100%;
    border:#BBB 1px solid;
    padding:5px 5px;
    font-size:136%;
}

/* --------------------------------------------
 radio, checkbox, select 
 ----------------------------------------------- */
select {
    height:36px;
    padding:0 0 0 5px;
    border:#BBB 1px solid;
    font-size:136%;
    width:100%
}

/* radio */
input[type="radio"]{
    background:#006eba;
    line-height:28px;
    border:#006eba 1px solid;
}

/* --------------------------------------------
 item_check
 ----------------------------------------------- */
li.item-check {
    position: relative;
}

/* checkbox */
li.item-check input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    position: relative;

    width: 100%;
    height: 42px;
    border: none;
    background: none;
    background-image: url(../img/icon/check_radio.png);
    background-repeat: no-repeat;
    background-position: 100% -84px;
    -webkit-background-size: 32px 168px;
    background-size: 32px 168px;
    /* background-color:#aa0000; */
}
li.item-check input[type = "checkbox"]:checked {
    background-position: 100% -126px;
}
li.item-check input[type="checkbox"] + label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 0 35px 0 10px;
    font-weight: bold;
    line-height: 42px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* radio */
li.item-check input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    position: relative;
    width: 100%;
    height: 42px;
    border: none;
    background: none;
    background-image: url(../img/icon/check_radio.png);
    background-repeat: no-repeat;
    background-position: 100% 0px;
    -webkit-background-size: 32px 168px;
    -moz-background-size: 32px 168px;
    background-size: 32px 168px;
    /* background-color:#aa0000; */
}
li.item-check input[type="radio"]:checked {
    background-position: 100% -42px;
}
li.item-check input[type = "radio"] + label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 0 35px 0 10px;
    font-weight: bold;
    line-height: 42px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* --------------------------------------------
 item_onoff
 ----------------------------------------------- */
li.item-onoff {
    position: relative;
}

/* checkbox */
li.item-onoff input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    position: relative;
    -webkit-background-size: 93px 27px;
    -moz-background-size: 93px 27px;
    background-size: 93px 27px;
    width: 100%;
    height: 42px;
    border: none;
    background: none;
    background-image: url(../img/icon/check_off_full.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
li.item-onoff input[type="checkbox"]:checked {
    background-image: url(../img/icon/check_on_full.gif);
    background-position: 100% 50%;

}
li.item-onoff input[type="checkbox"] + label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 0 35px 0 10px;
    font-weight: bold;
    line-height: 42px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* ********************************************
 * message
 * ******************************************** */
.alert-message {
  position: relative;
  padding: 7px 15px;
  margin-bottom: 10px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.alert-message.block-message {
  background-image: none;
  background-color: #fdf5d9;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-color: #fceec1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.alert-message.block-message.error {
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-message.block-message.error {
  background-color: #fddfde;
  border-color: #fbc7c6;
}

.alert-message.block-message.success {
  background-color: #d1eed1;
  border-color: #bfe7bf;
}
.alert-message.block-message.info {
  background-color: #ddf4fb;
  border-color: #c6edf9;
}

.alert-message.block-message.default {
  background-color: #ffffff;
  border-color: #dddddd;
}

.alert-message.block-message.red {
  background-color: #ffeeee;
  border-color: #ffcccc;
}

/* ********************************************
 * BUTTON
 * ******************************************** */
/* --------------------------------------------
  button
----------------------------------------------- */
.btn {
    font-size: 13px;
    padding: 8px 14px 8px;
    font-weight:bold;
    text-align: center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    background-color: #E6E6E6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(white, white 25%, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, white 25%, #E6E6E6);
    background-image: -ms-linear-gradient(white, white 25%, #E6E6E6);
    background-image: -o-linear-gradient(white, white 25%, #E6E6E6);
    background-image: linear-gradient(white, white 25%, #E6E6E6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    line-height: normal;
    border: 1px solid #CCC;
    border-bottom-color: #BBB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}
a.btn {
    color:#555555;
}

.btn:hover {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
}
.btn:focus {
    outline: 1px dotted #666;
}
.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.success {
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #57a957 #57a957 #3d773d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success,
.btn.success:hover {
    color: #ffffff;
}
.btn.primary {
    color: #ffffff;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn.primary a {
    color:#ffffff;
}

.btn.danger {
 color:#ffffff;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.danger a {
    color:#ffffff;
}

/* ********************************************
 * list
 * ******************************************** */
/* --------------------------------------------
  section
----------------------------------------------- */
section {
    /* margin-bottom: 10px; */
    position: relative;
}

/* --------------------------------------------
  rowround
----------------------------------------------- */
.rowround {
    font-size:115%;
    margin:0;
    border:1px solid #ccc;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    background-color: #ffffff;
}
.rowround li{
    border-top:1px solid #edeae0;
}
.rowround li a span.row{
    color:#333;
    background:url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}
.rowround li:first-child{
    border-top:none;
}
.rowround li span.row{
    font-weight:bold;
    display:block;
    padding:15px 22px 15px 10px;
}
.rowround li .box{
    display: -moz-box;
    display: -webkit-box;
    /* background-color:blue; */
}
.rowround li .title{
    width: 85px; /* 75 */
    color: #516590;
    /* background-color:red; */
}
.rowround li .friend{
    width: 85px;
    /* color:#25447a; */
    /* background-color:red; */
}
.rowround li .num{
    width: 35px;
}
.rowround li .img{
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    overflow:hidden;
    text-align: right;
    margin: 0;
    padding: 0;
    /* background-color:red; */
}
.rowround li .value{
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    overflow:hidden;
}

/* --------------------------------------------
  rowprof
----------------------------------------------- */
.rowprof {
    font-size:115%;
    line-height:1.3;
    display: -moz-box;
    display: -webkit-box;
    font-weight:bold;
    /** padding:5px 22px 5px 5px; */
    padding:5px 10px 5px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background:url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}

.rowprof:hover {
	background-color:#f5f8fa;
}

.rowprof .prof_right {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    padding: 0 0 0px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rowprof .prof {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    padding: 0px 0 0px; /* 2px */
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align:top;
}
.rowprof .title {
    color: #333;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 58px;
}
.rowprof .name {
    display:inline-block;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    vertical-align:top;
    /* line-height: 0.5em; */
    /* background-color: #ee0000; */
    width:100%;
}
a:hover .name p {
    text-decoration:underline;
    color:#027cbf;
}
.rowprof .headline {
    display:block;
    margin-top:0px;
    color: #909090;
    font-weight:normal;
    font-size: 12px;
    vertical-align:top;
}
.rowprof .view_img {
    -moz-box-ordinal-group: 3;
    -webkit-box-ordinal-group: 3;
}
.rowprof .view_img img {
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rowprof .line {
    width:5px;
}
.rowprof .headline .titem_backup {
    display:block;
    float:left;
    display:block;
    height: 20px;
    padding-top:1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/* --------------------------------------------
  rownormal
----------------------------------------------- */
.rownormal {
    font-size:115%;
    margin:0;
    background-color: #ffffff;
}
.rownormal li{
    border-bottom:1px solid #edeae0;
}
.rownormal li a .row, a .rowmulti, a .rowmultiimg, a .rowone, a .rowmore, a .rowselect, a .rowprof {
    color:#333;
    background:url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}
.rownormal li:first-child{
    /* border-top:none; */
}
.rownormal li .time{
    margin-top: 2px;
    font-weight:normal;
    font-size: 12px;
    color: #999999;
}
a .rowmore {
    text-align: right;
    color:#333;
    background:url(../img/icon/arrow01.gif) no-repeat 100% 50%;
}
.round_img {
    width:85px;
    height:85px;
    display: block; /* inline-block */
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 14px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.round_img img {
    width:85px;
    height:85px;
}

.rowone {
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    padding: 12px 22px 12px 10px;
}

.rowone:hover {
    background-color:#f5f8fa;
}

.rowone_nohover {
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    padding: 12px 22px 12px 10px;
}

/* --------------------------------------------
  rowselect right
----------------------------------------------- */
.rowselect {
    line-height: 1.3;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    padding: 15px 22px 15px 10px;
}
.rowselect .right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    padding: 0 0 0px;
    width: 80px;
    font-weight: normal;
    margin: auto 0px auto 0px;
    color:#555555;
}

/* --------------------------------------------
  rowmulti right
----------------------------------------------- */
.rowmulti .left, .rowmultiimg .left {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    padding: 0 0 0px;
    width:auto;
    font-weight:bold;
    
    margin: 0px 0px 0px 0px;
    /** background-color: #FF0000 */
}

.rowmulti .center, .rowmultiimg .center {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    padding: 0 0 0px;
    width:auto;
    font-weight:bold;
    
    margin: 0px 0px 0px 0px;
    /** background-color: #FF0000 */
}

.rowmulti .right, .rowmultiimg .right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    padding: 0 0 0px;
    width:auto;
    min-width:50px;
    text-align:right;
    font-weight:normal;
    margin: 0px 0px 0px 0px;
    /* background-color: #00FF00; */
}

/* --------------------------------------------
  rowmenu
----------------------------------------------- */
.list {
    margin:0;
    background-color: #ffffff;
    /** border-left: 1px solid #edeae0; */
    /** border-right: 1px solid #edeae0; */
    
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.list.gray {
    background-color: #f1f2f3;
}

.list.round {
    border:1px solid #ccc;
    -webkit-border-radius:7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.list > li{
    border-bottom:1px solid #edeae0;
}

.list > li:first-child{
    border-top:none;
}

.list > li:last-child{
    border-bottom:none;
}

.list > li a .rowmenu {
    color:#333;
    background:url(../img/icon/arrow01.gif) no-repeat 100% 50%;
    padding:10px 20px 10px 10px;
    
    width:100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.list > li a .rowmenu.back {
    color:#333;
    background:url(../img/icon/arrow01_back.gif) no-repeat 0% 45%;
    padding:10px 10px 10px 25px;
}

.list > li a:hover .rowmenu {
    background-color: #f5f5f5;
}

.list > li a:hover {
    text-decoration: none;
}

.rowmenu {
    font-size:115%;
    line-height:1.3;
    display: -moz-box;
    display: -webkit-box;
    -moz-box-align: center;
    -webkit-box-align: center;
    padding:10px 10px 10px 10px;
}

.rowmenu.active {
    font-weight:bold;
}

.rowmenu.slim {
    padding:5px 10px 5px 10px;
}

li a .rowmenu.slim {
    padding:5px 20px 5px 10px;
}


/* --------------------------------------------
  search
----------------------------------------------- */
.search {
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search .search_area {
    display:inline-block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    width:348px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search .search_area input {
    height:36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search .search_btn {
    vertical-align:top;
    display:inline-block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    margin-left:2px;
    height:36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search .search_btn a {
    padding: 8px 0px 8px 0px;
    height:36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

/* --------------------------------------------
  search radio
----------------------------------------------- */
ul.sradio {
    margin-top:5px;
}
ul.sradio:after {
    content: '';
    display: block;
    clear: both;
}
ul.sradio li {
    position: relative;
    list-style: none;
    float: left;
    width: 82px;
}
ul.sradio label {
    display: block;
    line-height:25px;
    border: 1px solid #AAA;
    border-right: 0;
    background: #ECECEC;
    color: #333;
    text-align: center;
}
ul.sradio li:first-child label {
   -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
ul.sradio li:last-child label {
    border-right: 1px solid #AAA;
   -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

ul.sradio input[type="radio"]:checked + label {
    text-shadow: 0 -1px #fff;
    background: #FFFFFF;
    color: #111;
}
ul.sradio input[type="radio"] {
    opacity : 0;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    padding: 0;
}

/* ********************************************
 * Image Grid
 * ******************************************** */
/* --------------------------------------------
  grid
----------------------------------------------- */
.grid {
    width: 320px;
    margin: auto;
    align: center;
}
.grid li {
    display: inline;
    margin: 4px 0px 0px 4px;
    float: left;
}
.grid ul:after {
    content: "";
    display: block;
    clear: both;
}

/* ********************************************
 * Pager
 * ******************************************** */
 /* --------------------------------------------
  pager
----------------------------------------------- */
.pager {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); */
    /* box-shadow: 0px 1px 2px rgba(0,0,0,0.2); */
    background-color: rgba(255, 255, 255, 1.0);
    color: #333;
    border-width: 1px;
    border-color: #B8B8B8;
    border-style: solid;
}

/** 罫線の色設定 **/
.pager-border {
    border-color: #B8B8B8;
    border-style: solid;
}


/** テーブル枠の設定 **/
ul.normal-pager {
    text-align: center;
    display: table;
    width: 100%;
    margin: 0 auto;
}

/** テーブル間の罫線の設定 **/
ul.normal-pager li.pager-border {
    border-width: 0 1px 0 0;
}

ul.normal-pager li.pager-border:last-child {
    border-width: 0;
}

/** リンクの文字色設定 **/
ul.normal-pager li a {
    height: 38px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 38px;
    overflow: hidden;
}

ul.normal-pager li a:not([href]) {
    opacity: 0.2;
}

/** リンク設定（ブロックに）（ファースト・ラスト、中2つ） **/
/**
ul.normal-pager li.pager-first a, ul.normal-pager li.pager-last a {
    display: block;
    padding: 0 10px;
}
*/

ul.normal-pager li.pager-prev a, ul.normal-pager li.pager-next a {
    display: block;
    padding: 0 20px;
}

/** liセル設定（ファースト・ラスト、中2つ） **/
/**
ul.normal-pager li.pager-first, ul.normal-pager li.pager-last {
    display: table-cell;
    width: 58px;
    background-color:#FF0000;
}
*/

ul.normal-pager li.pager-view {
    display: table-cell;
    color:#333;
}

ul.normal-pager li.pager-prev, ul.normal-pager li.pager-next {
    display: table-cell;
    width: 100px;
}

/** 前へ、次への画像設定 **/
ul.normal-pager li.pager-prev a span {
    display: inline-block;
    background: url(../img/icon/pager_prev.png) no-repeat left center;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
    padding-left: 20px;
}

ul.normal-pager li.pager-next a span {
    display: inline-block;
    background: url(../img/icon/pager_next.png) no-repeat right center;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    -ms-background-size: 12px 12px;
    background-size: 12px 12px;
    padding-right: 20px;
}

/* ********************************************
 * User CSS
 * ******************************************** */
/* --------------------------------------------
  profile
----------------------------------------------- */
a .miniprof {
    /* background:url(../img/icon/arrow01.gif) no-repeat 100% 50%; */
}

.miniprof {
    line-height:1.3;
    display: -webkit-box;
    display: -moz-box;
    padding: 15px 0px 15px 15px;
    box-sizing:border-box;
}

.miniprof .prof_img {
    -webkit-box-ordinal-group: 1;
    -mox-box-ordinal-group: 1;
    padding-top: 0px;
}

.miniprof .prof {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    padding: 0 0 0px;
    margin-left: 10px;
    /* background-color: #550000 */
}

.miniprof .prof .title{
    color: #333;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
    /* line-heigh: 1em; */
}

.miniprof .prof .name_id{
    color: #333;
    font-size: 13px;
}

.miniprof .prof .headline{
    display:block;
    margin-top:2px;
    color: #333;
    font-size: 13px;
}

.miniprof .prof.middle {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    padding: 5px 0 0 0;
    margin-left: 10px;
    /* background-color: #ee0000; */
    
    display:-moz-box;
    display:-webkit-box;
    -moz-box-align: center;
    -webkit-box-align: center;
    -moz-box-pack: left;
    -webkit-box-pack: left;
}

.miniprof .prof_left {
    /* float:left; */
    max-width: 550px;
}
.miniprof .prof_right {
    float:left;
    margin-left:20px;
    margin-right:25px;
    width:60px;
    text-align:right;
    vertical-align:bottom;
    height:36px;
    line-height:36px;
    /* margin-right:22px; */
}


/* --------------------------------------------
  tab blue
----------------------------------------------- */
ul.tab_button {
    display: block;
    position: relative;
    z-index: 50;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0px;
    overflow: hidden;
}

ul.tab_button:after {
    content: '';
    display: block;
    clear: both;
}
ul.tab_button li {
    width: 33.3%;
    font-size:12px;
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    overflow: hidden;
    border: 1px solid #ccc;
    border-left: none;
    background-color: #fafafa;
    background-image: linear-gradient(top,#fff,#ddd);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));
    background-image: -webkit-linear-gradient(top,#fff,#ddd);
    background-image: -moz-linear-gradient(top,#fff,#ddd);
    box-shadow: rgba(255,255,255,0.5) 0 1px 0;
}
ul.tab_button.tabs8 li {
    width: 12.5%;
}
ul.tab_button.tabs7 li {
    width: 14.2%;
}
ul.tab_button.tabs6 li {
    width: 16.6%;
}
ul.tab_button.tabs5 li {
    width: 20%;
}
ul.tab_button.tabs4 li {
    width: 25%;
}
ul.tab_button.tabs3 li {
    width: 33.3%;
}
ul.tab_button.tabs2 li {
    width: 50%;
}
ul.tab_button.tabs1 li {
    width: 100%;
}

ul.tab_button li.selected {
    box-shadow: rgba(0,0,0,0.15) 0 1px 2px inset;
    -webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 2px inset;
    -moz-box-shadow: rgba(0,0,0,0.15) 0 1px 2px inset;
    border-color: #a1a1a1 #adadad #bbb;
    background: #d9dadb;
    background: rgba(0,0,0,0.1);
}

ul.tab_button li a {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #555;
    font-size: 100%;
    font-weight: bold;
    vertical-align:middle;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
ul.tab_button li.selected a {
    font-weight: bold;
    color: #444;
    text-shadow: #f0f0f0 0 1px;
}
ul.tab_button li:first-child {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #ccc;
}

ul.tab_button li:last-child {
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
ul.tab_button li.selected + li {
    border-left: none;
}

ul.tab_button li.tab_tl {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 1px solid #ccc;
}

ul.tab_button li.tab_tr {
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 1px solid #ccc;
}
ul.tab_button li.tab_bl {
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #ccc;
    border-top: 0px;
}

ul.tab_button li.tab_br {
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 1px solid #ccc;
    border-top: 0px;
}
ul.tab_button li.tab_bn {
    border-top: 0px;
}

/* --------------------------------------------
  menu blue
----------------------------------------------- */
.menutab {
    display: block;
    clear:both;
    height:32px;
    line-height:200%;
    margin:0px 0px 10px 0px;
    border-bottom: 1px solid #DDD;
}

.menutab li {
    float:left;
    position: relative;
    display: list-item;
    margin-bottom: 0px;
    width: 33.3%;
}

.menutab li.selected {
    float:left;
    position: relative;
    margin-bottom: 0px;
    width: 33.3%;
}

.menutab.tabs8 li {
    width: 12.5%;
}
.menutab.tabs7 li {
    width: 14.2%;
}
.menutab.tabs6 li {
    width: 16.6%;
}
.menutab.tabs5 li {
    width: 20%;
}
.menutab.tabs4 li {
    width: 25%;
}
.menutab.tabs3 li {
    width: 33.3%;
}
.menutab.tabs2 li {
    width: 50%;
}
.menutab.tabs1 li {
    width: 50%;
}

.menutab a {
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    display: block;
    font-size:100%;
    color: #0099cc;
    margin:2px 1px 0 1px;
    padding-top: 3px;
    line-height:200%;
    font-weight: bold;
    text-align: center;
}

.menutab li.selected a{
    display: block;
    color:#505050; /** #222 **/
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    
    background-color:#FFFFFF; /** #f1f2f3 **/
    font-weight: bold;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

.menutab li a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  border-color: #f5f5f5 #f5f5f5 #ddd;
}

.menutab li.selected a:hover {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: pointer;
}