@charset "UTF-8";

/*
	Theme Name: 江島神社
	Description: Easy and Simple theme by <a href="http://www.enoshimajinja.or.jp/">日本三大弁財天 江島神社</a>. 日本三大弁財天 江島神社のホームページです。
	Theme URI: "http://www.enoshimajinja.or.jp/first-time-wordpress-origin-theme/
	Author: 江島神社
	Author URI: http://www.enoshimajinja.or.jp/
	Version: 1.0.1
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/

/*------------------------------------------- reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%; /*13px*/
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

 *{ letter-spacing: 0 }

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}


table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

/* clearfix */
.clearfix:after {   
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* clearfix for ie7 */
.clearfix{
    display: inline-block;
}
.clearfix {
    display: block;
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

/* img */

.img {
	display: block;
	margin: 0;
}

/*------------------------------------------- Typography */

body {
	color:#444;
	font:13px/1.6 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	*font-size: small;
}

/*------------------------------------------- margin */

.mrg0 {
	margin-bottom: 0px;
}

.mrg5 {
	margin-bottom: 5px;
}

.mrg10 {
	margin-bottom: 10px;
}

.mrg20 {
	margin-bottom: 20px;
}

.mrg30 {
	margin-bottom: 30px;
}

.mrg40 {
	margin-bottom: 40px;
}

.mrg50 {
	margin-bottom: 50px;
}

.mrg60 {
	margin-bottom: 60px;
}

.pad10 {
	padding-bottom: 10px;
	
}

/*------------------------------------------- link */

a {
	color: #444;
	text-decoration: none;	
}

a:hover {
	color: #999;
}

a[target="_blank"]:after {
      content: url(img/newwinicon.gif);
      margin: 0px 2px;
   }
   
ul.general   a[target="_blank"]:after {
      content:none;
      margin: 0px;
}

a.line {
	text-decoration: underline;
}

/*------------------------------------------- txt_color */

.red {
	color: #c80505;
}

.gray {
	color: #999;
}

.blue {
	color:#4c8cc7;
}


/*------------------------------------------- txt_weight*/

.bold {
	font-weight: bold;
}

/*------------------------------------------- layout*/

body {
	background-image: url(img/wrapper_Bg_washi.jpg);
	background-repeat:  repeat;
	background-position: top;
}

.bg_blue_line {
	background-image: url(img/bg_blue_line.gif);
	background-repeat: repeat-x;
	background-position: 0 48px;
}


.wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5);
  -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
  box-shadow: 1px 1px 4px rgba(0,0,0,.5);	
}


header {
	padding-top: 5px;
}

.container {
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77ffffff,EndColorStr=#77ffffff);
	background-color: rgba(255, 255, 255, 0.7);
}

 .main {
	 width: 710px;
	 float: left;
	 background: url(img/main_Bg_gold_line.jpg) left repeat-y;
	 padding-bottom: 33333px;
	 margin-bottom: -33333px;
}

 .sidebar{
	 width: 250px;
	 float: right;
	 background-image: url(img/side_Bg.jpg);
	 background-repeat: repeat-y;
	 padding-bottom: 33333px;
	 margin-bottom: -33333px;
	
}

/*------------------------------------------- header */

header {
}

header { /*IE8*/
		border-left: 1px solid #ccc\9;
		border-right: 1px solid #ccc\9;
}

h1 {
	float: left;
	margin: 5px 0 8px 8px;
}

nav.sub {
	float: right;
	font-size: 85%; /* 11px */
	padding: 10px 8px 8px 0;
}

nav.sub li {
	float: left;
	display: inline;
	border-left: 1px solid #666;
	padding-left: 8px;
	margin-left: 8px;
}

nav.sub li:first-child {
		border-left: none;
}

