@charset "UTF-8";

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 [[ GWDS CSS Framework ]]

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=	

 [ File Name   ] bpi1-1.css
 [ Version     ] 2.0 
 [ Desined by  ] Kiyoo Ishida
 [ Last UpDate ] 2008 Jun

*/
/*
--------------------------------------------------------------
[ Import Css Library ]
--------------------------------------------------------------
*/

@import '../lib/clear.css';
@import '../lib/font.css';
@import '../lib/common.css';
@import '../lib/form.css';
@import '../lib/sitemap.css';

/*
--------------------------------------------------------------
[ Choice Your Layout Styles ] 
--------------------------------------------------------------
*/

/*
 (2) 2 Column
If You Choice this layout,Please remove this [comment out]
*/

@import '../layout/l2-1.css';

/*
  --------------------------
  | header                 |
  --------------------------
  | grovalnavi             |
  --------------------------
  |      |                 |
  |      |                 |
  |      |                 |
  --------------------------
  | footer                 |
  --------------------------
*/

/*
--------------------------------------------------------------
[ XHTML Construction ]
--------------------------------------------------------------

body
 |
 |__ container
     |
     |__ header
     |    |__ header-inner
     |        |__ h-i-logo          ( logo image )
     |        |__ h1                ( text links )
     |        |__ h-i-navi          ( sitemap,contact link )
     |
     |__ glovalnavi
     |    |__ glovalnavi-inner      ( main navi )
     |
     |__ wrap
     |    |__ wrap-inner
     |        |__ contents-alpha    ( local navi, archives )
     |        |__ contents-beta     ( articles )
     |        |__ contents-gamma    ( banners,column articles)
     |        |__ contents-epsilon  ( options )
     |
     |
     |__ footer
          |__ footer-inner
              |__ f-i-navi          ( footer navi )
              |__ f-i-articles      ( articles-navi )
              |__ address           ( copyright )
*/
/*
--------------------------------------------------------------

--------------------------------------------------------------
*/
#container {background-image:url(../../img/bpi5-1/a-back.jpg);
           background-position: center;
           }
	  
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
* html body {font-family:'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family:'メイリオ',Meiryo,sans-serif;}

body      { color:#333333; font-weight:lighter;}
a,a:link  { color: #003CCE; font-weight:lighter; text-decoration: none; }
a:visited { color: #003CCE; font-weight:lighter; text-decoration: none; }
a:hover   { color: #00007C; font-weight:lighter; text-decoration:underline; }
a:active  { color: #003CCE; font-weight:lighter; text-decoration:underline; }
/*
       h1 {font-size: 90%; font-weight:lighter;}
       h2 {font-size: 120%;font-weight:lighter;}
       h3 {font-size: 115%;font-weight:lighter;}
       h4 {font-size: 110%;font-weight:lighter;}
       h5 {font-size: 105%;font-weight:lighter;}
       h6 {font-size: 100%;font-weight:lighter;}

hr { display: none;}
*/

/*
--------------------------------------------------------------
  #header 
--------------------------------------------------------------
*/

div#header
	{
	background-color:transparent; 
	background-position:center;
	background-repeat:no-repeat;
	}

div#header-inner 
	{
	width:900px;

	}

div#header-inner a
	{
	}

div#header-inner h1
	{
	}

div#header-inner h1 a
	{
	}

div#header-inner img
	{
		height:30px;
		margin-left: 25px;
	}
	
#h-i-logo {
	}

/*-------------------------
header inner navi
--------------------------*/

div#header-inner ul
	{
	}

div#header-inner ul li
	{
	}

div#header-inner ul li a
	{
	}
div#header-inner ul li a.here,
div#header-inner ul li a:hover
	{
	
	}

/* 
--------------------------------------------------------------
  #glovalnavi 
--------------------------------------------------------------
*/

div#glovalnavi
	{
	display: none;
	}

div#glovalnavi-inner
	{
	}

div#glovalnavi-inner ul li
	{
	}

div#glovalnavi-inner ul li a
	{

	}

div#glovalnavi-inner ul li a:hover
	{
	}

div#glovalnavi-inner ul li a.here
	{
	}

div#glovalnavi-inner h3 
	{
	}

/*
--------------------------------------------------------------
	#wrap 
--------------------------------------------------------------
*/

div#wrap
	{
	background: #FFFFFF;
	background-image:url(../../img/bpi5-1/a-back.jpg);
    background-position: center;
    background-repeat: repeat-y;
	}

div#wrap-inner 
	{
	width:860px;
	margin-top: 20px;
	background: #ffffff;
	}

/*
--------------------------------------------------------------
	#contents-alpha
--------------------------------------------------------------
*/

div#contents-alpha
	{
	
	width: 200px;
	height:100%;
	background-color: #ffffff;
	
	}

div#contents-alpha h3
	{
	width:100%;
	height:30px;
	line-height: 2.7em;
	text-indent: 1.5em;
	margin-bottom:10px;
	background:url(../../img/bpi5-1/c-a-h3-back.jpg) no-repeat top left;
	
	color: #999999;
	text-decoration: none;
	font-size:15px;
	}
	
div#contents-alpha ul
    {list-style:none;}
	
div#contents-alpha ul li a
	{
	display:block;
	width:200px;
	height:22px;
	background-color:transparent;
	padding-top:5px;
	text-indent: 21px;
	background:transparent url(../../img/bpi5-1/arrow-over.jpg) no-repeat 0px -2px;
	}

div#contents-alpha dl
	{
	margin-top:0px;
	}

div#contents-alpha dl dt a img
	{
	max-width:200px;
	border:1px solid #EEEEEE;
	}

div#contents-alpha dl dt a:hover img
	{
	color:#0000CC;
	}

div#contents-alpha dl dd
	{margin-bottom: 1em;
	font-size: 90%;}

div#contents-alpha.second{
     margin-top:21px;
	 }


/*
--------------------------------------------------------------
 #contents-beta 
--------------------------------------------------------------
*/

div#contents-beta
	{
	min-height:1000px;
	margin-left: 220px;
	background: transparent;
	}
	
div#contents-beta.second{
     margin-top:0px;
     padding-top:0px;
	 }

/*-------------------------
breadcrumbs (only second & third)
--------------------------*/

ul#c-b-breadcrumbs
	{
	width:100%;
	height: 1.5em;
	line-height: 1.5em;
	text-indent: 1em;
	list-style: none;
	}

ul#c-b-breadcrumbs li,
ul#c-b-breadcrumbs li a
	{
	float: left;
	font-size: 90%;
	}

/*-------------------------
h2
--------------------------*/

h2.top-h280,
h2.top-h210,
h2.top-h140
	{
	display: block;
	font-size:20px;
	width:100%;
	text-align: center;
	}

h2.top-h280 a,
h2.top-h210 a,
h2.top-h140 a
	{
	
	}
	
h2.top-h280{
    width: 900px;
    height:140px;
	background:url(../../img/bpi5-1/h2-top.jpg) no-repeat bottom center;
	margin-bottom: 20px;
    }
	
h2.top-h210{
    height:210px;
	background:url(../../img/bpi5-1/h2-top-2.jpg) no-repeat bottom center;
    }
	
h2.top-h140{
    height:140px;
    background:url(../../img/bpi5-1/h2-top-3.jpg) no-repeat bottom center;
}

h2.top-h280 a{
    height:280px;
    }

h2.top-h210 a{
    height:210px;
    }

h2.top-h140 a{
    height:140px;
    }

h2.top a:link,
h2.top a:visited,
h2.top a:hover,
h2.top a:active
	{
	color:#ffffff;
	font-weight:bold;
	}


h2.top-h280 p.msg-main,
h2.top-h210 p.msg-main,
h2.top-h140 p.msg-main
	{
	display: block;
	width:900px; 
	height:auto;
	padding:20px 0 0 2em;
	line-height:2em;
	text-align: left;
	text-indent: 1em;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	text-decoration: none;
	cursor:default;
	}
	
h2.top-h280 p.msg-sub,
h2.top-h210 p.msg-sub,
h2.top-h140 p.msg-sub
	{
	display: block;
	width:900px; 
	height:auto;
	padding-left:85px;

	line-height:0.9em;
	text-align: left;
	margin:0 auto;
	color:#ffffff;

	font-size:14px;
	}













div#contents-beta h2.second
	{
	width:680px;
	height:180px;
	line-height:2em;
	margin-top: 2px;
	text-indent: 0.5em;
	color: #000033;
	font-weight: bold;
	letter-spacing: 0.5em;
	font-size: 150%;
	background:url(../../img/bpi5-1/h2-second.jpg) no-repeat top left;
	}

/*
----------------------------------------------------------------
c-b-article (repeat article)
----------------------------------------------------------------
*/

div.c-b-article
	{
	width:100%;
	margin-bottom:2em;
	background: #FFFFFF;
	line-height: 2em;

	}

div.c-b-article-list
	{
	width:640px;
	margin-bottom:2em;
	border-bottom: 1px dotted #EFEFEF;
	background: #FFFFFF;
	float: left;
	}

div.c-b-article h3.second
	{
	display: block;
	width:100%;
	height:2em;
	line-height: 2em;
	text-indent: 1em;
	margin:0 0 1em 0;
	letter-spacing: 0.2em;
	font-size:15px;
	}

div.c-b-article-list h3.second
	{
	}

div.c-b-article h3 a,
div.c-b-article-list h3 a
	{
	color:#999999;
	font-weight: bold;
	font-size: 20px;
	line-height: 2.5em;
	text-decoration:none;
	}

div.c-b-article h3.second{background:url(../../img/bpi5-1/c-b-h3-back-second.jpg) no-repeat top left;}
div.c-b-article-list h3.second{background:url(../../img/bpi5-1/c-b-h3-back-second.jpg) no-repeat top left;}

div.c-b-article dl#companyDl
	{
	display: block;
	margin: 1em auto;
	}

div.c-b-article dl#companyDl dt,
div.c-b-article dl#companyDl dd
	{
	display: block;
	height:2.5em;
	line-height:2.5em; 
	float: left;
	border-top: 1px dotted #999999;
	}

div.c-b-article dl#companyDl dt {width:25%; text-align: left; text-indent:2em;}
div.c-b-article dl#companyDl dd {width:68%; padding-left:1em; height:auto;}

div.c-b-article-list ul li
	{
	display: block;
	height:2em;
	line-height:2em; 
	border-bottom: 1px dotted #999999;
	text-indent:2em;
	}

dl#c-b-top-bn
	{
	display: block;
	float:right;
	margin-bottom: 2em;
	}
/*
div.c-b-article table
	{
	width:90%;
	height:200px;
	margin:0 auto;
	background:#FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	}

div.c-b-article table th,
div.c-b-article table td
	{
	border:1px solid #b8bacd;
	}

div.c-b-article table th
	{
	background:#e8e8f2;
	font-weight:bold;
	text-align:center;
	}

div.c-b-article table thead th.weeka
	{
	width:150px;
	letter-spacing:0.2em;
	}

div.c-b-article table tbody td
	{
	text-align:center;
	}

div.c-b-article table tbody th.weekb,
div.c-b-article table tbody th.weekc
	{
	letter-spacing:0.2em;
	}
*/
/*-------------------------
clear fix
--------------------------*/

div.c-b-article dl:after,
div.c-b-article p:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}

*:first-child+html div.c-b-article p {display: inline-block;}
/*
div.c-b-article img
	{
	width:200px;
	margin:0 1em 1em 0;
	float: left;
	}
*/
/*float: left;→margin-left 0*/
/*float: right;→margin-right 0*/

div.c-b-article div#map
	{
	width:550px;
	height:350px;
	}

div.c-b-article img#map2
	{
	width:550px;
	clear:both;
	}


/*-------------------------
information date
--------------------------*/

p.c-b-a-date
	{
	display:block;
	padding-top:0px;
	padding-right:10px;
	text-align:right;
	text-indent: 3em;
	font-weight: normal;
	color:#a9a9a9  ;
	}

/*-------------------------
read more
--------------------------*/

p.return-top,
p.readmore
	{
	display:block;
	height:21px;
	width: 100%;
	clear:both;
	margin:0;
	position: relative;
	border-bottom: 1px dotted #999999;
	}

p.return-top a,
p.readmore a
	{
	display:block;
	height:21px;
	width: 160px;
	text-indent: 21px;
	line-height: 20px;
	margin-bottom: 1.5em;
	position: absolute;
	right: 0;
	font-size: 93%;
	}

p.return-top a{background:transparent url(../../img/bpi5-1/arrow-r-top.jpg) no-repeat 0px -2px;}
p.return-top a:hover{background:transparent url(../../img/bpi5-1/arrow-r-top.jpg) no-repeat 0px -22px;}

p.readmore a{background:transparent url(../../img/bpi5-1/arrow.jpg) no-repeat 0px -2px;}
p.readmore a:hover{background:transparent url(../../img/bpi5-1/arrow.jpg) no-repeat 0px -22px;}

/*
--------------------------------------------------------------
 #contents-gamma
--------------------------------------------------------------
*/

div#contents-gamma
	{
	display:none;
	}

div#contents-gamma dt a img
	{
	display:block;
	height:100px;
	width:200px;
	border: 1px solid #EFEFEF;
	}

div#contents-gamma dt a:hover img
	{
	display:block;
	height:100px;
	width:200px;
	border: 1px solid #33FF00;
	}

div#contents-gamma dd
	{
	margin:2px;
	width:200px;
	}

/* 
--------------------------------------------------------------
#footer 
--------------------------------------------------------------
*/

div#footer
	{
	clear: both;
	float: left;	 
	width: 100%;
	height: 80px;
	background:transparent url(../../img/bpi5-1/a-back.jpg) repeat-y top center;
    }

div#footer-inner
	{
	width:920px;
	height:80px;
	background: transparent url(../../img/bpi5-1/f-back.jpg) no-repeat top center;
	
	}

div#footer-inner ul
	{
	padding-top:2.5em;
	list-style: none;
	}

div#footer-inner ul li
	{
	margin-left:1em;
	}

div#footer-inner address
	{
	padding-top:2.5em;
	color: #FFFFFF;
	}
	
div#footer-inner ul li a{
color:#FFFFFF;

}



/*
--------------------------------------------------------------
Sitemap
--------------------------------------------------------------
*/

.tree ul
	{
	margin:0;
	background: url('../../img/img-common/ul.gif') repeat-y -0px 0px;
	}
.tree li
	{
	margin: 0px;
	list-style-type: none;
	}
.tree li a
	{
	color: #0066CC;
	}
.tree li a:hover{text-decoration:none;}
.tree ul ul{background: url('../../img/img-common/ul.gif') repeat-y -1px 15px;}
.tree ul li{background: url('../../img/img-common/li.gif') no-repeat 0px 7px;}
.tree ul li a {text-decoration:none;}
.tree ul li a:hover{text-decoration:underline;}
.tree ul ul li{background: url('../../img/img-common/li.gif') no-repeat 8px 7px;}
.tree ul ul li a{background-position: 0px 7px;}
.tree ul ul ul li a {background-position: 0px 7px;}