??/* For Bank of Japan Kushiro Branch Website */
/*-----------------------------
	./images/bg_header.jpg
	./images/bg_menu.jpg
	./images/bg_footer.jpg
	./images/bg_h1.jpg
	./images/pdf.gif
	./images/arrow.gif
------------------------------*/

body {
	margin:0;
	color:#444;
	font-size:0.9em;
	line-height:1.4;
	text-align:center;
	font-family:Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background:#999 url(./images/bg_body.jpg) repeat-x center top;
}

a:link		{
	text-decoration:none;	
}
a:active	{
	text-decoration:none;	
}
a:visited	{
	text-decoration:none;	
}
a:hover		{
	text-decoration:underline; 
}

a.kwd		{
	margin:0 3px; padding:0 3px; color:#06c; background-color:#eee; 
}
a.kwd:hover	{
	color:#fff; text-decoration:none; background-color:#06c; 
}

h1	{
	height:54px; margin-top:0; padding:12px 0 0 32px;
	color:#666; font-size:25px; text-align:left; letter-spacing:0.1em;
	background : transparent url(images/bg_h1.jpg) no-repeat left top;
}

h2	{
	padding:6px 8px; color:#333; font-size:1.0em; text-align:left; border:1px solid #69c; border-left:4px solid #69c; 
}

h3	{
	height:31px; margin-left:0; margin-right:0; padding:11px 0 0 12px;
	color:#036; text-align:left; letter-spacing:0.1em;
	border:1px solid #abc;
}

h4	{
	margin:1em; padding:2px 8px; color:#333; font-size:1.0em; text-align:left; border:0px solid #9c6; border-left:4px solid #9c6; 
}
h5	{
	margin-bottom:0; color:#583; font-size:1.0em; text-align:left; 
}

br.clear	{
	clear:both; margin-bottom:1em; 
}

/*--------*/
table.solid		{
	margin:1em; font-size:0.9em; font-family:Arial; border-collapse:collapse; border:1px solid #abc; 
}
table.solid tr	{
	font-size:1.0em; line-height:1.3; 
}
table.solid th	{
	padding:0.5em 0.8em; vertical-align:top; color:#333; border:1px solid #abc; background-color:#eee; 
}
table.solid td	{
	padding:0.5em 0.8em; text-align:left; vertical-align:top; border-right:1px solid #abc; border-bottom:1px solid #abc; 
}
table.solid .ng	{
	color:#666; text-decoration:line-through; background-color:#f8f8f8; 
}
table.solid .ec	{
	white-space:nowrap; text-align:center; background-color:#f0f0f0; 
}
table.solid .dc	{
	white-space:nowrap; text-align:center; background-color:#ddd; 
}
table.solid .e	{
	white-space:nowrap; background-color:#cde; color:#000; 
}
table.solid .d	{
	white-space:nowrap; background-color:#eee; 
}
table.solid .l	{
	text-align:left;  
}
table.solid .r	{
	text-align:right; 
}

table.nline		{
	font-size:0.8em; line-height:1.2; font-family:Arial; 
}
table.nline td	{
	padding-right:0.8em; vertical-align:top; 
}
table.nline .e	{
	white-space:nowrap; background-color:#f0f0f0; 
}
table.nline .d	{
	white-space:nowrap; background-color:#ddd; 
}
table.nline .l	{
	text-align:left;  
}
table.nline .r	{
	text-align:right; 
}

table.padd5		{
	font-family:Arial; 
}
table.padd5 td	{
	padding:0.8em; vertical-align:top; 
}

/*--画像マスク・サムネイル表示------------------------------------*/
div.mask_k	{
	width:160px; height:120px; background-color:#ccc; overflow:hidden; 
}
div.mask_l	{
	width:150px; height:150px; background-color:#ccc; overflow:hidden; 
}
div.mask_m	{
	width:100px; height:100px; background-color:#ccc; overflow:hidden; 
}
div.mask_s	{
	width:50px;  height:50px;  background-color:#ccc; overflow:hidden; 
}

.phbox_r	{
	float:right; margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #ccc; 
}
.phbox_r img	{
	border:0px solid #ccc; 
}
.phbox_nr	{
	float:right; margin-left:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; 
}
.phbox_nr img	{
	border:0px solid #ccc; 
}

