@charset "utf-8";



/* list */



.errorB{
	font-weight: bold;
	color: #E50000;
}

.error{
	color: #E50000 !important;
}

.px10 {
	font-size:12px;
	line-height:1.4;
	margin:5px 0 0 0;
	display:block;
}

.px10b {
	color: #333333;
	font-size:12px;
	line-height:1.4;
	margin:5px 0 0 0;
	display:block;
	font-weight:normal;
}

.notinfotext {
	background:url(../../img/cmn/ExclamationRed.png) 1px 0 no-repeat;
	padding:0 0 0 72px;
	margin:25px 10px 30px 10px;
	color:#E50000;
	min-height:62px;
}

.notinfotext .notinfotextP {
	padding:15px 0 0 0;
}

div.slideBlock h2{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 10px;
	font-size: 16px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
	color-stop(0.98, #f5f5f5), 
    color-stop(0.99, #cccccc), 
	to(#cccccc)
  );
  text-shadow:1px 1px 1px #ffffff;
  position: relative;
}

div.slideBlock h2 span.arrow{
	width: 19px;
	height: 19px;
	background: url(../../img/cmn/arrow_plus.gif) no-repeat left top;
	display: block;
	position: absolute;
	right: 5px;
	top: 10px;
}

div.slideBlock h2.active span.arrow{

	background: url(../../img/cmn/arrow_minus.gif) no-repeat left top;

}

div.slideBlock span.number{
	font-weight: normal;
}






div.listBox div.block ul li{
	padding: 8px 0px 8px 0px;
	border-bottom: solid 1px #cccccc;
	font-size: 16px;
	font-weight: bold;
	text-shadow:1px 1px 1px #ffffff;
	position: relative;
}

div.listBox div.block ul li a{
	padding-left: 10px;
	display: block;
	/*width: 290px;*/
}

div.listBox div.block ul li img.icon_poison{
	margin:-2px 4px -2px 0;
}

div.listBox div.block ul li span.arrow{
	width: 9px;
	height: 13px;
	background: url(../../img/cmn/arrow_r.png) no-repeat left top;
	display: block;
	position: absolute;
	right: 5px;
	top: 40%;
}


div.listBox div.block ul li span.read{
	margin-left: 3px;
	font-size: 10px;
	font-weight: normal;
}


div.dictionary div.block ul li{
	line-height: 1.2em;
}

div.listBox div.block ul li a{
	text-decoration: none;
}



div.poisonBox {
	padding-bottom: 11px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;	
}

div.poisonBox div.block ul li{
	padding: 8px 0px 8px 0px;
	border-bottom: solid 1px #cccccc;
	font-size: 16px;
	font-weight: bold;
	text-shadow:1px 1px 1px #ffffff;
	position: relative;
}

div.poisonBox div.block ul li a{
	padding-left: 10px;
	display: block;
	/*width: 290px;*/
}

div.poisonBox div.block ul li img.icon_poison{
	margin:-2px 4px -2px 0;
}

div.poisonBox div.block ul li span.arrow{
	width: 9px;
	height: 13px;
	background: url(../../img/cmn/arrow_r.png) no-repeat left top;
	display: block;
	position: absolute;
	right: 5px;
	top: 40%;
}


div.poisonBox div.block ul li span.read{
	margin-left: 3px;
	font-size: 10px;
	font-weight: normal;
}

div.poisonBox div.block ul li a{
	text-decoration: none;
}





div.pointBlock div.block ul li a{
	padding-left: 10px;
	width: 300px;
}



div.btnBox{
	margin: 10px 0px 30px 0px;
	padding: 0px 0px 15px 0px;
	background: url(../../img/cmn/btn_other_bg.gif) no-repeat center top;
}

div.btnBox p{
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}

div.btnBox p a{
	margin: 0px auto;
	padding: 0px 0px 0px 7px;
	width: 286px;
	text-decoration: none;
	background: url(../../img/cmn/arrow_other.gif) no-repeat 65px 0px;
	display: block;
}

/* template */

span.number{
	font-weight: normal;
	font-size: 14px;
	margin-left:5px;
}

/* error */

div.errorBox{
	padding-top: 10px;
}

div.errorBox p.error{
	text-align: center;
}

div.errorBox p.attention{
	margin: 0 10px 20px;
	color: #e50000;
	font-size: 16px;
	font-weight: bold;
  text-align: center;
}

div.errorBox p.back{
	margin: 0px 0px 30px 15px;
	padding: 7px 0px 7px 0px;
	text-align: center;
	width: 295px;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/template/back_bg.gif) no-repeat left top;
}

div.errorBox p.back a{
	display: block;
	text-decoration: none;
}



/* fish */

div.fishSearch{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

div.fishSearch select{
	margin: 0px 0px 10px 10px;
}


div.fishSearch p.text{
	font-size: 12px;
}

div.fishSearch input.text{
	margin: 0px 0px 10px 10px;
	height: 34px;
	width: 227px;
	color: #999999;
}

div.fishSearch p.attention{
	margin: 0px 0px 10px 10px;
	color: #e50000;
	font-weight: bold;
}


div.fishSearch input.submit{
	background: url(../../img/template/btn_search.gif) no-repeat left top;
	border: none;
	width: 62px;
	height: 35px;
	color: #ffffff;
	font-weight: bold;
}





div.popularBox{
	
}

div.popularBox div.listBox,
div.bigBox div.listBox,
div.manyBox div.listBox{
	padding-bottom: 11px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;
}


div.popularBox h2{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	background: url(../../img/template/popular_bg.gif) no-repeat left top;
	color: #333333;
	font-size: 16px;
}



div.popularBox div.listBox div.block ul li span.arrow{

	background: url(../../img/template/arrow_popular.gif) no-repeat left top;

}

div.popularBox div.listBox div.block ul li a{
	padding-left: 35px;
	width: 275px;
}

div.popularBox div.listBox div.block ul li.no1{
	background: url(../../img/template/popular01.gif) no-repeat 10px 12px;
}
div.popularBox div.listBox div.block ul li.no2{
	background: url(../../img/template/popular02.gif) no-repeat 10px 12px;
}
div.popularBox div.listBox div.block ul li.no3{
	background: url(../../img/template/popular03.gif) no-repeat 10px 12px;
}
div.popularBox div.listBox div.block ul li.no4{
	background: url(../../img/template/popular04.gif) no-repeat 10px 12px;
}
div.popularBox div.listBox div.block ul li.no5{
	background: url(../../img/template/popular05.gif) no-repeat 10px 12px;
}





div.bigBox h2{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	background: url(../../img/template/big_bg.gif) no-repeat left top;
	color: #333333;
	font-size: 16px;
}



div.bigBox div.listBox div.block ul li span.arrow{

	background: url(../../img/template/arrow_big.gif) no-repeat left top;

}

div.bigBox div.listBox div.block ul li a{
	padding-left: 35px;
	width: 275px;
}

div.bigBox div.listBox div.block ul li.no1{
	background: url(../../img/template/big01.gif) no-repeat 10px 12px;
}
div.bigBox div.listBox div.block ul li.no2{
	background: url(../../img/template/big02.gif) no-repeat 10px 12px;
}
div.bigBox div.listBox div.block ul li.no3{
	background: url(../../img/template/big03.gif) no-repeat 10px 12px;
}
div.bigBox div.listBox div.block ul li.no4{
	background: url(../../img/template/big04.gif) no-repeat 10px 12px;
}
div.bigBox div.listBox div.block ul li.no5{
	background: url(../../img/template/big05.gif) no-repeat 10px 12px;
}




div.manyBox h2{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	background: url(../../img/template/many_bg.gif) no-repeat left top;
	color: #333333;
	font-size: 16px;
}



div.manyBox div.listBox div.block ul li span.arrow{

	background: url(../../img/template/arrow_many.gif) no-repeat left top;

}

div.manyBox div.listBox div.block ul li a{
	padding-left: 35px;
	width: 275px;
}

div.manyBox div.listBox div.block ul li.no1{
	background: url(../../img/template/many01.gif) no-repeat 10px 12px;
}
div.manyBox div.listBox div.block ul li.no2{
	background: url(../../img/template/many02.gif) no-repeat 10px 12px;
}
div.manyBox div.listBox div.block ul li.no3{
	background: url(../../img/template/many03.gif) no-repeat 10px 12px;
}
div.manyBox div.listBox div.block ul li.no4{
	background: url(../../img/template/many04.gif) no-repeat 10px 12px;
}
div.manyBox div.listBox div.block ul li.no5{
	background: url(../../img/template/many05.gif) no-repeat 10px 12px;
}



/* erea */

div.title{
  background: -webkit-gradient(linear, left top, left bottom,
    from(#4395de),
    color-stop(0.50, #066ac3), 
    color-stop(0.51, #045fae), 
    to(#52a0e6)
  );

}

div.title h1{
	padding: 5px 0px 5px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
}



div.slideList div.block ul li a{
	padding-left: 20px;
	width: 290px;
}


/* point */

div.point{
	background: url(../../img/cmn/point_bg.gif) repeat-x left top;

}

div.point h2{
	padding: 6px 0px 6px 0px;
	text-align: center;
	color: #333333;
	font-size: 16px;
}


/* species */


div.speciesBox{
	
}



div.speciesBox div.block ul li{
	padding-left: 20px;
}


div.speciesBox div.block ul li.parent{
	padding-left: 0px;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
    to(#f5f5f5)
  );
}



/* detail */

div.cmsBox{
	margin: 0;
	padding: 10px;
	background-color: #d7eefc;
}

div.pdt0{
	padding-top:0px;
}

div.cmsBox p.subkey{
	margin: 0px 0px 7px -10px;
}

div.cmsBox p.tit{
	margin: 0px 0px 10px -10px;
}


div.cmsBox div.cornerArea{
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	-webkit-box-shadow: 1px 1px 1px #cae0ed;  /* Webkit用 */
	-moz-box-shadow: 1px 1px 1px #cae0ed;  /* Firefox用 */
}

div.cmsBox div.cornerBoxTitle{
	margin:0 0 13px 0;
	padding:0 0 9px 0;
	border-bottom:#BABABA 1px solid;
}

div.cmsBox div.cornerBoxSubtitle{
	margin:0 0 10px 0;
}

div.cmsBox div.cornerBox{
	margin:0 0 35px 0;
}

div.cmsBox div.cornerBoxTitle p.notice{
	margin-bottom: 5px;
	color: #ff7600;
	font-weight: bold;
}

div.cmsBox div.cornerBoxTitle p.notice span{
	margin: 0px 5px 0px 0px;
	padding: 1px 2px 1px 2px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #ff7600;
	color: #ff7600;
	line-height: 1.2em;
}

div.cmsBox div.cornerBoxTitle p.result{
	margin-bottom: 5px;
	color: #18A71E;
	font-weight: bold;
}

div.cmsBox div.cornerBoxTitle p.result span{
	margin: 0px 5px 0px 0px;
	padding: 1px 2px 1px 2px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #18a71e;
	color: #18a71e;
	line-height: 1.2em;
}

div.cmsBox div.cornerBoxTitle p.news{
	margin-bottom: 5px;
	color: #ff7600;
	font-weight: bold;
}

div.cmsBox div.cornerBoxTitle p.news span{
	margin: 0px 5px 0px 0px;
	padding: 1px 2px 1px 2px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #2071cc;
	color: #2071cc;
	line-height: 1.2em;
}

div.cmsBox div.cornerBoxTitle .title{
	margin-bottom: 5px;
	color: #045eae;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1em;
}

div.cmsBox div.cornerBoxTitle p.place{
	color: #045eae;
	font-weight: bold;
}

div.cmsBox div.cornerBoxTitle p.term{
	color: #0a92ab;
	font-weight: bold;
}

div.cmsBox div.cornerBoxTitle p.place span{
	margin: 0px 5px 0px 0px;
	padding: 1px 2px 1px 2px;
	font-size: 12px;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #045eae;
}

div.cmsBox div.cornerBoxTitle p.term span{
	margin: 0px 5px 0px 0px;
	padding: 1px 2px 1px 2px;
	font-size: 12px;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #0a92ab;
}


div.cmsBox div.cornerBoxSubtitle .slogan{
	color:#0489AD;
	padding:1px 0 0 5px;
	font-size: 18px;
	font-weight: bold;
	border-left:#0489AD 6px solid;
	line-height:1.1;
}

div.cmsBox div.cornerBox div.text{
}

div.cmsBox div.cornerBox div.text a{
	color:#045EAE;
	text-decoration:underline;
}

div.cmsBox div.cornerBox div.text a:hover{
	text-decoration:none;
}

div.cmsBox div.cornerBox p.pic{
	margin:0 0 3px 0;
}

div.cmsBox div.cornerBox p.caption{
	color: #777777;
	font-size: 12px;
}

div.cmsBox div.cornerBox p.imgzoom{
	text-align:center;
	margin:10px 0 0 0;
}

div.cmsBox div.cornerBox div.movie{
	margin:0 0 -3px 0;
}

div.cmsBox div.cornerBox div.mapArea{
	margin:0 0 3px 0;
}





div.footList{
	border-top: solid 3px #0d70c9;
	background-color: #ffffff;
}

div.footList div.listBox{
	
}

div.footList div.listBox div.block{
	
}

div.footList div.listBox div.block ul{
	
}

div.footList div.listBox div.block ul li{
		padding-left: 40px;
}

div.footList div.listBox div.block ul li.hot{
	background: url(../../img/template/arrow_hot.gif) no-repeat 10px 8px;
}

div.footList div.listBox div.block ul li.event{
	background: url(../../img/template/arrow_event.gif) no-repeat 10px 8px;
}

div.footList div.listBox div.block ul li.topics{
	background: url(../../img/template/arrow_topics.gif) no-repeat 10px 8px;
}

div.footList div.listBox div.block ul li.column_all{
	background: url(../../img/template/arrow_column_all.gif) no-repeat 10px 8px;
}

div.footList div.listBox div.block ul li.column_list{
	background: url(../../img/template/arrow_column_list.gif) no-repeat 10px 8px;
}

div.footList div.listBox div.block ul li a{
	
}

/* book */

div.tbBox{
	
}

div.tbBox table{
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding-bottom: 11px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;	
}

div.tbBox table td{
	padding-top: 10px;
	width: 63px;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	text-align: center;
	vertical-align: middle;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
    to(#f5f5f5)
  );
  font-size: 16px;
  font-weight: bold;
}


div.tbBox table td.space{
	background: #e6e6e6;
}

div.tbBox table td a{
	text-decoration: none;
	width: 62px;
	height: 29px;
	display: block;
}

div.slide2 h2{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 10px;
	background: url(../../img/cmn/h2_bg.gif) repeat-x left top;
}

div.slide2 div.block ul li a{
	padding-left: 10px;
	width: 300px;
}



div.listBox h2{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 10px;
	/*background: url(../../img/cmn/h2_bg.gif) repeat-x left top;*/
}


div.listBox div.block ul li span.pic{
	width: 34px;
	height: 33px;
	background: url(../../img/cmn/arrow_pic.gif) no-repeat left top;
	display: block;
	position: absolute;
	right: 26px;
	top: 5px;
}





h2.title{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	background: url(../../img/cmn/h2_bg.gif) repeat-x left top;
background-size:320px 100%;
	font-size: 16px;
}


h2.titleC{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	background: url(../../img/cmn/h2_bg.gif) repeat-x left top;
	background-size:320px 100%;
	font-size: 16px;
	text-align: center;
}


h2.list{
	text-align: center;
}


/* bookdetail */

div.bookDetail{
	margin: 10px 10px 0px 10px;
	width: 300px;
}


div.bookDetail .detailTitle{
	margin: 0px 0px 10px 0px;
	padding: 7px 0px 7px 45px;
	background: #d7eefc url(../../img/book/arrow_detail.gif) no-repeat 6px 9px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	font-weight: bold;
	font-size: 16px;
}

div.bookDetail p.pic{
	margin: 0px 0px 10px 0px;
}

div.bookDetail .name{
	margin: 0px 0px 2px 0px;
	color: #0a92ab;
	font-weight: bold;
  font-size:16px;
}

div.bookDetail p.text{
	margin: 0px 0px 10px 0px;
}


div.bookDetail div.cornerBox{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: solid 1px #cccccc;
}

div.bookDetail div.cornerBox .title{
	margin: 0 10px;
  padding:0;
  background:none;
	font-size: 16px;
	font-weight: bold;
  color:#333;
}

div.bookDetail div.cornerBox p.text{
	margin: 0px 10px 0px 10px;
	font-size: 14px;
}

div.bookDetail div.cornerBox p.pic{
	margin: 0px 10px 5px 10px;
}


div.bookDetail div.form .title{
	color: #b26b00;
}

div.bookDetail div.eating .title{
	color: #ff7600;
	
}

div.bookDetail div.eating .star0{
	background: url(../../img/book/star0.gif) no-repeat 37px 0px;
}
div.bookDetail div.eating .star1{
	background: url(../../img/book/star1.gif) no-repeat 37px 0px;
}
div.bookDetail div.eating .star2{
	background: url(../../img/book/star2.gif) no-repeat 37px 0px;
}
div.bookDetail div.eating .star3{
	background: url(../../img/book/star3.gif) no-repeat 37px 0px;
}
div.bookDetail div.eating .star4{
	background: url(../../img/book/star4.gif) no-repeat 37px 0px;
}
div.bookDetail div.eating .star5{
	background: url(../../img/book/star5.gif) no-repeat 37px 0px;
}


div.bookDetail div.poison .title{
	color: #7b54c9;
}

div.bookDetail div.poison p.pic{
	margin: 0px 0px 10px 10px;
	float: left;
}



div.bookDetail div.poison p.text{
	float: none;
	clear: both;
}


div.bookDetail div.fishing .title{
	color: #045eae;
}

div.bookDetail div.habitat .title{
	color: #2c9b32;
}



/* dictionary */


div.dictionaryDetail{
	margin: 10px 10px 0px 10px;
	width: 300px;
}


div.dictionaryDetail .detailTitle{
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 7px 45px;
	background: #d7eefc url(../../img/dictionary/arrow_detail.gif) no-repeat 6px 18px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.0em;
}

div.dictionaryDetail .detailTitle span{
	margin: 0px 0px 0px 3px;
	font-size: 10px;
	font-weight: normal;
}

div.dictionaryDetail p.text{
	margin: 0px 0px 20px 0px;
}


div.synonym{
	margin: 0px 0px 15px 0px;
}

div.synonym .title{
	margin: 0px 0px 5px 0px;
	color: #b26b00;
	font-weight: bold;
	font-size: 16px;
  padding:0;
  background:none;
}

div.antonym{
	margin: 0px 0px 15px 0px;
}

div.antonym .title{
	margin: 0px 0px 5px 0px;
	color: #7b54c9;
	font-weight: bold;
	font-size: 16px;
  padding:0;
  background:none;
}


div.listblock ul li{
	margin: 0px 0px 5px 0px;
	padding: 8px 0px 8px 0px;
	border: solid 1px #cccccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	text-shadow:1px 1px 1px #ffffff;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
    to(#f5f5f5)
  );
	
}

div.listblock ul li a{
	padding-left: 10px;
	display: block;
	width: 290px;
	text-decoration: none;
}

div.listblock ul li span.arrow{
	width: 9px;
	height: 13px;
	background: url(../../img/cmn/arrow_r.png) no-repeat left top;
	display: block;
	position: absolute;
	right: 5px;
	top: 14px;
}



/* analyze */


div.analyzeBox{
	margin: 0px 0px 0px 0px;
}

div.analyzeBox div.changeBlock{
	margin: 0px 0px 15px 0px;
}

div.analyzeBox div.changeBox{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
	position: relative;
}

div.analyzeBox div.changeBox p.erea span{
	margin: 0px 24px 0px 0px;
	font-size: 14px;
	font-weight: normal;
}

div.analyzeBox div.changeBox p.fish span{
	margin: 0px 38px 0px 0px;
	font-size: 14px;
	font-weight: normal;
}


div.analyzeBox div.changeBox p.change{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 10px;
	width: 63px;
	position: absolute;
	right: 5px;
	top: 9px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: solid 1px #b3b3b3;
	
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
    color-stop(0.50, #f2f2f2), 
    color-stop(0.51, #e6e6e6), 
    to(#f7f7f7)
  );
}


div.analyzeBox div.changeBox p.change a{
	text-decoration: none;
	width: 63px;
	display: block;
	background: url(../../img/cmn/arrow_r.png) no-repeat 50px 5px;
}




div.changeButton{
	margin: 0px 0px 10px 0px;
}

div.changeButton ul{
	margin: 0px 0px 5px 10px;
	width: 300px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: solid 1px #999999;
}

div.changeButton ul li{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	border-right: solid 1px #999999;
	float: left;
	width: 99px;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#f2f2f2),
    color-stop(0.50, #f8f8f8),  
    to(#e5e5e5)
  );
    font-weight: bold;
}



div.changeButton ul li a{
	display: block;
	text-decoration: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


div.changeButton ul li.on{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#3b85c7),
    color-stop(0.50, #066ac3),
	color-stop(0.51, #045fae),  
    to(#4394db)
  );
}


div.changeButton ul li.on a{
	color: #ffffff;
}




div.analyzeBox div.changeButton ul li.average{
	border-right: none;
}


div.analyzeBox div.changeButton p.text{
	font-size: 12px;
	color: #777777;
	text-align: center;
}

div.analyzeBox div.changeButton p.title{
	margin: 0px 0px 5px 10px;
}

div.analyzeBox p.attention{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	background-color: #ffe0e0;
	color: #dc1313;
	font-size: 12px;
	text-align: center;
}



div.analyzeBox div.rankingBox{
	
}


div.analyzeBox div.rankingBox ul{
	padding-top: 10px;
}

div.analyzeBox div.rankingBox ul li{
	paddding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}

div.analyzeBox div.rankingBox ul li a{
	text-decoration: none;
}

div.analyzeBox div.rankingBox ul li p.title{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 6px 79px;
	font-size: 18px;
	font-weight: bold;
	background: url(../../img/analysis/rankign_name_bg.gif) no-repeat 70px 5px;
	background-size:240px 30px;
}

div.analyzeBox div.rankingBox ul li table{
	margin: 0px 0px 0px 70px;
	width: 240px;
}


div.analyzeBox div.rankingBox ul li table th{
	padding: 1px 0px 1px 25px;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	
}


div.analyzeBox div.rankingBox ul li table tr.t01 th{
	background: url(../../img/analysis/t01.gif) no-repeat 5px 2px,
	url(../../img/cmn/dot.gif) repeat-x left bottom;
}

div.analyzeBox div.rankingBox ul li table tr.t02 th{
	background: url(../../img/analysis/t02.gif) no-repeat 5px 2px,
	url(../../img/cmn/dot.gif) repeat-x left bottom;
}

div.analyzeBox div.rankingBox ul li table tr.t03 th{
	background: url(../../img/analysis/t03.gif) no-repeat 5px 2px,
	url(../../img/cmn/dot.gif) repeat-x left bottom;
}

div.analyzeBox div.rankingBox ul li table tr.t04 th{
	padding-top: 9px;
	background: url(../../img/analysis/t04.gif) no-repeat 5px 11px,
	url(../../img/cmn/dot.gif) repeat-x left bottom;
}

div.analyzeBox div.rankingBox ul li table tr.t04 td{
	padding-top: 9px;
}




div.analyzeBox div.rankingBox ul li table td{
	font-size: 13px;
	font-weight: normal;
	background: url(../../img/cmn/dot.gif) repeat-x left bottom;
	text-align: right;	
}


div.analyzeBox div.rankingBox ul li span.arrow{
	background: url(../../img/cmn/arrow_r.png) no-repeat left top;
	width: 9px;
	height: 13px;
	position: absolute;
	right: 10px;
	top: 50%;
}

div.analyzeBox div.rankingBox ul li.no01{
	background:url(../../img/analysis/ranking01.gif) no-repeat 11px 5px;
}


div.analyzeBox div.rankingBox ul li.no01 p.title{
	/*background: url(../../img/analysis/ranking01.gif) no-repeat 11px 8px;*/
}


div.analyzeBox div.rankingBox ul li.no02{
	background:url(../../img/analysis/ranking02.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no02 p.title{
	/*background: url(../../img/analysis/ranking02.gif) no-repeat 11px 8px;*/
}


div.analyzeBox div.rankingBox ul li.no03{
	background:url(../../img/analysis/ranking03.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no03 p.title{
	/*background: url(../../img/analysis/ranking03.gif) no-repeat 11px 8px;*/
}



div.analyzeBox div.rankingBox ul li.no04{
	background:url(../../img/analysis/ranking04.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no05{
	background:url(../../img/analysis/ranking05.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no06{
	background:url(../../img/analysis/ranking06.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no07{
	background:url(../../img/analysis/ranking07.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no08{
	background:url(../../img/analysis/ranking08.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no09{
	background:url(../../img/analysis/ranking09.gif) no-repeat 11px 5px;
}

div.analyzeBox div.rankingBox ul li.no10{
	background:url(../../img/analysis/ranking10.gif) no-repeat 11px 5px;
}



div.analyzeBox div.comparisonBox{
	padding-top: 10px;
	border-top: solid 1px #cccccc;
}

div.analyzeBox div.comparisonBox p.title{
	margin: 0px 0px 0px 10px;
}

div.analyzeBox div.comparisonBox p.title span{
	font-size: 12px;
}

div.analyzeBox div.comparisonBox p.text{
	margin: 0px 0px 5px 10px;
	font-size: 12px;
	color: #777777;
}

div.analyzeBox div.comparisonBox table{
	margin: 0px 0px 14px 0px;
}

div.analyzeBox div.comparisonBox table th{
	width: 65px;
	vertical-align: middle;
}

div.analyzeBox div.comparisonBox table tr.fish th{
	vertical-align: top;
}

div.analyzeBox div.comparisonBox table tr.fish td{
	font-size: 16px;
	font-weight: bold;
}

div.analyzeBox div.comparisonBox table tr.fish td span{
	color:#045EAE;
}

div.analyzeBox div.comparisonBox table td{
	
}

div.analyzeBox div.comparisonBox div.changeButton{
	padding-top: 10px;
}

div.analyzeBox div.comparisonBox div.changeButton ul{
	margin-left: 0px;
	width: 240px;
}

div.analyzeBox div.comparisonBox div.changeButton ul li{
	width: 79px;
}

div.analyzeBox div.comparisonBox div.changeButton ul li.y03{
	border-right: none;
}

div.analyzeBox div.comparisonBox p.change{
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 10px;
	width: 92px;
	font-size: 14px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: solid 1px #b3b3b3;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
    color-stop(0.50, #f2f2f2), 
    color-stop(0.51, #e6e6e6), 
    to(#f7f7f7)
  );
	float:left;
}


div.analyzeBox div.comparisonBox p.change a{
	text-decoration: none;
	width: 92px;
	display: block;
	background: url(../../img/cmn/arrow_r.png) no-repeat 75px 5px;
}


div.analyzeBox div.comparisonBox div.releaseBox{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 15px 0px;
	background: url(../../img/analysis/btn_release_bg.gif) no-repeat center top;
}

div.analyzeBox div.comparisonBox div.releaseBox p{
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}

div.analyzeBox div.comparisonBox div.releaseBox p a{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 286px;
	text-decoration: none;
	display: block;
}

div.analyzeBox div.comparisonBox div.graphBox{
	
}

div.analyzeBox div.comparisonBox div.graphBox p.title{
	margin: 0px 0px 10px 0px;
	background-color: #0d70c9;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

div.analyzeBox div.comparisonBox div.graphBox p.graph{
	margin: 0px 0px 5px 0px;
}

div.analyzeBox div.comparisonBox div.graphBox p.text{
	font-size: 12px;
	text-align: center;
}



div.analyzeBox p.areaTitle{
	margin: 0px 0px 8px 0px;
	padding: 8px 0px 8px 0px;
	background: url(../../img/analysis/title_area_analyze_bg.gif) no-repeat left top;
	background-size:320px 100%;
	font-size: 18px;
	font-weight: bold;
	text-indent: 60px;
	color: #ffffff;
}


div.analyzeBox p.areatext{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	color: #ca6006;
	border-bottom: solid 1px #cccccc;
	text-align:center;
}


div.analyzeBox div.areaBox div.listBox span.arrow{
	background: url(../../img/analysis/arrow_area.gif) no-repeat left top;
}


div.analyzeBox div.fishBox{
	margin: 0px 0px 15px 0px;
}

div.analyzeBox p.fishTitle{
	margin: 0px 0px 8px 0px;
	padding: 8px 0px 8px 0px;
	background: url(../../img/analysis/title_fish_analyze_bg.gif) no-repeat left top;
	background-size:320px 100%;
	font-size: 18px;
	font-weight: bold;
	text-indent: 60px;
	color: #ffffff;
}


div.analyzeBox p.fishtext{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	color: #045eae;
	border-bottom: solid 1px #cccccc;
	text-align:center;
}


div.analyzeBox p.btnAnalyze{
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 8px 0px;
	background: url(../../img/analysis/btn_analyze_bg.gif) no-repeat 10px 0px;
	background-size:292px 100%;
	font-weight: bold;
	text-indent: 92px;
}

div.analyzeBox p.btnAnalyze a{
	display: block;
	text-decoration: none;
}



/* analyzeBox index-graf */

div.analyzeBox #index-graf{
	background-color: #0D70C9;
	padding: 0 10px 15px 10px;
	margin: 25px 0 0 0;
}
div.analyzeBox #index-graf h2{
	text-align: center;
	padding: 4px 0 5px 0;
}
div.analyzeBox #index-graf-content{
	background-color: #ffffff;
	border-radius: 4px;
	padding: 10px;
}
div.analyzeBox #index-graf-content h3{
	text-align: center;
	font-size: 16px;
	padding: 0 0 0 0;
	line-height: 1.2;
}
div.analyzeBox #index-graf-content p{
	text-align: center;
	font-size: 11px;
	padding: 0 0 5px;
}
div.analyzeBox #index-graf-content .note{
	padding: 5px 0 2px 0;
}
div.analyzeBox #index-graf-content .process{
	background-color: #F2F2F2;
	text-align: center;
	border: #BFBFBF 1px solid;
	border-radius: 4px;
	padding: 2px;
}
div.analyzeBox #index-graf-content .year{
	color: #1596FF;
}
div.analyzeBox #index-graf-content .usual{
	color: #FF3D14;
}




/* news */


div.newsNavi{
	
}

div.newsNavi ul{
	padding-top: 10px;
	font-size:16px;
}

div.newsNavi ul li{
	float: left;
	width: 160px;
	font-weight: bold;
}

div.newsNavi ul li a{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	display: block;
	width: 160px;
	height: 34px;
	text-decoration: none;
}

div.newsNavi ul.hot li.hot{
	background: url(../../img/news/news_navi_hot_on.gif) no-repeat left top;
	text-indent: 47px;
}

div.newsNavi ul.hot li.event{
	background: url(../../img/news/news_navi_event.gif) no-repeat left top;
	text-indent: 43px;
}


div.newsNavi ul.hot li.hot a{
	color: #684000;
}



div.newsNavi ul.event li.hot{
	background: url(../../img/news/news_navi_hot.gif) no-repeat left top;
	text-indent: 47px;
}

div.newsNavi ul.event li.event{
	background: url(../../img/news/news_navi_event_on.gif) no-repeat left top;
	text-indent: 43px;
}


div.newsNavi ul.event li.event a{
	color: #684000;
}



div.newsBox{
	
}

div.newsBox ul{
	
}

div.newsBox ul li{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
	border-bottom: solid 1px #cccccc;
	position: relative;
}

div.newsBox ul li span.arrow{
	width: 9px;
	height: 13px;
	position: absolute;
	right: 5px;
	top: 50%;
	background: url(../../img/cmn/arrow_r.png) no-repeat left top;
}

div.newsBox ul.hot li p.boxL{
	margin: 0px 0px 0px 5px;
	width: 110px;
	float: left;
	display: inline;
}

div.newsBox ul.hot li p.boxL img{
	border: solid 2px #cccccc;
}

div.newsBox ul.hot li div.boxR{
	width: 190px;
	float: right;
	display: inline;
}

div.newsBox ul.hot li div.boxR p.date{
	color: #ff7600;
	font-weight: bold;
}


div.newsBox ul.hot li div.boxR .title{
	font-weight: bold;
	font-size: 16px;
	width:173px;
	line-height: 1.2em;
}


div.newsBox ul.hot li div.boxR p.text{
	font-size: 12px;
	line-height: 1.2em;
	width:173px;
}

div.newsBox ul.event li p.boxR{
	margin: 0px 15px 0px 0px;
	width: 110px;
	float: right;
	display: inline;
}

div.newsBox ul.event li p.boxR img{
	border: solid 2px #cccccc;
}

div.newsBox ul.event li div.boxL{
	margin: 0px 0px 0px 10px;
	width: 180px;
	float: left;
	display: inline;
}

div.newsBox ul.event li div.boxL p.date{
	margin: 0px 0px 3px 0px;
	color: #18A71E;
	font-weight: bold;
}

div.newsBox ul.event li div.boxL p.date span{
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 2px 2px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

div.newsBox ul.event li div.boxL p.date span.notice{
	border: solid 1px #ff7600;
	color: #ff7600;
}

div.newsBox ul.event li div.boxL p.date span.result{
	border: solid 1px #18a71e;
	color: #18a71e;
}

div.newsBox ul.event li div.boxL p.date span.news{
	border: solid 1px #2071cc;
	color: #2071cc;
}




div.newsBox ul.event li div.boxL .title{
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.125em;
}


div.newsBox ul.event li div.boxL p.text{
	font-size: 12px;
}


div.newsBox ul.event li p{
	margin: 0px 0px 10px 10px;
	font-size: 16px;
	font-weight:bold;
}

div.newsBox ul.event li p.place{
	margin: 0px 0px 0px 10px;
	color: #045eae;
}

div.newsBox ul.event li p.term{
	margin: 0px 0px 0px 10px;
	color: #0a92ab;
}

div.newsBox ul.event li p span{
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	line-height: 1.2em;
	color: #ffffff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

div.newsBox ul.event li p.place span{
	background-color: #045eae;
}

div.newsBox ul.event li p.term span{
	background-color: #0a92ab;
}





div.newsBox ul li a{
	text-decoration: none;
}








div.newsNavi2{
	margin: 0px 0px 0px 0px;
	background: url(../../img/favorite/favoritenavi_bg.gif) repeat-x left top;
}

div.newsNavi2 ul{
	padding-top: 0px;
}

div.newsNavi2 ul li{
	float: left;
	width: 160px;
	font-weight: bold;
	font-size: 14px;
}

div.newsNavi2 ul li a{
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
	display: block;
	width: 160px;
	height: 34px;
	text-decoration: none;
	color: #665000;
}
div.newsNavi2 ul.result li.notice{
	background: url(../../img/favorite/favoritenavi_fish.gif) no-repeat right 8px;
	text-indent: 88px;
}
div.newsNavi2 ul.result li.result{
	background: url(../../img/favorite/favoritenavi_facility_on.gif) no-repeat left 8px;
	text-indent: 50px;
}





div.newsNavi2 ul.notice li.notice a{
	color: #ffffff;
}

div.newsNavi2 ul.notice li.notice{
	background: url(../../img/favorite/favoritenavi_fish_on.gif) no-repeat right 8px;
	text-indent: 88px;
}

div.newsNavi2 ul.notice li.result{
	background: url(../../img/favorite/favoritenavi_facility.gif) no-repeat left 8px;
	text-indent: 50px;
}




div.newsNavi2 ul.result li.result a{
	color: #ffffff;
}



/**/



div.monthArchiveList{
	padding-bottom: 11px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;

}

div.monthArchiveList p.title{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	background-color: #0d70c9;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}




/* weather  */


div.weatherBox{
	
}

div.weatherBox ul{
	
}

div.weatherBox ul li{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 21px 10px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;
}

div.weatherBox ul li p.date{
	color: #693400;
	font-weight: bold;
}

div.weatherBox ul li p.date span{
	margin: 0px 0px 0px 5px;
	padding: 2px 2px 2px 2px;
	color: #693400;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	background-color: #e9e1d9;
}

div.weatherBox ul li .weather{
	margin-bottom: 5px;
}

div.weatherBox ul li .weather span{
	margin: 0px 0px 0px 5px;
	font-size: 20px;
	font-weight: bold;
}

div.weatherBox ul li div.temperature{
	margin: 0px 0px 5px 0px;
}

div.weatherBox ul li div.temperature p.boxL{
	width: 105px;
	float: left;
	display: inline;
	font-size: 16px;
	font-weight: bold;
}

div.weatherBox ul li div.temperature p.boxL em{
	font-size: 12px;
	font-style: normal;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

div.weatherBox ul li div.temperature p.boxL em span{
	font-size: 16px;
}

div.weatherBox ul li div.temperature p.boxL em.minimum{
	margin: 0px 2px 0px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #d9eefb;
	color: #008ee5;
}

div.weatherBox ul li div.temperature p.boxL em.maximum{
	margin: 0px 0px 0px 2px;
	padding: 4px 4px 4px 4px;
	background-color: #fbdede;
	color: #e00101;
}








div.weatherBox ul li div.temperature div.boxR{
	width: 195px;
	float: right;
	display: inline;
}

div.weatherBox ul li div.temperature div.boxR dl{
	
}

div.weatherBox ul li div.temperature div.boxR dl dt{
	font-size: 10px;
	line-height: 1.10em;
}

div.weatherBox ul li div.temperature div.boxR dl dd{
	font-size: 12px;
	line-height: 1.10em;
	font-weight: bold;
}

div.weatherBox ul li div.temperature div.boxR dl dd span{
	font-size: 14px;

}

div.weatherBox ul li p.text{
	font-size: 12px;
}

div.weatherBox ul li p.text span{
	margin: 0px 4px 0px 2px;
	font-size: 14px;
}

div.weatherBox ul li p.pointRaincloud{
	margin: 12px 0px 3px 0px;
	text-align: center;
}




/* horoscope */

div.horoscopeBox{
	/*padding-bottom:11px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;*/
}


div.horoscopeBox table{
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
}

div.horoscopeBox table td{
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;

}

div.horoscopeBox p.detail{
	margin: 0px 0px 0px 9px;
	padding: 14px 0px 0px 0px;
}

div.horoscopeBox p.ranking{
	margin: 0px 0px 0px 12px;
	padding: 20px 0px 0px;
	text-align: center;
	width: 150px;
}

div.horoscopeBox .text{
	margin: 0px 20px 15px 20px;
	font-size: 16px;
	font-weight: bold;
}

div.horoscopeBox div.box{
	height: 193px;
}


div.horoscopeBox div.luckyBox{
	padding: 0px 0px 22px 0px;
	background: url(../../img/horoscope/lucky_bg.gif) repeat-x left bottom;
}

div.horoscopeBox div.luckyBox p.color{
	margin: 0px 0px 1px 20px;
	padding: 3px 0px 0px 125px;
	background: url(../../img/horoscope/lucky_color.gif) no-repeat left top;
	background-size:280px 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

div.horoscopeBox div.luckyBox p.number{
	margin: 0px 0px 0px 20px;
	padding: 3px 0px 0px 125px;
	background: url(../../img/horoscope/lucky_number.gif) no-repeat left top;
	background-size:280px 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}



div.horoscopeBox div.horoscope01{
	background: url(../../img/horoscope/horoscope_bg01.gif) no-repeat left top;
}

div.horoscopeBox div.horoscope02{
	background: url(../../img/horoscope/horoscope_bg02.gif) no-repeat left top;
}

div.horoscopeBox div.horoscope03{
	background: url(../../img/horoscope/horoscope_bg03.gif) no-repeat left top;
}

div.horoscopeBox div.horoscope04{
	background: url(../../img/horoscope/horoscope_bg04.gif) no-repeat left top;
}

div.horoscopeBox div.horoscope05{
	background: url(../../img/horoscope/horoscope_bg05.gif) no-repeat left top;
}





div.columnBox{
	padding-top: 10px;
	padding-bottom:11px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;
}


div.columnList div.columnBox{
	padding-top: 0px;
}


div.columnBox p.detailKey{
	padding: 0px 0px 9px 0px;
	background: url(../../img/column/column_bg.gif) repeat-x left bottom;
}

div.columnBox div.listBox{
}

div.columnBox div.listBox div.block ul li{
	line-height: 1.1em;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
}

div.columnBox div.listBox div.block ul li p{
	width: 290px;
}

div.columnBox div.listBox div.block ul li.new p{
	width: 217px;
}





div.columnBox div.listBox div.block ul li span.new{
	background: url(../../img/column/arrow_new.gif) no-repeat left top;
	width: 60px;
	height: 24px;
	position: absolute;
	right: 25px;
	top: 35%;
}


div.columnBox div.listBox div.block ul li span.date{
	color: #ff7600;
	font-weight: bold;
}



div.columnBox div.paging{
	margin: 0px 0px 10px 0px;
	padding-top: 15px;
	font-size: 12px;
	position: relative;
	height: 46px;
}

div.columnBox div.paging ul{
	margin: 0px auto;
	width: 300px;
	position: absolute;
	left: 93px;
	top: 20px;
}

div.columnBox div.paging li{
	margin: 0px 3px 0px 0px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
    float: left;
}

div.columnBox div.paging p.prev{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
   position: absolute;
  left: 12px;
  top: 15px;
}

div.columnBox div.paging p.next{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
  position: absolute;
  left: 240px;
  top: 15px;
}

div.columnBox div.paging li a,
div.columnBox div.paging p a{
	padding: 3px 8px 3px 8px;
	display: block;
	text-decoration: none;
}

div.columnBox div.paging li.on{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#4395de), 
    to(#086cc3)
  );
}


div.columnBox div.paging li.on a{
	color: #ffffff;
}

div.columnBox div.paging p.prev a,
div.columnBox div.paging p.next a{
	color: #045eae;
}



div.columnBox p.linkList{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	background: url(../../img/column/list_bg.gif) repeat-x left top;
	text-align: right;
	position: relative;
	height: 25px;
}

div.columnBox p.linkList a{
	margin: 0px 20px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	
}

div.columnBox p.linkList span.link{
	width: 11px;
	height: 13px;
	background: url(../../img/column/arrow_list.gif) no-repeat left top;
	position: absolute;
	right: 3px;
	top: 7px;
}






/* search */

div.searchBox{
	
}

div.searchBox div.lists{
	border-top: solid 1px #cccccc;
}


div.searchBox div.listBox{
}

div.searchBox div.listBox div.block{
	
}

div.searchBox div.listBox div.block ul{
	
}

div.searchBox div.listBox div.block ul li{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
}

div.pref div.listBox div.block ul li a{
	padding-left: 41px;
}

div.searchBox div.lists div.listBox div.block ul li a{
	padding-left: 20px;
}

div.searchBox div.listBox div.block ul li.sea a{
	background: url(../../img/search/icon_sea.gif) no-repeat 6px 0px;
}

div.searchBox div.listBox div.block ul li.manage a{
	background: url(../../img/search/icon_manage.gif) no-repeat 6px 0px;
}

div.searchBox div.listBox div.block ul li.shop a{
	background: url(../../img/search/icon_shop.gif) no-repeat 6px 0px;
}


div.searchBox div.searchH{
	
}

div.searchBox div.searchH p.text{
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
	color: #777777;
}


div.searchBox div.searchH div.changeButton{
	
}

div.searchBox div.searchH div.changeButton ul li{
	
}

div.searchBox div.searchH div.changeButton ul li.shop{
	border-right: none;
}

div.searchList div.searchH div.changeButton ul li.on{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#e66a00),
    color-stop(0.50, #ff7600),
	color-stop(0.51, #ff7600),  
    to(#ff7600)
  );
}

div.searchList{
	padding-top: 10px;
}


div.searchList div.listBox{
	border-top: solid 1px #cccccc;
}

div.searchList div.listBox div.block ul li{
	background: #ffffff;
}


div.searchDetail{
	
}

div.searchDetail .name{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 50px;
	background: url(../../img/search/name_bg.gif) no-repeat left top;
	font-size: 20px;
	font-weight: bold;
}


div.searchDetail table{
	margin: 0px 0px 20px 0px;
	width: 320px;
}

div.searchDetail table th{
	padding: 10px 5px 10px 0px;
	color: #045eae;
	font-weight: bold;
	width: 71px;
	border-bottom: solid 1px #cccccc;
}

div.searchDetail table td.text{
	padding: 10px 0px 10px 0px;
	width: 190px;
	border-bottom: solid 1px #cccccc;
}

div.searchDetail table td.icon{
	padding: 10px 0px 10px 0px;
	width: 55px;
	border-bottom: solid 1px #cccccc;
}


div.searchDetail div.listBox{
	margin: 0px 0px 20px 10px;
	width: 300px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: solid 1px #cccccc;
}


div.searchDetail p.text{
	margin: 0px 0px 5px 10px;
	font-size: 12px;
	color: #777777;
}





/* tool */


div.toolBox{
	
}

div.toolBox div.block{
	padding-top: 10px;
}

div.toolBox div.tb{
	margin: 0px 0px 0px 10px;
	width: 296px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: solid 2px #086cc3;
}

div.toolBox div.tb table{
	width: 296px;
}

div.toolBox div.tb table th{
	padding: 5px 0px 5px 0px;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#4395de),
    color-stop(0.50, #1072c7),
	color-stop(0.51, #1072c7),  
    to(#086cc3)
  );
  	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

div.toolBox div.tb table th.bgleft{
	background: #d5eaff;
	color: #333333;
	border-bottom: solid 1px #086cc3;
}

div.toolBox div.tb table th.size,
div.toolBox div.tb table th.fish{
	border-right: solid 1px #5e9fd7;
}


div.toolBox div.tb table td{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	text-align: right;
	border-bottom: solid 1px #086cc3;
}


div.toolBox div.tb table td:nth-child(2n-1){
	border-right: solid 1px #086cc3;
}

div.toolBox div.tb table tr:nth-last-child(1) td{
	border-bottom: none;
}


div.toolBox div.tb table td.size{
	border-right: solid 1px #086cc3;
	width: 150px;
}


div.toolBox div.tb table th.fish{
	width:150px;
}

div.toolBox div.tb table td.fish{
	border-right: solid 1px #086cc3;
	width: 150px;
}

div.toolBox p.text{
	margin: 0px 0px 10px 10px;
	padding: 10px 0px 0px 0px;
}


div.fishmarket{
	
}

div.fishmarket div.lists{
	border-top: solid 1px #cccccc;
}

div.fishmarket div.slideBlock h2.trigger span.small{
	margin: 0px 0px 0px 5px;
	font-size: 12px;
	font-weight: normal;
}

/* choka */

div.chokaHeadBox{
	padding: 0px;
}

div.chokaHeadBox div.numberBox{
	font-weight: bold;
	margin: 15px 0px 17px 10px;
	padding: 11px 0 0 0;
	width: 300px;
	height:32px;
	background: url(../../img/choka/choka_number.gif) no-repeat left top;
	line-height:1;
}

div.chokaHeadBox div.numberBox p.time{
	font-size: 18px;
	color: #e50000;
	float:left;
	display:inline;
	width:195px;
	text-align:center;
}

div.chokaHeadBox div.numberBox p.time span{
	font-size: 22px;
}

div.chokaHeadBox div.numberBox p.number{
	color: #ffffff;
	font-size: 25px;
	width: 105px;
	text-align:center;
	float:left;
	display:inline;
	margin-top:-1px;
}

div.chokaHeadBox div.numberBox p.number span{
	font-size: 18px;
}

div.chokaHeadBox p.btnFavorite{
	margin: 0px 0px 15px 0px;
	background: url(../../img/choka/btn_favorite_bg.gif) no-repeat 10px 0px;
	font-size: 16px;
	font-weight: bold;
	text-indent: 56px;
	background-size:302px 100%;
}

div.chokaHeadBox p.btnFavorite a{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 10px 0px;
	display: block;
	text-decoration:none;
	color:#492100;
	text-shadow:1px 1px 1px #FFEA1A;
	
}

div.searchIndex div.listBox{
	margin: 0px 0px 20px 0px;
}

div.searchIndex div.listBox ul{
	border-top: solid 1px #cccccc;
}

div.searchIndex div.listBox ul li{
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ffffff), 
		to(#f5f5f5)
	  );
}

div.searchIndex div.listBox ul li a{
	padding-left: 40px;
}

div.searchIndex div.listBox li span.icon{
	width: 29px;
	height: 26px;
	position: absolute;
	left: 8px;
	top:8px;
}

div.searchIndex div.listBox li.n01 span.icon{
	background: url(../../img/choka/icon_choka01.gif) no-repeat left top;
}

div.searchIndex div.listBox li.n02 span.icon{
	background: url(../../img/choka/icon_choka02.gif) no-repeat left top;
}

div.searchIndex div.listBox li.n03 span.icon{
	background: url(../../img/choka/icon_choka03.gif) no-repeat left top;
}

div.searchIndex div.listBox li.n04 span.icon{
	background: url(../../img/choka/icon_choka04.gif) no-repeat left top;
}

div.searchIndex div.listBox li.n05 span.icon{
	background: url(../../img/choka/icon_choka05.gif) no-repeat left top;
}

div.searchIndex div.listBox li.n06 span.icon{
	background: url(../../img/choka/icon_choka06.gif) no-repeat left top;
}



div.chokaH{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

div.chokaH div.box{
	margin: 0px 10px 10px 10px;
}

div.chokaH div.box p.boxL{
	padding-top: 3px;
	width: 149px;
	float: left;
	text-align: right;
}

div.chokaH div.box div.boxR{
	width: 142px;
	float: right;
}

div.chokaH div.box div.boxR select{
	width: 142px;
}


div.chokaH div.conditions{
	margin: 0px 0px 10px 10px;
	width: 298px;
	background-color: #fffee0;
	border: solid 2px #d6d387;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div.chokaH div.conditions table.area{
	margin: 0px 0px 0px 8px;
	padding: 8px 0px 8px 0px;
	width: 280px;
}

div.chokaH div.conditions table.area th{
	font-weight: normal;
	width: 40px;
	font-size: 12px;
}

div.chokaH div.conditions table.area td{
	font-weight: bold;
	width: 98px;
	font-size: 12px;
	color: #2d7003;
}


div.chokaH div.conditions div.conditionsIn{
	
}

div.chokaH div.conditions div.conditionsIn h2.trigger{
	margin: 0px 0px 10px 8px;
	width: 282px;
	height: 31px;
	background: url(../../img/choka/btn_conditions.gif) no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}

div.chokaH div.conditions div.conditionsIn h2.active{

	background: url(../../img/choka/btn_conditions_close.gif) no-repeat left top;

}

div.chokaH div.conditions div.conditionsIn table{
	margin: 0px 0px 0px 8px;
	width: 282px;
}

div.chokaH div.conditions div.conditionsIn table th{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: solid 1px #d6d387;
	width: 120px;
	text-align: left;
}

div.chokaH div.conditions div.conditionsIn table td{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: solid 1px #d6d387;
	text-align: right;
}

div.chokaH div.conditions div.conditionsIn table td span{
	font-size:12px;
}

div.chokaH div.conditions div.conditionsIn table tr:nth-last-child(1) th,
div.chokaH div.conditions div.conditionsIn table tr:nth-last-child(1) td{
	border-bottom: none;
}

div.chokaH div.conditions div.conditionsIn div.submit input{
	margin: 0px 0px 0px 8px;
}

div.chokaH div.conditions div.conditionsIn table td input.text{
	width: 147px;
}


div.chokaBox{
	padding-bottom: 10px;
}

div.chokaBox div.paging{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	position: relative;
	height: 46px;
}

div.chokaBox p.paging{
	margin: 0px 0px 5px 10px;
}

div.chokaBox p.paging span{
	color: #e50000;
	font-size: 18px;
	font-weight: bold;
}





div.chokaBox div.paging ul{
	margin: 0px;
	/*width: 300px;*/
	position: absolute;
	left: 92px;
	top: 5px;
}

div.chokaBox div.paging li{
	margin: 0px 3px 0px 0px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
    float: left;
	font-size: 12px;
	text-align:center;
}

div.chokaBox div.paging p.prev{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
   position: absolute;
  left: 12px;
  top: 0px;
}

div.chokaBox div.paging p.next{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
  position: absolute;
  left: 240px;
  top: 0px;
}


div.chokaBox div.paging p a{
	padding: 3px 0px;
	display: block;
	text-decoration: none;
	text-align:center;
}


div.chokaBox div.paging li a{
	padding: 3px 0px 3px 0px;
	display: block;
	text-decoration: none;
	width:23px;
}

div.chokaBox div.paging li.on{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#4395de), 
    to(#086cc3)
  );
}


div.chokaBox div.paging li.on a{
	color: #ffffff;
}

div.chokaBox div.paging p.prev a,
div.chokaBox div.paging p.next a{
	color: #045eae;
}


div.chokaBox div.changeButton{
	margin-bottom:0px;
	padding: 10px 0px 10px 0px;
	background: url(../../img/choka/change_bg.gif) repeat-x left top;
}

div.chokaBox div.changeButton ul li.on{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#097f94),
    color-stop(0.50, #15a1bb),  
    to(#2db0c8)
  );
}

div.chokaBox div.changeButton ul li.number{
	border-right: none;
}

div.chokaBox div.listBox{
	margin-bottom: 10px;
}

div.chokaBox div.listBox ul li{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),  
    to(#f5f5f5)
  );
}

div.chokaBox div.listBox ul li div.box{
	
}

div.chokaBox div.listBox ul li div.box p.boxL{
	margin: 0px 0px 3px 0px;
	float: left;
	display: inline;
	width: 85px;
	height: 65px;
	overflow: hidden;
	text-align: center;
	
}

div.chokaBox div.listBox ul li div.box div.boxR{
	margin: 0px 0px 0px 0px;
	float: right;
	display: inline;
	width: 220px;
}

div.chokaBox div.listBox ul li div.box div.boxR p.date{
	color: #ff7600;
	font-size: 12px;
	font-weight: bold;
}


div.chokaBox div.listBox ul li div.box div.boxR p.date span{
	margin: 0px 0px 0px 5px;
	color: #0a92ab;
}

div.chokaBox div.listBox ul li div.box div.boxR p.date span.time{
	margin: 0px 0px 0px 3px;
	padding: 1px 2px 1px 2px;
	font-size: 12px;
	font-weight: normal;
	background-color: #ff7600;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	white-space: nowrap;
	text-shadow: none;
}

div.chokaBox div.listBox ul li div.box div.boxR table{
	width:210px;
}

div.chokaBox div.listBox ul li div.box div.boxR table th{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1.15em;
	width: 90px;
}

div.chokaBox div.listBox ul li div.box div.boxR table td{
	font-size: 12px;
	font-weight: normal;
	width: 60px;
	text-align:right;
	line-height: 1.15em;
}

div.chokaBox div.listBox div.block ul li a{
	padding-left: 0px;
	width: 310px;
}

div.chokaBox div.listBox div.block ul li p.text{
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}


div.chokaBox div.listBox div.block ul li p.place{
	font-size: 12px;
	color: #045eae;
	font-weight: normal;
	text-align: right;
}


div.chokaBox div.listBox div.block ul li p.place span{
	margin: 0px 3px 0px 0px;
	padding: 0px 6px 1px 16px;
	background: url(../../img/choka/icon_reservation.png) no-repeat 0px 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-shadow: none;
}


div.chokaDate{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	background: url(../../img/choka/date_bg.gif) no-repeat right bottom;
}

div.chokaDate p.boxL{
	margin: 0px 0px 0px 20px;
	padding: 15px 0px 10px 0px;
	background: url(../../img/choka/tide_bg.gif) no-repeat 0px 10px;
	float: left;
	width: 35px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	display: inline;
}

div.chokaDate p.boxR{
	padding-top: 7px;
	float: right;	
	width: 260px;
	font-weight: bold;
	line-height: 1.3em;
}


div.chokaDate p.boxR span{
	font-size: 20px;
}

div.chokaDate p.boxR span.year{
	font-size: 12px;
	font-weight: normal;
}

div.chokaSlideBox{
	padding: 14px 0px 0px 0px;
	width: 320px;
	height: 233px;
	background: url(../../img/choka/slide_bg.gif) no-repeat left top;
}




div.chokaSlideBox_AutoStretch{
	padding: 14px 0px 0px 0px;
	width: 320px;
	background: url(../../img/cmn/slide_arrow.png) no-repeat center center,
	-webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(3, 94, 173)),color-stop(1, rgb(71, 142, 204)));
	background: url(../../img/cmn/slide_arrow.png) no-repeat center center,
	-moz-linear-gradient(-90deg,rgb(3, 94, 173) 0%,rgb(71, 142, 204) 100%);
	background: url(../../img/cmn/slide_arrow.png) no-repeat center center,
	linear-gradient(-90deg,rgb(3, 94, 173) 0%,rgb(71, 142, 204) 100%);
}

div.chokaSlideBox_AutoStretch ul{
}

div.chokaSlideBox_AutoStretch ul li{
	text-align: center;
}

div.chokaSlideBox_AutoStretch ul li img{
	border: solid 5px #ffffff;
}

div.chokaSlideBox_AutoStretch ul li img.nophoto{
	border: solid 5px #CCCCCC;
}

div.onephoto {
	background:-webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(3, 94, 173)),color-stop(1, rgb(71, 142, 204)));
	background:-moz-linear-gradient(-90deg,rgb(3, 94, 173) 0%,rgb(71, 142, 204) 100%);
	background:linear-gradient(-90deg,rgb(3, 94, 173) 0%,rgb(71, 142, 204) 100%);
}

div.onephoto ul li img {
	margin-bottom:7px;
}





div.onephoto div.jCarouselNavi{
	display: none;
}

div.chokaSlideBox ul{
	
}

div.chokaSlideBox ul li{
	text-align: center;
}


div.chokaSlideBox ul li img{
	border: solid 5px #ffffff;
}

div.chokaSlideBox ul li img.nophoto{
	border: solid 5px #CCCCCC;
}


div.chokaDetail{
	margin: 0px 0px 0px 0px;
}

div.chokaDetail table{
	margin: 0px 0px 0px 0px;
	width: 320px;
}

div.chokaDetail table th{
	padding: 5px 0px 4px 0px;
	background: url(../../img/choka/choka_th.gif) repeat-x left top;
		background-size:320px 100%;
}

div.chokaDetail table td{
	padding-top: 11px;
	padding-bottom: 11px;
	text-align: right;
	border-bottom: solid 1px #bbd8ec;
}

div.chokaDetail table td.name{
	padding-left: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #045eae;
	text-align: left;
	width: 113px;
}

div.chokaDetail table td.number{
	padding-right: 9px;
	width:90px;
}

div.chokaDetail table tr:nth-child(2n+1){
	background-color: #edf8ff;
}

div.chokaDetail div.commentBox{
	padding: 7px 0px 0px 0px;
	width: 320px;
	background-color: #fffee0;
}

div.chokaDetail div.commentBox dl{
	margin: 0px 0px 0px 10px;
	width: 300px;
}

div.chokaDetail div.commentBox dl dd{
	padding: 0px 8px 8px 8px;
	border-left: solid 2px #d6d387;
	border-right: solid 2px #d6d387;
	border-bottom: solid 2px #d6d387;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
    
	border-radius: 0px 0px 3px 3px;
	background-color: #ffffff;
}


div.chokaDetail div.chokaWeatherInfo{
	width: 320px;
	padding:0 0 15px 0;
	background-color: #fffee0;
}

div.chokaDetail div.chokaWeatherInfo ul {
	padding:0 0 0 11px;
}

div.chokaDetail div.chokaWeatherInfo ul:after {
 content: '';
 display: block;
 clear: both;
}

div.chokaDetail div.chokaWeatherInfo ul li {
	margin:11px 11px 0 0;
	padding:2px 2px 5px 2px ;
	float:left;
	display:inline;
	width:84px;
	border:2px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background:#FFFFFF;
	text-align:center;
	line-height:1;
	font-weight:bold;
	overflow:hidden;
	height:60px;
}

div.chokaDetail div.chokaWeatherInfo ul li.weather {border-color:#9CCAE7;}
div.chokaDetail div.chokaWeatherInfo ul li.temperature {border-color:#EEA3A3;}
div.chokaDetail div.chokaWeatherInfo ul li.humidity {border-color:#9BDCE5;}
div.chokaDetail div.chokaWeatherInfo ul li.direction {border-color:#9AD197;}
div.chokaDetail div.chokaWeatherInfo ul li.speed {border-color:#E5BC80;}
div.chokaDetail div.chokaWeatherInfo ul li.atmospheric {border-color:#ECA5C0;}

div.chokaDetail div.chokaWeatherInfo ul li h6 {
	margin:0 0 4px 0;
}



div.shipBox{
	margin: 0px 0px 0px 0px;
	border-top: solid 2px #8fc0ec;
	background-color: #1662a6;
}

div.shipBox div.box{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

div.shipBox div.box p.boxL{
	margin: 0px 0px 0px 10px;
	width: 90px;
	float: left;
	display: inline;
}

div.shipBox div.box p.boxL img{
	border: solid 3px #ffffff;
}

div.shipBox div.box div.boxR{
	width: 210px;
	float: right;
	display: inline;
}

div.shipBox div.box div.boxR p.name{
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em;
}

div.shipBox div.box div.boxR p.name span.reservation{
	margin: 0px 0px 0px 0px;
	padding: 1px 6px 0px 16px;
	background: url(../../img/choka/icon_reservation.png) no-repeat 0px 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-shadow: none;
}


div.shipBox div.box div.boxR p.name span.area{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	background-color: #ffffff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	color: #1662a6;
	white-space: nowrap;
}


div.shipBox p.text{
	margin: 0px 0px 10px 10px;
	color: #ffffff;
	font-size: 13px;
	line-height:1.4;
	font-weight: bold;
}

div.shipBox .profit{
	color: #FFEA52;
}

div.shipBox div.btnLinkBox{
	margin: 0px 0px 0px 0px;
}

div.shipBox div.btnLinkBox a{
	text-decoration:none;
}



div.shipBox div.btnLinkBox p.boxL{
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 0px;
	text-indent: 49px;
	width: 147px;
	float: left;
	display: inline;
	background: url(../../img/choka/btn_ship_bg.png) no-repeat left top;
	font-weight: bold;
}

div.shipBox div.btnLinkBox p.boxR{
	margin: 0px 8px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-indent: 49px;
	width: 147px;
	float: right;
	display: inline;
	background: url(../../img/choka/btn_fish_bg.png) no-repeat left top;
	font-weight: bold;
}



div.shipBox p.btnPlan{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	background: url(../../img/choka/btn_plan_bg.gif) no-repeat 10px 0px;
	text-align: center;
	font-weight: bold;
}

div.shipBox p.btnPlan a{
	display: block;
	text-decoration: none;
	color: #ffffff;
}



div.shipBox div.planBlock{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

div.shipBox div.planBlock p.title{
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

div.shipBox div.planBlock div.planBox{
	margin: 0px 0px 10px 10px;
	background-color: #ffffff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	width: 300px;
	position: relative;
}


div.shipBox div.planBlock div.planBox span.arrow{
	width: 9px;
	height: 13px;
	background: url(../../img/cmn/arrow_r.png) no-repeat left top;
	display: block;
	position: absolute;
	right: 5px;
	top: 40%;
}

div.shipBox div.planBlock div.planBox a{
	text-decoration: none;
}

div.shipBox div.planBlock div.reservePlan p.name{
	margin-bottom: 0px;
}


div.shipBox div.planBlock div.reservePlan table tr:nth-child(2n+1){
	background:#ffffff;
}

div.shipBox div.planBlock div.reservePlan table tr.target th{
	background:none;
}

div.shipBox div.planBlock div.reservePlan table tr.target td{
	text-align: left;
}

div.shipBox div.planBlock div.reservePlan table tr.time th{
	background: none;
}

div.shipBox div.planBlock div.reservePlan table tr.time td{
	text-align: left;
}

div.shipBox div.planBlock div.reservePlan p.btnReserve a{
	text-decoration: none;
}

div.facilityBox{
	margin: 0px 0px 0 0px;
	padding: 20px 0px 10px 0px;
	border-top: solid 2px #8fc0ec;
	background-color: #1662a6;
}

div.facilityBox div.btnLinkBox{
	margin: 0px 0px 10px 0px;
}

div.facilityBox div.btnLinkBox p.boxL{
	margin: 0px 0px 0px 12px;
	padding: 5px 0px 5px 0px;
	text-indent: 49px;
	width: 147px;
	float: left;
	display: inline;
	background: url(../../img/choka/btn_facility_bg.gif) no-repeat left top;
	background-size:147px 100%;
	font-weight: bold;
}

div.facilityBox div.btnLinkBox p.boxR{
	margin: 0px 12px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-indent: 49px;
	width: 147px;
	float: right;
	display: inline;
	background: url(../../img/choka/btn_fish_bg.png) no-repeat left top;
	background-size:147px 100%;
	font-weight: bold;
}


div.facilityBox div.btnLinkBox p a{
	
	text-decoration: none;
	display: block;
}

div.facilityBox p.name{
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em;
}



div.facilityBox p.name span.area{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	background-color: #ffffff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	color: #1662a6;
	white-space: nowrap;
}




div.chokaDetailBox{
	padding-top: 10px;
}

div.fBox{
	padding-top:0px;
}


div.chokaDetailBox p.name{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 53px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0em;
}

div.chokaDetailBox p.name span.reservation{
	margin: 0px 0px 0px 0px;
	padding: 1px 6px 0px 16px;
	background: url(../../img/choka/icon_reservation.png) no-repeat 0px 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-shadow: none;
}


div.chokaDetailBox p.name span.area{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	background-color: #1662a6;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	color: #ffffff;
	white-space: nowrap;
}


div.chokaDetailBox p.ship{
	background: url(../../img/choka/ship_detail_bg.gif) no-repeat 7px top;
}

div.chokaDetailBox p.facility{
	padding-top: 5px;
	padding-bottom: 0px;
	background: url(../../img/choka/facility_detail_bg.gif) no-repeat 10px top;
}



div.chokaNavi{
	margin: 0px 0px 10px 0px;	
}

div.chokaNavi ul{
	padding-top: 0px;
}

div.chokaNavi ul li{
	float: left;
	width: 160px;
	font-weight: bold;
	font-size: 16px;
}

div.chokaNavi ul li a{
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	display: block;
	width: 160px;
	height: 34px;
	text-decoration: none;
}

div.chokaNavi ul.facility li.facility{
	background: url(../../img/choka/choka_navi_facility_on.gif) no-repeat left top;
	text-indent: 58px;
}

div.chokaNavi ul.facility li.fish{
	background: url(../../img/choka/choka_navi_fish.gif) no-repeat left top;
	text-indent: 62px;
}


div.chokaNavi ul.facility li.facility a{
	color: #ffffff;
}



div.chokaNavi ul.fish li.facility{
	background: url(../../img/choka/choka_navi_facility.gif) no-repeat left top;
	text-indent: 58px;
}

div.chokaNavi ul.fish li.fish{
	background: url(../../img/choka/choka_navi_fish_on.gif) no-repeat left top;
	text-indent: 62px;
}


div.chokaNavi ul.fish li.fish a{
	color: #ffffff;
}


div.chokaShipBox{
	
}

div.chokaShipBox p.pic{
	margin: 0px 0px 10px 10px;
}

div.chokaShipBox p.pic img{
	padding: 1px;
	border: solid 3px #d9d9d9;
}

div.chokaShipBox p.text{
	margin: 0px 0px 10px 10px;
	font-size: 12px;
}

div.chokaShipBox div.btnLinkBox{
	margin: 0px 0px 10px 0px;
}

div.chokaShipBox div.btnLinkBox p.boxL{
	margin: 0px 0px 0px 12px;
	padding: 10px 0px 10px 0px;
	text-indent: 49px;
	width: 147px;
	float: left;
	display: inline;
	background: url(../../img/choka/btn_ship_bg2.gif) no-repeat left top;
	font-weight: bold;
}

div.chokaShipBox div.btnLinkBox p.boxR{
	margin: 0px 12px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-indent: 12px;
	width: 147px;
	float: right;
	display: inline;
	background: url(../../img/choka/btn_reservation_bg.gif) no-repeat left top;
	font-weight: bold;
	color: #ffffff;
}

div.chokaShipBox div.btnLinkBox p a{
	text-decoration: none;
	display: block;
}

div.chokaShipBox div.btnLinkBox p.boxR a{
	color: #ffffff;
}

div.chokaDetailBox div.chokaTbBox{
	margin: 0px 0px 26px 0px;
	border-bottom: solid 1px #cccccc;
}

div.chokaDetailBox table{
	width: 320px;
}

div.chokaDetailBox table th{
	padding: 15px 0px 15px 11px;
	width: 64px;
	color: #045eae;
	border-top: solid 1px #cccccc;
	text-align: left;
}

div.chokaDetailBox table td{
	padding: 15px 10px 15px 5px;
	border-top: solid 1px #cccccc;

}

div.chokaDetailBox table td.btntd{
	padding: 10px 5px 10px 0px;
	width: 51px;

}

div.chokaDetailBox p.btnFavorites,
div.chokaDetailBox p.btnnoFavorites{
	margin: 0px 0px 25px 0px;
	text-align: center;
}



div.chokaWeather{
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 10px 0px;
	border-top: solid 1px #bbd8ec;
	border-bottom: solid 1px #bbd8ec;
	background-color: #edf8ff;
}

div.chokaWeather p.title{
	margin: 0px 0px 10px 0px;
	color: #39759b;
	text-align: center;
}


div.chokaWeather div.box{
}

div.chokaWeather div.box p.boxL{
	margin: 0px 0px 0px 10px;
	width: 144px;
	float: left;
	display: inline;
}

div.chokaWeather div.box p.boxR{
	margin: 0px 10px 0px 10px;
	width: 144px;
	float: right;
	display: inline;
}

div.chokaWeather div.box p.boxC{
	margin: 0 auto;
	padding:11px 0 2px 0;
	width: 219px;
	clear:both;
}

div.chokaDetailList div.listBox{
	border-top: solid 1px #cccccc;
}



/* facility */


h3.title{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	background: url(../../img/cmn/h3_bg.gif) repeat-x left top;
	font-size: 14px;
	color: #ffffff;
}

h3.area{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	background: url(../../img/cmn/h3_area_bg.gif) repeat-x left top;
	font-size: 14px;
	color: #ffffff;
}


h3.area2{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	background: url(../../img/cmn/h3_area2_bg.gif) repeat-x left top;
	font-size: 14px;
	color: #ffffff;
}


p.path{
	margin: 0px 0px 10px 10px;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
}

p.path a{
	color: #045eae;
}



div.listBox div.block ul li span.area{
	margin-left: 3px;
	font-size: 12px;
	font-weight: normal;
	color: #0a92ab;
}




/* reserve */

div.reserveBox{
	/*background: url(../../img/reserve/reserve_bg.gif) repeat-x left top;*/
}


div.reserveBox div.reserveH{
	margin: 0px 0px 0px 0px;
}


div.reserveBox div.reserveH p.title{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 58px;
	color: #2d7003;
	font-size: 20px;
	font-weight: bold;
}


div.reserveBox div.reserveH p.title span{
	margin: 0px 0px 0px 10px;
	font-weight: normal;
	font-size: 12px;
}


div.reserveBox div.search{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background: url(../../img/reserve/reserve_search.gif) no-repeat 0px 7px;
}

div.reserveBox div.result{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background: url(../../img/reserve/reserve_result.gif) no-repeat 0px 7px;
}



div.reserveBox div.conditions{
	margin: 0px 0px 10px 10px;
	width: 298px;
	background-color: #fffee0;
	border: solid 2px #d6d387;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div.reserveBox div.conditions p.attention{
	margin: 0px 0px 2px 10px;
	padding: 10px 0px 0px 0px;
	color: #e50000;
	font-size: 12px;
}


div.reserveBox div.conditions div.conditionsIn{
	
}

div.reserveBox div.conditions div.conditionsIn h2.trigger{
	margin: 0px 0px 10px 8px;
	width: 282px;
	height: 31px;
	background: url(../../img/reserve/btn_conditions.gif) no-repeat left top;
	text-indent: -9999px;
	cursor: pointer;
}

div.reserveBox div.conditions div.conditionsIn h2.active{
	background: url(../../img/reserve/btn_conditions_close.gif) no-repeat left top;
}

div.reserveBox div.conditions table{
	margin: 0px 0px 0px 8px;
	width: 282px;
}

div.reserveBox div.conditions table.tb01{
	border-bottom: solid 1px #d6d387;
}

div.reserveBox div.conditions table th{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: solid 1px #d6d387;
	text-align: left;
	line-height: 1.1em;
}

div.reserveBox div.conditions table.tb01 th{
	width: 120px;
}

div.reserveBox div.conditions table.tb02 th{
	width: 70px;
}

div.reserveBox div.conditions table th span{
	font-size: 12px;
}

div.reserveBox div.conditions table td{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: solid 1px #d6d387;
	text-align: right;
}
/* 検索ボタン */
div.reserveBox div.plansort {
	background:#f2f2f2;
	padding:10px 8px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background: -moz-linear-gradient(#f0f0f0,#f6f6f6);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f6f6f6));
	background: linear-gradient(#f0f0f0,#f6f6f6);
	margin:0 0 1px 0;
}
div.reserveBox div.plansort a {
	text-decoration:none;
	font-weight:bold;
}
div.reserveBox div.plansort li:first-child {
	width:100px;
	float:left;
	border-radius: 5px 0 0 5px;
	border: 1px solid #999;
	background: -moz-linear-gradient(#fff,#e7e7e7);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	background: linear-gradient(#fff,#e7e7e7);
	font-size: 13px;
	padding: 6px 0 4px;
	text-align:center;
}
div.reserveBox div.plansort li:nth-child(2) {
	width:100px;
	float:left;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: -moz-linear-gradient(#fff,#e7e7e7);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	background: linear-gradient(#fff,#e7e7e7);
	font-size: 13px;
	padding: 6px 0 4px;
	text-align:center;
}
div.reserveBox div.plansort li:nth-child(3) {
	width:100px;
	float:left;
	border-radius: 0 5px 5px 0;
	border: 1px solid #999;
	background: -moz-linear-gradient(#fff,#e7e7e7);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
	background: linear-gradient(#fff,#e7e7e7);
	font-size: 13px;
	padding: 6px 0 4px;
	text-align:center;
}
div.reserveBox div.plansort li.on,
div.reserveBox div.plansort li:hover {
  background: -moz-linear-gradient(#0b92aa,#20b2cd);
	background: -webkit-gradient(linear, left top, left bottom, from(#0b92aa), to(#20b2cd));
	background: linear-gradient(#0b92aa,#20b2cd);
}
div.reserveBox div.plansort li.on a,
div.reserveBox div.plansort li:hover a {
	color:#FFFFFF;
}
/* Calendar */

div.reserveBox div.conditions table td#fishDate {
}

div.reserveBox div.conditions table td#fishDate div {
	float:right;
}

div.reserveBox div.conditions table td#fishDate p#date-clear {
	margin:-2px 5px 0 0;
	float:left;
}

div.reserveBox div.conditions table td#fishDate input#date-text {
	width:140px;
	float:left;
	height:16px;
	margin:0 5px 0 0;
	font-size:12px;
}

div.reserveBox div.conditions table td#fishDate a.ui-btn {
	width:27px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:23px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background:url(calendar.png) no-repeat;
	border:none;
}


div.reserveBox div.conditions table td#fishDate span.ui-btn-inner {
	display:none;
}

div.reserveBox div.conditions table td#fishDate span.ui-btn-text {
	display:none;
}

div.reserveBox div.conditions table td#fishDate span.ui-icon {
	display:none;
}

div.reserveBox div.conditions table td#fishDate .ui-shadow-inset {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}



/* end Calendar */







div.reserveBox div.conditions table tr.line th,
div.reserveBox div.conditions table tr.line td{
	padding-bottom: 0px;
	border: none;
}

div.reserveBox div.conditions table td input.text{
	color: #999999;
}

div.reserveBox div.conditions table td input.text:focus,
div.reserveBox div.conditions table td input.focused{color: #333333; }


div.reserveBox div.conditions table td select{
	font-size: 12px;
}

div.reserveBox div.conditions table td select option{
	font-size: 12px;
}

div.reserveBox div.conditions table td.checkbox{
	padding-top: 8px;
	font-size: 12px;
}

div.reserveBox div.conditions table td span{
	font-size:12px;
}


div.reserveBox div.conditions table td.checkbox label{
	margin-bottom: 3px;
	width: 100px;
	display: inline-block;
	text-align: left;
}

div.reserveBox div.conditions table td.checkbox label span.twofold{
	color: #f21400;
}

div.reserveBox div.conditions table td.checkbox label span.threefold{
	color: #0048ff;
}






div.reserveBox div.conditions table tr:nth-last-child(1) th,
div.reserveBox div.conditions table tr:nth-last-child(1) td{
	border-bottom: none;
}

div.reserveBox div.conditions div.submit{
	padding-bottom: 5px;
}

div.reserveBox div.conditions div.submit input{
	margin: 0px 0px 0px 8px;
}

div.reserveBox div.conditions table td input.text{
	width: 190px;
}


div.reserveBox div.conditions table.area{
	margin: 0px 0px 5px 10px;
}

div.reserveBox div.conditions table.area th{
	padding: 0px 0px 0px 0px;
	width: 64px;
	font-size: 12px;
	font-weight: normal;
	border: none;
}

div.reserveBox div.conditions table.area td{
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	border: none;
	color: #2D7003;
}
div.reserveBox p.paging{
	margin: 0px 0px 5px 10px;
}

div.reserveBox p.paging span{
	color: #e50000;
	font-size: 18px;
	font-weight: bold;
}



div.reserveBox div.paging{
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
	font-size: 12px;
	position: relative;
	height: 46px;
}

div.reserveBox div.paging ul{
	margin: 0px auto;
	/*width: 300px;*/
	position: absolute;
	left: 92px;
	top: 5px;
}

div.reserveBox div.paging li{
	margin: 0px 3px 0px 0px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
    float: left;
	text-align:center;
}

div.reserveBox div.paging p.prev{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
   position: absolute;
  left: 12px;
  top: 0px;
}

div.reserveBox div.paging p.next{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
  position: absolute;
  left: 240px;
  top: 0px;
}

div.reserveBox div.paging p a{
	padding: 3px 0px;
	display: block;
	text-decoration: none;
	text-align:center;
}

div.reserveBox div.paging li a{
	padding: 3px 0px 3px 0px;
	display: block;
	text-decoration: none;
	width:23px;
}

div.reserveBox div.paging li.on{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#73bd46), 
    to(#3b9106)
  );
}


div.reserveBox div.paging li.on a{
	color: #ffffff;
}

div.reserveBox div.paging p.prev a,
div.reserveBox div.paging p.next a{
	color: #2d7003;
}




div.reservePlanBox{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	background-color: #3b9106;
}

div.trialShip{
	background-color: #ffd400;
	border-top: solid 3px #ffe873;
}

div.recommendedShip{
	background-color: #cf2b22;
	border-top: solid 3px #f5b4b0;
}


div.recommendedShip p.title{
	margin: 0px 0px 5px 0px;
	padding-top: 10px;
	text-align: center;
}

div.reserveShip{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	position: relative;
}

div.reserveShip span.arrow{
	width: 9px;
	height: 13px;
	background: url(../../img/reserve/arrow_reserve.gif) no-repeat left top;
	display: block;
	position: absolute;
	right: 5px;
	top: 40%;
}

div.trialShip span.arrow{

	background: url(../../img/reserve/arrow_reserve5.gif) no-repeat left top;

}

div.recommendedShip span.arrow{

	background: url(../../img/reserve/arrow_reserve6.gif) no-repeat left top;

}

div.reservePlanBox div.boxL{
	float: left;
	width: 197px;
	display: inline;
}

div.reservePlanBox div.boxL p.name{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.1em;
}


div.reservePlanBox div.boxL p.name span.area{
	margin: 0px 0px 0px 5px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	background-color: #ffffff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	white-space: nowrap;
	color: #3b9106;
}

div.reservePlanBox div.boxL p.address{
	margin: 0px 0px 0px 10px;
	color: #ffffff;
	font-size: 12px;
}
div.trialShip div.boxL p.name{
	color: #684000;
}


div.trialShip div.boxL p.name span.area{
	color: #684000;
}




div.trialShip div.boxL p.address{
	color: #684000;

}


div.trialBanner{
	margin: 0px 0px 10px 10px;
	padding: 10px 0px 0px 0px;
	position: relative;
}

div.reserveBox p.rTitle{
	margin: 0 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

div.trialBanner p.banner{
	
}

div.trialBanner p.text{
	position: absolute;
	left: 7px;
	top: 64px;
	font-weight: bold;
	font-size: 16px;
	color: #df0707;
}


div.trialBanner p.text span{
	color: #333333;
}



div.recommendedShip div.boxL p.name span.area{
	color: #cf2b22;
}




div.reservePlanBox p.boxR{
	float: right;
	width: 119px;
	display: inline;
}

div.reservePlanBox p.boxR img{
	border: solid 3px #ffffff;
}

div.reservePlanBox a{
	text-decoration: none;
}


div.reservePlan{
	margin: 0px 0px 10px 10px;
	padding: 6px 0px 10px 0px;
	width: 300px;
	background-color: #ffffff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}


div.reservePlan p.name{
	margin: 0px 7px 7px 10px;
	font-size: 18px;
	font-weight: bold;
	color: #2d7003;
}

div.reservePlan p.name span{
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 14px;
	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	white-space: nowrap;
	color: #ffffff;
}

div.reservePlan p.name span.together{
	background-color: #1cb3cf;
}

div.reservePlan p.name span.tailoring{
	background-color: #e68e00;
}

div.reservePlan div.box{
	margin: 0px 0px 10px 10px;
	width: 280px;
}

div.reservePlan p.advance_announce{
	margin: 0px 0px 3px 10px;
	width: 280px;
}

div.reservePlan p.double_announce{
	margin: 0px 0px 6px 10px;
	width: 280px;
}


div.reservePlan div.box div.boxL{
	width: 150px;
	float: left;
	background-color: #fffee0;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #d6d387;
}

div.reservePlan div.box div.boxL p{
	padding: 5px 0px 5px 31px;
	color: #e50000;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/reserve/icon_price.gif) no-repeat 5px 9px;
	line-height: 1.2em;
}

div.reservePlan div.box div.boxL p span{
	font-size: 12px;
	font-weight: normal;
}

div.reservePlan div.box div.boxR{
	width: 120px;
	float: right;
	background-color: #fffee0;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #d6d387;
}

div.reservePlan div.box div.boxR p{
	color: #9d6d11;
	padding: 5px 0px 5px 43px;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/reserve/icon_point.gif) no-repeat 5px 9px;
	line-height: 1.2em;
}

div.reservePlan div.box div.boxR p span{
	font-size: 12px;
	font-weight: normal;
}



div.reservePlan table{
	margin: 0px 0px 0px 10px;
	width: 282px;
}

div.reservePlan table th{
	padding: 5px 0px 5px 0px;
	width: 70px;
	text-align: left;
	border-bottom: solid 1px #cccccc;
}

div.reservePlan table td{
	padding: 5px 0px 5px 0px;
	width: 211px;
	border-bottom: solid 1px #cccccc;
}

div.reservePlan table tr.target th{
	color: #045eae;	
}

div.reservePlan table tr.time th{
	color: #3b9106;	
}

div.reservePlan table tr.bonus th{
	padding-left: 15px;
	background: url(../../img/reserve/arrow_bonus.gif) no-repeat 0px 8px;
	color: #e34040;
	border-top: solid 1px #cccccc;
}

div.reservePlan table tr.time th,
div.reservePlan table tr.time td{
	border-bottom: none;
}

div.reservePlan table tr.bonus th,
div.reservePlan table tr.bonus td{
	border-bottom: none;
}

div.reservePlan table tr.bonus td{
	padding: 5px 0px 5px 0px;
	width: 211px;
	border-top: solid 1px #cccccc;
}



div.reservePlan p.btnReserve{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	background: url(../../img/reserve/btn_reserve_bg.gif) no-repeat 10px 0px;
	text-align: center;
	font-size: 12px;
}

div.reservePlan p.btnReserve span{
	font-size: 20px;
}

div.reservePlan p.btnReserve a{
	color: #ffffff;
	font-weight:bold;
	display: block;
}





div.reserveShipDetail{
	
}


div.reserveShipDetail div.shipDetail{
	margin-bottom: 10px;
}

div.reserveShipDetail div.shipDetail div.boxL{
	float: left;
	width: 210px;
	display: inline;
}
div.reserveShipDetail div.shipDetail  div.boxL p.name{
	margin: 0px 0px 0px 0px;
	padding: 26px 0px 0px 48px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1em;
	background: url(../../img/reserve/arrow_ship.gif) no-repeat 6px 20px;
}

div.reserveShipDetail div.shipDetail p.name span.area{
	margin: 0px 0px 0px 5px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	background-color: #3b9106;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	white-space: nowrap;
	color: #ffffff;
}

div.reserveShipDetail div.shipDetail p.address{
	margin: 0px 0px 0px 10px;
	color: #ffffff;
	font-size: 12px;
}

div.reserveShipDetail div.shipDetail p.boxR{
	padding: 10px 0px 0px 0px;
	float: right;
	width: 102px;
	display: inline;
}

div.reserveShipDetail div.shipDetail p.boxR img{
	padding: 1px;
	border: solid 3px #d9d9d9;
}








div.reserveNavi{
	margin: 0px 0px 10px 0px;
}

div.reserveNaviplan{
	margin-bottom: 0px;
}

div.reserveNavi ul{
	border-bottom: solid 4px #1f9719;
}

div.reserveNavi ul li{
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 105px;
	font-weight: bold;
	/*text-indent: 14px;*/
	text-align: center;
}

div.reserveNavi ul li.list{
	margin-right: 0px;
}

div.reserveNavi ul li a{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	width: 105px;
	height: 27px;
	text-decoration: none;
}

div.reserveNavi ul.detail li.detail{
	background: url(../../img/reserve/reserve_navi_on.gif) no-repeat left top;

}

div.reserveNavi ul.detail li.plan{
	background: url(../../img/reserve/reserve_navi.gif) no-repeat left top;

}

div.reserveNavi ul.detail li.list{
	background: url(../../img/reserve/reserve_navi.gif) no-repeat left top;

}


div.reserveNavi ul.plan li.detail{
	background: url(../../img/reserve/reserve_navi.gif) no-repeat left top;
}

div.reserveNavi ul.plan li.plan{
	background: url(../../img/reserve/reserve_navi_on.gif) no-repeat left top;
}

div.reserveNavi ul.plan li.list{
	background: url(../../img/reserve/reserve_navi.gif) no-repeat left top;
}

div.reserveNavi ul.list li.detail{
	background: url(../../img/reserve/reserve_navi.gif) no-repeat left top;
}

div.reserveNavi ul.list li.plan{
	background: url(../../img/reserve/reserve_navi.gif) no-repeat left top;
}

div.reserveNavi ul.list li.list{
	background: url(../../img/reserve/reserve_navi_on.gif) no-repeat left top;
}

div.reserveNavi ul.detail li.detail a{
	color: #ffffff;
}

div.reserveNavi ul.plan li.plan a{
	color: #ffffff;
}


div.reserveNavi ul.list li.list a{
	color: #ffffff;
}



div.reserveShipDetail div.picBox{
	margin: 0px 0px 10px 10px;
	padding-top: 1px;
	padding-left: 1px;
	width: 291px;
	border: solid 4px #d9d9d9;
}


div.reserveShipDetail div.picBox img{
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

div.reserveShipDetail p.btnGallery{
	margin: 0px 0px 20px 0px;
	text-align: center;	
}

div.reserveShipDetail div.text{
	margin: 0px 10px 10px 10px;
}


div.reserveShipDetail p.btnmyship{
	margin: 0px 0px 17px 0px;
	text-align: center;		
}

div.reserveShipDetail p.point_exchange{
	margin: 0px 0px 20px 0px;
	text-align: center;		
}

div.reserveShipDetail table.tb01,
div.reserveShipDetail table.tb02{
	width: 320px;
}

div.reserveShipDetail table.tb02{
	border-bottom: solid 1px #cccccc;
}


div.reserveShipDetail table.tb01 th,
div.reserveShipDetail table.tb02 th{
	padding: 12px 4px 12px 10px;
	width: 72px;
	color: #2d7003;
	text-align: left;
	border-top: solid 1px #cccccc;
  line-height: 1.3;
}

div.reserveShipDetail table.tb01 td,
div.reserveShipDetail table.tb02 td{
	padding: 12px 0px 12px 0px;
	border-top: solid 1px #cccccc;
  line-height: 1.3;
}

div.reserveShipDetail table td ul{
	width: 200px;
}

div.reserveShipDetail table td ul li{
	margin: 0px 6px 5px 0px;
	float: left;
}



div.reserveShipDetail h3.title{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 3px 10px;
	font-size: 14px;
	background: url(../../img/reserve/h3_reserve.gif) repeat-x left top;
	color: #333333;
}


div.reserveBox h3.plan{
	background-color:#2d7003;
	color:#ffffff;
	text-align:left;
  font-size:16px;
  line-height:1;
  padding:14px 10px 13px;
  margin:8px 0 0;
}

div.reserveDetail{
	background-color: #def5d0;
}





div.near{
	
}

div.near h3.near{
	padding: 5px 0px 5px 37px;
	background: #9d9814 url(../../img/reserve/h3_near.gif) no-repeat 10px 5px;
	color: #ffffff;
}


div.near div.listBox div.block ul li{
	background-color: #fffee0;
	border-bottom: solid 1px #cecb7c;
}


div.near div.listBox div.block ul li span.arrow{
	background: url(../../img/reserve/arrow_near.gif) no-repeat left top;
}


div.reserveShipDetail div.chokaBox div.listBox{
	border-top: solid 1px #cccccc;
}

div.reserveShipDetail div.chokaBox div.listBox ul li span.arrow{
	background: url(../../img/reserve/arrow_reserve2.png) no-repeat left top;
}






div.reserveBox div.chokaSlideBox_AutoStretch{
	padding: 14px 0px 0px 0px;
	width: 320px;
	background: url(../../img/cmn/slide_arrow.png) no-repeat center center,
	-webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(59, 145, 6)),color-stop(1, rgb(115, 188, 69)));
	background: url(../../img/cmn/slide_arrow.png) no-repeat center center,
	-moz-linear-gradient(-90deg,rgb(59, 145, 6) 0%,rgb(115, 188, 69) 100%);
	background: url(../../img/cmn/slide_arrow.png) no-repeat center center,
	linear-gradient(-90deg,rgb(59, 145, 6) 0%,rgb(115, 188, 69) 100%);
}

div.reserveBox div.onephoto {
	background:-webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(59, 145, 6)),color-stop(1, rgb(115, 188, 69)));
	background:-moz-linear-gradient(-90deg,rgb(59, 145, 6) 0%,rgb(115, 188, 69) 100%);
	background:linear-gradient(-90deg,rgb(59, 145, 6) 0%,rgb(115, 188, 69) 100%);
}





div.reserveBox div.chokaDetail table td{
	border-bottom: solid 1px #b7d6a4;
}

div.reserveBox div.chokaDetail table td.name{
	color: #2d7003;
}

div.reserveBox div.chokaDetail table tr:nth-child(2n+1){
	background-color: #f1ffe8;
}

div.reserveBox div.shipBox{
	padding-bottom: 15px;
	background-color: #378109;
	border-top: solid 2px #98C87A;
}

div.reserveBox div.shipBox p.btnPlan{
	background: url(../../img/reserve/btn_plan_bg.gif) no-repeat 10px 0px;
	background-size:300px 100%;
	font-weight: bold;
}

div.reserveBox div.shipBox p.btnPlan a{
	color: #333333;
}



div.reserveBox div.shipBox div.btnLinkBox p.boxL{
	background: url(../../img/reserve/btn_ship_bg.gif) no-repeat left top;
	background-size:147px 100%;
}


div.reserveBox div.shipBox div.btnLinkBox p.boxR{
	background: url(../../img/reserve/btn_fish_bg.gif) no-repeat left top;
	background-size:147px 100%;
}

div.reserveBox div.shipBox div.btnLinkBox p a{
	text-decoration: none;
	display: block;
}

div.reserveBox div.shipBox div.box div.boxR p.name{
	padding-top: 15px;
}

div.reserveBox div.shipBox div.box div.boxR p.name span.area{
	color: #2d7003;
}



div.reserveDetailPlan{
	margin-bottom: 0px;
	padding-top: 13px;
}



div.reserveShipDetail div.planDetail p.name{
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 5px 10px;
	font-size: 18px;
	font-weight: bold;
	color: #2d7003;
	border-bottom: solid 2px #3b9106;
}



div.reserveShipDetail div.planDetail p.name span{
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 14px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	white-space: nowrap;
	color: #ffffff;
}

div.reserveShipDetail div.planDetail p.name span.together{
	background-color: #1cb3cf;
}

div.reserveShipDetail div.planDetail p.name span.tailoring{
	background-color: #e68e00;
}


div.reserveShipDetail div.planDetail div.text{
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
}


div.reserveShipDetail p.btnReserve{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background: url(../../img/reserve/btn_reserve.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	line-height: 1.0em;
}


div.reserveShipDetail p.btnReserve span{
	font-size: 12px;
}


div.reserveShipDetail p.btnReserve a{
	text-decoration: none;
	color: #ffffff;
	display: block;
}



div.reserveShipDetail p.btnReserve2{
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background: url(../../img/reserve/btn_reserve.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	line-height: 1.0em;
}



div.reserveShipDetail p.btnReserve2 a{
	text-decoration: none;
	color: #ffffff;
	display: block;
}


div.reserveShipDetail p.prevReserveText{
	font-weight: bold;
	color: #E50000;
	margin:0 10px 15px;
}


div.reserveShipDetail div.reserveDetailPlan p.btnReserve{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background: url(../../img/reserve/btn_reserve_bg.gif) no-repeat 10px 0px;
	background-size:282px 100%;
	text-align: center;
	font-size: 12px;
}


div.reserveShipDetail table.tbPlan{
	margin: 0px 0px 20px 0px;
	border-top: solid 1px #cccccc;
}

div.reserveShipDetail table.tbPlan .tax{
  font-size:12px;
}

div.reserveShipDetail table.tbPlan th{
	padding: 15px 0px 15px 10px;
	width: 74px;
	border-bottom: solid 1px #cccccc;
	color: #2d7003;
	text-align: left;
  line-height:1.4;
}

div.reserveShipDetail table.tbPlan td{
	padding: 15px 10px 15px 0px;
	border-bottom: solid 1px #cccccc;
  line-height:1.4;
}

div.reserveShipDetail table.tbPlan tr.price th{
	border-bottom: solid 1px #d6d387;
}

div.reserveShipDetail table.tbPlan tr.price td{
	border-bottom: solid 1px #d6d387;
}

div.reserveShipDetail table.tbPlan tr.chowari th{
	border-bottom: solid 1px #d6d387;
	color: #e50000;
	background-color: #fffee0;
}

div.reserveShipDetail table.tbPlan tr.chowari td{
	padding-left: 32px;
	border-bottom: solid 1px #d6d387;
	color: #e50000;
	background: #fffee0 url(../../img/reserve/icon_plan_price.gif) no-repeat 0px 10px;
	font-size: 16px;
	font-weight: bold;
}

div.reserveShipDetail table.tbPlan tr td .plan_caution {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
}


div.reserveShipDetail table.tbPlan tr.point th{
	border-bottom: solid 1px #d6d387;
	color: #9d6d11;
	background-color: #fffee0;
}

div.reserveShipDetail table.tbPlan tr.point td{
	padding-left: 35px;
	border-bottom: solid 1px #d6d387;
	color: #9d6d11;
	background: #fffee0 url(../../img/reserve/icon_plan_point.gif) no-repeat 0px 20px;
	font-size: 16px;
	font-weight: bold;
}


div.reserveShipDetail table.tbPlan tr.point td span.point0{
	display:none;
}

div.reserveShipDetail table.tbPlan tr.point td span.point1{
	text-decoration: line-through;
}

div.reserveShipDetail table.tbPlan tr.point td span.point2{
	padding-left: 35px;
	background: url(../../img/reserve/icon_arrow.gif) no-repeat 8px 0px;
	color: #e50000;
	font-size: 18px;
	font-weight: bold;
}


div.reserveShipDetail table.tbPlan tr.exchange_bnr_on th,
div.reserveShipDetail table.tbPlan tr.exchange_bnr_on td{
	border-bottom: none;
	padding-bottom:10px;

}

div.reserveShipDetail table.tbPlan tr.point_exchange td{
	border-bottom: solid 1px #d6d387;
	background-color: #fffee0;
	padding:0 10px 15px;
}



div.reserveShipDetail table.tbPlan tr.bonus th{
	border-bottom: solid 1px #d6d387;
	color: #e34040;
	background-color: #fffee0;
}

div.reserveShipDetail table.tbPlan tr.bonus td{
	border-bottom: solid 1px #d6d387;
	background-color: #fffee0;
}

div.reserveShipDetail table.tbPlan tr.target th{
	color: #045eae;
}

div.reserveShipDetail table.tbPlan tr.target td{
	padding-left: 32px;
	color: #045eae;
	font-weight: bold;
	background: url(../../img/reserve/icon_plan_target.gif) no-repeat 0px 15px;
}




div.titleCalendar{
  margin: 0px 0px 10px 0px;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#70bd40),
    color-stop(0.50, #45a10b), 
    color-stop(0.51, #3e9309), 
    to(#7fc155)
  );

}

div.titleCalendar h1{
	padding: 5px 0px 5px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
}

div.bnrAdvance{
	margin: 0px 0px 0px 0px;
}

div.bnrAdvance p{
	text-align: center;
}

div.reserveCalendar{
	
}

div.reserveCalendar div.box{
	margin: 0px 0px 17px 0px;
}


div.reserveCalendar div.box p{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	width: 146px;
	font-size: 12px;
	font-weight: bold;
	display: inline;
}


div.reserveCalendar div.box p.boxL{
	margin: 0px 0px 0px 7px;
	float: left;
	background: url(../../img/reserve/btn_calendar_bg.gif) no-repeat left top;
	background-size:146px 100%;

}

div.reserveCalendar div.box p.boxR{
	margin: 0px 6px 0px 0px;
	float: right;
	background: url(../../img/reserve/btn_calendar_bg.gif) no-repeat left top;
	background-size:146px 100%;
}

div.reserveCalendar div.box p a{
	text-decoration: none;
}

div.reserveCalendar div.box p span{
	margin: 0px 3px 0px 0px;
	padding: 2px;
	background-color: #eb2f2f;
	color: #ffffff;
	font-size: 10px;
}



div.reserveCalendar div.naviCalendar{


}


div.reserveCalendar div.naviCalendar ul{
	padding: 0px 0px 3px 0px;
	
}

div.reserveCalendar div.naviCalendar ul li{
	margin: 0px 0px 0px 0px;
	float: left;
	width: 107px;
	height: 38px;
	font-weight: bold;
	text-indent: 14px;
	background: url(../../img/reserve/navi_calendar_bg.gif) no-repeat left top;

}


div.reserveCalendar div.naviCalendar ul li.active{
	background: url(../../img/reserve/navi_calendar_bg_on.gif) no-repeat left top;
	color: #2d7003;
}

div.reserveCalendar div.naviCalendar ul li.c01{
}

div.reserveCalendar div.naviCalendar ul li.c02{

}

div.reserveCalendar div.naviCalendar ul li.c03{
	width: 106px;
}

div.reserveCalendar div.naviCalendar ul li a{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	display: block;
	width: 104px;
	height: 30px;
	text-decoration: none;
}

div.reserveCalendar div.naviCalendar ul li.selected{
	background: url(../../img/reserve/navi_calendar_bg_on.gif) no-repeat left top;
	color: #2d7003;
}


div.reserveCalendar div.naviCalendar ul li.selected a{
	color: #2d7003;
}


div.reserveCalendar table{
	margin: 0px 0px 20px 0px;
	width: 320px;
}

div.reserveCalendar table th{
	width: 45.71px;
	text-align: center;
	border-bottom: solid 2px #aaaaaa;
}


div.reserveCalendar table td{
	padding-bottom: 5px;
	width: 45.71px;
	height: 57px;
	text-align: center;
	border-bottom: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	line-height: 26px;
}


div.reserveCalendar table td a{
	display: block;
	text-decoration: none;
	
}

div.reserveCalendar table td p span{
  font-size: 14px;
  color: #888;
}

div.reserveCalendar table td p span.vacancy{
	text-decoration: underline;
	color: #045EAE;
	color: #0a72cf;
	font-size: 34px;
}

div.reserveCalendar table td p span.realtime{
  padding: 1px 1px 1px;
  color: #17b2a8;
  display: inline-block;
  font-size: 15px;
  min-width: 1.4em;
  border: #17b2a8 1px solid;
  letter-spacing: -.5px;
  white-space: nowrap;
  border-radius: 2px;
  box-sizing: content-box;
  line-height: 1.4;
}


div.reserveCalendar table td.sat{
	border-right: none;
}


div.reserveCalendar table td{
	vertical-align: top;
	font-size: 18px;
	font-weight: bold;
}

div.reserveCalendar table th.sun,
div.reserveCalendar table td p.sun{
	color: #dc3a3a;
}

div.reserveCalendar table th.sat,
div.reserveCalendar table td p.sat{
	color: #46a3dd;
}

div.reserveCalendar table td.past{
	background-color: #f0f0f0;
}

div.reserveCalendar table td.past p{
	color: #cccccc;
}

div.reserveCalendar table td.past p.sun{
	color: #f5b5b5;
}

div.reserveCalendar table td.past p.sat{
	color: #b9def5;
}

div.reserveCalendar table td.holiday{
	background-color: #cccccc;
}

div.reserveCalendar table td.holiday p.content{
	font-size: 12px;
	color: #4c4c4c;
}

div.reserveCalendar table td.before{

}

div.reserveCalendar table td.before p.content span{
	padding: 2px;
	background-color: #eb2f2f;
	color: #ffffff;
	font-size: 12px;
}

div.reserveCalendar table td.before p.content span.seats{
	color: #eb2f2f;
	font-size: 12px;
	background:none;
	padding: 0;
	display:block;
	margin:0;
	height:16px;
}

div.reserveCalendar table td p.content a{
	color: #045eae;
	font-size: 20px;
}

div.reserveCalendar table td.soldout{
	background-color: #378fa1;
	color: #ffffff;
}

div.reserveCalendar table td.soldout p.content{
	font-size: 14px;
}

div.reserveCalendar p.text{
	margin: 0px 10px 10px 10px;
}




/*予約ルールの説明*/
.explan_rule {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  margin: -5px 10px 10px;
}
.explan_rule_item {
  flex-basis: calc(100% / 3);
  padding: 5px 5px 5px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.explan_rule_item:not(:first-of-type) {
  border-left: #d9d9d9 1px solid;
}
.explan_rule_item:first-of-type {
  padding-left: 0;
}
.explan_rule_item:last-of-type {
  padding-right: 0;
}

.explan_rule_item_realtime_icon,
.explan_rule_item_request_icon,
.explan_rule_item_advance_icon {
  height: 23px;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0 0 10px;
}
.explan_rule_item_realtime_icon {
  padding-bottom: 10px;
}
.explan_rule_item_realtime_icon span {
  padding: 1px 1px 1px;
  color: #17b2a8;
  display: inline-block;
  font-size: 15px;
  min-width: 1.4em;
  border: #17b2a8 1px solid;
  letter-spacing: -.5px;
  white-space: nowrap;
  border-radius: 2px;
  box-sizing: content-box;
  line-height: 1.4;
}
.explan_rule_item_request_icon span {
  position: relative;
}
.explan_rule_item_request_icon span::after { 
  content: "";
  top: -3px;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border: #0a72cf 1px solid;
  border-radius: 100px;
  width: 14px;
  height: 14px;
}
.explan_rule_item_request_icon span::before { 
  content: "";
  bottom: -12px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  background: #0a72cf;
  width: 18px;
  height: 3px;
}
.explan_rule_item_advance_icon span {
  display: inline-block;
  padding: 3px 2px 2px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  background: #fa4641;
  border-radius: 2px;
  width: calc(3em + 4px);
  box-sizing: content-box;
  line-height: 1.4;
}

.explan_rule_item_realtime_title,
.explan_rule_item_request_title,
.explan_rule_item_advance_title {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 3px;
  line-height: 1.2;
  text-align: center;
}
.explan_rule_item_realtime_title span,
.explan_rule_item_request_title span,
.explan_rule_item_advance_title span {
  font-size: 10px;
}
.explan_rule_item_realtime_title {
  color: #17b2a8;
}
.explan_rule_item_request_title {
  color: #419ef0;
}
.explan_rule_item_advance_title {
  color: #fa4641;
}

.explan_rule_item_realtime_txt,
.explan_rule_item_request_txt,
.explan_rule_item_advance_txt {
  font-size: 9px;
  line-height: 1.4;
  color: #666;
  text-align: center;
}





div.reserveCalendar .tab1{clear:both;margin-top:10px;display:block;display:none;}
div.reserveCalendar .tab2{clear:both;margin-top:10px;display:block;display:none;}
div.reserveCalendar .tab3{clear:both;margin-top:10px;display:block;display:none;}

div.reserveBefore{
	
}


div.reserveBefore p.date{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #ffffff;
	background-color: #a30b00;
	text-align:center;
}

div.reserveBefore p.point{
	margin: 0px 0px 6px 0px;
	color: #ffff66;
	font-size: 12px;
	text-align: center;
}


div.reserveBefore div.reservePlanBox{
	margin-bottom: 0px;
	background-color: #d1381f;
	border-top:none;
}


div.reserveBefore div.reservePlanBox div.pricebox{
	margin: 0px 0px 10px 10px;
	width: 280px;
	background: #fffee0 url(../../img/reserve/icon_plan_price.gif) no-repeat 0px 10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #d6d387;
}


div.reserveBefore div.reservePlanBox div.pricebox div.boxL{
	margin: 0px 0px 0px 30px;
	padding: 5px 0px 9px 0px;
	width: 90px;
	float: left;
}

div.reserveBefore div.reservePlanBox div.pricebox div.boxL p{
	font-size: 16px;
	line-height: 1.0em;
	font-weight: bold;
}

div.reserveBefore div.reservePlanBox div.pricebox div.boxL p span{
	font-size: 12px;
	font-weight: normal;
}

div.reserveBefore div.reservePlanBox div.pricebox div.boxL p del{
	text-decoration: line-through;
}


div.reserveBefore div.reservePlanBox div.pricebox div.boxR{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 9px 26px;
	width: 130px;
	float: right;
	background: url(../../img/reserve/arrow_price.gif) no-repeat 0px 24px;
}


div.reserveBefore div.reservePlanBox div.pricebox div.boxR p{
	font-size: 16px;
	line-height: 1.0em;
	font-weight: bold;
	color: #e50000;
}

div.reserveBefore div.reservePlanBox div.pricebox div.boxR p span{
	font-size: 12px;
	font-weight: normal;
}



div.reserveBefore div.reservePlanBox div.pointBox{
	
}

div.reserveBefore div.reservePlanBox div.pointBox p.boxL{
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 43px;
	width: 77px;
	background: #fffee0 url(../../img/reserve/icon_plan_point.gif) no-repeat 3px 10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #d6d387;
	color: #9d6d11;
	line-height: 1.2em;
	font-size: 16px;
	font-weight: bold;
	float: left;
}

div.reserveBefore div.reservePlanBox div.pointBox p.boxL span{
	font-size: 12px;
	font-weight: normal;	
}

div.reserveBefore div.reservePlanBox div.pointBox p.boxR{
	margin: 0px 10px 0px 0px;
	padding: 9px 0px 9px 10px;
	width: 138px;
	float: right;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #d6d387;
	color: #ffffff;
	background-color: #e50000;
	font-size: 20px;
	display: inline;
}

div.reserveBefore div.reservePlanBox div.pointBox p.boxR span{
	margin: 0px 10px 0px 0px;
	font-size: 12px;
	font-weight: normal;
}



div.reserveBefore div.reservePlan p.btnReserve{
	margin-bottom: 10px;
	background: url(../../img/reserve/btn_before_bg.gif) no-repeat 10px 0px;
}


div.reservePlan div.shipDetail div.boxL{
	width: 175px;
}


div.reservePlan div.shipDetail p.boxR{
	
	width: 111px;
	
}

div.reservePlan div.shipDetail p.boxR img{
	padding: 1px;
	border: solid 3px #cccccc;
}

div.reservePlan div.shipDetail div.boxL p.name{
	color: #000000;
}

div.reservePlan div.shipDetail div.boxL p.name span{
	margin: 0px 0px 0px 3px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	background-color: #d1381f;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	color: #ffffff;
	white-space: nowrap;
	
}

div.reservePlan div.shipDetail div.boxL p.address{
	color: #000000;
}


div.reserveBefore div.reservePlanBox div.reservePlan p.name{
	padding-right: 30px;
	position: relative;
	margin-right:0;
}

div.reserveBefore div.reservePlanBox div.reservePlan p.name span.arrow{
	position: absolute;
	right: 5px;
	top: 7px;
	width: 9px;
	height: 13px;
	background: url(../../img/reserve/arrow_reserve2.png) no-repeat left top;
}

div.reserveBefore div.reservePlanBox div.reservePlan p.name a{
	display: block;
}


div.reserveBefore div.reservePlanBox div.reservePlan div.shipDetail{
	position: relative;
}

div.reserveBefore div.reservePlanBox div.reservePlan div.shipDetail span.arrow{
	position: absolute;
	right: 5px;
	top: 40%;
	width: 9px;
	height: 13px;
	background: url(../../img/reserve/arrow_reserve3.gif) no-repeat left top;
}

div.reserveBefore div.reservePlanBox div.reservePlan div.shipDetail a{
	display: block;
}



div.reserveBox div.chokaWeather{
	margin: 0;
	padding: 10px 0px 14px 0px;
	border-top: solid 2px #bbd8ec;
	border-bottom: solid 0px #bbd8ec;
	background-color: #edf8ff;
}

div.reserveBox div.chokaWeather p.title{
	margin: 0px 0px 10px 0px;
	color: #39759b;
	text-align: center;
}


div.reserveBox div.chokaWeather div.box{
	
}

div.reserveBox div.chokaWeather div.box p.boxL{
	margin: 0px 0px 0px 10px;
	width: 144px;
	float: left;
	display: inline;
}

div.reserveBox div.chokaWeather div.box p.boxR{
	margin: 0px 10px 0px 10px;
	width: 144px;
	float: right;
	display: inline;
}

div.reserveBox div.chokaWeather div.box p.boxC{
	margin: 0 auto;
	padding:11px 0 2px 0;
	width: 219px;
	clear:both;
}




div.reserveRanking{
	padding-bottom: 12px;
	background-color: #ffd026;
}


div.reserveRanking p.btnRanking{
	margin: 0px 0px 5px 0px;
	padding: 6px 0px 6px 0px;
	text-align: center;
	background: url(../../img/reserve/btn_ranking_bg.gif) no-repeat 10px 0px;
}

div.reserveRanking p.text{
	margin: 0px 0px 2px 10px;
	font-size: 12px;
}



div.reserveRanking div.rankingBox{
	margin: 0px 0px 10px 10px;
	width: 300px;
}

div.reserveRanking div.rankingBox div.listBox{
	background-color:#ffffff;
}


div.reserveRanking div.rankingBox div.listBox div.boxL{
	margin: 0px 0px 0px 10px;
	width: 160px;
	float: left;
	display: inline;
}

div.reserveRanking div.rankingBox div.listBox p.boxR{
	margin: 0px 20px 0px 0px;
	width: 108px;
	float: right;
	display: inline;
}


div.reserveRanking div.rankingBox div.listBox p.boxR img{
	padding: 1px;
	border: solid 3px #d9d9d9;
}

div.reserveRanking div.rankingBox div.listBox div.block ul li{
	padding-left: 35px;
}

div.reserveRanking div.rankingBox div.listBox div.block ul li.no01{
	padding-left: 0px;
}

div.reserveRanking div.rankingBox div.listBox div.block ul li.no01 a{
	padding-left: 0px;
}

div.reserveRanking div.rankingBox div.listBox div.block ul li span.arrow{
	background: url(../../img/reserve/arrow_reserve4.gif) no-repeat left top;
}


div.reserveRanking div.rankingBox div.listBox div.block ul li.no02{
	background: url(../../img/reserve/ranking02.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no03{
	background: url(../../img/reserve/ranking03.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no04{
	background: url(../../img/reserve/ranking04.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no05{
	background: url(../../img/reserve/ranking05.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no06{
	background: url(../../img/reserve/ranking06.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no07{
	background: url(../../img/reserve/ranking07.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no08{
	background: url(../../img/reserve/ranking08.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no09{
	background: url(../../img/reserve/ranking09.gif) no-repeat 10px 10px;
}
div.reserveRanking div.rankingBox div.listBox div.block ul li.no10{
	background: url(../../img/reserve/ranking10.gif) no-repeat 10px 10px;
}




div.requestH{
	padding-top: 12px;
}


div.requestH h2{
	margin: 0px 0px 14px 0px;
	padding: 3px 0px 3px 10px;
	background: url(../../img/reserve/h2_request.gif) repeat-x left top;
	background-size:320px 100%;
	font-size: 20px;
	color: #2d7003;
}


div.requestH div.pathBox{
	margin: 0px 0px 14px 0px;
}




/*
div.requestH div.pathBox ul{
	padding: 4px 0px 0px 0px;
}

div.requestH div.pathBox ul li{
	margin: 0px 0px 9px 0px;
	float: left;
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

div.requestH div.pathBox ul.r01{
	background: url(../../img/reserve/arrow_request01.gif) no-repeat left top;
}

div.requestH div.pathBox ul.r02{
	background: url(../../img/reserve/arrow_request02.gif) no-repeat left top;
}

div.requestH div.pathBox ul.r03{
	background: url(../../img/reserve/arrow_request03.gif) no-repeat left top;
}


div.requestH div.pathBox ul.r04{
	background: url(../../img/reserve/arrow_request04.gif) no-repeat left top;
}



div.requestH div.pathBox ul li.r01{
	padding: 0px 0px 0px 5px;
}

div.requestH div.pathBox ul li.r02{
	padding: 0px 0px 0px 25px;
}

div.requestH div.pathBox ul li.r03{
	padding: 0px 0px 0px 30px;
}

div.requestH div.pathBox ul li.r04{
	padding: 0px 0px 0px 20px;
}



div.requestH div.pathBox ul.p01{
	background: url(../../img/reserve/arrow_prev01.gif) no-repeat left top;
}

div.requestH div.pathBox ul.p02{
	background: url(../../img/reserve/arrow_prev02.gif) no-repeat left top;
}

div.requestH div.pathBox ul.p03{
	background: url(../../img/reserve/arrow_prev03.gif) no-repeat left top;
}


div.requestH div.pathBox ul.p04{
	background: url(../../img/reserve/arrow_prev04.gif) no-repeat left top;
}



div.requestH div.pathBox ul li.p01{
	padding: 0px 0px 0px 5px;
}

div.requestH div.pathBox ul li.p02{
	padding: 0px 0px 0px 23px;
}

div.requestH div.pathBox ul li.p03{
	padding: 0px 0px 0px 59px;
}

div.requestH div.pathBox ul li.p04{
	padding: 0px 0px 0px 27px;
}
*/


div.requestH div.digbonus_title{
	color:#e50000;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	border: 2px solid #e50000;
	margin:0 10px 14px;
	padding:9px 5px 10px;
	border-radius:3px;
}


div.requestH h3{
	margin: 0px 0px 10px 0px;
	padding: 6px 0px 10px 10px;
	background: url(../../img/reserve/h3_reservedetail.gif) repeat-x left top;
	background-size:320px 100%;
	font-size: 16px;
}


div.requestH p.btnRequest{
	margin: 0px 0px 20px 0px;
	padding: 13px 0px 12px 0px;
	text-indent: 35px;
	background: url(../../img/reserve/btn_request.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	font-size: 17px;
	font-weight: bold;
}

div.requestH p.btnRequestPrev{
	margin: 0px 0px 20px 0px;
	padding: 13px 0px 12px 0px;
	text-indent: 78px;
	background: url(../../img/reserve/btn_request.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	font-size: 17px;
	font-weight: bold;
}


div.requestH p.btnRequest a,
div.requestH p.btnRequestPrev a{
	display: block;
	text-decoration: none;
	color: #ffffff;
}



div.requestH p.text{
	margin: 0px 10px 15px 10px;
}

div.requestH p.text span.asterisk{
	color: #e50000;
}


div.requestH div.requestTB{
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 5px 0px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	width: 280px;
}


div.requestH div.requestTB table{
	width: 280px;
}

div.requestH div.requestTB table th{
	color: #e50000;
	width: 63px;
}

div.requestH div.requestTB table td{
	color: #e50000;
}

div.requestH p.btn_shipDetail{
	text-align:center;
	margin:10px 0 5px 0;
}




div.requestH .tailoring_one_check {
	margin:0 10px 30px;
}

div.requestH .tailoring_one_check .text {
	margin:0 0 25px;
}

div.requestH .tailoring_one_check .text .plan {
	font-weight:bold;
}

div.requestH .tailoring_one_check .text .caution {
	color:#E50000;
	font-weight:bold;
}

div.requestH .tailoring_one_check .btnset {
	margin:0 0 30px;
}

div.requestH .tailoring_one_check .btnset:after {
	content: '';
	display: block;
	clear: both;
}

div.requestH .tailoring_one_check .btnset .left,
div.requestH .tailoring_one_check .btnset .right {
	width: 143px;
	display: inline;
	font-weight: bold;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

div.requestH .tailoring_one_check .btnset .left {
	float: left;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	background: url(../../img/cmn/arrowL_white.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(217,55,14)), color-stop(0.5, rgb(166,8,0)), color-stop(1, rgb(196,10,0)));
	background: url(../../img/cmn/arrowL_white.png) no-repeat 5px center, -moz-linear-gradient(-90deg,rgb(217,55,14) 0%, rgb(166,8,0) 50%, rgb(196,10,0) 100%);
	background: url(../../img/cmn/arrowL_white.png) no-repeat 5px center, linear-gradient(-90deg, rgb(217,55,14) 0%, rgb(166,8,0) 50%, rgb(196,10,0) 100%) repeat scroll 0 0 transparent;
}

div.requestH .tailoring_one_check .btnset .right {
	float: right;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	border: 1px solid #B3B3B3;
	background: url(../../img/cmn/arrowR_green.png) no-repeat 130px center, -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(0.5, rgb(242,242,242)), color-stop(0.51, rgb(229,229,229)), color-stop(1, rgb(250,250,250)));
	background: url(../../img/cmn/arrowR_green.png) no-repeat 130px center, -moz-linear-gradient(-90deg,rgb(255,255,255) 0%, rgb(242,242,242) 50%, rgb(229,229,229) 51%, rgb(250,250,250) 100%);
	background: url(../../img/cmn/arrowR_green.png) no-repeat 130px center, linear-gradient(-90deg, rgb(255,255,255) 0%, rgb(242,242,242) 50%, rgb(229,229,229) 51%, rgb(250,250,250) 100%) repeat scroll 0 0 transparent;
}

div.requestH .tailoring_one_check .btnset p a {
	text-align:center;
	text-decoration: none;
	display: block;
	font-size:16px;
	line-height:1.2;
}

div.requestH .tailoring_one_check .btnset .left a {
	color:#ffffff;
	padding:17px 5px 16px 16px;
}

div.requestH .tailoring_one_check .btnset .right a {
	color:#333333;	
	padding:16px 16px 15px 5px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}




div.requestConfirm{
	margin: 0px 0px 20px 10px;
	padding: 5px 0px 5px 0px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #d6d387;
	background-color: #fffee0;
	width: 300px
}


div.requestConfirm table{
	margin: 0px 10px 10px 10px;
	width: 280px;
}

div.requestConfirm table td{
	padding: 12px 0px 12px 0px;
	font-weight: bold;
	border-bottom: solid 1px #d6d387;
	line-height: 1.3em;
}

div.requestConfirm table td span{
	color: #2d7003;
}

div.requestConfirm table tr:nth-last-child(1) td{
	border-bottom: none;
}

div.requestConfirm table td p.text{
	font-size: 12px;
	font-weight: normal;
}

div.requestConfirm table td div.resTime{
	text-align:right;
	float:left;
}

div.requestConfirm table td table{
	margin-left: 0px;
}

div.requestConfirm table td table td{
	padding: 5px 0px 5px 0px;
	border: none;
}


div.requestConfirm textarea{
	margin: 5px 0px 0px 0px;
	width: 276px;
	height: 80px;
	color: #999999;
}


div.requestConfirm textarea:focus,
div.requestConfirm textarea.focused{color: #333; }


div.requestH p.btnEdit{
	margin: 0px 0px 10px 0px;
	padding: 6px 0px 10px 95px;
	background: url(../../img/reserve/btn_editing_bg.gif) no-repeat 87px 0px;
	background-size:158px 100%;
	font-size: 12px;
	font-weight: bold;
}

div.requestH p.btnEdit a{
	text-decoration: none;
	display: block;
	width: 160px;
}

div.requestH h4{
	margin-left: 10px;
	font-size: 16px;
	color: #b36b00;
}





/*------------------------------------------
	年末年始対応
------------------------------------------*/

div.requestH div.alart {
	background:#ffd9d9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding:10px 13px 11px;
	margin:4px 10px 12px;
}

div.requestH div.alart p.title {
	color:#e50000;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0;
}

div.requestH div.alart p.txt {
	font-size:12px;
	margin:0;
	padding:0;
}








div.requestH p.btnReserve{
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background: url(../../img/reserve/btn_reserve.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	line-height: 1.0em;
}


div.requestH p.btnReserve a{
	text-decoration: none;
	color: #ffffff;
	display: block;
}


div.requestH p.btnReserve2{
	margin: 20px 0px 10px 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background: url(../../img/reserve/btn_reserve.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	line-height: 1.0em;
}


div.requestH p.btnReserve2 a{
	text-decoration: none;
	color: #ffffff;
	display: block;
}


p.btnBack{
	margin: 0px 0px 20px 0px;
	padding: 6px 0px 10px 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/reserve/btn_back.gif) no-repeat 20px 0px;
	background-size:282px 100%;
}


p.btnBack a{
	text-decoration: none;
	display: block;
}



div.permissionBox{

}


div.permissionBox h3{
	margin: 0px 0px 10px 0px;
	background-color: #f5e50b;
	text-align: center;
}

div.permissionBox p.text{
	margin: 0px 10px 20px 10px;
	
}

div.permissionBox p.permission{
	margin: 0px 0px 5px 20px;
	color: #e50000;
	font-size: 12px;
	font-weight: bold;
}


div.permissionBox p.url{
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 20px 20px;
	/*padding: 5px 0px 5px 0px;*/
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	/*border: solid 1px #cccccc;*/
	text-align: center;
	width: 280px;
	
}


div.permissionBox p.url input{
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 18px;
	
	width: 280px;
}


div.requestH p.btnCall{
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 6px 0px;
	text-indent: 35px;
	background: url(../../img/reserve/btn_request_call.gif) no-repeat 20px 0px;
	background-size:282px 100%;
}

div.requestH p.btnCall a{
	display: block;
	text-decoration: none;
}



div.requestH p.textb{
	margin: 0px 10px 20px 10px;
	font-weight: bold;
}


div.requestH p.btnMypage,
div.reserveShipDetail p.btnMypage{
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 15px 0px;
	text-indent: 40px;
	background: url(../../img/reserve/btn_mypage_bg.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	font-size: 18px;
}

div.requestH p.btnMypage a,
div.reserveShipDetail p.btnMypage a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	display: block;
}


div.requestH p.btnTop,
div.reserveShipDetail p.btnTop{
	margin: 0px 0px 20px 0px;
	padding: 6px 0px 8px 0px;
	text-indent: 40px;
	background: url(../../img/reserve/btn_back_top.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	font-size: 16px;
}

div.requestH p.btnTop a,
div.reserveShipDetail p.btnTop a{
	text-decoration: none;
	font-weight: bold;
	display: block;
}




div.requestH div.addition{
	margin: 0px 0px 30px 10px;
	padding: 5px 0px 10px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #e50000;
	background-color: #fff0f0;
	width: 300px;
}

div.requestH div.addition p.text{
	margin: 0px 10px 10px 10px;
	color: #e50000;
	font-weight: bold;
}


div.requestH div.addition ul{
	margin: 0px 10px 10px 15px;
}


div.requestH div.addition ul li{
	color: #e50000;
	font-weight: bold;
}

div.requestH div.addition p.btnAddition{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-indent: 66px;
	background: url(../../img/reserve/btn_addition_bg.gif) no-repeat 46px 0px;
	font-weight: bold;
}

div.requestH div.addition p.btnAddition a{
	color: #ffffff;
	display: block;
	text-decoration: none;
}


div.reserveShipDetail p.btnRequest{
	margin: 0px 0px 20px 0px;
	padding: 13px 0px 12px 0px;
	text-indent: 35px;
	background: url(../../img/reserve/btn_request.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	font-size: 17px;
	font-weight: bold;
}

div.reserveShipDetail p.btnRequestPrev{
	margin: 0px 0px 20px 0px;
	padding: 13px 0px 12px 0px;
	text-indent: 78px;
	background: url(../../img/reserve/btn_request.gif) no-repeat 20px 0px;
	background-size:282px 100%;
	font-size: 17px;
	font-weight: bold;
}


div.reserveShipDetail p.btnRequest a,
div.reserveShipDetail p.btnRequestPrev a{
	display: block;
	text-decoration: none;
	color: #ffffff;
}



div.reserveShipDetail div.boxDate{
	margin: 0px 10px 10px 10px;
}

div.reserveShipDetail div.boxDate p.boxL{
	padding-top: 3px;
	width: 149px;
	float: left;
	text-align: right;
}


div.reserveShipDetail div.boxDate div.boxR{
	width: 142px;
	float: right;
}


div.reserveShipDetail div.boxDate div.boxR select{
	width: 142px;
}




div.galleryH{
	position: relative;
	 background: -webkit-gradient(linear, left top, left bottom,
    from(#454545),
    color-stop(0.50, #222222), 
    color-stop(0.51, #000000), 
    to(#000000)
  );
}


div.galleryH p.close{
	position: absolute;
	left: 5px;
	top: 7px;
	background: url(../../img/reserve/btn_close.gif) no-repeat 0px 0px;
}


div.galleryH p.close a{
	margin: 0px 0px 0px 0px;
	padding: 5px 13px 5px 12px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
}



div.galleryBox{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background: #000000url(../../img/reserve/loading.gif) 50% 50% no-repeat;
}


div.galleryBox p.pic{
	margin: 0px 0px 3px 10px;
}

div.galleryBox p.text{
	margin: 0px 0px 5px 0px;
	text-align: center;
	color: #b2b2b2;
	font-size: 12px;
}



div.galleryBox p.btnGalleryClose{
	margin: 20px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	background: url(../../img/reserve/btn_gallery_close.gif) no-repeat 30px 0px;
	font-weight: bold;
}


div.galleryBox p.btnGalleryClose a{
	color: #ffffff;
	text-decoration: none;
	display: block;
}


div.tideBox{
	
}


div.tideBox table.tb01{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	width: 320px;
	
}

div.tideBox table.tb01 td.select{
	padding-left: 10px;
	width: 230px;
}

div.tideBox table.tb01 td.weather{
	width: 84px;
}


div.tideBox table.tb02{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	width: 320px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

div.tideBox table.tb02 th{
	width: 54px;
}

div.tideBox table.tb03{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

div.tideBox table.tb03 td{
	padding: 5px 0px 0px 0px;
	background: url(../../img/tide/dot.gif) repeat-y right top;
	text-align: center;
}

div.tideBox table.tb03 td img{
	margin-bottom: 3px;
}

div.tideBox table.tb03 td.last{
	background: none;
}


div.tideBox table.tb04{
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	border-top: solid 1px #cccccc;
}

div.tideBox table.tb04 th,
div.tideBox table.tb04 td{
	padding: 5px 0px 4px 0px;
	border-bottom: dotted 1px #cccccc;
}

div.tideBox table.tb04 td{
	text-align: center;
}

div.tideBox table.tb04 td span{
	font-size: 12px;
	
}

div.tideBox table.tb04 td span.low{
	color: #008ee6;
}

div.tideBox table.tb04 td span.high{
	color: #dd0b0b;
}

div.tideNavi{
	margin: 0px 0px 10px 0px;	
}

div.tideNavi ul{
	padding-top: 0px;
}

div.tideNavi ul li{
	float: left;
	font-weight: bold;
	font-size: 16px;
}

div.tideNavi ul li a{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	display: block;
	height: 37px;
	text-decoration: none;
}

div.tideNavi ul.tide li.tide{
	background: url(../../img/tide/tide_on.gif) no-repeat left top;
	text-indent: 64px;
}

div.tideNavi ul.tide li.explosion{
	background: url(../../img/tide/explosion_off.gif) no-repeat left top;
	text-indent: 52px;
}

div.tideNavi ul.explosion li.tide{
	background: url(../../img/tide/tide_off.gif) no-repeat left top;
	text-indent: 64px;
}

div.tideNavi ul.explosion li.explosion{
	background: url(../../img/tide/explosion_on.gif) no-repeat left top;
	text-indent: 52px;
}

div.tideNavi ul li.tide{
	width: 161px;
}

div.tideNavi ul li.explosion{
	width: 159px;
}

div.tideNavi ul li.tide a{
	color: #ffffff;
}

div.tideNavi ul li.explosion a{
	color: #503100;
}

div.graphBox{
	margin: 0px 0px 20px 0px;
}


div.graphBox p.text{
	font-size: 12px;
	text-align: right;
	margin-right:5px;
}

div.graphBox p.text span{
	padding-left: 15px;
	background: url(../../img/tide/graph01.gif) no-repeat 0px 2px;
}

div.graphBox div.box{
	
}

div.graphBox div.box p.boxL{
	width: 28px;
	float: left;
}



div.graphBox div.box ul.boxR{
	width: 292px;
	height:180px;
	float: right;
	background: url(../../img/tide/graph_bg.gif) no-repeat left top;
	position:relative;
}

div.graphBox div.box ul.boxR li{
}

div.graphBox div.box ul.boxR li:nth-child(1){
	position:absolute;
	top:0;
	left:0px;
}

div.graphBox div.box ul.boxR li:nth-child(2){
	position:absolute;
	top:0;
	left:12px;
}

div.graphBox div.box ul.boxR li:nth-child(3){
	position:absolute;
	top:0;
	left:24px;
}

div.graphBox div.box ul.boxR li:nth-child(4){
	position:absolute;
	top:0;
	left:36px;
}

div.graphBox div.box ul.boxR li:nth-child(5){
	position:absolute;
	top:0;
	left:48px;
}

div.graphBox div.box ul.boxR li:nth-child(6){
	position:absolute;
	top:0;
	left:60px;
}

div.graphBox div.box ul.boxR li:nth-child(7){
	position:absolute;
	top:0;
	left:72px;
}

div.graphBox div.box ul.boxR li:nth-child(8){
	position:absolute;
	top:0;
	left:84px;
}

div.graphBox div.box ul.boxR li:nth-child(9){
	position:absolute;
	top:0;
	left:96px;
}

div.graphBox div.box ul.boxR li:nth-child(10){
	position:absolute;
	top:0;
	left:108px;
}

div.graphBox div.box ul.boxR li:nth-child(11){
	position:absolute;
	top:0;
	left:120px;
}

div.graphBox div.box ul.boxR li:nth-child(12){
	position:absolute;
	top:0;
	left:132px;
}

div.graphBox div.box ul.boxR li:nth-child(13){
	position:absolute;
	top:0;
	left:144px;
}

div.graphBox div.box ul.boxR li:nth-child(14){
	position:absolute;
	top:0;
	left:156px;
}

div.graphBox div.box ul.boxR li:nth-child(15){
	position:absolute;
	top:0;
	left:168px;
}

div.graphBox div.box ul.boxR li:nth-child(16){
	position:absolute;
	top:0;
	left:180px;
}

div.graphBox div.box ul.boxR li:nth-child(17){
	position:absolute;
	top:0;
	left:192px;
}

div.graphBox div.box ul.boxR li:nth-child(18){
	position:absolute;
	top:0;
	left:204px;
}

div.graphBox div.box ul.boxR li:nth-child(19){
	position:absolute;
	top:0;
	left:216px;
}

div.graphBox div.box ul.boxR li:nth-child(20){
	position:absolute;
	top:0;
	left:228px;
}

div.graphBox div.box ul.boxR li:nth-child(21){
	position:absolute;
	top:0;
	left:240px;
}

div.graphBox div.box ul.boxR li:nth-child(22){
	position:absolute;
	top:0;
	left:252px;
}

div.graphBox div.box ul.boxR li:nth-child(23){
	position:absolute;
	top:0;
	left:264px;
}

div.graphBox div.box ul.boxR li:nth-child(24){
	position:absolute;
	top:0;
	left:276px;
}

div.graphBox p.time{
	margin: 0px 5px 0px 0px;
	text-align: right;
}



div.graphBox div.box ul.boxR2{
	width: 303px;
	height:180px;
	float: right;
	background: url(../../img/tide/graph_bg.gif) no-repeat left top;
	position:relative;
}

div.graphBox div.box ul.boxR2 li{
}

div.graphBox div.box ul.boxR2 li:nth-child(1){
	position:absolute;
	top:0;
	left:0px;
}

div.graphBox div.box ul.boxR2 li:nth-child(2){
	position:absolute;
	top:0;
	left:12px;
}

div.graphBox div.box ul.boxR2 li:nth-child(3){
	position:absolute;
	top:0;
	left:24px;
}

div.graphBox div.box ul.boxR2 li:nth-child(4){
	position:absolute;
	top:0;
	left:36px;
}

div.graphBox div.box ul.boxR2 li:nth-child(5){
	position:absolute;
	top:0;
	left:48px;
}

div.graphBox div.box ul.boxR2 li:nth-child(6){
	position:absolute;
	top:0;
	left:60px;
}

div.graphBox div.box ul.boxR2 li:nth-child(7){
	position:absolute;
	top:0;
	left:72px;
}

div.graphBox div.box ul.boxR2 li:nth-child(8){
	position:absolute;
	top:0;
	left:84px;
}

div.graphBox div.box ul.boxR2 li:nth-child(9){
	position:absolute;
	top:0;
	left:96px;
}

div.graphBox div.box ul.boxR2 li:nth-child(10){
	position:absolute;
	top:0;
	left:108px;
}

div.graphBox div.box ul.boxR2 li:nth-child(11){
	position:absolute;
	top:0;
	left:120px;
}

div.graphBox div.box ul.boxR2 li:nth-child(12){
	position:absolute;
	top:0;
	left:132px;
}

div.graphBox div.box ul.boxR2 li:nth-child(13){
	position:absolute;
	top:0;
	left:144px;
}

div.graphBox div.box ul.boxR2 li:nth-child(14){
	position:absolute;
	top:0;
	left:156px;
}

div.graphBox div.box ul.boxR2 li:nth-child(15){
	position:absolute;
	top:0;
	left:168px;
}

div.graphBox div.box ul.boxR2 li:nth-child(16){
	position:absolute;
	top:0;
	left:180px;
}

div.graphBox div.box ul.boxR2 li:nth-child(17){
	position:absolute;
	top:0;
	left:192px;
}

div.graphBox div.box ul.boxR2 li:nth-child(18){
	position:absolute;
	top:0;
	left:204px;
}

div.graphBox div.box ul.boxR2 li:nth-child(19){
	position:absolute;
	top:0;
	left:216px;
}

div.graphBox div.box ul.boxR2 li:nth-child(20){
	position:absolute;
	top:0;
	left:228px;
}

div.graphBox div.box ul.boxR2 li:nth-child(21){
	position:absolute;
	top:0;
	left:240px;
}

div.graphBox div.box ul.boxR2 li:nth-child(22){
	position:absolute;
	top:0;
	left:252px;
}

div.graphBox div.box ul.boxR2 li:nth-child(23){
	position:absolute;
	top:0;
	left:264px;
}

div.graphBox div.box ul.boxR2 li:nth-child(24){
	position:absolute;
	top:0;
	left:276px;
}

div.graphBox p.time2{
	margin: 0px 16px 0px 0px;
	text-align: right;
}




div.tideBox div.slideBlock{
	margin:0 0 20px 0;
}

div.tideBox div.slideBlock h2.trigger{
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
  from(#ffffff),
	color-stop(0.98, #E4E4E4), 
  color-stop(0.99, #FFFFFF), 
	to(#FFFFFF)
  );
}

div.tideBox div.slideBlock table{
	width: 320px;
}

div.tideBox div.slideBlock table td{
	padding: 5px 0px 5px 0px;
	width: 159px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
	background: url(../../img/cmn/arrow_r.png) no-repeat 146px 45%;
}



div.tideBox div.slideBlock table tr td:nth-child(2n) {
	border-right: none;
}


div.tideBox div.explosionBox{
	margin: 0px 0px 20px 10px;
	padding: 10px 0px 10px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 2px #ffb400;
	background-color: #fffcfc;
	width: 300px;	
}

div.tideBox div.explosionBox p{
	margin: 0px 15px 0px 15px;
	font-size: 12px;
}

div.tideBox p.pointWeather{
	margin: 0px 0px 10px 0px;
	text-align: center;
}

div.tideBox p.pointRaincloud{
	margin: 0px 0px 20px 0px;
	text-align: center;
}


div.tideBox p.bnrTidegraph{
	margin: 0px 0px 20px 0px;
	text-align: center;
	display:none;
}


div.faqBox{
	border-top: solid 1px #cccccc;
}


h3.faq{
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
	background-color: #d7eefc;
	color: #045eae;
	font-size: 16px;
}



div.faqBox h2.trigger{
	padding: 10px 20px 10px 40px;
	
	font-size: 14px;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
	color-stop(0.98, #f5f5f5), 
    color-stop(0.99, #cccccc), 
	to(#cccccc)
  );
}



div.faqBox div.slideBlock h2 span.q{
	width: 22px;
	height: 22px;
	background: url(../../img/faq/arrow_q.gif) no-repeat 0px 0px;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
}

div.faqBox div.slideBlock div.block{
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 40px;
	background: url(../../img/faq/arrow_a.gif) no-repeat 10px 10px;
	border-bottom:#CCCCCC 1px solid;
}

div.faqBox div.slideBlock div.block p{
	margin: 0px 0px 10px 0px;
}

div.faqBox div.slideBlock div.block p a{
	color: #045eae;
}

div.faqBox div.slideBlock div.block p span.point{
	color: #e50000;
}

div.faqBox div.slideBlock div.block p span.pointB{
	color: #e50000;
	font-weight: bold;
}

div.faqBox div.slideBlock div.block p span.bold{
	font-weight: bold;
}


div.inquiryBox{
	margin:0 0 20px 0;
	
}

div.inquiryBox p.text{
	margin: 0px 10px 10px 10px;
	padding: 10px 0px 0px 0px;
}

div.inquiryBox p.subtext{
	margin: 0 10px 10px 10px;
}


div.inquiryBox p.btnFaq{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	background: url(../../img/inquiry/btn_faq_bg.gif) no-repeat 10px 0px;
	background-size:302px 100%;
	font-weight: bold;
	text-indent: 128px;
}

div.inquiryBox p.btnFaq a{
	text-decoration: none;
	display: block;
}




/*------------------------------------------
	年末年始対応
------------------------------------------*/

div.inquiryBox div.alart {
	background:#ffd9d9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding:10px 13px 11px;
	margin:13px 10px 17px;
}

div.inquiryBox div.alart p.title {
	color:#e50000;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0;
}

div.inquiryBox div.alart p.txt {
	font-size:12px;
	margin:0;
	padding:0;
}






div.inquiryBox p.blue{
	margin: 0px 0px 20px 10px;
	background: url(../../img/guide/btn_guide_top_bg.gif) no-repeat 0px 0px;
	width: 302px;
	text-indent: 77px;
	font-size: 16px;
	font-weight: bold;
}


div.inquiryBox p.blue a{
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	color: #ffffff;
	display: block;
}





div.inquiryBox h3.attention{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 32px;
	background: url(../../img/inquiry/h3_attention.gif) no-repeat left top;
	background-size:320px 100%;
}


div.inquiryBox div.attentionBox{
	margin: 0px 0px 20px 0px;
}


div.inquiryBox div.attentionBox ul{
	
}

div.inquiryBox div.attentionBox ul li{
	margin: 0px 0px 0px 0px;
	padding: 12px 5px 6px 34px;
	border-bottom: solid 1px #cccccc;
}

div.inquiryBox div.attentionBox ul li span{
	color: #e50000;
}

div.inquiryBox div.attentionBox ul li.no01{
	background: url(../../img/inquiry/attention01.gif) no-repeat 10px 12px;
}

div.inquiryBox div.attentionBox ul li.no02{
	background: url(../../img/inquiry/attention02.gif) no-repeat 10px 12px;
}

div.inquiryBox div.attentionBox ul li.no03{
	background: url(../../img/inquiry/attention03.gif) no-repeat 10px 12px;
}

div.inquiryBox div.attentionBox ul li.no04{
	background: url(../../img/inquiry/attention04.gif) no-repeat 10px 12px;
}

div.inquiryBox h3.inquiry{
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	color: #045EAE;
}


div.inquiryBox div.formBox{
	margin: 0px 0px 10px 10px;
	padding: 10px 0px 10px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 2px #d6d387;
	background-color: #fffee0;
	width: 300px;
}

div.inquiryBox div.formBox table{
	margin: 0px 0px 0px 10px;
	width: 278px;
}


div.inquiryBox div.formBox table td{
	padding: 5px 0px 5px 0px;
	border-bottom: solid 1px #d6d387;
}

div.inquiryBox div.formBox table td:nth-last-child(1){
	border-bottom: none;
}

div.inquiryBox div.formBox table td span{
	color: #045eae;
	font-weight: bold;
}
div.inquiryBox div.formBox table td span.required{
	color: #e50000;
	font-weight: normal;
}

div.inquiryBox div.formBox table td input{
	width: 268px;
}


div.inquiryBox div.formBox table td textarea{
	width: 268px;
	height: 80px;
}

div.inquiryBox div.submit{
	margin: 0px 0px 30px 0px;
}


div.inquiryBox div.submit input{
	margin: 0px 0px 0px 10px;
	background: url(../../img/inquiry/btn_submit.gif) no-repeat left top;
	border: none;
	width: 302px;
	height: 40px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}


div.inquiryBox  div.permissionBox{
	margin: 0px 0px 15px 0px;
}


div.inquiryBox  div.permissionBox h3{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	background-color: #f5e50b;
}

div.inquiryBox  div.permissionBox p.text{
	margin: 0px 10px 10px 10px;
	padding: 0px;
}



/*div.inquiryBox div.permissionBox p.url{
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 20px 20px;
	padding: 5px 0px 5px 0px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	text-align: center;
	width: 280px;
	
}*/



div.inquiryBox div.aboutBox{
	margin: 0px 0px 20px 0px;
}

div.inquiryBox div.aboutBox h3{
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 10px;
	background: url(../../img/inquiry/h3_inquiry.gif) repeat-x left top;
	background-size:320px 100%;
}

div.inquiryBox div.aboutBox ul{
	
}

div.inquiryBox div.aboutBox ul li{
	margin: 0px 0px 0px 0px;
	padding: 12px 5px 0px 34px;
	border-bottom: solid 1px #cccccc;
}

div.inquiryBox div.aboutBox ul li span{
	color: #e50000;
}

div.inquiryBox div.aboutBox ul li.no01{
	background: url(../../img/inquiry/about01.gif) no-repeat 10px 12px;
}

div.inquiryBox div.aboutBox ul li.no02{
	background: url(../../img/inquiry/about02.gif) no-repeat 10px 12px;
}

div.inquiryBox div.aboutBox ul li.no03{
	background: url(../../img/inquiry/about03.gif) no-repeat 10px 12px;
}

div.inquiryBox div.aboutBox ul li.no04{
	background: url(../../img/inquiry/about04.gif) no-repeat 10px 12px;
}

div.inquiryBox div.aboutBox ul li.no05{
	background: url(../../img/inquiry/about05.gif) no-repeat 10px 12px;
}


div.inquiryBox div.aboutBox table{
	width: 320px;
}

div.inquiryBox div.aboutBox table td{
	padding: 5px 0px 5px 10px;
	border-bottom: solid 1px #cccccc;
}

div.inquiryBox div.aboutBox table td.tel,
div.inquiryBox div.aboutBox table td.mail{
	width: 255px;
}

div.inquiryBox div.aboutBox table td span{
	color: #045eae;
	font-weight: bold;
}

div.inquiryBox div.aboutBox p.company{
	padding: 5px 0px 5px 10px;
	border-bottom: solid 1px #cccccc;
}

div.inquiryBox div.aboutBox p span{
	color: #045eae;
	font-weight: bold;
}






div.inquiryBox div.formBox table.table{
	
}

div.inquiryBox div.formBox table.table th{
	width: 100px;
	color: #045eae;
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #d6d387;
}


div.inquiryBox div.formBox table.table td{
	word-break:break-all;
	border-bottom: solid 1px #d6d387;
}


div.inquiryBox div.formBox table td.cell_submit input{
	width: auto;
}

div.inquiryBox div.formBox table td.cell_submit{
	border:none;
}

div.inquiryBox div#form{
	padding-bottom: 20px;
}





div.inquiryBox div#form div.buttonset,
div.inquiryBox div#form div.button2set {
	padding:0 32px 0;
}

div.inquiryBox div#form div.buttonset p.center {
	width: 120px;
	font-weight: bold;
	margin:0 auto;
}

div.inquiryBox div#form div.button2set p.left {
	width: 120px;
	float: left;
	display: inline;
	font-weight: bold;
}

div.inquiryBox div#form div.button2set p.right {
	width: 120px;
	float: right;
	display: inline;
	font-weight: bold;
}

div.inquiryBox div#form div.buttonset p a,
div.inquiryBox div#form div.button2set p a {
	text-align:center;
	padding:4px 5px;
	text-decoration: none;
	display: block;
	border:1px solid #bfbfbf;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(229, 229, 229)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(229, 229, 229) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(229, 229, 229) 100%);
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}




div.inquiryBox div.formBox div.button2set {
	padding:15px 8px 5px;
}


div.inquiryBox div.formBox div.button2set p.left {
	width: 120px;
	float: left;
	display: inline;
	font-weight: bold;
}

div.inquiryBox div.formBox div.button2set p.right {
	width: 120px;
	float: right;
	display: inline;
	font-weight: bold;
}

div.inquiryBox div.formBox div.button2set p a {
	text-align:center;
	padding:4px 5px;
	text-decoration: none;
	display: block;
	border:1px solid #bfbfbf;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(229, 229, 229)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(229, 229, 229) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(229, 229, 229) 100%);
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}




div.informationBox{
	padding: 10px 0px 0px 0px;
}



div.informationBox p.text{
	margin: 0px 10px 20px 10px;
}

div.informationBox p.os{
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 20px 10px;
	padding: 9px 0px 9px 0px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	text-align: center;
	width: 300px;
	color: #e50000;
}


h1.unsupported{
	padding: 10px 0px 1px 10px;
	font-size: 20px;
	color: #045eae;
	font-weight: bold;
	border-bottom: solid 3px #045eae;
}




div.informationBox p.btnRelease{
	margin: 0px 0px 10px 0px;
	padding: 7px 0px 7px 93px;
	background: url(../../img/information/btn_release.gif) no-repeat 10px 0px;
	font-size: 16px;
	font-weight: bold;
}


div.informationBox h3{
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 10px;
	background: url(../../img/inquiry/h3_inquiry.gif) repeat-x left top;
}

div.informationBox h3.title_ptn2{
	margin: 0px 0px 6px 0px;
	padding: 6px 10px 6px;
	background:#2780CD;
	color:#ffffff;
	line-height:1.2;
}


div.informationBox ul li{
	margin:0 10px 12px;
	padding:0 0 0 12px;
	background: url(../../img/cmn/list_icon.gif) no-repeat 0 8px;
}

div.informationBox a:link,
div.informationBox a:visited,
div.informationBox a:hover{
	color:#045eae;
}


div.informationBox p.external{
	margin: 0px 0px 3px 10px;
	color: #e50000;
	font-weight: bold;
	font-size: 16px;

}


div.informationBox p.btnInformation{
	margin: 0px 0px 20px 0px;
	padding: 7px 0px 7px 0px;
	background: url(../../img/information/btn_information_bg.gif) no-repeat 10px 0px;
	font-weight: bold;
	font-size: 16px;
	text-indent: 118px;
}


div.informationBox p.btnInformation a{
	text-decoration: none;
	color: #ffffff;
	display: block;
}



div.informationBox div.attention{
	
}

div.informationBox div.attention h3{
	background-color: #f5e50b;
	background-image: none;
	fon-size: 14px;
}



div.chokaDetailBox p.titlefavorite{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 6px 0px;
	text-indent: 40px;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/favorite/title_favorite.gif) no-repeat left top;
}




div.favoriteNavi{
	margin: 0px 0px 10px 0px;
	background: url(../../img/favorite/favoritenavi_bg.gif) repeat-x left top;
}

div.favoriteNavi ul{
	padding-top: 0px;
}

div.favoriteNavi ul li{
	float: left;
	width: 160px;
	font-weight: bold;
	font-size: 14px;
}

div.favoriteNavi ul li a{
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
	display: block;
	width: 160px;
	height: 34px;
	text-decoration: none;
	color: #665000;
}

div.favoriteNavi ul.facility li.facility{
	background: url(../../img/favorite/favoritenavi_facility_on.gif) no-repeat left 8px;
	text-indent: 32px;
}
div.favoriteNavi ul.facility li.fish{
	background: url(../../img/favorite/favoritenavi_fish.gif) no-repeat right 8px;
	text-indent: 73px;
}




div.favoriteNavi ul.facility li.facility a{
	color: #ffffff;
}



div.favoriteNavi ul.fish li.facility{
	background: url(../../img/favorite/favoritenavi_facility.gif) no-repeat left 8px;
	text-indent: 32px;
}

div.favoriteNavi ul.fish li.fish{
	background: url(../../img/favorite/favoritenavi_fish_on.gif) no-repeat right 8px;
	text-indent: 73px;
}


div.favoriteNavi ul.fish li.fish a{
	color: #ffffff;
}




div.favoriteBox{
	margin: 0px 0px 10px 0px;
	padding-bottom: 18px;
	background: url(../../img/template/box_bg.gif) repeat-x left bottom;
}




div.favoriteBox p.text{
	margin-left: 20px;
	font-size: 12px;
}


div.favoriteBox p.delete{
	margin: 0px 10px 0px 0px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
}

div.favoriteBox p.delete a{
	padding: 3px 0px 3px 20px;
	text-decoration: none;
	color: #e50000;
	background: url(../../img/favorite/arrow_delete.gif) no-repeat 0px 2px;
}


div.favoriteNaviBtn{
	
}

div.favoriteNaviBtn ul{
	margin: 0px 10px 10px 10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
	color-stop(0.98, #f5f5f5), 
    color-stop(0.99, #cccccc), 
	to(#cccccc)
  );
}

div.favoriteNaviBtn ul li{
	float: left;
	display: inline;
	border-right: solid 1px #cccccc;
	text-indent: 30px;
	width: 107px;
	font-weight: bold;
	background: url(../../img/favorite/arrow_favorite.gif) no-repeat 17px 13px;
}

div.favoriteNaviBtn ul li.fish{
	border-right:none;
	width: 65px;
}

div.favoriteNaviBtn ul li.plan{
	width: 117px;
}

div.favoriteNaviBtn ul li.plan a{
	color: #2d7003;
}

div.favoriteNaviBtn ul li a{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	display: block;
	text-decoration: none;
}


div.favoriteNaviBtn ul li.detail2{
	width: 145px;
	text-indent: 49px;
	background: url(../../img/favorite/arrow_favorite.gif) no-repeat 40px 13px;
}


div.favoriteNaviBtn ul li.fish2{
	border-right:none;
	width: 145px;
	text-indent: 65px;
	background: url(../../img/favorite/arrow_favorite.gif) no-repeat 56px 13px;
}




/* giftBox */
div.giftBox div.lists{
	margin: 0px 0px 12px 0px;
}

div.giftBox div.giftImg{
	position: relative;
	border-bottom:#CCCCCC 1px solid;
}

div.giftBox div.giftImg p.giftNumber{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	/*background: url(../../img/gift/gift_number.gif) no-repeat left top;*/
	text-align: center;
	width: 100px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 170px;
	left: 109px;
}

div.giftBox p.giftText{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #045eae;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

div.giftBox p.btnGift{
	margin: 0px 0px 10px 0px;
	padding: 7px 0px 7px 0px;
	text-indent: 55px;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/gift/btn_gift_bg.gif) no-repeat 10px 0px;
}

div.giftBox div.itemName{
	margin: 0px 0px 15px 0px;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
  from(#ffffff),
	color-stop(0.98, #E9E9E9), 
  color-stop(0.99, #FFFFFF), 
	to(#FFFFFF)
  );
}

div.giftBox div.itemName p{
	border-left:#BF9024 4px solid;
	padding:0 0 0 5px;
}

div.giftBox p.item{
	margin: 0px 0px 10px 20px;
}

div.giftBox p.point{
	margin: 0px 0px 0 0px;
	padding: 8px 0px 8px 0px;
	text-align: center;
}

div.giftBox p.point span{
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 30px;
	color: #b27d00;
	font-weight: bold;
	font-size: 18px;
	background: url(../../img/gift/icon_point.gif) no-repeat 0px 5px;
}

div.giftBox p.text{
	margin: 0px 10px 0 10px;
}

div.giftBox div.paging{
	margin: 0px 0px 15px 0px;
	height: 50px;
	position: relative;
}

div.giftBox div.paging p{
	padding: 6px 0px 7px 0px;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	width: 101px;
}

div.giftBox div.paging p.prev{
	left: 10px;
	top: 5px;
	text-indent: 24px;
	background: url(../../img/gift/item/prev.gif) no-repeat 0px 0px;
	background-size:101px 100%;
}

div.giftBox div.paging p.next{
	right: 10px;
	top: 5px;
	text-indent: 13px;
	background: url(../../img/gift/item/next.gif) no-repeat 0px 0px;
	background-size:101px 100%;
}

div.giftBox div.paging p a{
	text-decoration: none;
	display: block;
}


div.giftBox div.giftPc{
	margin: 5px 0px 10px 0px;
	padding: 0 0px 10px 0px;
	line-height:1.2;
}

div.giftBox div.giftPc p.boxL{
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	float: left;
	display: inline;
	color: #045eae;
	font-weight: bold;
}

div.giftBox div.giftPc p.boxR{
	padding: 20px 0px 15px 0px;
	width: 144px;
	float: right;
	display: inline;
	text-indent: 37px;
	font-weight: bold;
	background: url(../../img/gift/item/btn_gift_pc.gif) no-repeat 0px 12px;
}

div.giftBox div.giftPc p{
	color: #b48517;
	text-align: center;
	font-weight: bold;
}

div.giftBox div.giftPc p.boxR a{
	text-decoration: none;
	display: block;
}


div.giftBox div.slideBlock h2 span.arrow{
	background: url(../../img/gift/arrow_gift1.gif) no-repeat 0px 0px;
}

div.giftBox div.slideBlock h2.active span.arrow{
	background: url(../../img/gift/arrow_gift2.gif) no-repeat 0px 0px;
}

div.giftBox div.listBox div.block ul li span.arrow{
	background: url(../../img/gift/arrow_gift_list.gif) no-repeat 0px 0px;
}

div.giftBox div.lists div.block ul li {
}

div.giftBox div.lists div.block ul li:after{
 content: '';
 display: block;
 clear: both;
}

div.giftBox div.lists div.block ul li a { 
	padding-left:5px;
	width: 315px;
	display:block;
}

div.giftBox div.lists div.block ul li p.img {
	width:86px;
	border:#C5982E 2px solid;
	padding:5px;
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

div.giftBox div.lists div.block ul li p.txt {
	float:left;
	display:inline;
	width:185px;
	color:#B48517;
	line-height:1.2;	
}


div.giftBox p.btnPointGift{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}


div.giftBox div.giftnav {
	margin:15px 0 0 10px; 
}

div.giftBox div.giftnav p.btnList {
	float:left;
	display:inline;
	margin:0 11px 0 0;
}

div.giftBox div.giftnav p.btnCart {
	float:left;
	display:inline;
}

div.giftBox p.list_btnCart {
	text-align:center;
	margin:0 0 12px 0;
}


div.giftDetail{
	margin: 12px 0px 10px 10px;
	padding: 0px 0px 15px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 2px #BF9314;
	width: 296px;
}

div.giftDetail p.text{
	padding:0 0 10px 0;
}

div.giftDetail p.number,
div.giftDetail p.select{
	text-align:center;
	padding:0 0 10px 0;
}

div.giftDetail p.number input{
	width:60px;
}

div.giftDetail p.keep{
	text-align:center;
	font-weight:bold;
	background:#fff4c9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #cccccc;
	padding:4px 0;
	margin:0 13px 10px;
}

div.giftDetail p.keep span{
	background:none;
	font-size:14px;
	color:#ff7600;
	padding:0;
	margin:0 12px 0 0;
}



/*------------------------------------------
	giftBox 共通
------------------------------------------*/
div.giftBox div.flow ul{
	background:url(../../img/gift/bg_flow01.gif) no-repeat left top;
	height:54px;
	position:relative;
	margin:0 0 15px 0;
}

div.giftBox div.flow ul li{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

div.giftBox div.flow ul li.flow01{
	position:absolute;
	top:2px;
	left:7px;
}

div.giftBox div.flow ul li.flow02{
	position:absolute;
	top:2px;
	left:118px;
}
div.giftBox div.flow ul li.flow02 .flow02_small{
	display: inline-block;
	transform: scale(0.95) translateX(-4px);
	transform-origin: left center;
}

div.giftBox div.flow ul li.flow03{
	position:absolute;
	top:32px;
	left:34px;
}

div.giftBox div.flow ul li.flow04{
	position:absolute;
	top:32px;
	left:136px;
}

div.giftBox div.info ul{
	background:#fffee0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 2px #d6d387;
	padding:0;
	margin:0 10px 15px;
	overflow:hidden;
	zoom:1;
}

div.giftBox div.info ul li{
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	padding:11px 0;
	margin:0 8px -1px;
	border-bottom:1px solid #d6d387;
}

div.giftBox div.info ul li span{
	display:block;
	color:#2d7003;
}

div.giftBox div.info p{
	text-align:center;
	padding:0;
	margin:0 0 5px 0;
}

div.giftBox dl.confirm{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #cccccc;
	padding:11px 0 10px 10px;
	margin:0 10px 10px;
	position:relative;
}

div.giftBox dl.confirm dt{
	font-size:16px;
	font-weight:bold;
	color:#b26b00;
	line-height:1;
	border-left:4px solid#b66f00;
	padding:0 14px 0 4px;
	margin:0 0 8px 0;
}

div.giftBox dl.confirm a{
	position:absolute;
	bottom:8px;
	right:8px;
	padding:0;
}

div.giftBox dl.confirm table{
	font-weight:bold;
	line-height:1.2;
	border-collapse:collapse;
}

div.giftBox dl.confirm table th,
div.giftBox dl.total table th{
	text-align:left;
}

div.giftBox dl.confirm table td,
div.giftBox dl.total table td{
	padding:0 0 0 6px;
}

div.giftBox table th.number,
div.giftBox table td.number{
	color:#0a92ab;
	padding-bottom:3px;
}

div.giftBox table th.exchange,
div.giftBox table td.exchange{
	color:#2c9b32;
	border-top:1px solid #cccccc;
	padding-top:3px;
}

div.giftBox dl.total{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #cccccc;
	padding:0 0 2px 0;
	margin:0 10px 10px;
	position:relative;
}

div.giftBox dl.total dt{
	font-size:14px;
	font-weight:bold;
	background:#cccccc;
	padding:2px 0 2px 10px;
	margin:0 0 10px 0;
}

div.giftBox dl.total table{
	font-weight:bold;
	line-height:1.2;
	border-collapse:collapse;
	margin:0 0 8px 10px;
}

div.giftBox dl.total a{
	position:absolute;
	top:38px;
	right:8px;
}

div.giftBox dl.total p.error{
	position:static;
	color:#e50000;
	font-weight:bold;
	background:#ffd9d9 url(../../img/gift/icon_error.gif) no-repeat 7px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding:2px 0 2px 24px;
	margin:0 10px 8px;
}

div.giftBox div.btn{
	text-align:center;
}

div.giftBox div.btn input{
	margin:0 0 5px 0;
}

div.giftBox div.entry div.btn p,
div.giftBox div.delivery div.btn p,
div.giftBox div.input div.btn p,
div.giftBox div.end div.btn p{
	padding:0;
	margin:0 0 10px 0;
}



/*------------------------------------------
	giftBox S-3
------------------------------------------*/
div.giftBox div.entry{
	padding:16px 0 15px 0;
}

div.giftBox div.entry div.flow ul{
	background:url(../../img/gift/bg_flow01.gif) no-repeat left top;
}

div.giftBox div.entry h2{
	font-size:16px;
	font-weight:bold;
	background:url(../../img/gift/bg_h2.gif) repeat-x;
	padding:5px 0 6px 11px;
	margin:0 0 12px 0;
}

div.giftBox div.entry p{
	padding:0 10px 12px;
}

div.giftBox div.entry p.point{
	font-weight:bold;
	background:#fff4c9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #cccccc;
	padding:4px 0;
	margin:0 10px 10px;
}

div.giftBox div.entry p.point span{
	background:none;
	font-size:14px;
	color:#ff7600;
	padding:0;
	margin:0 12px 0 0;
}

div.giftBox div.entry p.remainder{
	text-align:center;
	font-weight:bold;
	background:#ecffc9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #cccccc;
	padding:4px 0;
	margin:0 10px 20px;
}

div.giftBox div.entry p.remainder span{
	background:none;
	font-size:14px;
	color:#045eae;
	padding:0;
	margin:0 12px 0 0;
}



/*------------------------------------------
	giftBox S-4
------------------------------------------*/
div.giftBox div.delivery{
	padding:16px 0 15px 0;
}

div.giftBox div.delivery div.flow ul{
	background:url(../../img/gift/bg_flow02.gif) no-repeat left top;
}

div.giftBox div.delivery h2{
	font-size:16px;
	font-weight:bold;
	background:url(../../img/gift/bg_h2.gif) repeat-x;
	background-size:320px 100%;
	padding:5px 0 6px 11px;
	margin:0 0 12px 0;
}

div.giftBox div.delivery h3{
	font-size:16px;
	font-weight:bold;
	color:#b36b00;
	padding:0 0 2px 10px;
}

div.giftBox div.delivery p{
	padding:0 10px 12px;
}

div.giftBox div.delivery p.note{
	color:#e16200;
	font-weight:bold;
	line-height:1.4;
	padding:0 10px 20px;
}

div.giftBox div.delivery div.caution{
	margin:0 0 16px 0;
}


div.giftBox div.delivery div.caution ul li,
div.giftBox div.delivery div.about ul li{
	font-size:14px;
	padding:10px 10px 12px 35px;
	border-bottom:1px solid #cccccc;
}

div.giftBox div.delivery div.caution ul li span{
	color:#e50000;
}

div.giftBox div.delivery div.caution ul li a:link,
div.giftBox div.delivery div.caution ul li a:visited,
div.giftBox div.delivery div.caution ul li a:hover{
	color:#045eae;
}

div.giftBox div.delivery div.caution ul li.caution01{
	background:url(../../img/gift/icon_01_caution.gif) no-repeat 10px 13px;
}

div.giftBox div.delivery div.caution ul li.caution02{
	background:url(../../img/gift/icon_02_caution.gif) no-repeat 10px 13px;
}

div.giftBox div.delivery div.about h3{
	font-size:14px;
	color:#333333;
	background:url(../../img/gift/bg_h3.gif) repeat-x top;
	background-size:320px 100%;
	padding:4px 0 4px 10px;
	margin:0;
}

div.giftBox div.delivery div.about ul li.about01{
	background:url(../../img/gift/icon_01.gif) no-repeat 10px 13px;
}

div.giftBox div.delivery div.about ul li.about02{
	background:url(../../img/gift/icon_02.gif) no-repeat 10px 13px;
}

div.giftBox div.delivery div.about ul li.about03{
	background:url(../../img/gift/icon_03.gif) no-repeat 10px 13px;
}

div.giftBox div.delivery div.about ul li.about04{
	background:url(../../img/gift/icon_04.gif) no-repeat 10px 13px;
}

div.giftBox div.delivery div.about ul li.about05{
	background:url(../../img/gift/icon_05.gif) no-repeat 10px 13px;
	border:none;
}

div.giftBox div.delivery div.select{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background:#f56a00;
	margin:0 10px 8px;
	padding:0 0 8px 0;
}

div.giftBox div.delivery div.select h3{
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	padding:5px 0 5px 10px;
}

div.giftBox div.delivery div.select ul{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background:#ffffff;
	margin:0 8px;
}

div.giftBox div.delivery div.select ul li{
	font-size:18px;
	font-weight:bold;
	color:#e16200;
	border-bottom:1px solid #f56a00;
	padding:8px 0 8px 8px;
}

div.giftBox div.delivery div.select ul li label{
	cursor:pointer;
}

div.giftBox div.delivery div.new{
	background:#fffee0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 2px #d6d387;
	padding:0;
	margin:0 10px 20px;
}

div.giftBox div.delivery table{
	width:94%;
	margin:0 auto;
}

div.giftBox div.delivery table th{
	text-align:left;
	color:#2d7003;
	font-weight:bold;
	padding:10px 0 0 0;
}

div.giftBox div.delivery table th span{
	color:#e50000;
	font-weight:normal;
}

div.giftBox div.delivery table td{
	font-size:12px;
	border-bottom:1px solid #d6d387;
	padding:0 0 12px 0;
}

div.giftBox div.delivery table td.end{
	border:none;
}

div.giftBox div.delivery table input,
div.giftBox div.delivery table select{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #808080;
	-webkit-box-shadow:0 3px 5px 0px #e7e7e5 inset;
	-moz-box-shadow:0 3px 5px 0px #e7e7e5 inset;
	box-shadow:0 3px 5px 0px #e7e7e5 inset;
	padding:3px 3px 3px 1px;
}

div.giftBox div.delivery table input.form_size01{
	width:270px;
}

div.giftBox div.delivery table input.form_size02{
	width:100px;
}

div.giftBox div.delivery div.btn{
	margin:0 0 30px 0;
}


/*-------- エラー表示 --------*/
div.giftBox div.delivery div.errorBox{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #e64c4c;
	background:#fff0f0;
	font-size:14px;
	font-weight:bold;
	color:#e50000;
	margin:0 10px 20px;
	padding:0 0 10px 0;
}

div.giftBox div.delivery div.errorBox h3{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:#e64c4c;
	padding:4px 0;
}

div.giftBox div.delivery div.errorBox p{
	padding:8px 10px 0;
}

div.giftBox div.delivery div.errorBox ul{
	padding:8px 8px 0;
}

div.giftBox div.delivery div.errorBox p.addition{
	padding:8px 0 5px 0;
	text-align:center;
}

div.giftBox div.delivery p.error{
	font-size:14px;
	font-weight:bold;
	color:#e50000;
	padding:0 10px 4px;
	text-align:center;
}





/*------------------------------------------
	giftBox S-5
------------------------------------------*/
div.giftBox div.input{
	padding:16px 0 15px 0;
}

div.giftBox div.input div.flow ul{
	background:url(../../img/gift/bg_flow03.gif) no-repeat left top;
}

div.giftBox div.input h2{
	font-size:16px;
	font-weight:bold;
	background:url(../../img/gift/bg_h2.gif) repeat-x;
	padding:5px 0 6px 11px;
	margin:0 0 12px 0;
}

div.giftBox div.input h3{
	font-size:14px;
	font-weight:bold;
	color:#ff7600;
	padding:0 0 2px 12px;
}

div.giftBox div.input p{
	padding:0 10px 12px;
}

div.giftBox div.input p.point{
	font-weight:bold;
	background:#fff4c9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #cccccc;
	padding:4px 0;
	margin:0 10px 10px;
}

div.giftBox div.input p.point span{
	background:none;
	font-size:14px;
	color:#ff7600;
	padding:0;
	margin:0 12px 0 0;
}

div.giftBox div.input p.remainder{
	text-align:center;
	font-weight:bold;
	background:#ecffc9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border:solid 1px #cccccc;
	padding:4px 0;
	margin:0 10px 20px;
}

div.giftBox div.input p.remainder span{
	background:none;
	font-size:14px;
	color:#045eae;
	padding:0;
	margin:0 12px 0 0;
}



/*------------------------------------------
	giftBox S-6
------------------------------------------*/
div.giftBox div.end{
	padding:16px 0 15px 0;
}

div.giftBox div.end div.flow ul{
	background:url(../../img/gift/bg_flow04.gif) no-repeat left top;
}

div.giftBox div.end h2{
	font-size:16px;
	font-weight:bold;
	background:url(../../img/gift/bg_h2.gif) repeat-x;
	padding:5px 0 6px 11px;
	margin:0 0 12px 0;
}

div.giftBox div.end p{
	padding:0 10px 18px;
}

div.giftBox div.end p a:link,
div.giftBox div.end p a:visited,
div.giftBox div.end p a:hover{
	color:#045eae;
}




/*------------------------------------------
	年末年始対応
------------------------------------------*/

div.giftBox div.alart {
	background:#ffd9d9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding:10px 13px 11px;
	margin:0 10px 25px;
}

div.giftBox div.alart p.title {
	color:#e50000;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0;
}

div.giftBox div.alart p.txt {
	font-size:12px;
	margin:0;
	padding:0;
}


/*------------------------------------------
	追加対応
------------------------------------------*/
.giftBox_explain {
	margin: 0 0 20px;
}
.giftBox_explain_logo {
	text-align: center;
}
.giftBox_explain_logo img {
	width: 252px;
	height: auto;
}
.giftBox_explain_txt {
	text-align: center;
	font-size: 13px;
}
.giftBox_explain_link {
	text-align: center;
}
.giftBox_explain_link a {
	display: inline-block;
	color: #777;
	font-size: 13px;
	position: relative;
	padding-left: 0.8em;
	line-height: 1.2;
	text-decoration: underline;
}
.giftBox_explain_link a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 0.4em;
  height: 0.4em;
  border: solid 0.3em transparent;
  border-left: solid 0.4em #777;
	box-sizing: border-box;
}

.giftBox_form {
	background:#ECF7FF;
	border-radius: 8px;
	border:solid 2px #006FBC;
	padding: 14px 16px 18px;
	margin:0 10px 16px;
}
.giftBox_form dt {
	color: #006FBC;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 1.4;
}
.giftBox_form dt small {
	color: #e50000;
	font-weight: normal;
}
.giftBox_form label {
	font-size: 12px;
	font-weight: bold;
}
.giftBox_form label span {
	color: #e50000;
	font-weight: normal;
}
.giftBox_form_input {
	width: 100%;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #aaa;
	box-shadow: 0 3px 5px 0px #e7e7e5 inset;
	box-sizing: border-box;
	font-size: 15px;
}
.giftBox_form_txt {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.5;
}
.giftBox_form_txt em {
	font-style: normal;
	font-weight: bold;
	color: #e50000;
}
.giftBox_form_txt b {
	font-weight: bold;
}

.giftBox_form--caspay {
	border-color: #e50000;
	background: #ffedef;
	margin-bottom: 30px;
}
.giftBox_form--caspay dt {
	color: #e50000;
}

.casting_destitle {
  background-color:#3b3b3b;
  padding:10px 5px 7px;
  margin:0 10px 0;
  text-align:center;
  font-size:13px;
	color: #fff;
	line-height: 1.3;
}
.casting_desbox {
  margin:0 10px 30px;
  padding:15px 15px 0px;
  border:#3b3b3b 1px solid;
  border-top:none;
	background: #f0f0f0;
  text-align:center;
  line-height:1.4;
}
.casting_desbox p {
  padding:0 !important;
  margin:0 0 10px;
	line-height: 1.5 !important;
	font-size: 12px;
}
.casting_desbox p em {
  font-weight: bold;
  font-style:normal;
  color: #E50000;
}
.casting_desbox figure {
	margin:0 0 15px;
}
.casting_desbox figure img {
	width: 100%;
	height: auto;
}
.casting_desbox figcaption {
	font-size: 12px;
	font-weight: bold;
}





div.mymenuBox{
}

div.mymenuBox p.hText{
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	/*background: url(../../img/mymenu/h_text_bg.gif) repeat-x left top;*/	
}

div.mymenuBox p.hText span.point1{
	color: #2d7003;
}

div.mymenuBox p.hText span.point2{
	color: #e50000;
}


div.mymenuBox p.memo{
	margin: 0px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background-color: #f2f2f2;
}

div.mymenuBox div.listBox{
	margin: 0px 0px 25px 0px;
}


div.mymenuBox div.listBox ul{
	border-top: solid 1px #cccccc;
}

div.mymenuBox div.listBox ul li{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
	color-stop(0.98, #f5f5f5), 
    color-stop(0.99, #cccccc), 
	to(#cccccc)
  );
}


div.mymenuBox p.btnTry{
	margin: 0px 0px 15px 10px;
}


div.mymenuBox p.text{
	margin: 0px 10px 15px 10px;
}

div.mymenuBox p.textc{
	margin: 0px 10px 15px 10px;
}

div.mymenuBox p.textd{
	margin: 0px 10px 15px 10px;
	
}

div.mymenuBox p.textd span.point1{
	color: #2d7003;
}

div.mymenuBox p.textd span.point2{
	color: #e50000;
}

div.mymenuBox p.textc a{
	color: #045eae;
}

div.mymenuBox p.texte{
	margin: 0px 10px 15px 10px;
	padding-top: 15px;
	color: #045eae;
}


div.mymenuBox p.link{
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	text-indent: 80px;
	background: url(../../img/cmn/btn_link.gif) no-repeat 10px 0px;
	background-size:302px 100%;
	font-weight: bold;
}


div.mymenuBox p.link a{
	text-decoration: none;
	display: block;
}

div.mymenuBox p.linkbtn{
	margin: 0px 0px 25px 0px;
	text-align: center;
}


div.mymenuBox div.mymenuAttention h3{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	background: url(../../img/mymenu/h3_mymenu_attention.gif) no-repeat 0px 0px;
	color: #ffffff;
	text-indent: 31px;
	font-size: 14px;
}



div.mymenuBox div.addedBox{
	margin: 0px 0px 30px 10px;
}

div.mymenuBox div.addedBox dl{
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #2363c2;
	width: 300px;
}


div.mymenuBox div.addedBox dl dt{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 10px;
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#3681dc),
	to(#2463c2)
  );
}

div.mymenuBox div.addedBox dl dd{
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 30px;
	background: url(../../img/mymenu/arrow_add.gif) no-repeat 10px 0px;
	font-weight: bold;
}


div.mymenuBox div.questionaryBox {
	
}

div.mymenuBox div.questionaryBox div.box{
	margin: 0px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 2px #d6d387;
	background-color: #fffee0;
}

div.mymenuBox div.questionaryBox div.box ul{
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 9px 0px;
	border-bottom: solid 1px #d6d387;
}



div.mymenuBox div.questionaryBox div.box p.attention{
	text-align: right;
}

div.mymenuBox div.questionaryBox div.box textarea{
	width: 275px;
	height: 100px;
}

div.mymenuBox div.questionaryBox h3{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 30px;
	background:url(../../img/mymenu/tit_questionary.gif) no-repeat 0px 0px;
	background-size:320px 100%;
	font-size: 14px;
}


div.mymenuBox p.btnRelease{
	margin: 0px 0px 10px 10px;
}


div.mymenuBox p.thanks{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	color: #e50000;
	font-weight: bold;
	font-size: 16px;
}

div.mymenuBox p.releaseNote{
	margin: 0px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: solid 2px #e50000;
	background-color: #fff0f0;
	color: #e50000;
	font-weight: bold;
}


div.mymenuBox p.leadb{
	margin: 0px 10px 10px 10px;
	padding-top: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #045eae;
}

div.mymenuBox p.textb{
	margin: 0px 10px 10px 10px;
	font-weight: bold;
}

div.mymenuBox p.mg30{
	margin-bottom: 30px;
}

div.mymenuBox h3{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	text-indent: 10px;
	background: url(../../img/inquiry/h3_inquiry.gif) repeat-x left top;
}

div.mymenuBox p.blue{
	margin: 0px 0px 20px 10px;
	
	background: url(../../img/mymenu/btn_docomo.gif) no-repeat 0px 0px;
	width: 302px;
	text-indent: 27px;
	font-size: 18px;
	font-weight: bold;
}


div.mymenuBox p.blue a{
	padding: 12px 0px 12px 0px;
	text-decoration: none;
	color: #ffffff;
	display: block;
}


div.mymenuBox p.attention2{
	
	margin: 0px 10px 10px 10px;
	padding: 10px 0px 0px 0px;
	color: #e50000;
	font-size: 20px;
	font-weight: bold;
}


div#mymenuInfo {
	margin: 0px 0px 25px 0px;
}
div#mymenuInfo .mi-lead {
	margin: 0px 0px 25px 0px;
}
div#mymenuInfo .mi-lead p {
	margin: 0px 10px 15px 10px;
	font-weight: bold;
}
div#mymenuInfo .mi-lead .lead {
	margin: 0px 10px 10px 10px;
	padding-top: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #e50000;
}
div#mymenuInfo .mi-lead .attention {
	color: #2d7003;
	padding-top: 12px;
	border-top: solid 1px #cccccc;
}

div#mymenuInfo h2 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 12px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	background: url(../../img/media/title_media_bg.gif) repeat-x left top;
}

div#mymenuInfo p.link {
	margin: 0px 0px 12px 0px;
	padding: 10px 0px 10px 0px;
	background: url(../../img/cmn/btn_link.gif) no-repeat 10px 0px;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
}
div#mymenuInfo p#totop {
	background: url(../../img/information/btn_information_bg.gif) no-repeat 10px 0px;
}
div#mymenuInfo p#totop a {
	color: #FFF;
}


div.mymenuBox p.pic{
	margin: 0px 0px 15px 5px;
}

/* topics*/


div.topicsBox div.listBox div.block ul{
	border-top: solid 1px #cccccc;
}

div.topicsBox div.listBox div.block ul li{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
	color-stop(0.98, #f5f5f5), 
    color-stop(0.99, #cccccc), 
	to(#cccccc)
  );
}

div.topicsBox div.listBox div.block ul li span.new{
	background: url(../../img/column/arrow_new.gif) no-repeat left top;
	width: 60px;
	height: 24px;
	position: absolute;
	right: 25px;
	top: 35%;
	
}

div.topicsBox div.listBox div.block ul li span.date{
	font-size: 14px;
	color: #ff7600;
}

/* chokaNews */

div.chokaNews{
	margin: 0px 0px 0px 0px;
}

div.chokaNews p.title{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-indent: 75px;
	background: url(../../img/choka/title_new.gif) no-repeat left top;
	background-size:320px 100%;
}

div.chokaNews div.listBox{
	margin-bottom: 10px;
}

div.chokaNews div.listBox ul li{
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),  
    to(#f5f5f5)
  );
}

div.chokaNews div.listBox ul li div.box{
	
}

div.chokaNews div.listBox ul li div.box p.boxL{
	margin: 0px 0px 0px 0px;
	float: left;
	display: inline;
	width: 85px;
	height: 65px;
	overflow: hidden;
	text-align: center;
	
}

div.chokaNews div.listBox ul li div.box div.boxR{
	margin: 0px 0px 0px 0px;
	float: right;
	display: inline;
	width: 220px;
}



div.chokaNews div.listBox ul li p.date{
	margin: 0px 0px 0px 10px;
	color: #ff7600;
	font-size: 12px;
	font-weight: bold;
}


div.chokaNews div.listBox ul li p.date span.tide{
	margin: 0px 0px 0px 3px;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
	font-weight: normal;
	background-color: #0a92ab;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	color: #ffffff;
	white-space: nowrap;
	text-shadow: none;
	
	
}

div.chokaNews div.listBox ul li p.date span.time{
	margin: 0px 0px 0px 3px;
	padding: 1px 2px 1px 2px;
	font-size: 12px;
	font-weight: normal;
	background-color: #ff7600;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	color: #ffffff;
	white-space: nowrap;
	text-shadow: none;
	
}

div.chokaNews div.listBox ul li p.fish{
	margin: 0px 0px 0px 10px;
	font-size: 18px;
	font-weight: bold;
}

div.chokaNews div.listBox ul li p.fish span{
	margin: 0 0 0 3px;
	padding: 1px 2px 1px 2px;
	background-color: #c5e2fc;
  border-radius: 3px;
	white-space: nowrap;
	text-shadow: none;
}

.top--chokaNews_list_fishname span,
.top--chokaNews_list_fishname_nophoto span{
	margin: 0 0 0 3px;
	padding: 1px 2px 1px 2px;
	background-color: #c5e2fc;
  border-radius: 3px;
	white-space: nowrap;
	text-shadow: none;
}

.top--chokaNews_list_fishname{
	margin:0;
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
}

.top--chokaNews_list_fishname_nophoto{
	margin:0 0 0 10px;
	font-size:18px;
	font-weight:bold;
}

div.chokaNews div.listBox div.block ul li a{
	padding-left: 0px;
	width: 310px;
}

div.chokaNews div.listBox div.block ul li p.text{
	font-size: 12px;
	color: #777777;
	font-weight: normal;
}


div.chokaNews div.listBox div.block ul li p.place{
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	color: #045eae;
	font-weight: normal;
	
}


div.chokaNews div.listBox div.block ul li p.place span{
	margin: 0px 3px 0px 0px;
	padding: 0px 6px 1px 16px;
	background: url(../../img/choka/icon_reservation.png) no-repeat 0px 0px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-shadow: none;
}

div.chokaNews div.listBox ul li div.box div.boxR p{
	margin-left: 0px;
	line-height: 1.4em;
}


div.chokaNews p.btnFish{
	margin: 0px 0px 10px 15px;
	padding: 8px 0px 8px 0px;
	background: url(../../img/choka/btn_fish_bg_l.gif) no-repeat 0px 0px;
	background-size:292px 100%;
	font-weight: bold;
	width: 292px;
}

div.chokaNews p.btnFish a{
	display: block;
	text-indent: 70px;
	text-decoration: none;
}




/**/

div.newsTabs{
	margin: 0px 0px 30px 0px;
}


div.newsTabs ul.slidetabs{
	padding: 0px 0px 3px 0px;
	width: 320px;
}

div.newsTabs ul.slidetabs li{
	margin: 0;
	padding:0;
	float: left;
	height: 38px;
	font-weight: bold;
	text-align: center;
}

div.newsTabs ul.slidetabs li a{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	display: block;	
	height: 31px;
	text-decoration: none;
	background-size:100% 100%;
}

div.newsTabs ul.slidetabs li a.c01{
	background: url(../../img/choka/c1_bg.gif) no-repeat left top;
	width: 70px;
	
}

div.newsTabs ul.slidetabs li a.c02{
	background: url(../../img/choka/c2_bg.gif) no-repeat left top;
	width: 53px;
	
}

div.newsTabs ul.slidetabs li a.c03{
	background: url(../../img/choka/c3_bg.gif) no-repeat left top;
	width: 33px;
	
}

div.newsTabs ul.slidetabs li a.c04{
	background: url(../../img/choka/c4_bg.gif) no-repeat left top;
	width: 49px;
	
}

div.newsTabs ul.slidetabs li a.c05{
	background: url(../../img/choka/c5_bg.gif) no-repeat left top;
	width: 33px;
	
}

div.newsTabs ul.slidetabs li a.c06{
	background: url(../../img/choka/c6_bg.gif) no-repeat left top;
	width: 82px;
	
}

div.newsTabs ul.slidetabs li a.c07{
	background: url(../../img/choka/c7_bg.gif) no-repeat left top;
	width: 86px;
	
}

div.newsTabs ul.slidetabs li a.c08{
	background: url(../../img/choka/c8_bg.gif) no-repeat left top;
	width: 58px;
	
}

div.newsTabs ul.slidetabs li a.c09{
	background: url(../../img/choka/c9_bg.gif) no-repeat left top;
	width: 91px;
	
}

div.newsTabs ul.slidetabs li a.c10{
	background: url(../../img/choka/c10_bg.gif) no-repeat left top;
	width: 85px;
	
}

div.newsTabs ul.slidetabs li a.c11{
	background: url(../../img/choka/c11_bg.gif) no-repeat left top;
	width: 160px;
	
}

div.newsTabs ul.slidetabs li a.c12{
	background: url(../../img/choka/c12_bg.gif) no-repeat left top;
	width: 160px;
	
}

div.newsTabs ul.slidetabs li.active a{
	color: #2d7003;
}



div.newsTabs ul.slidetabs li.active a.c01{
	background: url(../../img/choka/c1_bg_on.gif) no-repeat left top;
	width: 70px;
	color: #595959;
}

div.newsTabs ul.slidetabs li.active a.c02{
	background: url(../../img/choka/c2_bg_on.gif) no-repeat left top;
	width: 53px;
	color: #0787a0;
}

div.newsTabs ul.slidetabs li.active a.c03{
	background: url(../../img/choka/c3_bg_on.gif) no-repeat left top;
	width: 33px;
	color: #2b5cc9;
}

div.newsTabs ul.slidetabs li.active a.c04{
	background: url(../../img/choka/c4_bg_on.gif) no-repeat left top;
	width: 49px;
	color: #18a71e;
}

div.newsTabs ul.slidetabs li.active a.c05{
	background: url(../../img/choka/c5_bg_on.gif) no-repeat left top;
	width: 33px;
	color: #ff7600;
}

div.newsTabs ul.slidetabs li.active a.c06{
	background: url(../../img/choka/c6_bg_on.gif) no-repeat left top;
	width: 82px;
	color: #e51515;
}

div.newsTabs ul.slidetabs li.active a.c07{
	background: url(../../img/choka/c7_bg_on.gif) no-repeat left top;
	width: 86px;
	color: #595959;
}

div.newsTabs ul.slidetabs li.active a.c08{
	background: url(../../img/choka/c8_bg_on.gif) no-repeat left top;
	width: 58px;
	color: #ce0073;
}

div.newsTabs ul.slidetabs li.active a.c09{
	background: url(../../img/choka/c9_bg_on.gif) no-repeat left top;
	width: 91px;
	color: #704cc3;
}

div.newsTabs ul.slidetabs li.active a.c10{
	background: url(../../img/choka/c10_bg_on.gif) no-repeat left top;
	width: 85px;
	color: #69b90c;
}

div.newsTabs ul.slidetabs li.active a.c11{
	background: url(../../img/choka/c11_bg_on.gif) no-repeat left top;
	color: #007308;
}

div.newsTabs ul.slidetabs li.active a.c12{
	background: url(../../img/choka/c12_bg_on.gif) no-repeat left top;
	color: #ba5d00;
}

div.chokaBig{
	margin: 0px 0px 30px 0px;
}

div.chokaBig h3{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	background: url(../../img/choka/choka_big.gif) repeat-x left top;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #007308;
}




div.chokaExplosion{
	margin: 0px 0px 30px 0px;
}

div.chokaExplosion h3{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	background: url(../../img/choka/choka_explosion.gif) repeat-x left top;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ba5d00;
}


/* media */

div.mediaBox{
	
}


div.mediaBox p.textB{
	margin: 0px 10px 20px 10px;
	padding-top: 10px;
	font-weight: bold;
}

div.mediaBox div.movieBox{
	margin: 0px 0px 30px 0px;
}

div.mediaBox div.movieBox .title{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: url(../../img/media/title_media_bg.gif) repeat-x left top;
}

div.mediaBox div.movieBox div.movie{
	margin: 0px 0px 15px 10px;
	width: 300px;
}


div.mediaBox div.movieBox p.btnYoutube{
	margin: 0px 0px 20px 10px;
	padding: 7px 0px 7px 0px;
	text-indent: 95px;
	width: 302px;
	background: url(../../img/media/btn_youtube.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
}

div.mediaBox div.movieBox p.btnYoutube a{
	text-decoration: none;
}


div.guideBox{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

div.guideBox .title{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 4px 10px;
	background: url(../../img/guide/tit_guide_bg.gif) repeat-x left top;
	font-size: 16px;
	font-weight: bold;
}

div.guideBox .key{
	margin: 0px 0px 10px 0px;
}


div.guideBox .lead{
	margin: 0px 0px 10px 0px;
}

div.guideBox .text{
	margin: 0px 10px 10px 10px;
}


div.guideBox p.blue{
	margin: 0px 0px 20px 10px;
	background: url(../../img/guide/btn_guide_top_bg.gif) no-repeat 0px 0px;
	background-size:302px 100%;
	width: 302px;
	text-indent: 77px;
	font-size: 16px;
	font-weight: bold;
}


div.guideBox p.blue a{
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	color: #ffffff;
	display: block;
}


div.guideBox p.btntrial{
	margin: 0px 0px 20px 10px;
	padding: 98px 0px 30px 0px;
	background: url(../../img/guide/btn_trial_bg.gif) no-repeat left top;
	text-indent: 13px;
	width: 302px;
}

div.guideBox p.btntrial a{
	margin: 0px 0px 0px 0px;
	padding: 20px 30px 20px 13px;
	text-decoration: none;
	
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}


div.guideBox p.btnreg{
	margin: 15px 0px 20px 10px;
	padding: 60px 0px 30px 0px;
	background: url(../../img/guide/btn_reg_bg.png) no-repeat left top;
	background-size:302px 100%;
	text-indent: 40px;
	width: 302px;
}

div.guideBox p.btnreg a{
	margin: 0px 0px 0px 0px;
	padding: 20px 30px 20px 13px;
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}


div.guideContents{
	margin: 0px 0px 40px 0px;
}

div.guideContents .title{
	margin: 0px 0px 10px 0px;
  padding:5px 0px 4px 10px;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background: url(../../img/guide/title_guide_contents_bg.gif) repeat-x left top;
	background-size:320px 100%;
}

div.guideContents .lead{
	margin: 0px 0px 10px 10px;
}

div.guideContents p.pic{
	margin: 0px 0px 10px 10px;
}

div.guideContents p.btnguide{
	margin: 0px 0px 0px 10px;
	background: url(../../img/guide/btn_guide_bg.gif) no-repeat 0px 0px;
	background-size:302px 100%;
	width: 302px;
	font-weight: bold;
}

div.guideContents p.btnguide a{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	display: block;
	text-decoration: none;
	
}


div.guideContents dl{
	margin: 0px 0px 20px 0px;	
}

div.guideContents dl dt{
	margin: 0px 0px 10px 0px;
	padding: 9px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #045eae;
	text-indent: 52px;
}

div.guideContents dl dd{
	margin: 0px 10px 0px 10px;
}

div.guideContents dl.guide01 dt{
	background: url(../../img/guide/tit_guide_content01.gif) no-repeat left top;
	background-size:320px 100%;
}

div.guideContents dl.guide02 dt{
	background: url(../../img/guide/tit_guide_content02.gif) no-repeat left top;
	background-size:320px 100%;
}

div.guideContents dl.guide03 dt{
	background: url(../../img/guide/tit_guide_content03.gif) no-repeat left top;
	background-size:320px 100%;
}

div.guideContents dl.guide04 dt{
	background: url(../../img/guide/tit_guide_content04.gif) no-repeat left top;
	background-size:320px 100%;
}

div.guideContents p.titleMymenu{
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	text-indent: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/mymenu/tit_mymenu02_bg.gif) repeat-x left top;
}


div.guideContents p.textB{
	margin: 0px 10px 10px 10px;
	font-size: 14px;
	font-weight: bold;
}

div.guideContents p.textB span{
	color: #e50000;
}

/*
===== 00: CLEARFIX ==========================================
*/

div.newsBox ul li:after{
 content: '';
 display: block;
 clear: both;
}


/*
===== ir-monthly  ==========================================
*/
.ir-monthly {
	margin: 0 0 33px 0px;
	text-align: center;
}


/*
===== ir-first-boarding  ==========================================
*/
.ir-first-boarding {
	margin: 0 0 33px 0px;
	text-align: center;
}


/*
===== rp  ==================================================
*/

#rp {
	margin:0px 0 20px 0;
	background: url(../../img/rp/rp_bg.gif) repeat-x left top;
}

#rp #lead {
	margin:0 0 20px 10px;
	width:310px;
}

#rp #lead .catch {
	font-size:18px;
	color:#045EAE;
	margin:0 0 10px 0;
	font-weight:bold;
	line-height:1;
}

#rp #lead .txt {
	font-weight:bold;
	line-height:1;
	font-size:15px;
}

#rp #carrier {
	margin:0 auto 15px;
	width:300px;
}

#rp #carrier .section {
	margin:0 0 13px 0;
}

#rp #carrier .section .btn {
	margin:0 0 10px 0;
}

#rp #carrier .section .txt,
#rp #carrier .section .txt_docomo,
#rp #carrier .section .txt_au,
#rp #carrier .section .txt_softbank {
	font-size:12px;
}

#rp #carrier .section .txt_docomo {
	color:#C50532;
}

#rp #carrier .section .txt_au {
	color:#C52D05;
}

#rp #carrier .section .txt_softbank {
	color:#058BC5;
}

#rp #carrier .attention {
	font-size:12px;
}

#rp #carrier .attention span {
	color:#E50000;
}

#rp #carrier .attention .title {
	font-weight: bold;
}

#rp #carrier .attention .txt {
}


#rp #preparation {
	margin:0 0 5px 0;
}

#rp #preparation .section {
	margin:0 0 0px 0;
}

#rp #preparation .section h2 {
	padding:4px 0 0 0px;
	margin:0 0 20px 0;
	background-repeat:repeat-x;
	height:29px;
	font-size:16px;
	color:#FFFFFF;
}



#rp #preparation .section p {
	margin:0 auto;
	width:300px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#rp #frp {
	margin:0 7px 0 0px;
}

#rp #frp p.pic{
	margin: 0px 0px 10px 10px;
}


#rp #frp p.text{
	margin: 0px 0px 10px 10px;
}

#rp #frp p.reservation{
	margin: 0px 0px 10px 10px;
}

#rp #frp .btn_white {
	margin: 0px 0px 10px 10px;
}

#rp #frp .btn_white a {
	padding:8px 0 0 0;
	display:block;
	height:33px;
	width:303px;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	text-shadow:1px 1px 1px #FFFFFF;
	text-align:center;
	background:url(../../img/rp/btn_white.gif) no-repeat;
}




/*
===== rp2  ==================================================
*/



#rp .rpBox{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width:320px;
	background-color:#dbeffb;
}

#rp .rpBox .title {
	margin:0 0 13px 0;
}

#rp .txtBox {
	margin:0 auto 15px;
	width:300px;
}

#rp .txtBox .section {
	margin:0 0 13px 0;
}



#rp .txtBox .section .txt {
}

#rp .txtBox .section .txt2 {
	padding:6px 0 0 0;
}

#rp .txtBox .section .mg {
	margin-bottom: 10px;
}

#rp .txtBox .section .tiphone {
	line-height: 1.2em;
}

#rp .txtBox .section .txt a{
	font-size:12px;
	color: #045eae;
}

#rp .txtBox .section .txt2 a{
	font-size:14px;
	font-weight:bold;
	color: #045eae;
}

#rp .txtBox .section .txt2 a:link,
#rp .txtBox .section .txt2 a:visited,
#rp .txtBox .section .txt2 a:hover{
	color: #045eae;
}

#rp .txtBox .section .txt span{
	color: #e50000;
}




#rp .carrierBox {
	margin:0 auto 15px;
	width:310px;
}

#rp .carrierBox .section {
	margin:0 0 13px 0;
}

#rp .yearlyBox {
	margin:0 auto 35px;
	width:320px;
}

#rp .yearlyBox .title {
	margin:0 0 13px 0;
}

#rp .yearlyBox .txt {
	margin:0px 10px 13px 10px;
}

#rp .yearlyBox .txt span{
	color: #e50000;
}

#rp .yearlyBox .linkbtn {
	margin:0px auto 13px;
	width: 310px;
}


#rp .iphoneBox {
	margin:0 auto 35px;
	width:320px;
}

#rp .iphoneBox .title {
	margin:0 0 13px 0;
}

#rp .iphoneBox .txt {
	margin:0px 10px 13px 10px;
}

#rp .iphoneBox .txt span.memo1 {
	color: #e50000;
}

#rp .iphoneBox .txt span.memo2 {
	color: #2d7003;
}



#rp .iphoneBox .lead{
	margin: 0px 0px 5px 10px;
}

#rp .iphoneBox .pic{
	margin: 0px 0px 5px 10px;
}

#rp .iphoneBox .memo{
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-size: 12px;
	color: #777777;
}

#rp .iphoneBox .btnApp{
	margin: 0px 0px 15px 10px;
}

#rp .iphoneBox div.section{
	margin: 0px 0px 15px 10px;
}


#rp .iphoneBox div.section p.boxL{
	float: left;
	width: 210px;
}

#rp .iphoneBox div.section p.boxL span a {
	margin:5px 0 0 0;
	font-size:12px;
	color: #045eae;
	line-height:1.3;
	display:inline-block;
}


#rp .iphoneBox div.section p.boxR{
	margin: 0px 10px 0px 0px;
	float: right;
	width: 85px;
}

#rp .app_btn {
	margin: -15px 0px 30px 10px;
}




#rp .freeBox {
	margin:0 auto 25px;
	width:320px;
}

#rp .freeBox .title {
	margin:0 0 13px 0;
}

#rp .freeBox .txt {
	margin:0px 10px 13px 10px;
}

#rp .freeBox .txt span.memo1 {
	color: #e50000;
}

#rp .freeBox .txt span.memo2 {
	color: #2d7003;
}

#rp .freeBox .txt span.memo3 {
	color: #045eae;
}



#rp .freeBox div.section{
	margin: 0px auto;
	width: 270px;
}

#rp .freeBox div.section div.boxL{
	width: 125px;
	float: left;
}

