@charset "Shift_JIS";



/*---------------------------
  journal watch online Layout
-----------------------------*/


/*--- title_image ---*/
#titleimg{
	width:760px;
	height:128px;
	margin:0 0 10px 0;
	background-image: url(../images/jwo_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}


/*--- cotents_area ---*/
#contents{
	width:760px;
	margin:0 auto 0 auto;
	background-color:#ffffff;
	color:#333333;
	text-align:left;
	}
	
#contents:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
	
#contents img{
	border:0;
	}
	
	

/*--- localNavi ---*/
#localNavi{
	float:left;
	width:190px;
	margin-bottom:10px;
	font-size:75%;
	line-height:140%;
	}
	
#localNavi a:link {
	color: #333333;
	text-decoration:underline;
}

#localNavi a:visited {
	color: #333333;
	text-decoration:underline;
}

#localNavi a:hover {
	color: #333333;
	text-decoration:none;
}

#localNavi a:active {
	color: #333333;
	text-decoration:none;
}

/*--- serchBox ---*/
#searchBox{
	width:180px;
	height:100px;
	margin:0 0 5px 5px;
	padding:0;
	background-image:url(../images/search_back.gif);
	background-repeat:no-repeat;
	}


#searchBox h2{
	margin-bottom:15px;
	text-indent:-9999px;
	}

#searchBox form{
	width:150px;
	margin:0 0 0 20px;
	}

#searchBox table{
	margin:5px 0 0 0;
	padding:0;
	}


#keyword{
	width:140px;
	height:1.25em;
	}

.help img{
	margin-right:5px;
	vertical-align:-5px;
	}
	



/*--- localNavi Menu ---*/
#localNaviC h2{
	width:180px;
	height:31px;
	margin:0;
	padding:0;
	background-image:url(../images/ln_menutitle.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	

#localNaviC{
	width:180px;
	margin:0 0 0 5px;
	}	

	
#localNaviC .menulist{
	margin:0;
	padding:0;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	text-align:left;
	}
	
	
#localNavi ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
	
li.Group01 {
	margin:0;
	padding:0;
	}	

a.Group01, a.Group01:link, a.Group01:visited {
	margin-top: 0px;
	display: block;
	padding: 9px 9px 9px 21px;
	background-image: url(../images/ln_list_icon.gif);
	background-position:9px 15px;
	background-repeat: no-repeat;
	color: #333333;
	text-decoration: underline;
	}
  
a.Group01:hover {
	background-color: #e3f5f9;
	text-decoration:none;
	}


ul.Group02{
	display:none;
	}
  
li.Group02 {
	margin:0;
	padding:0;
	}	

a.Group02, a.Group02:link, a.Group02:visited {
	margin-top: 0px;
	display: block;
	padding: 4px 9px 4px 30px;
	background-image: url(../images/ln_list_icon.gif);
	background-position:19px 9px;
	background-repeat: no-repeat;
	color: #333333;
	text-decoration: underline;
	}
	
  
a.Group02:hover {
	background-color: #e3f5f9;
	text-decoration:none;
	}



p.dotline{
	margin:0;
	padding:0;
	}
	
p.sdmlink{
	width:178px;
	height:22px;
	margin:0;
	padding:0;
	background-image:url(../images/ln_sdmlink.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

.lnBottom{
	margin:0;
	padding:0;
	}
	

/*--- mainContents ---*/		
#mainContents{
	float:left;
	width:565px;
	margin-bottom:10px;
	font-size:75%;
	line-height:140%;
	}
	
	
#mainContents h2{
	margin:0;
	padding:0;
	}
	
	
#mainContents h2.mt10{
	margin-top:10px;
	}
	
/*--- mainContents hyper ---*/

#mainContents a {
	text-decoration:none;
	overflow:hidden;
}

#mainContents a:link {
	color: #333333;
	text-decoration:underline;
}

#mainContents a:visited {
	color: #333333;
	text-decoration:underline;
}

#mainContents a:hover {
	color: #333333;
	text-decoration:none;
}

#mainContents a:active {
	color: #333333;
	text-decoration:none;
}


#mainContents .italic{
	font-style:italic;
	}


#mainContents a {
	text-decoration:none;
	overflow:hidden;
}

#mainContents a:link .italic {
	color: #333333;
	text-decoration:underline;
}

#mainContents a:visited .italic {
	color: #333333;
	text-decoration:underline;
}

