@charset "UTF-8";

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

 [[ GWDS CSS Framework ]]

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

 [ File Name   ] spt1-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 'spt1-2_safari.css';
@import 'spt1-2_opera92.css';
@import 'spt1-2_firefox.css';
@import 'spt1-2_chrome.css';
@import 'spt1-2_ie7.css';
@import 'spt1-2_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:#666666; font-weight:lighter; background-color: #ffffff}
a,a:link  { color:#000000; font-weight:lighter; text-decoration: none; }
a:visited { color:#000000; font-weight:lighter; text-decoration: none; }
a:hover   { color:#666666; 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-color: #FFFFFF;
width:100%;
height:100%;
margin:0px auto;
}

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

div#header
	{
	overflow:hidden;
	background:transparent url(../../img/spt1-2/h-back.gif) repeat-x bottom left;
	/*background-color:#0A0E1B;*/
	}

div#header-inner 
	{
	width:900px;
	height:70px;
	background:transparent url(../../img/spt1-2/h-i-back.jpg) repeat-x top left;
	overflow:hidden;
	}

div#header-inner h1
	{
	}

div#header-inner a
	{
	}

div#header-inner h1 a
	{
	}

div#header-inner img
	{
	margin:0.4em 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:0px;
	/*background:url(../../img/spt1-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:#50452E;
	/*font-size: 90%;*/
	font-size:12px;
	background:url(../../img/spt1-2/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:#50452E;
	background:url(../../img/spt1-2/h-i-li-back-ov.jpg) no-repeat top left;
	}

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

div#glovalnavi
	{
	position:absolute;
	top:70px;
	padding: 0px 0px 0px 0px;
	background:transparent url(../../img/spt1-2/g-back.jpg) repeat-x top left;
	width:100%;
	border-top:#e2e2e2 solid 1px;
	margin-bottom:300px;
	z-index:9;
	}

div#glovalnavi-inner
	{
	width:900px;
	height:30px;
	margin:0 auto;
	background:transparent url(../../img/spt1-2/g-i-back.jpg) repeat-x top left;
	}

div#glovalnavi-inner ul li
	{
	display:block;
	height:30px;
	line-height: 2.2em;
	letter-spacing:0.1em;
	width:180px;
	float:left;
	}

div#glovalnavi-inner ul li a
	{
	display:block;
	font-weight:bold;
	font-size:12px;
	height:30px;
	line-height: 2.2em;
	width:180px;
	text-align:center;
	color:#50452E;
	z-index:10;
	}

div#glovalnavi-inner ul li a:hover
	{
	text-decoration:none;
	color:#50452E;
	background-color:#99CCFF;
	background:transparent url(../../img/spt1-2/g-i-back-over.jpg) repeat-x top left;
	}

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

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

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

div#wrap
	{
	background: #;
	margin-top:0px;
background-image:url(../../img/spt1-2/back.jpg);
background-position:top;
background-repeat:repeat-x;
	}

div#wrap-inner 
	{
	width:910px;
	padding:10px 0 0.7em 0;
	background: #FFFFFF;
	}

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

div#contents-alpha
	{
	margin-left:10px;
	padding-top:0em;
	width: 200px;
	}
	
div#contents-alpha.top
	{
	margin-top:5px;
	}
	
div#contents-alpha.second
	{
	
	margin-top:50px;
	}

div#contents-alpha h3
	{
	width:100%;
	height:25px;
	font-size:14pxpx;
	font-weight:400;
	line-height: 1.8em;
	text-indent: 1.6em;
	margin:0 0 5px 0;
	/*background:url(../../img/spt1-2/c-a-h3-back.jpg) no-repeat top left;*/
	background-color:#38AB70;
	background-color:#4EBBD8;
	background-color:#0E2896;


	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;
	font-size:12px;
	background:transparent url(../../img/spt1-2/c-a-li-back.jpg) no-repeat 0px 0px;
	margin-bottom: 2px;
	color:#50452E;
	}
	
div#contents-alpha ul li a:hover
    {
	text-decoration:none;
	background:transparent url(../../img/spt1-2/c-a-li-back-ov.jpg) no-repeat 0px 0px;
	color:#50452E;
	}

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:220px;
	width:680px;
	background: transparent;
	background-color:#FFFFFF;
	}
	
div#contents-beta.second
	{
	min-height:800px;
	padding-left: 00px;
	margin-left:00px;
	width:900px;
	background: transparent;
	}

div#contents-beta.top
	{
	margin-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;
	background-color:#;
	margin-left:220px;
	margin-top:30px;
	margin-bottom:0px;
	}

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
	{
	background-color:#ffffff;
	background:url(../../img/spt1-2/h2-back.jpg) repeat-x top center;


	display: block;
	height:412px;
	margin:30px auto 0;
	overflow:hidden;
	text-align: center;
	width:100%; 


	}

h2.top-h280 a,
h2.top-h210 a,
h2.top-h140 a
	{
	background-color:#ffffff;
	background:url(../../img/spt1-2/h2-top.jpg) no-repeat top center; 


	cursor:default;
	display: block;
	font-size: 150%;
	font-weight:bold;
	height:412px;
	line-height:1.7em;
	margin:0 auto;
	padding:20px 00px 00px 20px;
	text-align:center; /* by endo */
	text-decoration: none;
	width:100%; 

	}

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:680px;
	height:280px;
	line-height:3em;
	margin-left:220px;
	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/spt1-2/h2-second.jpg) no-repeat top left;
	z-index:7;
	}

