@charset "UTF-8";

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

 [[ GWDS CSS Framework ]]

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

 [ File Name   ] spm9-2.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';

/*
--------------------------------------------------------------
[ CSS Hack ]
--------------------------------------------------------------
*/
@import 'spm9-8_safari.css';
@import 'spm9-8_opera92.css';
@import 'spm9-8_firefox.css';
@import 'spm9-8_chrome.css';
@import 'spm9-8_ie7.css';
@import 'spm9-8_ie6.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 )
*/
/*
--------------------------------------------------------------

--------------------------------------------------------------
*/

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; background:url(../../img/spm9-8/bg.jpg) repeat-x top left;}
a,a:link  { color:#000000; font-weight:lighter; text-decoration: none; }
a:visited { color:#000000; font-weight:lighter; text-decoration: none; }
a:hover   { color:#333333; font-weight:lighter; text-decoration:underline; }
a:active  { color:#000000; 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;}
*/

/*
--------------------------------------------------------------
  #container
--------------------------------------------------------------
*/

div#container
{
background:url(../../img/spm9-8/container-back.jpg) repeat-y top center;
width:970px;
height:100%;
margin:0px auto;
margin-top:10px;
}

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

div#header
	{
	width:970px;
	height:120px;
	background:transparent url(../../img/spm9-8/h-back.jpg) no-repeat top center;
	/*background-color:#0A0E1B;*/
	}

div#header-inner 
	{
	position: relative;
	top:5px;
	width:910px;
	padding:0 10px;
	height:115px;
	background-color:#FFFFFF;
	background:transparent url(../../img/spm9-8/h-i-back.jpg) repeat-x top left;
	}

div#header-inner h1
	{
	}

div#header-inner a
	{
	}

div#header-inner h1 a
	{
	}

div#header-inner img
	{
	margin:1.0em 0.0em 0.0em 0em;
	}
	
* html #h-i-logo {
	behavior: expression(IEPNGFIX.fix(this));
	}

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

div#header-inner ul
	{
	display:block;
	width:300px;
	height: 30px;
	text-align: center;
	padding: 0 auto;
	margin-right:15px;
	/*background:url(../../img/spm9-2/h-i-navi-back.jpg) repeat-x top left;*/
	list-style: none;
	background-color:#000000;
	}

div#header-inner ul li
	{
	float: left;
	}

div#header-inner ul li a
	{
	display:block;
	line-height: 2.5em;
	width:100px;
	height:30px;
	color:#333333;
	font-size: 90%;
	background:url(../../img/spm9-8/h-i-li-back.jpg) no-repeat top left;
	}
div#header-inner ul li a.here,
div#header-inner ul li a:hover
	{
	text-decoration:none;
	background-color:#;
	color:#000000;
	background:url(../../img/spm9-8/h-i-li-back-ov.jpg) no-repeat top left;
	}

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

div#glovalnavi
	{
	text-align:center;
	position:absolute;
	top:85px;
	background:transparent url(../../img/spm9-8/g-back.gif) no-repeat top center;
	background-color:#;
	width:970px;
	height:40px;
	margin:0 auto;
	margin-bottom:0px;
	z-index:9;
	}

div#glovalnavi-inner
	{
	text-align:center;
	width:890px;
	height:40px;
	margin:0 auto;
	background:transparent url(../../img/spm9-8/g-i-back.gif) repeat-x top center;
	}

div#glovalnavi-inner ul li
	{
	display:block;
	height:40px;
	line-height: 3em;
	width:178px;
	float:left;
	}

div#glovalnavi-inner ul li a
	{
	display:block;
	font-weight:bold;
	height:40px;
	line-height: 3em;
	width:178px;
	text-align:center;
	color:#ffffff;
	z-index:10;
	}

div#glovalnavi-inner ul li a:hover
	{
	text-decoration:none;
	color: #ffffff;
	background-color:#99CCFF;
	background:transparent url(../../img/spm9-8/g-i-back-over.gif) repeat-x top left;
	}

div#glovalnavi-inner ul li a.here
	{
	text-decoration:none;
	color: #FF99FF;
	/*background:transparent url(../../img/spm9-2/g-i-back-over.jpg) repeat-x top left;*/
	}

div#glovalnavi-inner h3 { display: none;}

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

div#wrap
	{
	width:930px;
	background:#aae4f3 ;
	margin:0 auto;
	margin-bottom:-13px;
	padding-top:5px;
	height:100%;
	}

div#wrap-inner 
	{
	width:900px;
	
	/*background:transparent url(../../img/spm9-8/c-a-back.jpg) no-repeat bottom left;*/
	}

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

div#contents-alpha
	{
	margin-left:0px;
	padding:5px;
	width: 200px;
	height: auto;
	border: #04819e solid 1px
	}
	

div#contents-alpha.second
	{
	margin-top:205px;
	height: auto;
	}
	
div#contents-alpha.top
	{
	margin-top:-5px;
	}

div#contents-alpha h3
	{
	width:100%;
	height:25px;
	font-size:14pxpx;
	font-weight:400;
	line-height: 2.0em;
	text-indent: 1.6em;
	margin:0 0 5px 0;
	background:url(../../img/spm9-8/c-a-h3-back.gif) no-repeat top left;
	color: #FFFFFF;
	}

div#contents-alpha ul 
{list-style: none;}
	

div#contents-alpha ul li a
	{
	display:block;
	height:25px;
	text-indent:1.6em;
	line-height: 2em;
	background:transparent url(../../img/spm9-8/c-a-li-back.gif) no-repeat 0px 0px;
	margin-bottom: 1px;
	color:#333333;
	}
	
div#contents-alpha ul li a:hover
    {
	text-decoration:none;
	background:transparent url(../../img/spm9-8/c-a-li-back-ov.gif) no-repeat 0px 0px;
	color:#000000;
	}

div#contents-alpha dl
	{
	margin-top:15px;
	margin:15px auto;
	text-align:center;
	}

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

div#contents-alpha dl dt a:hover img
	{
	border:1px solid #CCCCCC;
	}

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


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

div#contents-beta
	{
	min-height:800px;
	padding-left: 00px;
	margin-left:230px;
	width:670px;
	background: transparent;
	}
	
div#contents-beta.second
	{
	min-height:800px;
	padding-left: 00px;
	margin-left:00px;
	width:900px;
	background: transparent;
	margin-top:-45px;
	}

div#contents-beta.top
	{
	margin-top:10px;
	}
/*-------------------------
breadcrumbs (only second & third)
--------------------------*/

ul#c-b-breadcrumbs
	{
	width:100%;
	height: 1.5em;
	line-height: 1.5em;
	text-indent: 1em;
	list-style: none;
	background-color:#;
	margin-left:0px;
	margin-top:40px;
	}

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;
	width:930px; 
	height:280px;
	text-align: center;
	margin:0 auto;
	background-color:#aae4f3;
	/*background:url(../../img/spm9-2/h2-top-back.jpg) repeat-x top center;*/
	}

h2.top-h280 a,
h2.top-h210 a,
h2.top-h140 a
	{
	display: block;
	width:900px; 
	height:260px;
	padding:20px 00px 00px 20px;
	padding:00px 00px 00px 00px;
	line-height:1.0em;
	text-align: left;
	margin:0 auto;
	margin-top:0px;
	font-weight:bold;
	text-decoration: none;
	background-color:#;
	background:url(../../img/spm9-8/h2-top.jpg) no-repeat top center;
	cursor:default;
	font-size: 150%;
	}

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

div#contents-beta h2.second
	{
	width:900px;
	height:180px;
	line-height:3em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
	text-indent: 1.5em;
	/*color:#1C1F52;*/
	font-weight: bold;
	letter-spacing: 0.5em;
	font-size: 150%;
	background:url(../../img/spm9-8/h2-second.jpg) no-repeat top left;
	z-index:7;
	}
div#contents-beta h2.second-medium
	{
	width:900px;
	height:120px;
	line-height:3em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
	text-indent: 1.5em;
	/*color:#1C1F52;*/
	font-weight: bold;
	letter-spacing: 0.5em;
	font-size: 150%;
	background:url(../../img/spm9-8/h2-second.jpg) no-repeat top left;
	z-index:7;
	}
div#contents-beta h2.second-small
	{
	width:900px;
	height: 60px;
	line-height:3em;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
	text-indent: 1.5em;
	/*color:#1C1F52;*/
	font-weight: bold;
	letter-spacing: 0.5em;
	font-size: 150%;
	background:url(../../img/spm9-8/h2-second.jpg) no-repeat top left;
	z-index:7;
	}

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

div.c-b-article
	{
	width:670px;
	margin-bottom:2em;
	padding:0em 0 0 0;
	/*border-bottom: 1px dotted #EFEFEF;*/
	}
	
div.c-b-article p{
	}

div.c-b-article-list
	{
	width:670px;
	margin-bottom:2em;
	padding:0.7em 10px;
	/*border-bottom: 1px dotted #EFEFEF;*/
	/*background: #cccccc;*/
	float: left;
	}

div.c-b-article h3.top,div.c-b-article h3.second
	{
	display: block;
	width:670px;
	height:30px;
	line-height: 2em;
	text-indent: 0.5em;
	margin:5px 0 0.3em 0;
	margin-left:0px;
	letter-spacing: 0.2em;
	font-size:15px;
	}
	
div#contents-beta.second div.c-b-article{
    margin-left:230px;
    }
	
div#contents-beta.top div.c-b-article{
    margin-top:0px;
    }

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

