@charset "UTF-8";

/* ===========================================================================

CSS Information

Update:2010/12/04

01：setting
02：Clear Fix Hack (Float Clear Hack)
03：header
04：gnavi
05:content
06:footer

=========================================================================== */

/*----------------------------------------------------------------------------
	01：framework
----------------------------------------------------------------------------*/
body {
background:fff;
_background:#fff;
_behavior: url(js/csshover.htc);
font-size:80%;
line-height:120%;


}
div#wrap {
background:url(../images/common/bg_shadow.png) repeat-y center;
_background:url(../images/common/bg_shadow_ie6.png) repeat-y center;
margin:0 auto;
}

/*----------------------------------------------------------------------------
	02：header
----------------------------------------------------------------------------*/
div#header_outer {
	clear:both;
	background:url(../images/common/header_bg.jpg) no-repeat center;
	height:220px;
}
div#header {
	clear:both;
	background:url(../images/common/header_bg.jpg) no-repeat center;
	width:810px;
	height:220px;
	display:block;
	margin:0 auto;
	position:relative;
}

div#header h1 a{
	text-indent:-9999px;
	display:block;
	width:550px;
	height:150px;
	position:absolute;
}
div#header p.desc {
	text-indent:-9999px;
}
div#header p#bpm-j_logo {
	float:right;
	width:50px;
	margin-top:10px;
	margin-left:10px;
}
div#facebook {
	float:right;
	width:110px;
	margin-top:17px;
	margin-left:8px;

}

div#facebook_logo {
	float:right;
	width:26px;
	margin-top:15px;

}

/*----------------------------------------------------------------------------
	03：gnavi
----------------------------------------------------------------------------*/
div#gnavi_outer {
	display:block;
	height:53px;
	background:url(../images/common/gnavi_bg.gif) no-repeat top center;
}
div#gnavi {
clear:both;
width:810px;
margin:0 auto;
height:53px;
display:block;
background:url(../images/gnavi_bg.gif) no-repeat;
z-index: 20;

}
#gnavi ul { /*リスト全体*/
  list-style: none;
}

#gnavi li { /*リストの1段目*/
  float: left;
  width:135px;
}


/*----------------------------------------------------------------------------
	04：breadcrumbs
----------------------------------------------------------------------------*/

div#breadcrumbs {
	clear:both;
	width:810px;
	margin:10px 0;
	height:20px;
}
div#breadcrumbs ul {
	display:inline;
}

div#breadcrumbs li{
	float:left;
	
}
div#breadcrumbs li a{
	float:left;
	background:url(../images/common/arrow01.gif) no-repeat right center;
	margin-right:5px;
	padding-right:15px;
}

/*----------------------------------------------------------------------------
	04：main
----------------------------------------------------------------------------*/

div#main {
	width:810px;
	margin:0 auto;
	overflow:inherit;

}

div#left_column {
	float:left;
	width:610px;
	margin-right:20px;
}

div#right_column {
float:right;
width:180px;
background:url(../images/common/right_column_middle_bg.gif) repeat-y ;

}

div#right_column_top {
	background:url(../images/common/right_column_top_bg.gif) no-repeat ;
	display:block;
	width:180px;
	height:10px;
	font-size:0;
}




/*----------------------------------------------------------------------------
	02：text
----------------------------------------------------------------------------*/


h4 {
	font-weight:bold;
	font-size:110%;
	color:#009933;
}


a {
	color:#333;
}

a:link {
	color:#333;
}

a:visited {
	color:#333;
}

a:hover {
	color:#E37723;
}

a:active {
	color:#333;
}



.dotted_line{
	width:100%;
	border-bottom:1px dotted #ccc;
	font-size:0;
	line-height:0;
	height:0;
}

table.table01{
border:1px solid #ccc;
border-collapse:separate;
width:600px;


}
.table01 th {
	padding:5px;
	color:#333;
	white-space:nowrap;
	border:1px solid #ccc;
	background:url(../images/common/bg_stripe02.gif);
	text-align:center;


	
}

.table01 td {
padding:5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;

}

.table01 td.last {
		padding:5px;
		border-bottom:0px;
}

p.chu{
	margin-left:1em;
	margin-bottom:5px;
	text-indent:-1em;
	font-size:90%;
	line-height:110%;
}


h4.bar {
	background:url(../images/common/h4_mark.gif) no-repeat left;
	padding-left:20px;
	margin-top:10px;
	margin-bottom:5px;
}
.ul01 {	list-style-type:none;}
.ul01 li{
	line-height:180%;
	padding-left:15px;
	background:url(../images/common/listmark02.gif) no-repeat 0 0.5em;
}


div#news_middle {
	background:url(../images/top/news_middle_bg.gif) repeat-y;
	display:block;
	width:610px;

}

div#news_bottom {
	background:url(../images/top/news_bottom_bg.gif) no-repeat;
	display:block;
	width:610px;
	height:20px;
}

/*----------------------------------------------------------------------------
	03：tab
----------------------------------------------------------------------------*/
div#header_upper_outer {
	text-align:center;
	
}
div#header_upper {
	text-align:left;
	width:810px;
	margin:0 auto;
	padding-top:20px;
	display:block;
}

ul#tab {
	display:inline;
}

ul#tab li {
margin-top:5px;
float:left;
margin-right:5px;
}
p#ics_logo {
	float:right;
}

div#subnavi {
	clear:both;
	margin:10px 0;
	width:810px;
}
div#subnavi ul {
	display:inline;
}
div#subnavi ul li {
	background:url(../images/common/list_mark01.gif) no-repeat left center;
	float:right;
	margin-left:15px;
	padding-left:10px;
}

div#page_top {
text-align:right;
height:28px;
width:810px;
margin:0 auto;
}
div#page_top img {
	margin-top:10px;
}

div#breadcrumbs p {
	font-size:90%;
}

/*----------------------------------------------------------------------------
	06：footer
----------------------------------------------------------------------------*/

div#return_top img {
	float:right;
}

div#footer {
	clear:both;
}
div#footer02_inner{
	width:810px;
	height:142px;
	display:block;
	margin:0 auto;
	background:url(../images/common/footer_bg.gif) no-repeat center;

}
div#footer02{
	clear:both;
	background:url(../images/common/footer_bg.gif) no-repeat center;
	height:142px;
}

div#footer table#toiawase {
	margin-bottom:2px;
	width:100%;

}

div#footer table#toiawase td {
vertical-align:top;
padding:5px 10px;
}


p#footer_navi {
	margin-top:5px;
	font-size:90%;
	text-align:center;
}



div#address {
	width:810px;
	margin:0 auto;
}

address {
	margin-top:10px;
	text-align:center;
	color:#666;
	font-style:normal;
	font-size:80%;
}
	
	
.w350 {
	width:350px;
}

.w150 {
	width:150px;
}
	
.mb07 {
	margin-bottom:7px;
}

.right_logo {
	margin:15px 0;
	text-align:center;
}

.inner {
	margin-left:5px;
	margin-right:5px;
}

.red,.red a {
	color:red;
}
.red a:link {
	color:red;
	text-decoration:underline;
}

.red a:visited {
	color:red;
}

.red a:hover {
	color:#D53E32;
}

.red a:active {
	color:red;
}