.phbox_l	{
	float:left; margin:0 1em 1em 2em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #ccc; 
}
.phbox_l img	{
	border:0px solid #ccc; 
}
.phbox_nl	{
	float:left; margin-right:1em; margin-bottom:1em; padding:0.4em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; 
}
.phbox_nl img	{
	border:0px solid #ccc; 
}

.artx	{
	float:left; margin:1em; padding:0.6em; text-align:center;
	color:#666; font-size:0.8em; line-height:1.5; background-color:#fff; border:1px solid #eee; 
}
.artx img	{
	border:0px solid #ccc; 
}

.gline	{
	clear:both; height:8px; text-align:left; background-color:#696; 
}

/*-- インフォメーション --*/
.info		{
	margin:1em; padding:0.5em 0; 
}
.info ul	{
	margin:0; padding:0; list-style-type:none; 
}
.info li	{
	margin-bottom:8px; padding-bottom:8px; padding-left:18px; text-align:left;
	border-bottom:1px dotted #ccc; background : transparent url(images/arrow.gif) no-repeat left 2px; 
}
.info span	{
	padding-left:1em; color:#080; font-size:0.8em; font-weight:normal; font-family:Arial; 
}
.info .ttl	{
	margin-left:8px; padding-left:24px; color:#03c; font-weight:bold; background : transparent url(images/arrow.gif) no-repeat left 2px; 
}
.info .cmt	{
	margin-left:32px; font-size:0.9em; 
}

/*-- ヘッドライン --*/
.headline	{
	margin-bottom:0.5em; padding:0.1em; color:#360; font-weight:bold; border-bottom:1px dashed #ccc; 
}


.pdf	{
	padding-left:20px; padding-bottom:3px; background : transparent url(images/pdf.gif) no-repeat 0px 0px; 
}
.pdfb	{
	padding-left:20px; padding-right:20px; padding-bottom:3px; background : transparent url(images/pdf.gif) no-repeat left 0px; 
}
.gmap	{
	padding:3px 24px; background : url(images/gmap20.gif) no-repeat left top; 
}

.date	{
	color:#090; font-family:arial; 
}
.url	{
	color:#090; font-family:arial; 
}

.bltitle	{
	color:#039; font-size:1.8em; font-weight:bold; 
}
.bmtitle	{
	color:#039; font-size:1.1em; font-weight:bold; 
}
.bstitle	{
	color:#039; font-size:1.0em; font-weight:bold; 
}

.gtitle	{
	color:#090; font-size:1.8em; font-weight:bold; 
}
.price	{
	color:#c00; font-weight:bold; 
}
.gsmall	{
	color:#999; font-size:0.8em; 
}
.caution{
	color:#c00; font-size:0.8em; 
}
.red	{
	color:#c00; 
}

.ttl_bar{
	margin:4px 0 2em; 
}

.b		{
	font-weight:bold; 
}
.bb		{
	color:#000; font-size:1.2em; font-weight:bold; 
}

.small	{
	font-size:0.8em; 
}
.sfont	{
	font-size:0.8em; 
}
.mfont	{
	font-size:0.9em; 
}

.indent		{
	margin-left:20px; margin-bottom:3em; 
}

.halfbox	{
	float:left; width:49%; padding-right:1%; font-family:Arial; line-height:1.2; 
}
.halfbox h2	{
	margin-left:0;padding:4px 8px; color:#333; font-size:1.0em; text-align:left; border:0px solid #69c; border-left:4px solid #69c; 
}

.dotbox		{
	margin:8px; padding:8px; border:2px dashed #900; 
}
.dotbox h4	{
	margin:0; 
}

.spa_box	{
	padding:0.5em; color:#c00; background-color:#ffd; border:2px solid #fc6; 
}

.link_box		{
	margin:1em 2em; padding:0.4em 20px; font-size:1.0em; background : #ffffff url(images/arrow.gif) no-repeat left 7px; 
}
.link_box a		{
	font-size:1.0em; font-weight:bold; 
}
.link_box span	{
	color:#080; font-size:13px; font-weight:normal; 
}





/*-----------------------------------------------------------------*/
#wrapper {
	width:960px;
	margin:0 auto;
	padding:0 0 1em;
	background-color:#fff;
}

#header {
	width:900px;
	height:240px;
	margin:0 auto; padding:0; text-align:left;
	background : transparent url(images/bg_header.jpg) no-repeat left bottom;
}
#header img	{
	border-width:0; 
}

