@charset "UTF-8";


/*----------------------------------------------------------------------------
	01：setting
----------------------------------------------------------------------------*/

body {
_behavior: url(js/csshover.htc);
background:url(../images/common/stripe_bg.png) ;

}
div#wrap {
width:950px;
background:url(../images/common/bg.png) repeat-x;
background-color:#102135;

margin:0 auto;

-webkit-box-shadow: 0px 6px 6px #000; /* Safari, Chrome用 */
-moz-box-shadow: 0px 6px 6px #000; /* Firefox用 */
box-shadow: 0px 6px 6px #000; /* CSS3 */
position:relative;
behavior: url(js/PIE.htc);
}

a:hover img.fadeimg,p a:hover,ul.ul01 li a:hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

div.fadenone {
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

h1 {
	text-indent:-9999px;
}
h2 {
	display:block;
	font-size:200%;
	font-weight:bold;
	text-indent:10px;
	line-height:60px;
	height:60px;
	width:890px;
	color:#133176;
	background:url(../images/common/h2_bg.jpg) no-repeat;
	margin-bottom:20px;
	_padding:2px 0;/*for IE6*/

}


h3 {
background:url(../images/common/arrow01.gif) no-repeat 5px center;
text-indent:20px;
background-color:#133176;
color:#fff;
height:30px;
line-height:30px;
font-weight:bold;
margin-bottom:10px;
font-size:130%;

}


h4 {
    color: #fff;
    text-indent: 5px;
    border: 1px solid #133176;
    border-left: 5px solid #133176;
    font-size: 120%;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #204C83;
    margin-bottom: 10px;
    background-color: #133176;
}


h5 {
color:#133176;	
font-size:110%;
font-weight:bold;
margin-bottom:5px;
}


.waku {
	padding:2px;
	border:1px solid #333;
}



table.table01{
	border:1px solid #ccc;
	width:100%;
}
table.table01 th {
padding:5px;
color:#333;
white-space:nowrap;
background-color:#DBF0F5;
}
.table01 td {
padding:5px;
border-bottom:1px solid #ccc;
}

.table01 td.right_border {
border-right:1px solid #ccc;

}



div.chu p{
	font-size:90%;
	margin-left:1em;
	text-indent:-1em;
}

.ul01,.ul01a {	list-style-type:none;}
.ul01 li{
	line-height:150%;
	padding-left:10px;
	background:url(../images/common/listmark01.gif) no-repeat 0 0.5em;
	margin-bottom:5px;
}


.center {text-align:center;}



a {
	color:#333;
}

a:link {
	color:#333;
}

a:visited {
	color:#333;
}

a:hover {
	color:#333;
}

a:active {
	color:#333;
}



/*---------------------------------------------
	04：header
----------------------------------------------------------------------------*/

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

div#header_upper {
background-color:#102135;
height:30px;
padding:10px;
}
div#header_upper_left {
color:#fff;
width:600px;
float:left;
}
div#header_upper_right {
color:#fff;
width:300px;
float:right;
}
div#header_upper_right p{
text-align:right;
}
div#header_upper_right p a {
background:url(../images/common/arrow01.gif) no-repeat left center;
color:#fff;
padding-left:12px;
}
/*----------------------------------------------------------------------------
	04：gnavi
----------------------------------------------------------------------------*/

div#gnavi {
position:absolute;
left:107px;
top:195px;
clear:both;
width:750px;
height:95px;
display:block;

z-index: 20;

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

#gnavi li { /*リストの1段目*/
  float: left;
  min-width:95px;
  padding:0 5px;
}



#gnavi ul ul { /*2段目以降*/
	
  display: none;
  position: absolute;
  z-index: 10;
}

#gnavi li li { /*2段目以降のリスト項目*/
display:block;
  clear: left;
  position:relative;
  width: 100%;
}

#gnavi ul ul ul { /*3段目以降*/
top: 0;
left: 100%;
white-space:nowrap;
}


#gnavi ul li:hover ul {
  display: block;
}




*+html #gnavi ul ul a { /*IE用*/
width: 107px; /*（119-5-5-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}



#gnavi a { /*1段目以降のメニュー文字*/
  display: block;
  color:#fff;
  text-decoration:none;
}

#gnavi a:hover {
  color:#99ffff;
}