#rp .freeBox div.section div.boxR{
	width: 125px;
	float: right;
}

#rp .freeBox div.section p{
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-size: 12px;
}




#rp .registeredBox {
	margin:0 auto 40px;
	width:320px;
}

#rp .registeredBox .title {
	margin:0 0 13px 0;
}

#rp .registeredBox .txt {
	margin:0px 10px 13px 10px;
}

#rp .registeredBox .txt span{
	color: #e50000;
}

#rp .registeredBox .linkbtn {
	margin:0px auto 13px;
	width: 310px;
}




/*------------------------------------------
	20140811
------------------------------------------*/

div.reserveCalendar p.after-txt{
	color:#FF0000;
	background:#fff9cc;
	border:1px solid #FF0000;
	font-size:13px;
	text-align:center;
	margin:0 10px 18px;
	padding:2px 0;
}
div.reserveCalendar p.calendar-txt{
	color:#FD5702;
	font-size:14px;
	text-align:center;
	margin:-10px 0 13px;
	padding:0 5px;
	line-height:1.2;
}



/* ------------------------------------
		20140819
------------------------------------ */

/* ----share-btn-top---- */
.share-btn-area {
	background:#fffee0;
	width:320px;
	padding:0 0 10px;
}
.share-btn-top {
	margin:0 auto 10px;
	width: 300px;
}
.share-btn-top ul {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 300px;
}
.share-btn-top li {
	font-size:14px;
	width:100px;
	text-align:center;
	line-height:1;
}
.share-btn-top li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:11px 0 10px;
	font-weight:bold;
}
.share-btn-top .facebook a {
	background:#3B5998;
}
.share-btn-top .twitter a {
	background:#00ACEE;
}
.share-btn-top .line a {
	background:#00C200;
}




