@charset "utf-8";
/* CSS Document */


/* 1.Google-News
===============================================================*/
div.guide_news_body{ border-bottom:1px dashed #B2B2B2; 	margin:0 0 10px 0;	padding:0 0 5px 0;}
div.guide_news_body h3{ padding-left:10px;	margin:6px 0 5px 7px;
	background:url("/common/image/arrow02.gif") no-repeat 0 2px; }

div.guide_news_body p { margin:5px 0 5px 20px; }
p.guide_news_more{ margin:20px 0 0 25px!important; font-size:0.95em; }


/* 2. Index
===============================================================*/
div#main h2{ margin-bottom:15px;
	padding-left:70px;
	line-height:20px;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	background:url(../img/bg_title.gif) no-repeat #daa979;
}
div#main h2.comments{
	padding:0;
	background:none;
}
div#main p { margin:0 18px 15px; line-height:1.5; }

div#main p.pagetop img { width:60px; }

div#main ul{
	margin:0 20px 15px 40px;
	list-style:disc;
	line-height:1.5;
}
div#main ol{
	margin:0 20px 15px 40px;
	list-style:decimal;
	line-height:1.5;
}
div#main table{
	margin:0 0 15px 15px;
	width:560px;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
div#main td{
	padding:5px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
div#main table p{
	margin:0;
}

div#main h4.guide { color:#fff;font-size:14px;margin:10px 0px 0px 10px;padding:2px 0 2px 10px;
                    background:#aaa; }

div#topEntries_list { 
	margin:0 0 0 20px;
	width:calc(100% - 20px); 
}
  @media screen and (max-width : 768px){
     div#main h4.guide {  }
     div#topEntries_list {   }
  }
  @media screen and (max-width : 480px) {
     div#main table { 	margin:0 1% 15px 1%; 	width:98%; }
     div#main h4.guide { margin-left:0; }
     div#topEntries_list { width:100%;margin:0; }
  }


div#main .TopContentsBox { padding:5px 0 5px 0;border-bottom:2px solid #999999; }

div#topEntries_list dt { font-weight:bold; margin: 5px 0px 5px 0px; padding-left: 10px;
                      background: url("/common/image/guide/arrow02.gif") no-repeat 0 3px; }
div#topEntries_list dd { margin: 0px 0px 0px 10px;  }

  @media screen and (max-width : 480px) {
     #topTopics  { width:98%; margin:0 1%; }
  }

.work_info{
	margin:0 18px 15px;
	padding:7px;
	border:1px solid #999999;
	background-color:#ffffe7;
}
div#main div.work_info p{ margin:0; }

div#main .postEntry { margin-left:50px; }

  @media screen and (max-width : 480px) {
     div#main p img { width:100%; }
     div#main .postEntry { width:98%; margin-left:1%; }
     div#main .postEntry img { width:100%; height:auto; }
     div#main .guideBase img { width:100%; height:auto; }
  }




/* 2.guide_base ====================================================*/
div.guideBase h2{
	margin:0 0 20px!important;
	padding:0!important;
	background:none!important;
}
div.guideBase h3{
	clear:both;
	margin-bottom:15px;
	padding-left:70px;
	line-height:20px;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	background:url(/common/image/guide/bg_title.gif) no-repeat #daa979;
}

sup{
	font-size:8px;
}
div.guideBase p{
	margin-bottom:15px;
	line-height:1.5;
}
.right{
	float:right;
	margin-left:20px;
	margin-bottom:15px;
}
.left{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}
div.guideBase dl{
	margin:0 18px 15px;
}
div.guideBase dt{
	margin-bottom:5px;
	color:#ffa303;
	font-weight:bold;
}
div.guideBase dd{
	margin-bottom:10px;
}
div.guideBase p.next{
	margin:0;
	text-align:center;
}
div.guideBase p.pagetop{
	clear:both;
	padding:0;
	text-align:right;
	margin-bottom:20px;
}
div#main th{
	padding:5px 0;
	text-align:center;
	width:80px;
	font-weight:normal;
	line-height:1.6;
	vertical-align:top;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.histry td{
	padding:5px 0;
	vertical-align:top;
	line-height:1.5;
}
p.prLink{
	margin:0 0 12px 10px;
	font-size:11px;
}
p.prLink a:link{
	text-decoration:underline;
}
p.prLink a:visited{
	text-decoration:underline;
}
p.prLink a:hover{
	text-decoration:underline;
}
div#contents{
position:relative;

}
div#contents p#prLinkHeader{
position:absolute;
top:0; right:0;
margin:0 155px 0 0;
}

/* 3.for sickness style
===============================================================*/
ul.listDisk li{
	margin-bottom:5px;
}
div.sickness td{
}
.sickTitle{
	text-align:center;
	font-weight:bold;
	background:#FFCC99;
}

/* 4.guide_holiday ====================================================*/
div.picBox{
	float:right;
	display:inline;
	width:202px;
}
div.picBox p{
	margin-bottom:20px;
}
div.picBox img{
	margin-bottom:5px;
}
div.holiday dt{
	margin:0 0 5px 10px;
	line-height:1.5;
	font-weight:bold;
}
div.holiday span{
	margin-left:10px;
	font-weight:bold;
	color:#FF6600;
}
div.holiday dt img{
	vertical-align:middle;
	margin-left:10px;
}
div.holiday dd{
	margin:0 0 20px 30px;
	line-height:1.5;
}
div#main div.holiday h4{
	clear:both;
	margin-bottom:10px;
	border:none;
	background:none;
}

/* 5.sitemap ====================================================*/

div#main p.sitemap_title{
	width:260px;
	margin:0;
	padding:5px 0 5px 10px;
	background-color:#f1f0f0;
	border-left:none;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	font-weight:bold;
	font-size:14px;
	color:#45A5E9;
}
#sitemap .sitemap_title a{
	font-weight:bold;
}
div#main div#sitemap ul{
	margin:0 0 15px 5px;
	padding:0;
	line-height:1.2;
}
div#main div#sitemap ul li ul{
	margin:0 0 0 5px;
	padding:0;
}
div#main div#sitemap li{
	background:url("../../guide/img/arrow01.gif") no-repeat;
	background-position:0 2px;
	padding:0 0 0 10px;
	margin:6px 0 8px 5px;
	list-style-type:none;
}
div#main div#sitemap p{
	margin-bottom:10px;
}
.sitmap_left{
	width:290px;
	float:left;
}

.sitmap_right{
	width:290px;
	float:left;
}