#gnavi ul ul a { /*2段目以降のメニュー文字*/
display:block;
_height:20px;
_width:107px;
font-size: 90%;
padding: 2px 5px;
line-height:20px;
border-top: solid 1px #555555;
border-right: solid 1px #070707;
border-bottom: solid 1px #070707;
border-left: solid 1px #555555;
background-color: #343434;
background-color: #111;

}


/*----------------------------------------------------------------------------
	05：content
----------------------------------------------------------------------------*/


#main_column {
padding:0 20px 20px 20px;
width:910px;
}

div#main_column_white {
clear:both;
margin:20px;
background-color:#fff;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
border-radius: 5px;        /* CSS3草案 */
position:relative;
behavior: url(js/PIE.htc);
padding:10px;


}



div#pankuzu {
	position:relative;
	clear:both;
	width:950px;
margin:5px 0 10px 0;
 
}





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


div#return_top {
	width:950px;
	height:21px;
	clear:both;
position:absolute;
bottom:10px;
right:10px;
}
div#return_top img {
	float:right;
}


div.main_left {
	width:440px;
	float:left;
	
}
div.main_right {
	width:440px;
	float:right;
}

div#left_outer {
float:left;
width:200px;
margin-right:20px;
}

/*----------------------------------------------------------------------------
	06：footer
----------------------------------------------------------------------------*/
div#footer {
	width:950px;
	display:block;
	margin:0 auto;
	background:#102135;
	border-top:1px dotted #374B69;

-webkit-box-shadow: 0px 6px 6px #000; /* Safari, Chrome用 */
-moz-box-shadow: 0px 6px 6px #000; /* Firefox用 */
box-shadow: 0px 6px 6px #000; /* CSS3 */
position:relative;
behavior: url(js/PIE.htc);


}

div#footer p {
	text-align:center;
	line-height:160%;
	padding-top:5px;
	font-size:85%;
	color:#fff;
}

div#footer p a {
	color:#288cb7;
}


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

address {
	margin-top:10px;
	text-align:center;
	color:#fff;
	font-style:normal;
	font-size:80%;
}


.radius {
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
border-radius: 5px;        /* CSS3草案 */  
 
-webkit-box-shadow: 2px 2px 3px 0px #777; /* Safari, Chrome用 */
-moz-box-shadow: 2px 2px 3px 0px #777; /* Firefox用 */
box-shadow: 2px 2px 3px 0px #777; /* CSS3 */
position:relative;
behavior: url(js/PIE.htc);}

span.arrow {
	margin-left:5px;
	padding-left:10px;
	background:url(../images/common/arrow01.gif) no-repeat left center;
}

p.text_large {
font-size:170%;
font-weight:bold;
}




ol {
		counter-reset:li; /* Initiate a counter */
		margin-left:0; /* Remove the default left margin */
		padding-left:0; /* Remove the default left padding */
	}
	ol > li {
		position:relative; /* Create a positioning context */
		margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
		padding:4px 8px; /* Add some spacing around the content */
		list-style:none; /* Disable the normal item numbering */
		border-top:2px solid #666;
		background:#f6f6f6;
	}
	ol > li:before {
		content:counter(li); /* Use the counter as content */
		counter-increment:li; /* Increment the counter by 1 */
		/* Position and style the number */
		position:absolute;
		top:-2px;
		left:-2em;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:2em;
		/* Some space between the number and the content in browsers that support
		   generated content but not positioning it */
		margin-right:8px;
		padding:4px;
		border-top:2px solid #666;
		color:#fff;
		background:#666;
		font-weight:bold;
		font-family:"Helvetica Neue", Arial, sans-serif;
		text-align:center;
	}
	li ol,
	li ul {margin-top:6px;}
	ol ol li:last-child {margin-bottom:0;}
	
	


.zisage {
margin-left:1em;
text-indent:-1em;
}

p.white,p.white a {
color:#fff;
}
p {
font-size:90%;
}

.mr19 {
margin-right:19px;
}

.cap {position: relative;}
 
.cap img {
   border: 1px solid #999;
   margin: 0 !important;
   padding: 0 !important;
}
 
.cap p {
   position: absolute;
   left: 0;
   top: 0;
   color: #fff;
   padding: 5px;
   background: #999;

font-size:80%;
}
.w560 {
width:560px;
}
p.indent {
text-indent:1em;
}

table#top_photo td {
padding-bottom:10px;
padding-right:10px;
}
table#top_photo {
margin:0 auto;
}