/* 釣りニュース */
.fishnews--pagetitle {
  background:url(../../img/fishnews/title_bg.png) left top repeat-x;
  background-size:auto 100%;
  height:45px;
  padding:14px 12px 0;
  line-height:1;
  color:#fff;
  font-weight:bold;
  font-size:18px;
  box-sizing:border-box;
}
.fishnews--btn_more {
  text-align:center;
  padding:0 65px;
  margin:5px 0 30px;
}
.fishnews--btn_more a {
  background:#2e86d3;
  padding:15px 10px 0;
  box-sizing:border-box;
  height:46px;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  line-height:1;
  border-radius:23px;
  display:block;
  text-decoration:none;
}
.fishnews--block {
  padding:15px 0 4px;
}
.fishnews--list {
  padding:0 10px 11px;
}
.fishnews--list li {
  border:#333 1px solid;
  margin:0 0 11px;
  position:relative;
}
.fishnews--list li:last-child {
  margin-bottom:0;
}
.fishnews--list li a {
  padding:12px 10px 10px;
  display:block;
  text-decoration:none;
}
.fishnews--list li a > div {
  display:-webkit-flex;
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:space-between;
  align-items:flex-start;
  align-content:flex-start;
  -webkit-flex-wrap:nowrap;
  -webkit-flex-direction:row;
  -webkit-justify-content:space-between;
  -webkit-align-items:flex-start;
  -webkit-align-content:flex-start;
}
.fishnews--list li a > div > div:nth-child(1) {
  -webkit-flex-shrink:0;
  flex-shrink:0;
  width:33%;
  margin:0 8px 0 0;
  box-sizing:border-box;
}
.fishnews--list li a > div > div:nth-child(2) {
  flex-grow:1;
  -webkit-flex-grow:1;
}
.fishnews--list li img {
  width:100%;
}
.fishnews--list li time {
  font-size:12px;
  line-height:1;
  color:#000;
  opacity:0.5;
  margin:5px 0 0;
}
.fishnews--list li h3 {
  font-size:16px;
  line-height:1.35;
  word-break:break-all;
}
.fishnews--list li p {
  position:absolute;
  left:-4px;
  top:-6px;
  z-index:20;
  color:#fff;
  font-size:12px;
  padding:6px 5px 5px;
  line-height:1;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  background:#e82d4d;
}
.fishnews--list li p:after {
  content:'';
  position:absolute;
  border-left:13px solid transparent;
  border-top:10px solid #e82d4d;
  bottom:-9px;
  left:9px;
}


