@charset "shift_jis";
/* --box --*/
#body_bg_box {
  background: url(../imgs/bg_userguide_side.gif) repeat-y;
  width: 960px;
}
#body_bg_box li.absolute {
  border-bottom: 2px dotted #fc8;
}
#body_bg_box li.absolute a:link {
  color: #e60;
}
#body_bg_box li.absolute a:visited {
  color: #e60;
}
#body_bg_box li.absolute a:hover {
  color: #e60;
}
#body_bg_box li.absolute a:active {
  color: #e60;
}
#sideconte_box li {
  list-style: none;
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow_userguide.gif) 0 0.9em no-repeat;
}
/* --box --*/
/* --kahaku_map --*/
#kahaku_map {
	width: 430px;
	height: 404px;
	border: 1px solid #793920;
	border-top: 5px solid #793920;
}
/* --title --*/
#body_box .title_box_orange, #body_box .title_box {
  background: #fc8 url(../../userguide/imgs/bg_userguide_title.gif) repeat-y;
  padding: 2px 10px 2px 10px;
  font-weight: bold;
  margin-bottom: 1em;
  clear: both;
}
#body_box .sub_title_orange, #body_box .sub_title {
  font-weight: bold;
  border-bottom: 3px solid #e60;
  margin-bottom: 1em;
  display: block;
  position: relative;
  clear: both;
}
#body_box .sub_sub_title_orange, #body_box .sub_sub_title {
  font-weight: bold;
  border-bottom: 1px solid #e60;
  margin-bottom: 1em;
  display: block;
  clear: both;
}
p#toPdf {
  position: absolute;
  left: 315px;
  top: -1px;
}
*html p#toPdf {
  position: absolute;
  left: 330px;
  top: -4px;
}
* + html p#toPdf {
  position: absolute;
  left: 330px;
  top: -4px;
}
/* html C³@*/
.infobox {
  width: 165px;
  border-style: solid;
  border-color: #b2aba0;
  border-width: 5px 1px 1px 1px;
  padding: 10px;
  background: #f4f2ef;
  margin-left: 1em;
  margin-bottom: 1em;
  float: left;
}
p#toPdf a {
  width: 90px;
  height: 18px;
  display: block;
  background: url(../imgs/btn_syosai.jpg) no-repeat;
  text-indent: -9999px;
  outline: none;
}
p#toPdf a:hover {
  background: url(../imgs/btn_syosai_h.jpg) no-repeat;
}
.sub_sub_title {
  font-weight: bold;
  border-bottom: 1px solid #e60;
  margin-bottom: 1em;
  display: block;
}
/* --title --*/
ul.basic_new {
  padding: 0;
}
ul.basic_new li {
  list-style: none;
}
.basic_new li:before {
  content: "‘";
  color: #e60;
  margin-left: -1em;
}
.basic_new li li:before {
  content: none;
}
/* --book --*/
#body_box {
  position: relative;
}
/* ’n‹…ŠΩ•Β½ƒoƒi[{@•ΆŒΎ@*/
#heisa {
  position: absolute;
  top: 0;
  left: 370px;
}
#heisa a {
  background: url(../imgs/announceRHB.gif) no-repeat;
  display: block;
  width: 267px;
  height: 110px;
  text-indent: -9999px;
}
#heisa a:hover {
  background: url(../imgs/announceRHB_h.gif) no-repeat;
}
#annai {
  top: 115px;
  left: 365px;
  color: #ed0707;
  width: 250px;
  padding: 0 8px;
  position: absolute;
}
#body_box .book_box {
  border-style: solid;
  border-width: 5px 1px 1px 1px;
  border-color: #fc8 #ccc #ccc #ccc;
  margin-bottom: 3em;
  padding: 20px;
  display: block;
  background: #fafafa;
  width: 578px;
}
#body_box .book_box .price {
  color: #966;
}
#body_box .book_box_img {
  float: left;
  width: 100px;
}
#body_box .book_box_word {
  float: left;
  margin: 0 0 0 20px;
  width: 435px;
}
#body_box .book_box dt {
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: #ddd #ddd #ddd #fa6;
  margin: 0 0 10px 0;
  padding: 0 0 0 6px;
  font-weight: bold;
}
#body_box .book_box dt.new {
  padding: 0 0 0 38px;
  background: url(../imgs/icon_new.gif) 10px 0.2em no-repeat;
}
#body_box .book_box dd {
  margin: 0 0 0 50px;
}
#body_box .book_box dd.line {
  border-bottom: 2px dotted #ccc;
  padding: 0 0 5px 0;
  margin: 0 0 5px 50px;
}
#body_box .book_box_img img {
  border: 1px solid #ccc;
}
#body_box .book_box_img a img {
  border: 1px solid #a30;
}
#body_box .book_box_img a:link img {
  border: 1px solid #a30;
}
#body_box .book_box_img a:visited img {
  border: 1px solid #a30;
}
#body_box .book_box_img a:hover img {
  border: 1px solid #f33;
}
#body_box .book_box_img a:active img {
  border: 1px solid #a30;
}
#body_box .book_issue_title table {
  margin: 0 0 20px 0;
}
#body_box .book_issue_title table td {
  vertical-align: top;
}
#body_box .book_issue_title table td.name {
  padding: 0 0 0 20px;
}
#body_box .book_issue table {
  width: 100%;
  border-top: 3px solid #e60;
}
#body_box .book_issue table td {
  border-bottom: 1px solid #eee;
  vertical-align: bottom;
  padding: 1em 0 0 0;
}
/* --book --*/
/* --list --*/
#body_box ul {
  padding: 0 0 0 1em;
}
#body_box ul.basic,
#body_box .list-style-indent ul {
  list-style: none;
}
#body_box ul.basic li,
#body_box .list-style-indent ul li {
  text-indent: -1em;
}
#body_box .list-style-indent ul li {
	line-height: 1.3;
  margin-bottom: .2em;
}
#body_box ul.basic li:first-letter {
  color: #e60;
}
#body_box ul.basic li ul li {
  list-style: none;
}
#body_box ul.basic li ul li:first-letter {
  color: #000;
}
#body_box ul.basic li span.note {
  color: #FF0000;
}