div#contents-beta h2.second-medium
	{
	width:680px;
	height:180px;
	line-height:3em;
	margin-left:220px;
	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/spt1-2/h2-second.jpg) no-repeat top left;
	z-index:7;
	}

div#contents-beta h2.second-small

	{
	width:680px;
	height:80px;
	line-height:3em;
	margin-left:220px;
	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/spt1-2/h2-second.jpg) no-repeat top left;
	z-index:7;
	}
/*
----------------------------------------------------------------
c-b-article (repeat article)
----------------------------------------------------------------
*/

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

div.c-b-article-list
	{
	width:680px;
	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:675px;
	height:25px;
	line-height: 1.7em;
	text-indent: 0.5em;
	margin:5px 0 0.3em 0;
	margin-left:0px;
	letter-spacing: 0.2em;
	border:solid #999999 1px;
	border-left:solid #38AB70 4px;
	border-left:solid #4EBBD8 4px;
	border-left:solid #0E2896 4px;


	font-size:15px;


	}
	
div#contents-beta.second div.c-b-article{
    margin-left:220px;
    }
	
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:#50452E;
	}

div.c-b-article h3.top,div.c-b-article h3.second{/*background:url(../../img/spt1-2/c-b-h3-back-second.jpg) no-repeat top left;*/}
div.c-b-article-list h3.second{/*background:url(../../img/spt1-2/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;
	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/spt1-2/arrow-r-top.jpg) no-repeat 0px -3px;}

p.return-top-top a:hover,
p.return-top-second a:hover
{background:transparent url(../../img/spt1-2/arrow-r-top.jpg) no-repeat 0px -23px;}

p.readmore a{background:transparent url(../../img/spt1-2/arrow.jpg) no-repeat 0px -3px;}
p.readmore a:hover{background:transparent url(../../img/spt1-2/arrow.jpg) 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 
--------------------------------------------------------------
*/

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

div#footer
	{
	text-align:center;
	height:120px;
	/*background:url(../../img/spt1-2/f-back.jpg) repeat-x top left;*/
	background-color:#e2e2e2;
	border-top:#999999 solid 1px;
	}

div#footer-inner
	{
	text-align:center;
	width:916px;
	height:100%;
	/*background:url(../../img/spt1-2/f-i-back.jpg) repeat-x top left;*/
	background-color:#e2e2e2;
	border-left:#999999 solid 1px;
	border-right:#999999 solid 1px;
	}

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:750px;
	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:560px;
    height: auto;
    margin-left:100px;
    margin-top:-20px;
    }