.fishnews--detail_key {
}
.fishnews--detail_key_image {
}
.fishnews--detail_key_image img {
  width:100%;
}
.fishnews--detail_key_source {
	color:#999;
	text-align:right;
	margin:10px 10px -6px;
  line-height:1.2;
	font-size:11px;
}
.fishnews--detail_key_source a {
	color:#999;
  text-decoration:none;
}
.fishnews--detail_maintitle {
  color:#000;
  font-size:20px;
  font-weight:bold;
  line-height:1.3;
  margin:17px 14px 18px;
}
.fishnews--detail_info {
  margin:0 15px 28px;
  display:-webkit-flex;
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:space-between;
  align-items:flex-start;
  align-content:flex-start;
  -webkit-flex-wrap:nowrap;
  -webkit-flex-direction:row;
  -webkit-justify-content:space-between;
  -webkit-align-items:flex-start;
  -webkit-align-content:flex-start;
  border-top:#e6e6e6 1px solid;
  border-bottom:#e6e6e6 1px solid;
  padding:8px 3px 7px;
}
.fishnews--detail_info time {
	color:#808080;
  line-height:1.2;
	font-size:13px;
}
.fishnews--detail_info p {
  line-height:1.2;
	font-size:13px;
}
.fishnews--detail_info p a {
	color:#808080;
  text-decoration:none;
}
.fishnews--detail_info p span {
  background:url(../../img/fishnews/icon_fj.png) left center no-repeat;
  background-size:contain;
  padding:0 0 0 20px;
}
.fishnews--detail_txt {
  margin:0 15px 30px;
}
.fishnews--detail_txt .cms_txt {
}
.fishnews--detail_txt .txt {
  font-size:16px;
  line-height:1.5;
}
.fishnews--detail_btn_more {
  text-align:center;
  padding:0 65px;
  margin:5px 0 50px;
}
.fishnews--detail_btn_more a {
  background:#2e86d3;
  padding:15px 10px 0;
  box-sizing:border-box;
  height:46px;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  line-height:1;
  border-radius:23px;
  display:block;
  text-decoration:none;
}




