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

 [[ GWDS CSS Framework ]]

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

 [ Last UpDate ] 2009 June
 [ Website     ] http://gwds.jp/
 See Readme file in this directory 
 for further instructions.

*/
/*
--------------------------------------------------------------
[ Import Css Library ]
--------------------------------------------------------------
*/
@import '../lib/clear.css';
@import '../lib/font.css';
@import '../lib/common.css';
@import '../lib/form.css';
@import '../lib/sitemap.css';
@import '../layout/l2-2.css';


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

div#wrap 
	{
	display:block;
	width:100%;
	min-height:720px;
	margin-top:0px;
	padding-top:0px;
	background:#FFFFFF url('../../img/w-i-back.jpg') repeat-x;
	}

div#wrap-inner 
	{
	display:block;
	width:960px;
	margin:0 auto;
	padding:0px;
	position:relative;
	}

/*
--------------------------------------------------------------
#KeyVisual
--------------------------------------------------------------
*/

div#wrap-inner ul#keyvisual
	{
	display:block;
	width:960px;
	height:290px;
	padding:0px;
	background-image: url(../../img/k-v-back.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

div#wrap-inner ul#keyvisual li
	{
	display:block;
	width:250px;
	height:290px;
	float:left;
	position:relative;
	}

div#wrap-inner ul#keyvisual li a
	{
	display:block;
	width:250px;
	height:290px;
	padding:0px;
	float:left;
	}

div#wrap-inner ul#keyvisual li a img
	{
	display:block;
	width:199px;
	height:43px;
	position:absolute;
	bottom:20px;
	}

* html div#wrap-inner ul#keyvisual li a img
	{
	behavior: expression(IEPNGFIX.fix(this));
	}

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

div#wrap-inner div#contents-beta 
	{
	background:transparent;
	}

/*
--------------------------------------------------------------
	#c-b-alpha
--------------------------------------------------------------
*/

div#wrap-inner div#c-b-alpha 
	{
	width:668px;
	height:110px;
	margin:10px 0 0 0px;
	clear:both;
	}

div#c-b-alpha h2
	{
	display:none;
	}

div#c-b-alpha dl
	{
	width:157px;
	height:110px;
	margin-right:10px;
	background:#FFFFFF url('../../img/c-b-alpha-back.jpg') no-repeat 0px 0px;
	float:left;
	position:relative;
	}

div#c-b-alpha h3
	{
	display:block;
	width:140px;
	height:2em;
	line-height:1.1em;
	margin:8px auto 5px;
	clear:both;
	}

div#c-b-alpha h3 a
	{
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	}

*:first-child+html div#c-b-alpha h3 a
	{font-size:80%;}
* html div#c-b-alpha h3 a
	{font-size:75%;}

div#c-b-alpha dl dd
	{
	width:138px;
	margin:0px auto;
	padding-top: 5px;
	clear:both;
	}

div#c-b-alpha dl dd a
	{
	font-size:90%;
	color:#000000;
	text-decoration:none;
	}

div#c-b-alpha dl dd a:hover{text-decoration:underline;}

*:first-child+html div#c-b-alpha dl dd a
	{font-size:70%;}

* html div#c-b-alpha dl dd a
	{font-size:65%;}

div#c-b-alpha dl dd a.morepink,
div#c-b-alpha dl dd a.moreorange,
div#c-b-alpha dl dd a.moreblue,
div#c-b-alpha dl dd a.moregreen
	{
	display:block;
	width:58px;
	height:20px;
	text-indent:-9999px;
	position:absolute;
	left:10px;
	bottom:5px;
	}

div#c-b-alpha dl dd a.morepink{background:url('../../img/morepink.jpg') no-repeat 0px 0px;}
div#c-b-alpha dl dd a.moreorange{background:url('../../img/moreorange.jpg') no-repeat 0px 0px;}
div#c-b-alpha dl dd a.moreblue{background:url('../../img/moreblue.jpg') no-repeat 0px 0px;}
div#c-b-alpha dl dd a.moregreen{background:url('../../img/moregreen.jpg') no-repeat 0px 0px;}

/*
--------------------------------------------------------------
	#c-b-beta
--------------------------------------------------------------
*/

div#c-b-beta
	{
	width:668px;
	height:100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

div#c-b-beta h2
	{
	display:none;
	}

div#c-b-beta dl
	{
/*	display:inline;*/
/*	width:320px;*/
	height:auto;
	margin:10px 10px 0 0;
	padding-bottom:20px;
/*	float:left;*/
	}

div#c-b-beta h3
	{
	display:block;
/*	width:320px;*/
	height:2em;
	background:#EFEFEF;
	line-height:2em;
	font-size:90%;
	font-weight:bold;
	text-indent:1em;
	color: #494d4e;
	border-top: #aaaaaa 1px solid;
	}

div#c-b-beta p.readmore a
	{
	height:2em;
    margin-top:-20px;
	padding-right:10px;
	line-height:1.5em;
	font-size:90%;
	text-align:left;
	text-indent:10px;
	float:right;
	}
	
*:first-child+html div#c-b-beta p.readmore a
	{
	font-size:70%;
	line-height:2.5em;
	}

div#c-b-beta dl dd ul
	{
	margin-left:10px;
	font-size:95%;
	text-decoration:underline;
	line-height:2;
	}
*:first-child+html #c-b-beta dl dd ul
	{
	margin-left:10px;
	font-size:70%;
	text-decoration:underline;
	line-height:2;
	}
/*
--------------------------------------------------------------
	Class
--------------------------------------------------------------
*/

div#c-b-alpha h3.pink a{color:#e3005b;}
div#c-b-alpha h3.orange a{color:#e0521f;}
div#c-b-alpha h3.blue a{color:#016aaf;}
div#c-b-alpha h3.green a{color:#006600;}

div#c-b-alpha h3.pink a:hover,
div#c-b-alpha h3.orange a:hover,
div#c-b-alpha h3.blue a:hover,
div#c-b-alpha h3.green a:hover{text-decoration:underline;}


/*
--------------------------------------------------------------
 * top menu *      add by nakamura
--------------------------------------------------------------
*/

div#c-b-beta dl dd ul{
	margin-left:5px;
	font-size:95%;
	text-decoration:none;
	line-height:1.5;
}

*:first-child+html #c-b-beta dl dd ul
	{
	margin-left:10px;
	font-size:70%;
	text-decoration:underline;
	line-height:2.5;
	}
	
div#c-b-beta dl dd ul li{
	margin-top:6px;
	background:url('../../img/gray_arrow.gif') no-repeat left 4px;
	padding-left:10px;
}

*:first-child+html #c-b-beta dl dd ul li{
	margin-top:10px;
	background:url('../../img/gray_arrow.gif') no-repeat left 4px;
	padding-left:10px;
}


div#c-b-beta dl dd ul li.new_arrow{
	background:url('../../img/red_arrow.gif') no-repeat left 4px;
}

div#c-b-beta dl dd ul li span.date_txt{
	font-size:90%;
	color: #555;
}

*:first-child+html #c-b-beta dl dd ul{
	margin-left:5px;
	font-size:70%;
	text-decoration:none;
	line-height:1.5;
}