#body_box .list-style-indent {
	font-size: 1em;
	padding: 1em 1em .6em 1em;
	background: #f6f5f3;
	margin-bottom: 1.5em;
}
/* --list --*/
/* --link --*/
#body_box a.arrow:link {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
#body_box a.arrow:visited {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
#body_box a.arrow:hover {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
#body_box a.arrow:active {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
/* --link --*/
/* --form --*/
#body_box .from_text {
  width: 250px;
  border: 1px solid #ccc;
  font-size: 14px;
}
#body_box .from_select_normal {
  border: 1px solid #ccc;
  width: 250px;
  background: #ffebcc;
}
#body_box .from_select {
  border: 1px solid #ccc;
  width: 250px;
  background: #ffebcc;
}
#body_box .from_select optgroup option, #body_box .from_select option.title {
  background: #ffebcc;
}
#body_box .from_select option {
  background: #fc8;
}
#body_box .from_select_box {
  margin: 0.5em 0 2em 0;
  padding: 5px 0 0 10px;
  /* background:url(../imgs/bg_linkarrow_userguide.gif) 0 0.9em no-repeat;*/
}
/* --hot news --*/
#body_box .hot_news {
  margin: 0 0 10px 0;
  width: 578px;
}
#body_box .hot_news dt {
  float: left;
  margin: 0 20px 0 0;
  padding: 0 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
  width: 80px;
}
#body_box .hot_news dd {
  float: left;
  width: 468px;
}
/* --hot news --*/
/* --shop --*/
.img {
  float: right;
  height: 400px;
  width: 255px;
  margin: 10px;
}
.item_photo {
  border: none;
}
#fig {
  width: 260px;
  height: auto;
  margin-bottom: 2em;
  margin-right: 2em;
}
/* -- shared --*/
.maL15 {
  margin-left: 15px;
}
/* -- oideyo --*/
/* -- oideyo2 --*/
.leaflet2 {
  width: 640px;
  padding: 10px 0;
  float: left;
}
.image-right {
  float: right;
  clear: both;
}
.image-right a {
  display: block;
}
/*

.leaflet {
	width: 275px;
	margin: 0 0 0 340px;
	padding: 0 10px 3em;
}
a#oideyo {
	background: url("../../userguide/access/pamphlet/imgs/leaflet_oideyo.jpg") no-repeat scroll 0 0;
    display: block;
    height: 0;
    line-height: 1.2;
    padding: 10px 0 70px 10px;
    width: 265px;
	position: relative;
	color: #333;
	margin-bottom: -30px;
}
a#oideyo:hover {
	background: url("../../userguide/access/pamphlet/imgs/leaflet_oideyo.jpg") no-repeat scroll right 0;
	color: #fff;
	text-decoration: underline;
	
}

a#oideyo .pdfsize {
	display: block;
    left: 75px;
    position: absolute;
    top: 60px;
    width: 11em;
}

a#oideyo2 {
	position: relative;

}
a#oideyo2:hover {
	text-decoration: underline;
	
}
 a#oideyo2 .pdfsize {
	display: block;
	left: 425px;
	position: absolute;
	top: 0;
	width: 200px;
	text-align: right;
	text-decoration: underline;
	line-height:2;
}
*/
/* -- akari --*/
#akari {
  border: 1px solid #ee6600;
  margin-top: 10px;
  padding: 10px;
}
#akari .ttl {
  font-weight: bold;
}
#akari .time {
  background: #ffebcc;
  margin: 5px 0;
  padding: 5px;
}
/*================== usersguide@ˆΘ‰Ί */
/*init*/
a img {
  border: none;
}
/*parts*/
.introduce {
  width: 640px;
  margin: 12px 0 40px 0;
  float: left;
}
.place-image {
  float: right;
  width: 250px;
}
.place-image img {
  float: right;
}
.image-flex {
  margin: 0;
  padding: 0;
}
.introduce-textbox {
  width: 380px;
  float: left;
}
table.introduce-table {
  border-collapse: collapse;
  width: 375px;
  margin: 12px 0 12px 0;
}
.introduce-table th, .introduce-table td {
  border: 1px solid #c9c9c9;
  padding: 5px;
}
.introduce-table th {
  width: 20%;
  text-align: center;
  background-color: #fde5c0;
  font-weight: normal;
}
.introduce-table td {
  text-align: left;
  background-color: #fdf5e9;
}
.tableCol4 {
  border-collapse: collapse;
}
.tableCol4 td {
  padding-right: 9px;
  text-align: left;
  vertical-align: top;
}
.tableCol4 td.paR0 {
  padding-right: 0;
}
.tableCol4 td img {
  border: 1px solid #c6c6c6;
}
.txtarea01 {
  float: left;
  width: 350px;
}
.enter-box {
  border: 2px solid #999933;
  width: 140px;
  background: #e6d3b4;
  /*float: left;*/
  margin: 10px 0;
}
.box-flex {
  float: left;
}
/* notice */
.notice {
	margin: 0 0 1em 2em;
}
/* institution */
.institution-img {
  margin-left: 3em;
  padding: 0;
  float: right;
}
#call {
  width: 500px;
  margin: 2em;
  border: 1px solid #CCCCCC;
  padding: 1.5em;
}
#attention {
  width: 500px;
  padding: 1em;
  padding-left: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  border: 1px solid #CCCCCC;
}
/* tsukuba */
.access-info {
  width: 420px;
  margin-top: 1em;
  margin-left: 0;
}
.access-info ul li {
  list-style: none;
}
/* id */
.kahaku_navi_shop {
  width: 250px;
  float: right;
  margin-bottom: 1em;
}
.kahaku_navi_shop img {
  margin: 0 0 .5em 25px;
}
.kahaku_navi_shop_txt {
	width: 390px;
	float: left;
	color: #e00;
}
#id_card .id-card_pics {
  margin: 0 1em 1em 1em;
  float: right;
}
.id-card_box {
  float: right;
  width: 490px;
}
/* milsil */
.milsil {
  float: left;
  margin-bottom: 15px;
}
.left-box {
  width: 294px;
  float: left;
  padding: 20px 10px 0 0;
}
.right-box {
  width: 320px;
  float: right;
}
#topics {
  float: left;
  border-bottom: 2px dotted #ccc;
}
.topics-img {
  float: left;
  padding-right: 20px;
}
.topics-text {
  width: 420px;
  float: left;
}
#milsil-latest {
  width: 620px;
  float: left;
}
#milsil-latest-image {
  width: 241px;
  height: 340px;
  padding: 16px 16px 16px 0;
  float: left;
}
#milsil-latest-image img {
  filter: drop-shadow(0 0 8px #999);
}
#milsil-latest-text {
  width: 340px;
  margin-top: 20px;
  float: right;
}
.guide-pannel {
  width: 140px;
  float: right;
  text-align: center;
}
#idcard {
  border: 1px #c00 solid;
  padding: 5px;
  margin-top: 1em;
  width: 400px;
}
/*shared*/
.maB2em {
  margin-bottom: 2em;
}
.maB1em {
  margin-bottom: 1em;
}
.maT10 {
  margin-top: 10px;
}
.maT7 {
  margin-top: 7px;
}
.fR {
  float: right;
}
.clear {
  clear: both;
}
.strike {
  text-decoration: line-through;
}
/* userguide_menu */
#userguide_menu, #userguide_menu ul {
  margin: 0;
  padding: 0;
}
#userguide_menu ul, #body_box #userguide_menu ul {
  margin: 0 0 1.5em 0.5em;
  list-style-type: none;
}
#userguide_menu ul li, #body_box #userguide_menu ul li {
  float: left;
  list-style: none;
  margin-right: 1.5em;
}
#userguide_menu ul li a {}