/* 釣り船詳細　設備の仕様 */
.shipdetail--spec_title {
  margin:1px 0 0;
  padding:4px 0 3px 10px;
  font-size:14px;
  background:url(../../img/reserve/h3_reserve.gif) repeat-x left top;
  color:#333333;
}
.shipdetail--spec_list {
  border-bottom:solid 1px #ccc;
  width:320px;
  margin:0 0 11px;
}
.shipdetail--spec_list th {
  padding:10px 0 10px 10px;
  width:64px;
  color:#2d7003;
  text-align:left;
  border-top:solid 1px #ccc;
}
.shipdetail--spec_list td {
  padding:10px 0 10px 0px;
  border-top:solid 1px #ccc;
}
.shipdetail--spec_facility {
  width:200px;
}
.shipdetail--spec_facility li {
  margin:0 6px 5px 0;
  float:left;
}





/*
===== 00: CLEARFIX ==========================================
*/
.clearfix:after{
 content: '';
 display: block;
 clear: both;
}




/* 202301追加 リアルタイム予約関連
------------------------------------- */
.plan_realtime__unit_price {
	background-position: 0 center !important;
}

.plan_realtime__unit_price_table th,
.plan_realtime__unit_price_table td {
	border: none !important;
	background: none !important;
	padding: 0 0 4px !important;
	vertical-align: bottom !important;
}
.plan_realtime__unit_price_table th {
  color: #333 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	text-align: right !important;
}
.plan_realtime__unit_price_table td {
  color: #e50000 !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	text-align: right !important;
}