#ctrl {
	float:right;
	width:350px;
	padding-top:35px;
	color:#999; font-size:13px; text-align:right;
	background : transparent url(images/bg_ctrl.jpg) no-repeat left top;
}
#ctrl a		{
	padding:0 8px; 
}
#ctrl img	{
	border-width:0; 
}
#ctrl form	{
	margin:0; padding:28px 36px 0 0; 
}


#menu		{
	width:900px; height:50px; margin:0 auto; padding:0; background : transparent url(images/menu.jpg) repeat-x 0px 0px; 
}
#menu ul	{
	margin:0; padding:0; list-style-type:none; 
}
#menu li	{
	float:left; margin:0; color:#666; text-align:left; text-decoration:none; 
}
#menu a		{
	display:block; width:128px; height:50px; text-indent:-9999px; background : transparent url(images/menu.jpg) no-repeat 0px 0px; 
}

#menu .navi01 a			{
	background-position:    0px 0px; 
}
#menu .navi02 a			{
	background-position: -128px 0px; 
}
#menu .navi03 a			{
	background-position: -256px 0px; 
}
#menu .navi04 a			{
	background-position: -384px 0px; 
}
#menu .navi05 a			{
	background-position: -512px 0px; 
}
#menu .navi06 a			{
	background-position: -640px 0px; 
}
#menu .navi07 a			{
	background-position: -768px 0px; 
}
#menu .navi08 a			{
	background-position: -896px 0px; 
}

#menu .navi01 a:hover	{
	background-position:    0px -50px; 
}
#menu .navi02 a:hover	{
	background-position: -128px -50px; 
}
#menu .navi03 a:hover	{
	background-position: -256px -50px; 
}
#menu .navi04 a:hover	{
	background-position: -384px -50px; 
}
#menu .navi05 a:hover	{
	background-position: -512px -50px; 
}
#menu .navi06 a:hover	{
	background-position: -640px -50px; 
}
#menu .navi07 a:hover	{
	background-position: -768px -50px; 
}
#menu .navi08 a:hover	{
	background-position: -896px -50px; 
}

#pankz {
	width:900px;
	margin:0 auto; padding-top:24px;
	color:#999; font-size:13px; text-indent:24px; font-family:Arial; text-align:left;
}

#container {
	clear:both;
	width:780px;
	margin:1em auto;
	padding:24px 56px;
	text-align:left;
	border:1px solid #abc;
}
#container p	{
	margin:1em 2em; 
}

#main {
	float:left;
	width:640px;
	margin-left:30px;
	padding:24px 0;
	line-height:1.4;
	text-align:left;
}
#main dl	{
	margin:0; padding:0; 
}
#main dt	{
	margin-top:4px; padding-top:4px; color:#080; border-top:1px dotted #abc; 
}
#main dd	{
	margin:0; padding-left:2em; 	background : transparent url(images/arrow.gif) no-repeat 8px 2px; 
}

#sidebar {
	float:right;
	width:250px;
	margin-right:30px;
	padding:24px 0;
	line-height:1.4;
	text-align:left;
}
#sidebar p		{
	margin:0; padding:0 0 1em; 
}
#sidebar img	{
	border:none; 
}

#footer {
	clear:both;
	margin:0 auto;
	padding-bottom:4px;
	color:#999; font-size:0.8em; text-align:center; line-height:40px;
	background : transparent url(images/bg_footer.jpg) no-repeat center bottom;
}
#footer a	{
	padding:0 1em; 
}
#footer img	{
	border:none; 
}





/*-- Toppage --*/
#top_wnew {
	float:left;
	width:310px;
	margin:0;
	padding:40px 0 24px;
	background : transparent url(images/ttl_wnew.jpg) no-repeat center top;
}
#top_wnew p	{
	margin:1em; 
}

#top_info {
	float:left;
	width:310px;
	margin-left:15px;
	padding:40px 0 24px;
	background : transparent url(images/ttl_info.jpg) no-repeat center top;
}
#top_info p	{
	margin:1em; 
}

#top_next {
	clear:left;
	width:603px;
	padding:8px 15px;
	border:1px solid #abc;
	background-color:#ffc;
}
#top_next h3	{
	height:24px; margin:0; padding:4px 0 0;
	color:#036; text-align:left; letter-spacing:0.1em; border:none; border-top:3px solid #abc; 
}
#top_next .phbox_r	{
	float:right; margin:0; padding:0 0 0 15px; text-align:center;
	color:#666; font-size:0.8em; line-height:1.0; background-color:#ffc; border:1px solid #ffc; 
}