/*
===========================================================================
|		  index
===========================================================================
*/

body,html{
	height: 100%;
	overflow:hidden;
}


#wrapper{
	height: 100%;
	/*min-width: 1000px;*/
	position: relative;
	background:  url(/mt-static/themes/josuikan/images/common/corner_line.gif) repeat-y  0 0;
	overflow:hidden;
}




/*=============================
| 		  menu
=============================*/
div#navi{
	width:360px;
	height:100%;
	float:left;
}
div#navi div.inner{
	height:100%;
	background:url(/mt-static/themes/josuikan/images/common/logo_gray.gif) no-repeat 20px bottom;
	height: 100%;
}
div#navi div.logo{
	padding: 15px 0 15px 20px;
	margin-left: 10px;
	height:80px;
}
div#navi div.logo a{
	width: 200px;
	height: 50px;
	display:block;
}
div#navi div.logo span{
	display: block;
	width:1px;
	position:absolute;
	top: -99999px;
}
div#navi div.bg{
	height:100%;
	background:transparent url(/mt-static/themes/josuikan/images/sample_head_bg.jpg) no-repeat 8px 0;
}

/* main menu*/
ul#menuNavi{
	padding: 0 0 0 30px;
	margin:0;
	list-style-type:none;
	width: 145px;
	font-size: 100%;
}
ul#menuNavi li{
	padding: 0px;
	margin:0 0 8px 0;
	line-height: 100%;
	position:relative;
	height:20px;
}
ul#menuNavi li a{
	background:url(/mt-static/themes/josuikan/images/common/square_off.gif) no-repeat 0 50%;
	padding: 6px 0 6px 14px;
	zoom:1;
	display:block;
	text-decoration: none;
}

/*!!daiwa!!For IE6*/
* html ul#menuNavi li a{
	padding: 3px 0 3px 14px;
}

ul#menuNavi li.on a{
	background:url(/mt-static/themes/josuikan/images/common/square_on.gif) no-repeat 0 50%;
}

ul#menuNavi li a:hover{
	background:url(/mt-static/themes/josuikan/images/common/square_on.gif) no-repeat 0 50%;
	/*background-color: #efefef;*/
	color:#ff88a7
}
ul#menuNavi a,
ul#menuNavi a:visited{
	color: #333333;
}

/* sub menu*/
ul#menuNavi li ul.submenu{
	list-style-type: none;
	padding:0;
	margin:0;
	position:absolute;
	left: 150px;
	top:3px;
	width: 170px;
	border-top: 1px solid #999999;
	font-size: 90%;
	z-index:5;

}
ul#menuNavi li ul.submenu li{
	padding:0;
	margin:0 ;
	border-bottom: 1px solid #999999;
	position: static;
	height: auto;
}
ul#menuNavi li ul.submenu li a{
	background:url(/mt-static/themes/josuikan/images/common/arrow_off.gif) no-repeat 0 50%;
	padding: 4px 0 4px 14px;
	display:block;
	text-decoration: none;
}
ul#menuNavi li ul.submenu li a:hover{
	background:url(/mt-static/themes/josuikan/images/common/arrow_on.gif) no-repeat 0 50%;
	/*background-color: #efefef;*/
}
ul#menuNavi li ul.submenu li.on a{
	background:url(/mt-static/themes/josuikan/images/common/arrow_on.gif) no-repeat 0 50%;
	color:#ff88a7;
}


/* off over on*/
ul#menuNavi li ul.off{
	display: none;
}

/* off over on*/
ul#menuNavi li ul.on{
	display: block;
}

/*=============================
| 		  main
=============================*/

#main{
	margin-left:360px;
	/*min-width: 600px;*/
	padding:0 0px 0 0;
	height: 100%;
	position: relative;
}
#contents{
	padding-top: 48px;
	background:transparent url(/mt-static/themes/josuikan/images/common/contents_line.gif) repeat-y;
	padding-left: 1px;
}

#main div#honbun{
	overflow:auto;
	padding: 10px 0px 0px 0;

}
#main div#honbun div.paragraph{
	padding: 0 0 10px 0px;
}
#main div#honbun div.naviParagraph{
	padding: 15px 0 30px 0px;
}
#main div.inner{
	padding: 0 10px 10px 10px;
}

/*
	header navi
*/
div.envNavi{
	/*white-space: nowrap;*/
	overflow:hidden;
	height: 40px;
	position: absolute;
	right:0;
	top:0;
	font-size: 90%;
	z-index:10;
	background-color:#FFF;
}
div.envNavi ul{
	list-style-type: none;
	float:right;
	padding:15px 20px 0 0;
	margin:0;
}

div.envNavi li{
	list-style-type: none;
	float: left;
	padding: 0 0 0 12px;
}
div.envNavi input#searchField{
	width: 130px;
	border:1px solid #dddddd;
	background-color: #ffffff;
	margin: 0 5px 0 0px ;
	padding:0;
}
div.envNavi input#searchButton{
	background-color: #efefef;
	border:1px solid #efefef;
	font-size: 85%;
	color: #426fbc;
	padding: 1px 4px;
	width: 80px;
}

div.envNavi a,
div.envNavi a:visited{
	color: #333333;
}

/*=============================
| 		paragraph
=============================*/
a.link{
	background:url(/mt-static/themes/josuikan/images/common/arrow_off.gif) no-repeat 0 4px;
	padding: 0px 0 0px 10px;
}



img.rightPhoto{
	float:right;
	padding: 0 0 5px 5px;
}
img.leftPhoto{
	float:left;
	padding: 0 5px 5px 0;
}



div#pageTop{
	width: 33px;
	height: 33px;
	background-color: #000000;
	position: absolute;
	right: 25px;
	bottom: 10px;
	background: url(/mt-static/themes/josuikan/images/common/go_top.png) no-repeat;
	cursor:pointer;
}
* html div#pageTop{
behavior: url(/mt-static/themes/josuikan/js/iepngfix.htc) ;
}
div#pageTop a{
	display:block;
	width: 33px;
	height: 33px;
}
div#pageTop span{
	display:block;
	width:1px;
	position: absolute;
	top: -9999px;
}
span.label{
	display:block;
	width: 1px;
	position: absolute;
	top: -9999px;
}

/*=============================
| 		pageNavi
=============================*/
div.pageNav{
	background-color: #efefef;
	padding: 0px;
	margin: 0 0 0px 0;
	zoom:100%;
}
div.pageNav h4{
	margin :0;
}

div.pageNav ul{
	list-style-type:none;
	margin:0;
	padding:5px 10px;
}

div.pageNav li{
	display:inline;
	/*white-space:nowrap;折り返し禁止　IE6で効かず*/ 
	margin: 0 8px 0 0 ;
	padding: 0 8px 0 0 ;
	border-right: 1px solid #cccccc;
	
}


/*=============================
| 		item
=============================*/
div.item{
	margin: 0 0 30px 0;
}

/*=============================
| 		bg_koushou    !!daiwa!!
=============================*/

div#bg_koushou{
	position: absolute;
	right: -30px;
	top: 120px;
	z-index:-1;

}


/*=============================
| 		footer
=============================*/
#copyright{
	position: absolute;
	bottom: 10px;
	left: 30px;
	color :#999999;
	font-size: 85%;
	line-height: 100%;
}