.realtime_reserve__request {
	margin: 0px 0px 20px 10px;
	padding: 5px 0px 5px 0px;
	border-radius: 3px;
	border: solid 1px #d6d387;
	background-color: #fffee0;
	width: 300px;
}
.realtime_reserve__request_table {
	margin: 0px 10px 10px 10px;
	width: 280px;
}
.realtime_reserve__request_table > tbody > tr > th {
	padding: 12px 15px 12px 5px;
	font-weight: bold;
	border-bottom: solid 1px #d6d387;
	line-height: 1.3em;
	font-size: 13px;
	color: #2d7003;
	white-space: nowrap;
}
.realtime_reserve__request_table > tbody > tr > td {
	padding: 12px 5px 12px 0px;
	border-bottom: solid 1px #d6d387;
	line-height: 1.3em;
	font-size: 13px;
}
.realtime_reserve__request_table > tbody > tr:last-child > td,
.realtime_reserve__request_table > tbody > tr:last-child > th {
	padding-bottom: 0;
	border-bottom: none;
}
.realtime_reserve__request_table > tbody > tr > td small {
	display: inline-block;
	padding-top: 3px;
	line-height: 1.3;
}

.realtime_reserve__request_table > tbody > tr.point > th {
	color: #9d6d11;
}
.realtime_reserve__request_table > tbody > tr.chowari > th {
	color: #e50000;
}
.realtime_reserve__request_table > tbody > tr.bonus > th {
	color: #e50000;
}
.realtime_reserve__request_table > tbody > tr.point > td {
	padding-left: 35px;
	background: #fffee0 url(../../img/reserve/icon_plan_point.gif) no-repeat 0px center;
	font-size: 16px;
	font-weight: bold;
	color: #9d6d11;
}
.realtime_reserve__request_table > tbody > tr.point > td img {
	max-width: 100%;
	height: auto;
}

