@charset "UTF-8";

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

 [[ GWDS CSS Framework ]]

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

 [ File Name   ] spis1-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';

/*
--------------------------------------------------------------
[ CSS Hack ]
--------------------------------------------------------------
*/
@import 'spis1-1_safari.css';
@import 'spis1-1_opera92.css';
@import 'spis1-1_firefox.css';
@import 'spis1-1_chrome.css';
@import 'spis1-1_ie7.css';
@import 'spis1-1_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にbackgroundを指定*/
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:#2c3763; font-weight:lighter; text-decoration: none; }
a:visited { color:#2c3763; font-weight:lighter; text-decoration: none; }
a:hover   { color:#1e2336; font-weight:lighter; text-decoration:underline; }
a:active  { color:#0E6177; font-weight:lighter; text-decoration:underline; }







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

div#container_over
   {
	width:100%;
	height:170px;
	margin:0px auto;
	background-color:#ffffff;
    background:transparent url(../../img/spis1-1/a-back.jpg) repeat-y top center;
   }

div#container
   {
	width:100%;
	height:100%;
	margin:0px auto;

   }


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

div#header
	{
	width:902px;
	height:123px;
	background:transparent url(../../img/spis1-1/h-back.jpg) no-repeat center;
	margin:0 auto;
	}

div#header-inner 
	{
	}

div#header-inner h1
	{
	}
	
div#header-inner a{
    }

div#header-inner h1 a
	{
	display:block;
	width:500px;
	height:123px;
	}

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

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

div#header-inner ul
	{


	display:block;
	width:246px;
	height: 30px;
	text-align: center;
	padding: 0 auto;
	margin-right:00px;
	background:url(../../img/m4-1/h-i-navi-back.gif) repeat-x top left;
	list-style: none;
	
	}

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

div#header-inner ul li a
	{
	display:block;
	height:2.5em;
	line-height: 2.0em;
	width:82px;
	color:#ffffff;
	/*font-size: 90%;*/
	font-size:12px;
	
	}
div#header-inner ul li a.here,
div#header-inner ul li a:hover
	{
	text-decoration:none;
	
	}



/* 
##############################################################
 h2
##############################################################
*/

div#h2-top-over
    {
	width:100%;
	height: 280px;
	background:transparent url(../../img/spis1-1/b-back.jpg) no-repeat top center;
	}

h2.top-h280,
h2.top-h210,
h2.top-h140
	{
    margin:48px auto 0px;
	display: block;
	text-align:left;
	width:902px; 
	height:280px;

	z-index:5;
	}



h2.top-h280 a,
h2.top-h210 a,
h2.top-h140 a
	{
	margin:0px auto;
	display: block;
	width:902px;
	line-height:0em;
	text-align: left;
	color:#003366;
	font-weight:bold;
	text-decoration: none;
	cursor:default;
	height:280px;
	background:url(../../img/spis1-1/h2-top.jpg) no-repeat 0px;
	}

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




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

div#glovalnavi
	{

	width:100%;
	height: 48px;
	background:transparent url(../../img/spis1-1/a-back.jpg) top center;
	position:absolute;
	top:123px;
	z-index:2;
	text-align:right;

	/* debug */
	/*border: solid 1px #000003;*/
	}

div#glovalnavi-inner
	{
	display:block;
	width:902px;
	height:46px;
	background-position:center;
	margin-top: 3px;

	}

div#glovalnavi-inner ul li
	{

	display:block;
	height:46px;
	padding-top:0px;
	width:179px;
	float:left;

	margin:0px 0px 0px 1px;
	font-weight:bold;

	}

div#glovalnavi-inner ul li a
	{

	display:block;
	height:46px;
	line-height: 3.1em;
	width:180px;
	text-align:center;
	color: #4f4f4f;

	background:transparent url(../../img/spis1-1/g-i-back.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-size:14px;
	letter-spacing: 5px;
	font-weight:bold;

	}

div#glovalnavi-inner ul li a:hover
	{

	text-decoration:none;
	color: #000000;

	background:transparent url(../../img/spis1-1/g-i-back-over.jpg);
	background-repeat:no-repeat;
	background-position:center;
	letter-spacing: 5px;
	font-weight:bold;

	}

div#glovalnavi-inner ul li a.here
	{

	text-decoration:none;
	color: #000000;

	background:transparent url(../../img/spis1-1/g-i-back-over.jpg);
	background-repeat:no-repeat;
	background-position:center;
	letter-spacing: 5px;
	font-weight:bold;

	}

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






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

div#wrap
	{
	background:transparent url(../../img/spis1-1/c-back.jpg) repeat-y top center;

	}

div#wrap-inner 
	{
	width:900px;
	padding:0.7em 0 0.7em 0;
	background: #;


	}








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


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

div#contents-alpha.top
	{

	margin-top:-290px;
	margin-left:609px;
	width: 292px;
	height:100%;

/*
	position:absolute;
	position:relative;
	z-index:10;
*/

	/* debug */
	/*border: solid 1px #000003;*/
	}


/* ｶｽﾀﾏｲｽﾞ start ----------------------------------- */

div#top-banner-space
	{
	display:block;
	width:292px;
	height:6px;


	position:relative;
	z-index:11;

	}

div#top-banner01
	{
	display:block;
	background:transparent url(../../img/spis1-1/top-banner01.jpg);
	width:292px;
	height:90px;

	position:relative;
	z-index:11;

	}
div#top-banner02
	{
	display:block;
	background:transparent url(../../img/spis1-1/top-banner02.jpg);
	width:292px;
	height:90px;

	position:relative;
	z-index:11;

	}
div#top-banner03
	{
	display:block;
	background:transparent url(../../img/spis1-1/top-banner03.jpg);
	width:292px;
	height:90px;

	position:relative;
	z-index:11;

	}



div#top-banner01_new
	{
	display:block;
	background:transparent url(../../img/spis1-1/top-banner01_new.jpg);
	width:292px;
	height:135px;

	position:relative;
	z-index:11;

	}
div#top-banner02_new
	{
	display:block;
	background:transparent url(../../img/spis1-1/top-banner02_new.jpg);
	width:292px;
	height:135px;

	position:relative;
	z-index:11;

	}






div#top-banner01_new2
	{
	display:block;
	background:transparent url(../../img/spis1-1/top-banner01_new2.jpg);
	width:292px;
	height:270px;

	position:relative;
	z-index:11;

	}
/* ｶｽﾀﾏｲｽﾞ end   ----------------------------------- */





div#contents-alpha.top h3
    {
    margin-top:15px;
	width:290px;
	height:50px;
	background:transparent url(../../img/spis1-1/c-a-h3-back.jpg);
	color:#ffffff;
	text-indent:0.5em;
	line-height:4em;
	font-size:15px;
	text-indent: 10px;

	}

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

	

div#contents-alpha.top ul li a
	{

	display:block;
	height:25px;
	text-indent: 15px;
	line-height: 2.4em;
	background:transparent url(../../img/spis1-1/c-a-li-back.jpg) no-repeat 0px 0px;
	margin-top:1px;
	color:#000000;

	list-style:none none;
	text-decoration:none;
	font-size:12px;
	height:30px;
	width:290px;

	}
	
div#contents-alpha.top ul li a:hover
    {
    background:transparent url(../../img/spis1-1/c-a-li-back-ov.jpg) no-repeat 0px 0px;
	color:#000000;
    }







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

div#contents-alpha.second 
	{

	margin-top:105px;
	margin-left:690px;
	padding-top:17px;
	width: 210px;

	/* debug */
	/*border: solid 1px #000003;*/

	}

div#contents-alpha.second h3
	{

	width:210px;
	height:50px;
	background:transparent url(../../img/spis1-1/c-a-h3-back-s.jpg);
	color:#ffffff;
	text-indent:0.5em;
	line-height:4em;
	font-size:15px;
	text-indent: 10px;
	}

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

	

div#contents-alpha.second ul li a
	{

	display:block;
	height:25px;
	text-indent: 15px;
	line-height: 2.4em;
	background:transparent url(../../img/spis1-1/c-a-li-back-s.jpg) no-repeat 0px 0px;
	margin-top:1px;
	color:#000000;

	list-style:none none;
	text-decoration:none;
	font-size:12px;
	height:30px;
	width:210px;

	}
	
div#contents-alpha.second ul li a:hover
    {
    background:transparent url(../../img/spis1-1/c-a-li-back-ov-s.jpg) no-repeat 0px 0px;
	color:#000000;
    }
















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

div#contents-beta.top
	{

	min-height:800px;

	width:600px;
	height:100%;

	margin:0px;
	padding:0px;

	background: transparent;
	background:transparent url(../../img/m4-1/c-b-second-back.jpg) repeat-y -00px 0px;


	position:relative;
	z-index:50;
	top:0px;


	/* debug */
	/*border: solid 1px #000003;*/

	}

div#contents-beta.second
	{

	min-height:800px;

	width:680px;
	height:100%;

	margin:0px;
	padding:0px;

	background: transparent;
	background:transparent url(../../img/m4-1/c-b-second-back.jpg) repeat-y -00px 0px;


	/* debug */
	/*border: solid 1px #000003;*/

	}



/*-------------------------
 #contents-beta 
 breadcrumbs (only second & third)
--------------------------*/


ul#c-b-breadcrumbs
	{
	padding-top:45px;
	padding-left:1px;
	width:100%;;
	height: 21px;
	line-height: 1.5em;
	text-indent: 5px;
	list-style: none;
	font-size: 12px;

	/* debug */
	/*border: solid 1px #000003;*/

	}

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





	
	
	
	
	
	

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

div#contents-beta h2.second
	{
	
	width:900px;
	height:46px;

	line-height: 35px;
	text-indent: 15px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 20px;
	background:url(../../img/spis1-1/h2-second.jpg) no-repeat;

	margin-top   : 0px;
	margin-left  : 0px;
	margin-right : 0px;
	margin-bottom: 0px;

	/* debug */
	/*border: solid 1px #000003;*/
	}

/*
----------------------------------------------------------------
 #contents-beta 
 c-b-article (repeat article)
----------------------------------------------------------------
*/

div.c-b-article
	{

/*
	width:668px;
	background: #ffffff;

	margin-bottom:2em;
	padding:10px;
*/

	width:95%;
	background: #ffffff;

	margin-bottom:2em;
	padding:0px 10px 10px;


	/* debug */
	/*border: solid 1px #000003;*/
	}







div.c-b-article  h3.top
    {

/*
	display: block;
	font-size:15px;
	height:1.4em;
	line-height: 2.1em;
	text-indent:1.7em;
	letter-spacing: 0.2px;

	background:url(../../img/spis1-1/c-b-h3-back-second.jpg) no-repeat top left;
	width:600px;
	height:30px;
	margin:0 0 0.5em 0;
	margin-top:10px;

	position:relative;
	left:-10px;
*/


	display: block;
	font-size:15px;
	height:1.4em;
	line-height: 2.1em;
	text-indent:1.7em;
	letter-spacing: 0.2px;

	background:url(../../img/spis1-1/c-b-h3-back-second.jpg) no-repeat top left;
	width:600px;
	height:30px;
	margin:0 0 0.5em 0;



	position:relative;
	z-index:51;
	left:-10px;



	
	/* debug */
	/*border: solid 1px #000003;*/

	}



div.c-b-article h3.second
	{
	display: block;
	font-size:15px;
	height:1.4em;
	line-height: 2.1em;
	text-indent:1.7em;
	letter-spacing: 0.2px;

	background:url(../../img/spis1-1/c-b-h3-back-second.jpg) no-repeat top left;
	width:675px;
	height:30px;
	margin:10px 0 0.5em 0;


	position:relative;
	left:-10px;
	
	
	/* debug */
	/*border: solid 1px #000003;*/

	}

div.c-b-article h3 a
	{
	text-decoration:none;
	color:#ffffff;
	font-weight: bolder;
	}

/*-------------------------
 #contents-beta 
 dl dd
--------------------------*/


div.c-b-article dl dt
	{
	width:150px;
	height:auto;
	}
	
div.c-b-article dl dd
    {
    width:400px;
    height: auto;
    margin-left:100px;
    margin-top:-20px;
    }



/*-------------------------
 #contents-beta 
 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 div#map
	{
	width:550px;
	height:350px;
	}

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

/*-------------------------
 #contents-beta 
 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;
	}

/*-------------------------
 #contents-beta 
 read more
--------------------------*/





p.return-top-top
	{
	display:block;
	height:21px;
	width: 595px;
	clear:both;
	padding:1em 0 0em 0;
	position: relative;
	border-bottom: 1px dotted #999999;
	}

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


p.return-top-second
	{
	display:block;
	height:21px;
	width: 672px;
	clear:both;
	padding:1em 0 0em 0;
	position: relative;
	border-bottom: 1px dotted #999999;
	}

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


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








/*
##############################################################
 #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:50px;
	padding-bottom:0px;
	background:transparent url(../../img/spis1-1/a-back.jpg) repeat-y top center;
	background-position:top;
	margin:0px auto;
	
	font-size:12px;
	}

div#footer-inner
	{
	width:904px;
	height:50px;
	background-color:#1e2336;
	margin:0px auto;
	}

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

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

div#footer-inner address
	{
	color:#FFFFFF;
	margin-top:0.1em;
	}





/*
##############################################################
other
##############################################################
*/


/*
--------------------------------------------------------------
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;}

/*
--------------------------------------------------------------
Waku Spacial
--------------------------------------------------------------
*/




#c-a-li-a-information,
#c-a-li-a-tpx,
#c-a-li-a-other21
 {

	color: #8b0000 ;

}








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

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