@charset "UTF-8";
/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

	[[ GWDS CSS Framework ]]

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

	[ File Name   ] top.css
	[ Version     ] 3.0 
	[ Desined by  ] Kiyoo Ishida
	[ Last UpDate ] Jan 2009
	[ Website     ] http://smg.or.jp/common/css/custom/top.css

*/

/*
--------------------------------------------------------------
	Import Settings
--------------------------------------------------------------
*/

@import '../lib/clear.css';
@import '../lib/font.css';
@import '../lib/common.css';
@import '../layout/layoutOne.css';
@import 'masthead.css';
@import 'glovalnavi.css';
@import 'contentssub.css';
@import 'footer.css';


body
	{background:#EAF1F6;}

/*
--------------------------------------------------------------
	div#keyvisual
--------------------------------------------------------------
*/

div#keyvisual
	{
	height: 240px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: url(../../img/keyvisualBack.jpg) repeat-x top center;
	}

div#keyvisualInner
	{
	width:880px;
	height: 240px;
	margin: 0px auto;
	position: relative;
	}

h2.keyvisualtop
	{
	background: url(../../img/keyvisualTop.jpg) no-repeat top center;
	display: block;
	width: 880px;
	height: 240px;
	margin: 0px;
	text-indent: -9999em;
	}

/*--Contact in top Keyvisual--*/

div#kIcontact
	{
	display: block;
	width: 192px;
	height: 95px;
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 100;
	}

div#kIcontact a
	{
	display: block;
	width: 192px;
	height: 95px;
	text-indent: -9999em;
	background: url(../../img/bnContact.gif) no-repeat top left;
	}

div#kIcontact a:hover
	{
	background: url(../../img/bnContact.gif) no-repeat bottom left;
	}

/*--Special banner in top Keyvisual--*/

div#kIspecial
	{
	display: block;
	width: 224px;
	height: 84px;
	position: absolute;
	top: 135px;
	right: 10px;
	z-index: 100;
	}

div#kIspecial a
	{
	display: block;
	width: 224px;
	height: 84px;
	}

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

div#wrap 
	{
	padding: 0px 0px 0px 0px;
	background: #FFF url(../../img/wrapBack.jpg) repeat-x top center;
	min-height: 680px;
	height: auto;
	}

div#wrapInner
	{
	width:890px;
	padding:10px 0px 0px 0px;
	background: transparent;
	min-height: 680px;
	height: auto;
	}

* html div#wrap 
	{
	margin-top: 0px;
	}

* html div#wrapInner
	{
	width:900px;
	}

/*
--------------------------------------------------------------
	div#contentsMain
--------------------------------------------------------------
*/

div#contentsMain
	{
	display: block;
	width: 610px;
	min-height: 600px;
	height: auto;
	float: left;
	margin: 15px 0px 0px 15px;
	background:transparent;
	}

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

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

div#contentsMainBody
	{
	display: block;
	width: 600px;
	height: 600px;
	margin: 20px 0 0px 0px;
	background:#FFF;
	}

div#contentsMainTops
	{
	display: block;
	width: 365px;
	height: 400px;
	float: left;
	margin: 0px 0px 0px 0px;
	background:transparent;
	}

div#contentsMainBns
	{
	display: block;
	width: 224px;
	height: 400px;
	margin: 0px 0px 0px -30px;
	float: right;
	background:transparent;
	}

/*
--------------------------------------------------------------
div#contentsMainTops
--------------------------------------------------------------
*/

div#contentsMainTops div#contentsMainTopinfo
	{
	display: block;
	width: 365px;
	height: 190px;
	margin: 0px 0px 0px 0px;
	background:transparent;
	position: relative;
	}


div#contentsMainTops div#contentsMainTopinfo h3
	{
	display: block;
	width: 365px;
	height: 34px;
	margin: 0px 0px 0px 0px;
	background:transparent;
	}

div#contentsMainTops div#contentsMainTopinfo ul
	{
	display: block;
	width: 350px;
	height: 100px;
	margin: 10px 0px 0px 10px;
	background:transparent;
	}

div#contentsMainTops div#contentsMainTopinfo ul li
	{
	font-size: 90%;
	}

* html div#contentsMainTops div#contentsMainTopinfo ul li
	{
	font-size: 80%;
	}

*:first-child+html div#contentsMainTops div#contentsMainTopinfo ul li
	{
	font-size: 80%;
	}

div#contentsMainTops div#contentsMainTopinfo a#cmTop
	{
	display: block;
	width: 365px;
	height: 29px;
	margin: 10px 0px 0px 0px;
	}

div#contentsMainTops div#contentsMainTopinfo a#cmTopFeed
	{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top:10px;
	}

div#contentsMainTops div#contentsMainTopDescription
	{
	display: block;
	width: 355px;
	height: 90px;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	background:#EFEFEF;
	font-size: 90%;
	}

* html div#contentsMainTops div#contentsMainTopDescription
	{
	font-size: 80%;
	}

*:first-child+html div#contentsMainTops div#contentsMainTopDescription
	{
	font-size: 80%;
	}

div#contentsMainTops div#contentsMainTopTkc
	{
	display: block;
	width: 365px;
	height: 80px;
	margin: 10px 0px 0px 0px;
	background:#FFF;
	}
	
/*
--------------------------------------------------------------
div#contentsMainBns
--------------------------------------------------------------
*/
div#contentsMainBns a
	{
	display: block;
	width: 224px;
	height: 84px;
	margin: 0px 0px 8px 0px;
	border: 1px solid #FFF;
	}

div#contentsMainBns a:hover
	{
	display: block;
	width: 224px;
	height: 84px;
	margin: 0px 0px 8px 0px;
	border: 1px solid #0099CC;
	}