.realtime_reserve__request_table tr.point td span.point0{
	display: none;
}
.realtime_reserve__request_table tr.point td span.point1{
	text-decoration: line-through;
}
.realtime_reserve__request_table tr.point td span.point2{
	padding-left: 35px;
	background: url(../../img/reserve/icon_arrow.gif) no-repeat 8px 0px;
	color: #e50000;
	font-size: 18px;
	font-weight: bold;
}
.realtime_reserve__request_table tr td .plan_caution {
	color: #333333;
	font-weight: normal;
	font-size: 11px;
}
.realtime_reserve__request_table tr td .px10b {
	font-size: 11px;
}

.realtime_reserve__request_table tr.exchange_bnr_on th,
.realtime_reserve__request_table tr.exchange_bnr_on td{
	border-bottom: none;
	padding-bottom:10px;

}
.realtime_reserve__request_table tr.point_exchange td{
	border-bottom: solid 1px #d6d387;
	background-color: #fffee0;
	padding:0 10px 15px;
}

.realtime_reserve__request_telnum  {
	font-size: 16px;
	font-weight: bold;
}
.realtime_reserve__request_ttl {
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.3em;
	font-size: 13px;
	color: #2d7003;
}
.realtime_reserve__request_comment {
	width: 100%;
	height: 80px;
	color: #999999;
}
.realtime_reserve__request_comment:focus,
.realtime_reserve__request_comment.focused{color: #333; }


/* 乗船人数の内訳 */
.realtime_reserve__details_num_txt {
	color: #f54446;
	margin: 5px 0 10px;
}
.realtime_reserve__details_num_table > tbody > tr > th,
.realtime_reserve__details_num_table > tbody > tr > td {
  padding: 0 0 5px;
	border: none;
	background: transparent !important;
	font-weight: bold;
}
.realtime_reserve__details_num_table > tbody > tr > th {
  text-align: center;
	color: #454545 !important;
	padding-right: 10px;
}
.realtime_reserve__details_num_table > tbody > tr > td > select {
  width: 4.5em;
  margin-bottom: 5px;
	font-size: 14px;
	padding: 4px 4px;
	border-radius: 4px;
}
.realtime_reserve__details_num_table > tbody > tr > td > span {
  font-size: 16px;
	color: #f54446;
}

.realtime_reserve__details_num_total td {
	text-align: right;
  padding: 5px 0 5px 0 !important;
	font-weight: bold;
}
.realtime_reserve__details_num_total td span {
	font-size: 14px !important;
}

.realtime_reserve__details_num_total td em {
  font-size: 24px;
  font-weight: inherit;
  font-family: Arial, Helvetica, "sans-serif";
	font-style: normal;
}

/* 価格詳細 */
.realtime_reserve__payment_detail {
  margin: 5px 0 5px 0;
}
.realtime_reserve__payment_detail > tbody > tr > th,
.realtime_reserve__payment_detail > tbody > tr > td {
  vertical-align: middle;
	border: none;
	background: transparent !important;
	font-size: 12px;
	line-height: 1.1;
}
.realtime_reserve__payment_detail > tbody > tr > th {
  padding: 5px 5px 5px 0 !important;
  text-align: center;
  white-space: nowrap;
	font-weight: normal;
}
.realtime_reserve__payment_detail > tbody > tr > td {
  text-align: right;
	padding: 5px 0;
	white-space: nowrap;
}
.realtime_reserve__payment_detail > tbody > tr > td:last-of-type {
  padding-right: 0;
}
.realtime_reserve__payment_detail > tbody > tr > td > i {
	font-style: normal;
}
.realtime_reserve__payment_detail > tbody > tr > td > b {
	font-weight: normal;
}

/* 価格合計 */
.realtime_reserve__payment_total {
	margin: 0 0 5px;
  color: #fa4641;
  font-weight: bold; 
}
.realtime_reserve__payment_total span {
  font-size: 14px;
  font-weight: inherit;
  margin-right: 5px;
}
.realtime_reserve__payment_total em {
  font-size: 20px;
	font-style: normal;
  font-weight: inherit;
  font-family: Arial, Helvetica, "sans-serif";
}
.realtime_reserve__payment_total b {
  font-size: 14px;
  font-weight: inherit; 
  margin: 0 0 0 1px;
}
.realtime_reserve__payment_total i {
  font-size: 14px;
  font-weight: inherit; 
	font-style: normal;
}

.realtime_reserve__payment_radio {
	margin: 5px 0;
	line-height: 1.2;
}
.realtime_reserve__payment_radio li {
	padding: 4px 0 4px;
}
.realtime_reserve__payment_radio li label span {
	display: inline-block;
	margin-left: 3px;
}	


/* 202302追加 料金の備考を追加
------------------------------------- */
.reserve__plan_num_note {
  margin: 0 0 10px 0;
  width: auto !important;
}
.reserve__plan_num_note li {
  font-size: 12px;
  margin: 4px 0 4px 1em !important;
  display: block;
  text-indent: -1em;
  line-height: 1.2;
  font-weight: normal;
  color: #444;
  float: none !important;
}
.reserve__plan_num_note li::before {
  content: "※";
  color: #F54446;
}
.reserve__plan_num_note li:empty {
  display: none;
}