#mainContents a:hover .italic {
	color: #333333;
	text-decoration:none;
}

#mainContents a:active .italic {
	color: #333333;
	text-decoration:none;
}


.blueline{
	background-color:#e3f5f9;
	padding:10px;
	}
	


.update{
	width:115px;
	padding:0 2px 0 2px;
	background-color:#ffffff;
	border:1px solid #62b1c2;
	color:368899;
	}
	


/*--- jwj top ---*/
.blueline p{
	height:22px;
	margin:0;
	padding:0 0 0 30px;
	background-image: url(../../images/keyword_ya.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
	
#searchCategory{
	margin:0;
	padding:10px 0 5px 0;
	line-height:180%;
	}
	
#searchCategory ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#searchCategory li{
	margin:0;
	padding:0 0 0 20px;
	background-image: url(../images/ln_list_icon.gif);
	background-position:10px 7px;
	background-repeat: no-repeat;
	}


.column01{
	float:left;
	width:185px;
	background-image: url(../images/dotline_y.gif);
	background-position:top right;
	background-repeat:repeat-y;
	}
	
.column02{
	float:left;
	width:185px;
	}


#sercahBn{
	margin:0;
	padding:10px;
	}
	

#sercahBn ul{
	list-style:none;
	margin:0;
	}
	
#sercahBn li{
	display:inline;
	margin:0 20px 0 0;
	padding:0 0 0 10px;
	background-image: url(../images/ln_list_icon.gif);
	background-position:0px 5px;
	background-repeat: no-repeat;
	}

	

/*--- archiveList ---*/
#archiveList{
	margin:10px 0 0 10px;
	}


#archiveList p{
	line-height:180%;
	}
	
#archiveList em{
	font-style:italic;
	font-weight:normal;
	}
	
	


	
.archiveUnit{
	border-left:5px solid #ff9938;
	}
	
.archiveUnitBn{
	margin:0;
	padding:0;
	}

.archiveUnit:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}

p.archiveTitle{
	padding-left:7px;
	font-size:120%;
	}
	
p.archiveTitle a em{
	text-decoration:underline;
	}
	
p.archiveTitle a:hover em{
	text-decoration:none;
	}
	
	
p.archiveTitleBn{
	float:left;
	font-size:120%;
	margin-right: 14px;
	width: 375px;
	}

p.etitle{
	padding-left:7px;
	padding-bottom:7px;
	}

	
.sourceimg{
	float:left;
	width:37px;
	padding-left:7px;
	}

.source{
	display:block;
	float:left;
	width:345px;
	padding:0;
	font-size:x-small;
	}

.floatRight{
	float:right;
	width:150px;
	}	
	
.ardhiveNo{
	margin-right:15px;
	font-size:x-small;
	}

.goArchive{
	margin-right:15px;
	padding:0;
	font-size:small;
	}

	
.blockend{
	clear:both;
	}
	
.archiveLine{
	display:block;
	clear:both;
	width:555px;
	padding:0;
	text-align:left;
	}
	
	

/*--- search help ---*/
table.howto{
	margin:10px 0 10px 0;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}
	
	
.howto th{
	padding:5px;
	background-color:#d1ebee;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-weight:normal;
	}
	
.howto td{
	padding:5px;
	background-color:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	}

.howto2{
	padding:0 10px;
	}
	
	
.howto2 span{
	line-height:180%;
	}
	
span.number{
	float:left;
	width:4%;
	}
	
span.sentence{
	float:left;
	width:95%;
	}


/*--- backnumber ---*/

.backnumber{
	width:565px;
	height:32px;
	background-image:url(../images/backnumber_sub01.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;
	}
	
.backnumber h2{
	float:left;
	text-indent:-9999px;
	}
	
p.year{
	padding:8px 0 0 120px;
	}
	
.bnList{
	float:left;
	width:178px;
	margin:0 6px 6px 0px;
	}

.bnList ul{
	background-color:#e3f5f9;
	line-height:180%;
	}
	
	
.bnList li{
	padding:0 0 0 20px;
	background-image: url(../images/ln_list_icon.gif);
	background-position:10px 7px;
	background-repeat: no-repeat;
	}

	
/*--- pagetop ---*/
.pagetop{
	margin:10px 0 10px 0;
	text-align:right;
	}

	

/*---------------------------
      text
-----------------------------*/
.small{
	font-size:x-small;
	}