/* pamphlet */
.pamph {
	margin: 15px 0;
}
.pamph p {
	width: 20%;
	float: left;
}
.pamph ul {
	border-left: 1px #ccc dashed;
	width: 75%;
	float: right;
	list-style: none;
	margin-bottom: 15px;
}
.pamph ul li {
	float: left;
	margin-right: 15px;
}

.btn-ticket {
  display: inline-block;
  padding: 0 5em;
  border-radius: 5px;
  text-decoration: none;
  color: #FFF;
  background-color: #EE6600;
  transition: .4s;
    font-size: 1.6em;
    line-height: 2.2em;
}

a.btn-ticket {
    color: #FFF;
    text-decoration: none;
}

.btn-ticket:hover {
  background-color: #FF8C36;
}

.btn-tichet:visited {
   color: #FFF;
   background-color: #EE6600; 
}

.akawaku {
    background: #fff6f6;
    margin: 0 0 15px 0;
    padding: 10px;
    border: 1px solid #f00;
    box-sizing: border-box;
}
.akawaku ul {
    margin-left: 1em;
}
.akawaku ul.list-nodot {
  margin-left: 0;
  list-style: none;
}
.akawaku ul.list-nodot li {
  margin: 0 0 .4em 0;
}
.akawaku ul.list-nodot .btn a {
  font-size: 1em;
  font-weight: 300;
  color: #333;
  text-decoration: none;
  display: block;
  border: 1px #ff7e00 solid;
  border-radius: 10px;
  width: 24em; /*19em*/
  text-align: center;
  padding: 7px;
  margin: 10px 0;
  background: linear-gradient(to top, #ffca91, #fff36a);
}
.akawaku ul.list-nodot .btn a:hover {
  color: #2b2b2b;
  border: 1px #ff7200 splid;
  background: linear-gradient(to top, #ffb96d, #ffe153);
}
/* akawaku_after(20230523~) */

.akawaku_after {
    margin: 0 0 15px 0;
    padding: 0 10px;
    box-sizing: border-box;
}
.akawaku_after ul {
    margin-left: 1em;
}
.akawaku_after ul.list-nodot {
  margin-left: 0;
  list-style: none;
}
.akawaku_after ul.list-nodot li {
  margin: 0 0 .4em 0;
}
.akawaku_after ul.list-nodot .btn a {
  font-size: 1em;
  font-weight: 300;
  color: #333;
  text-decoration: none;
  display: block;
  border: 1px #ff7e00 solid;
  border-radius: 10px;
  width: 24em; /*19em*/
  text-align: center;
  padding: 7px;
  margin: 10px 0;
  background: linear-gradient(to top, #ffca91, #fff36a);
}
.akawaku_after ul.list-nodot .btn a:hover {
  color: #2b2b2b;
  border: 1px #ff7200 splid;
  background: linear-gradient(to top, #ffb96d, #ffe153);
}