@charset "shift-jis";

/* Preset
-------------------------------------------------- */
html { height: 100%; }
body { line-height: 1.4; height: 100%; color: #4a4a4a; background: #ffffff; font-size: 14px; font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	        text-size-adjust: 100%; }

h1,h2,h3,h4,h5,h6, strong { font-weight: 400; }

ul, ol { list-style: none outside; }

small { font-size: inherit; }

input { font-size: 100%; }

a { color: #008bcc; text-decoration: underline; }
a img { border: none; text-decoration: none; }



.pageBack, .revision {
  margin-top: 0;
  padding: 0 10px;
  line-height: 0; }


/*---------------------------------------------------------
 + mod-list_iconMenu
---------------------------------------------------------*/

.kamoku{
background : #ffffff !important;
}

.otherNav {
  clear: both;
 }

.otherNav dt.title {
  padding: 0 0 0 15px;
/*  background: #C91818 !important;*/
/*  border: 1px solid #97989A;*/
  font-weight: bold;
  text-shadow: 0 -1px 1px #7B7B7C;
  color: #eeeeee !important;
  font-size: 130%;
  line-height: 44px;
background: url("../images/menuOpen.png") top right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#C91818), to(#C91818));
background: url("../images/menuOpen.png") top right no-repeat, -moz-linear-gradient(top, #C91818, #C91818);

 }

.otherNav dd ul {
  overflow: hidden;
  margin: 0 0 25px 0;
  width: 100%; }


.otherNav dd ul li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 51px;
  width: 100%;
background : #ffffff;
  border-bottom: 1px solid #ccc;
  list-style: none; }


.otherNav dd div {
line-height : 1.6em;
  min-height: 51px;


	padding :  10px 15px 5px 15px;
 }


.ui-flickable-wrapper{
	padding :  0 !important;
}



.otherNav dd ul li a {
  display: block;
  padding: 16px 15px 15px 17px;
 background-image: url("../images/icon_arrow_b.gif");
   background-origin: padding-box;
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 11px 17px;

  color: #4a4a4a !important;
text-decoration : none;
  vertical-align: middle; }

.otherNav dd ul.main li a {
  padding: 14px 17px 13px 50px;
  text-decoration: none;
  font-size: 84%;
  line-height: 1.65; }

.pageBack a {
  background: url(../images/btn_back.gif) no-repeat;
  -webkit-background-size: 61px 37px;
  background-size: 61px 37px;
  width: 56px;
  height: 18px;
  display: block;
  padding: 19px 0 0 5px;
  text-align: center;
  text-decoration: none;
  color: #4a4a4a;
  text-shadow: 0 1px 0 white; }

.pageBack, .revision {
  margin-top: 0;
  padding: 0 10px;
  line-height: 0; }

.area_box {
  overflow: hidden;
  width: 100%; }
  .area_box .pageBack {
    line-height: 0;
    margin-top: 0;
    padding: 0 10px;
    float: left; }

.area {
  padding: 10px 10px 5px; }




/*---------------------------------------------------------
areaDetail
-----------------------------------------------------------*/
dl.areaDetail dt {
  background: #fff;
  padding: 6px 0 6px 0;
  border-top: 1px solid #ccc; }
  dl.areaDetail dt nav.pageBack {
    margin-top: 0;
    float: left; }
  dl.areaDetail dt span {
    display: block;
    text-align: left;
    margin-right: 25px;
    color: #1884ba; }

div.openDetail {
  display: none; }



dl.navi1 dd {
    background-color: #f8f8dc;
    color: #000000;
    margin-left: 0;
    padding: 10px 0 !important;
  border-bottom: 1px solid #ccc;
}


p.title{
text-align : center;
margin:0.6em 90px 0.8em 90px !important;
}


/*------------------------*/
/* こんなのやってらんねー */
/*------------------------*/
.coution p{
margin : 10px 0 5px 0;
padding : 10px;
background: #C9C9C9;
font-weight : bold;
color : #444444;
text-shadow: none !important;
}

.coution ul{
padding: 10px 5px;;
}

.coution ul li{
margin-left : 1.5em;
text-indent : -1.0em;
list-style : none;
}


/*--------------*/
/* トップに戻る */
/*--------------*/
.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}    
 
.backtotop a {
    display: block;
    color: #777777;
    padding: 14px 6px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
 
.backtotop a:hover {
    background: #666666;
    color: #FFFFFF;
}