/* home */
body.home header {
	background-image: url(img/header_btm_line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

body.home header .wrapper {
	filter: none;
	background-color: inherit;
	padding-bottom: 5px;
	height: 45px;
	margin-top: -5px;
	width: 958px;
	border-left: 1px solid #ccc\9; /*IE8対策*/
	border-right: 1px solid #ccc\9;/*IE8対策*/
}


/*------------------------------------------- navigation */

nav.global {
	position: relative;
	height: 50px;
	overflow: hidden;
	zoom:1;
	background-image: url(img/navi_Bg_other.gif);
}

nav.global ul {
	position: relative;
	left: 50%;
	float: left;
}

nav.global li {
	position: relative;
	left: -50%;
	float: left;
	margin-left: 45px;
}

ul li:first-child {
	margin-left: 0px;
}

/*------------------------------------------- sidebar */


.sidebar .inner {
	padding: 24px 15px 40px 15px;
}

.general {
	margin-bottom: 15px;	
}

.general li {
	margin-top: 2px;
	display: block;
}

.general li:first-child {
	margin-top: 0px;
}

.add {
	font-size: 93%; /* 12px */
	margin-left: 5px;
}

.add dt {
	font-weight: bold;
	margin-bottom: 5px;
}

.add dd {
	line-height: 1.4;
}

.sidebar .link {
	font-size: 93%; /* 12px */
	margin-left: 5px;
}

.sidebar .link li {
	background-image: url(img/icon_yajirusi.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.sidebar .category {
	background: url(img/side_category_middle.gif) repeat-y;
	font-size: 116%;/* 15px*/
	margin-bottom: 10px;
	line-height: 1.8;
}

.sidebar .category h2 {
	text-align: center;
	font-weight: bold;
	padding: 10px 8px 8px 8px;
	color: #80bdcf;
}

.sidebar .category ul {
	padding: 0 0px 14px 20px;
}

.sidebar .category li {
	background: url(img/side_category_icon.gif) no-repeat;
	background-position: left 8px ;
	padding: 0 18px;
}




.sidebar .category li.current-menu-item {
	background: url(img/side_category_icon_current.gif) no-repeat;
	background-position: center left;
	color: #e7a3c3;
}

/*------------------------------------------- footer */


footer {
	background-color: #eee;
	background-image: url(img/footer_Bg.gif);
	background-repeat: repeat-y;
	font-size: 93%; /* 12px */
}

footer .inner {
	padding: 30px 35px 30px 65px;
}

footer .logo {
	float: left;
	width: 247px;
	margin-top: 5px;
}

footer nav {
	float: left;
	padding-left: 70px;
	width: 510px;
	margin-top: -5px;
}

footer nav ul {
	margin-bottom: 10px;
}

footer nav li {
	border-right: 1px solid #666;
	padding-right: 8px;
	margin-right: 8px;
	float: left;
	display: inline;
}

footer nav li:first-child {
	padding-left: 8px;
	border-left: 1px solid #666;
}


footer p {
	text-align: center;
	padding: 10px 0;
	font-size: 93%; /* 12px */
	background-color: #d7e8f0;
	background-image: url(img/footer_Bg.gif);
	background-repeat: repeat-y;
}

/*------------------------------------------- page_top */


#pageTop {
	background-color: #fbc2c4;
	background-color: #fae6c9;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	behavior: url(/PIE.htc);
	padding:10px;
	position:fixed;
	bottom:100px;
	right:240px;
	border: 1px solid #fff;
	}
	
a#pageTop  {
	text-decoration: none;
}
	
#pageTop:hover{
	color:#999;
	}



/*------------------------------------------- home */


.intro {
	font-size: 116%;/* 15px*/
	margin: 30px 80px 30px 70px;
}

.intro p {
	padding-left: 5px;
}

.topic_Box {
	width: 580px;
	background-image: url(img/top_topicbox_Bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	margin: 0 60px 20px 70px;
	padding: 10px 0;
    border-radius:12px 12px 12px 12px;
	behavior: url(/PIE.htc);
	overflow: hidden;
	zoom:1;
}

.topic_Box h2 {
	float: left;
	width: 60px;
	display: block;
	margin-top: 35px;
	
}

.topic_Box .inner {
	width: 500px;
	padding: 8px 0;
	float: left;
	background-image: url(img/top_topicbox_nami.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
    border-radius: 11px 11px 11px 11px;
	background-color: #FFFFFF;
	behavior: url(/PIE.htc);
}

.topic_Box ul  {
	margin :0 100px 0 30px;
}

.topic_Box li {
	border-top: #ccc dotted 1px;
	padding: 7px 0;
}


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

.topic_Box time {
	float: left;
	clear: both;
}

.news time {
	font-size: 90%;
	color:#4c8cc7;
	width: 85px;
}

.news li {
	overflow: hidden;
}
	
.news li .txt {
	width: 280px;
	float: left;
}

.news li a,
.festival li a {
	text-decoration: underline;
	color:#4c8cc7;
}

.festival li {
}

.festival li time {
	float: left;
	width: 50px;
	padding-left: 5px;
	color:#4c8cc7;
}

.festival li .date {
	width:50px;
	float: left;
	display: inline-block;
}

.festival li .txt{
	float: left;
	display: inline-block;
}

.ichiran { /*アーカイブページと共通*/
	font-size: 93%; /* 12px */
	margin-left: 5px;
	background-image: url(img/icon_yajirusi.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 15px;
	float: right;
}


/*------------------------------------------- content */


.content {
	margin: 24px 40px;
}


.content h3 {
	font-size: 131%;/* 17px*/
	font-weight: bold;
	height: 30px;
	margin-bottom: 20px;
}

.content p {
	font-size: 116%;/* 15px*/
	line-height: 2;
	margin-bottom: 20px;
}

.link_area {
	padding: 15px 15px 20px 15px;
	border: 1px solid #d7e9f9;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	behavior: url(/PIE.htc);
	background-color: #eff4fa;
	background-color: #f6fbff;
	
}

.link_area ul {
	margin-top: 10px;
}
	
.link_area li {
	float: left;
	display: inline-block;
	padding-left: 20px;
}

.link_area a {
	text-decoration: underline;
}

.info_area {
	padding: 20px 18px;
	border: 1px solid #f8e7ca;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	behavior: url(/PIE.htc);
	background-color: #fbf5ec;
}

.pic_R {
	float: right;
	margin-left: 15px;
	clear: right;
}

.pic_L {
	float: left;
	margin-right: 15px;
	clear: left;
}

.no_clear_L {
	clear: none;
}

.no_mrg {
	margin-right: 0px;
	margin-left: 0px;
}
	

.pic_R dd ,
.pic_L dd {
	font-size: 93%; /*12px*/
	line-height: 1.2;
	margin-bottom: 5px;
}

/* table */

.wrp_table {
	background-image: url(img/table_Middle.gif);
	padding: 0 6px;	
}

table.list td {
	border-top: 1px dotted #999;
	padding: 15px;
}

table.list tr:first-child td {
	border-top: none;
}


table.list td:first-child {
	background-image: url(img/table_Bg_blue.gif);
	background-position: left;
	font-weight: bold;
	width:150px;
	font-size: 108%; /*14px*/
}

table.list_b, 
table.list_c {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

table.list_b td,
table.list_c td {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding: 15px;
}



table.list_b td:first-child {
	background-image: url(img/table_Bg_blue.gif);
	background-position: left;
	font-weight: bold;
	width:150px;
	font-size: 108%; /*14px*/
}

table.list_month td { /* 20180327 */
	padding: 8px 10px 8px 20px;
}

table.list_month td:first-child { /* 20180327 width 100px-->50px */
	width:50px;
	text-align: center;
	padding-right: 20px;
}

table.list_date td:first-child {
	width:50px;
	text-align: center;
}


tr.midashi {
	font-weight: bold;
	text-align: center;	
}

.bg_blue {
	background-color: #eff4fa;
}

.bg_pink {
	background-color: #faecf3;
}

.bg_yellow {
	background-color: #fbf5ec;
}

table.list td img {
	vertical-align: middle;
}

table.list  span,
table.list_b span {
	font-size: 90%;
}

p.table_ttl {
	font-weight: bold;
	color: #c8924b;
	margin-bottom: 0px;
	
}

.table_cap {
	font-size: 100%;  /*13px*/
}


/*------------------------------------------- gosaijin */

.content h3.ribon {
	background-image: url(img/gosaijin_H3_bg.gif);
	padding: 3px 0 0 55px;
}

p.name {
	margin-left: 2em;
	font-size: 120%;
	font-weight: bold;
}


/*------------------------------------------- goyuisho */

.content h3.shima {
	background-image: url(img/goyuisho_H3_bg.gif);
	padding: 3px 0 0 8px;
}

/*------------------------------------------- gohoumotsu */

.info_area h3 {
	line-height: 1.2;
	margin-bottom: 20px;
	font-weight: bold;
}

.info_area h3 span {
	font-weight: normal;
	font-size: 80%;
}

body.gohoumotsu .wrp_table img {
	padding: 5px 0px;	
}


/*------------------------------------------ gokitou */

.content h3.suzu {
	background-image: url(img/gokitou_H3_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 3px 0 0 32px;
}

nav.gokitou_list {
	position: relative;
	overflow: hidden;
	zoom:1;
	margin: 20px 0px 30px;
	border: 1px solid #999;
	padding: 5px 0;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	behavior: url(/PIE.htc);
}

nav.gokitou_list ul {
	position: relative;
	left: 50%;
	float: left;
}

nav.gokitou_list li {
	position: relative;
	left: -50%;
	float: left;
	margin-left: 30px;
	font-size: 116%; /*15px*/
	font-weight: bold;
}

nav.gokitou_list li:first-child {
	margin-left: 0;
}


/*
nav.jinsei  li a{    /// 20180327 comentout ///
	color: #f74a9d;
	text-decoration: underline;
}
*/

nav.jinsei  li a,   /*20180327 nav.jinsei add*/
nav.shucchou li a {
	color: #6787a8;
	text-decoration: underline;
}




.tbl_center {
	width:462px;
	margin: 0 auto;
}

.toshi_iwai .list_b td:first-child {
	font-weight: normal;
}

.gokitou_ttl {  /*20180327 add*/
	margin:  60px auto 30px;
	width:300px;
}

/*------------------------------------------- omatsuri */

body.omatsuri .wrp_table h3 {
	margin: 0;
}

body.omatsuri .wrp_table tr:first-child td  {
	padding:  5px 0 0;
}

table.m02 td:first-child {
	background-image: url(img/table_Bg_02.gif);
}

table.m03 td:first-child {
	background-image: url(img/table_Bg_03.gif);
}

table.m04 td:first-child {
	background-image: url(img/table_Bg_04.gif);
}

table.m05 td:first-child {
	background-image: url(img/table_Bg_05.gif);
}

table.m06 td:first-child {
	background-image: url(img/table_Bg_06.gif);
}

table.m07 td:first-child {
	background-image: url(img/table_Bg_blue.gif);
}


table.m09 td:first-child {
	background-image: url(img/table_Bg_02.gif);
}

table.m10 td:first-child {
	background-image: url(img/table_Bg_03.gif);
}

table.m11 td:first-child {
	background-image: url(img/table_Bg_04.gif);
}

table.m12 td:first-child {
	background-image: url(img/table_Bg_05.gif);
}

/*------------------------------------------- yasakareitaisai */

.content h3.yasaka {
	background-image: url(img/yasakareitaisai_H3_bg.gif);
	padding: 15px 0 0 8px;
	height: 35px;
}

body.yasakajinjareisai h4 {
	font-weight: bold;
	padding: 15px;
}
	
body.yasakajinjareisai table  {
	background-image: url(img/table_Bg_blue.gif);
	width:100%;
}

body.yasakajinjareisai table td {
	padding: 5px 0px 5px 15px;
}

/*------------------------------------------- annai */

.annai_map {
	position: relative;
}

.annai_map li.name_01 {
	position: absolute;
	top: 420px;
	left: 99px;
}

.annai_map li.name_02 {
	position: absolute;
	top: 375px;
	left: 179px;
}
.annai_map li.name_03 {
	position: absolute;
	top: 303px;
	left: 125px;
}
.annai_map li.name_04 {
	position: absolute;
	top: 301px;
	left: 233px;
}
.annai_map li.name_05 {
	position: absolute;
	top: 272px;
	left: 252px;
}
.annai_map li.name_06 {
	position: absolute;
	top: 247px;
	left: 308px;
}
.annai_map li.name_07 {
	position: absolute;
	top: 247px;
	left: 350px;
}
.annai_map li.name_08{
	position: absolute;
	top: 305px;
	left: 337px;
}
.annai_map li.name_09 {
	position: absolute;
	top: 214px;
	left: 279px;
}
.annai_map li.name_10 {
	position: absolute;
	top: 145px;
	left: 299px;
}
.annai_map li.name_11 {
	position: absolute;
	top: 192px;
	left: 404px;
}
.annai_map li.name_12 {
	position: absolute;
	top: 166px;
	left: 244px;
}
.annai_map li.name_13 {
	position: absolute;
	top: 173px;
	left: 177px;
}
.annai_map li.name_14 {
	position: absolute;
	top: 229px;
	left: 151px;
}
.annai_map li.name_15 {
	position: absolute;
	top: 109px;
	left: 186px;
}
.annai_map li.name_16 {
	position: absolute;
	top: 116px;
	left: 396px;
}
.annai_map li.name_17 {
	position: absolute;
	top: 147px;
	left: 471px;
}
.annai_map li.name_18 {
	position: absolute;
	top: 55px;
	left: 499px;
}
.annai_map li.name_19 {
	position: absolute;
	top: 82px;
	left: 470px;
}
.annai_map li.name_20 {
	position: absolute;
	top: 179px;
	left: 582px;
}

body.annai .info_area h3 {
	margin-bottom: 0px !important; 
}


/*------------------------------------------- tooltip_ster */
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #66ccff;
	background: #FFF;
	color: #666;
	font-size: 85%; /*11px*/
	width: 100px;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/*------------------------------------------- access */

body.access .main h3 {
	margin-bottom: 10px !important;
	padding-top:5px;
	background-position: 0 -5px;
	min-height: 34px;
}

body.access #train h3 {
	background-image: url(img/access_Icon_train.gif);
	background-repeat: no-repeat;
	padding-left: 73px;
}

body.access #shinkansen h3 {
	background-image: url(img/access_Icon_shinkansen.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 70px;
}

body.access #airplain h3 {
	background-image: url(img/access_Icon_airplain.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}

body.access #bus h3 {
	background-image: url(img/access_Icon_bus.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
}

body.access #car h3 {
	background-image: url(img/access_Icon_car.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}







body.access .main h4 {
	font-weight: bold;
	margin-bottom: 5px;	
}

body.access .txt_box {
	float: left;
	width: 275px;
}


body.access .info_area dl {
	width: 300px;
	
}

body.access .info_area ul {
	margin-bottom: 10px;
}

body.access .info_area li {
	margin-bottom: 5px;
}

body.access .info_area li.note {
	font-size: 85%;
	padding-left: 10px;
}


body.access table {
	margin-bottom: 10px;
	
}
body.access td {
	vertical-align: middle;
	line-height: 1.2;
}

body.access table span {
	font-size: 90%;
}

body.access .link li {
	background-image: url(img/icon_yajirusi.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
	
}

body.access .print a {
	text-decoration: underline;
	color:#4c8cc7;
}

body.access .print a:hover {
	color: #ccc;


/*------------------------------------------- sitemap */

body.sitemap h2 {
	font-size: 131% !important ; /* 17px*/
	margin-bottom: 10px;
	font-weight: bold;
}

body.sitemap h3 {
	font-size: 100%;/* 13px*/
	margin-bottom:0px !important; 
	/*color: #f74a9d;*/
}

body.sitemap .main ul {
	padding-left: 5px;
}

body.sitemap.main  td {
	padding: 0 0 10px 0;
	width: 210px;
}

/*------------------------------------------- sitepolicy */

body.sitepolicy h2 {
	font-size: 131% !important ; /* 17px*/
	margin-bottom: 10px;
	font-weight: bold;
}

body.sitepolicy h3 {
	font-size: 100%; /*13px*/
	margin-bottom:0px !important; 
}

body.sitepolicy .main  li {
	list-style: decimal;
	margin:0 0 1.5em 2em;
}

body.sitepolicy .main p {
	font-size: 100%; /*13px*/
	line-height: 1.8;
	padding: 0 1em;
}

/*------------------------------------------- goaisatsu */

.signature {
	text-align: right;
	font-size: 108%; /*14px*/
}

.goaisatsu_txt {
	margin-left: 15px;
	
}


.archive h2 {
	font-weight: bold;
	font-size: 100%; /*13px*/
	margin-bottom: 5px;
	color: #c8924b;
}


/*------------------------------------------- manga */

.manga_con {
	width: 400px;
	text-align: center;
	margin: 0 auto 0;
}
.manga_con img {
	margin-bottom: 20px;
}

.manga_con p {
	font-size: 85%; /* 11px */
	line-height: 1.4;
}

/*------------------------------------------- archive */

.archive_news .post {
	border-bottom: 1px dotted #ccc;
	padding: 0 10px;
}

.archive_news time {
	float: left;	
	width: 120px;
	color:#4c8cc7;
	padding-left: 5px;
}

.archive_news .txt {
	float: left;	
	width: 485px;
	display: inline-block;
}

.archive_news .txt P {
	font-size: 100%;
	line-height: 1.4;
	
}

/*------------------------------------------- omikuji */

.omikuji .content {
}

.omikuji .content h2 {
	margin: 0 auto;
	width: 206px;
}


.omikuji .content .omikuji_area {
	position: relative;
	height: 450px;
	background-image: url(img/omikuji_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.omikuji .content .omikuji_area  p {
	text-align: center;
	margin-top: 20px;
}

.omikuji .content .click_okutsumiya {
	position: absolute;
	left: 31px;
	top: 200px;
}

.omikuji .content .click_nakatsumiya {
	position: absolute;
	left: 216px;
	top: 85px;
}

.omikuji .content .click_hetsumiya {
	position: absolute;
	right: 34px;
	top: 200px;
}

.omikuji .content .omikuji_area .waka {
	text-align: center;
	font-weight: bold;
	font-size: 131% !important ; /* 17px*/
	margin: 20px  auto 10px;
	padding: 10px 0;
	border-bottom: dotted 1px #333;
	border-top: dotted 1px #333;
	width: 280px;
}

.omikuji .content .omikuji_area .unsei h3 {
	margin-bottom: 0px;
	text-align: center;
}

.omikuji .content .omikuji_area .unsei { 
	width: 280px;
	margin: 10px auto 15px;
}

.omikuji .content .omikuji_area .unsei .txt {
	line-height: 1.5em !important ;
	text-align: left;
	font-size: 116%;/* 15px*/
	line-height: 1.8;
}

.omikuji .content .back {
	text-align: center;
}

.omikuji .content .back a {
	text-decoration: underline;
	color:#4c8cc7;
	text-align: center;
	margin-bottom: 30px;
}