div.c-b-article h3 a,
div.c-b-article-list h3 a
	{
	color:#ffffff;
	}

div.c-b-article h3.top,div.c-b-article h3.second{background:url(../../img/spm9-8/c-b-h3-back-second.gif) no-repeat top left;}
div.c-b-article-list h3.second{background:url(../../img/spm9-8/c-b-h3-back-second.gif) 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;
	height:1.5em;
	line-height: 1.5em;
	width: 100%;
	clear:both;
	margin:0.7em 0;
	text-indent: 1em;
	font-weight: bold;
	}

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

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

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

p.return-top-top a,
p.return-top-second a
{background:transparent url(../../img/spm9-8/arrow-r-top.gif) no-repeat 0px -3px;}
p.return-top-top a:hover,
p.return-top-second a:hover
{background:transparent url(../../img/spm9-8/arrow-r-top.gif) no-repeat 0px -23px;}

p.readmore a{background:transparent url(../../img/spm9-8/arrow.gif) no-repeat 0px -3px;}
p.readmore a:hover{background:transparent url(../../img/spm9-8/arrow.gif) no-repeat 0px -23px;}

/*
--------------------------------------------------------------
 #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
	{
	text-align:center;
	margin:0 auto;
	border:solid #FFFFFF 5px;
	width:930px;
	height:120px;
	/*background:url(../../img/spm9-2/f-back.jpg) repeat-x top left;*/
	background-color:#e2e2e2;
	/*border: #FFFFFF solid 5px;*/
	}

div#footer-inner
	{
	text-align:center;
	width:930px;
	height:100%;
	/*background:url(../../img/spm9-8/f-back.jpg) no-repeat bottom right;*/
	background-color:#e2e2e2;
	}

div#footer-inner ul
	{
	text-align:center;
	padding-top:1em;
		list-style: none;
	}

div#footer-inner ul li a
	{
	margin-right:1em;
	color:#000000;
	}

div#footer-inner address
	{
	margin-top:1em;
	color:#000000;
	}

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

.tree ul
	{
	padding:0;
	margin:0;
	background: url('../../img/img-common/ul.gif') repeat-y -0px 0px;
	}
.tree li
	{
	margin: 0px;
	padding: 3px 0 3px 24px;
	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;}






/*
--------------------------------------------------------------
top topix
--------------------------------------------------------------
*/

div#contents-omega
	{
	width:590px;
	height: auto;
	margin-left: 10px;
	overflow:visible;line-height:1.5em;
	}	
	
div#contents-omega dl dt
	{
	width:150px;	line-height: 2.0em;
	height:auto;
	}
	
div#contents-omega dl dd
    {
    width:400px;
    height: auto;
    margin-left:100px;
    margin-top:-20px;
    }