/*
* Amazium V3.3.0
* Copyright 2013, Mike Ballan
* www.amazium.co.uk
*/

/***********************************************
Example use only - Delete when done..!
***********************************************/
body                                            { margin:20px 0; background-image: url(../images/back.gif); }
h3 { color:#566882; font-size: 160%; line-height: 1.7; font-weight:bold;}
.mind{ margin:20px;}
.info { color:#29285B; font-weight:bold;}
.grid_2{ color:#566882; font-size: 180%; line-height: 1.7; font-weight:bold; font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px;}
.grid-highlight                                 { margin-bottom:5px; }
.grid-highlight [class^="grid_"]                { line-height:30px; text-align:center; background-color:#F1F1F1; }
.white {
  display: block;
  background-color: #FFFFFF;
  position:relative;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  padding: 20px;
}
.yodogawa {font-size: 110%; line-height: 1.9; font-weight:bold; color:#666666;}
.yodogawa-2 {font-size: 110%; line-height: 1.9; font-weight:bold; color:#55B7DB;}
.cap { font-size: 80%; line-height: 1.9; color:#666666; }
.honmon{
	margin: 0 auto;
	text-align: center;
	background: url(../images/base.png) repeat-y center top; 
	}
/* プログレスバー */
.ui-progressbar {
  height:2em;
  margin-bottom: 20px;
  border: solid 1px #808080;
  overflow: hidden;
  background-color: #f7f7f7;
}

.ui-progressbar .ui-progressbar-value {
  height:100%;
  color: #ffffff;
  background-color: #F3CCB2;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-label {
  float: left;
  margin-left: 50%;
  margin-top: 5px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

/* Form */
label                                           { color: #4C4C4C; font-weight: bolder !important; font: 18px/22px Sans-Serif !important;}
fieldset > label                                { width: 20%; }
.side                                           { float: left; width: auto; }
.checkbox > span                                { width:100%; }
.radio                                          { float: left; width: auto; }
.radio > label                                  { text-align: left; width: 20%; }
input[type="button"],
input[type="submit"],
input[type="reset"]                             { margin-top: 0px; height: 43px; float: none; }
input[type="checkbox"]:checked + label:before   { background-color:#55B7DB; border-color:#55B7DB !important; }
input[type="radio"]:checked + label:before      { border:7px solid #666  !important;}
.checkbox > span label                          { padding:2px 0 0 32px; font: 16px/20px Sans-Serif; font-weight:bold  !important; }
.checkbox > span                                { margin:0 0 20px;}
input.first                                     { margin-left: 0%; float: right; }


/* ボタン全体 */
.btn {
  border-radius: 20px;            /* CSS3草案 */
  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;       /* Firefox用 */
}

/* 戻るボタン */
.btn.back {
  border-color: #A1D3B6;
  background-color: #A1D3B6;
}

/* 戻るボタン(マウスオーバー) */
:hover.btn.back {
  border-color: #568268;
  background-color: #568268;
  color: #FFF;
}

/* 進むボタン */
.btn.forward {
  border-color: #ea915a;
  background-color: #ea915a;
  width: 90px;
}

/* 進むボタン(マウスオーバー) */
:hover.btn.forward {
  border-color: #B93D30;
  background-color: #B93D30;
  color: #FFF;
}

/*
.progress {
  position: relative;
  width: 100%;
  background-image: url(../images/parameter.gif);
  background-position:left top;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  display: inline-block;
}

.bar {
  position: absolute;
  bottom: 0;
  background-image: url(../images/pink.gif);
  height: 27px;
  margin: 2px;
  text-align: right;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
  */

.well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  height: 100px;
  text-align: center;
  line-height: 100px;
}


/***********************************************
Screen 1200px+
***********************************************/
.example                                        {  }



/***********************************************
Screen Smaller than 1199px
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1199px) {

.example                                        {  }



}

/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {

.example                                        {  }



}

/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {

.example                                        {  }

    tbody tr{
        display: block;
        margin-bottom: 1.5em;
    }
    tbody th,
    tbody td{
        display: list-item;
        border: none;
    }

}

/***** Mobile (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

.example                                        {  }



}