@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 '../lib/table.css';
@import '../layout/l2-2.css';


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

div#wrap 
	{
	background:#FFFFFF url('../../img/w-i-s-back.jpg') repeat-x;
	min-height:720px;
	}

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

div#wrap-inner h2
	{
	height:52px;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	color:#1f333b;
	font-weight:bold;
	font-size:140%;
	}

/*
--------------------------------------------------------------
#breadcrumbs
--------------------------------------------------------------
*/

ul.breadcrumbs
	{
	height:1.5em;
	line-height: 1.5;
	margin:15px 0px;
	}

ul.breadcrumbs li
	{
	display: inline;
	}

ul.breadcrumbs li a
	{
	font-size: 90%;
	}

* html ul.breadcrumbs li a	{font-size:80%;}


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

div#contents-alpha
	{
	display:block;
	width:705px;
	height:40px;
	margin:0px 0px 20px 0px;
	}

div#contents-alpha ul
	{
	width:550px;
	height:40px;
	background:url('../../img/c-a-back.jpg') no-repeat 0px 0px;
	float:right;
	}

*:first-child+html div#contents-alpha ul li {
margin-top: 14px;
}

div#contents-alpha ul li
	{
	display:block;
	width:155px;
	height:30px;
	text-align:center;
	float:left;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

div#contents-alpha ul li a
	{
	color:#666666;
	text-decoration:none;
	}

div#contents-alpha ul li a:hover{text-decoration:underline;}

div#contents-alpha
	{
	font-size:95%;
	}

* html div#contents-alpha
	{
	font-size:75%;
	}

*:first-child+html div#contents-alpha
	{
	font-size:75%;
	}

/*

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

div#contents-beta
	{
	padding-bottom:20px;
	background:transparent;
	float:left;
	}


/* 
---------------------------------------------------------------- 
	c-b-article 
---------------------------------------------------------------- 
*/

div.c-b-article
	{
	display:block;
	width:480px;
	min-height:450px;
	height:auto;
	background:url('../../img/c-b-l-back.jpg') no-repeat 0px 0px;
	padding:0px 15px;
	clear:both;
	}

div.c-b-article h2
	{
	height:2em;
	text-indent:1em;
	}

div.c-b-article h3
	{
	height:3em;
	line-height:3em;
	font-size:120%;
	font-weight:bold;
	}

*:first-child+html div.c-b-article h4 {
font-size: 90%;
}

div.c-b-article h4
	{
	margin:1.5em 0em;
	padding:4px 0 4px 10px;
	border-bottom: 1px solid #cccccc;
	background: #87888a;
	font-size:110%;
	clear:both;
	font-weight: bold;
	color: #ffffff;
	}

*:first-child+html div.c-b-article h5 {
font-size: 90%;
}


div.c-b-article h5
	{
	margin:1.5em 0em 0.7em 0em;
	text-indent:0.5em;
	line-height:1.5em;
	border-bottom: 1px solid #999999;
	font-size:110%;
	clear:both;
	font-weight: bold;
	}


div.c-b-article img
	{
	margin-top:1em;
	}

* html .png
	{
	behavior: expression(IEPNGFIX.fix(this));
	}

div.c-b-article .case-img
	{
	padding:5px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	float:right;
	}

div.c-b-article .png
	{
	margin:0em;
	}

/*---- plus ----*/
div.c-b-article .sample-text {
	font-size: 80%;
	color: #333333;
	vertical-align: middle;
	}
	

.orange-text {
color: #cf6116;
font-weight: bold;
}

.strong {
font-weight: bold;
}

.contentslink {
margin-top: 40px;
border-top: 1px solid #999999;
font-size: 85%;
}

.hintimg {
float: left;
margin-right: 15px;
}

.hintimg-right {
float: right;
margin-left: 15px;
}

/*--- plus_lust --*/

p.bold {
color: #b22222;
font-weight: bold;
padding-bottom: 10px;
font-size: 90%;
}

div.c-b-article .left-image {
text-align: left;
	width: 210px;
	height: 30px;
	margin: 0;
	}
	
/* 
 c-b-article ul dl
---------------------------------------------------------------- 
*/

div.c-b-article dl
	{
	display: block;
	width: 95%;
	height: auto;
	margin:0;
	padding:1em;
	background:transparent;
	float:left;
	}

div.c-b-article dl dt
	{
	display: block;
	width: 30%;
	height: auto;
	margin:1em 0em;
	padding: 0.5em;
	background: #efefef;
	float: left;
	}
	
div.c-b-article dl dt.nonback
	{
	background:transparent;
	}

div.c-b-article dl dd
	{
	margin:1em 0em;
	display: block;
	width: 60%;
	height: auto;
	float: left;
	padding: 0.5em;
	background:transparent;
	min-height:4em;
	}

div.c-b-article dl dd dl
	{
	margin:15px 0px 0px -55%;
	}

div.c-b-article dl dd dl dt
	{
	width:400px;
	background:none;
	border-bottom:1px solid #efefef;
	float:left;
	}

div.c-b-article dl dd dl dd
	{
	width:400px;
	margin:0px;
	}

/* 
 c-b-article ul ol
---------------------------------------------------------------- 
*/

div.c-b-article dl dd ul
	{
	margin:0em;
	}
	
div.c-b-article dl dd ul li
	{
	margin:0em;
	}

*:first-child+html div.c-b-article dl{font-size:80%;}
* html div.c-b-article dl{font-size:75%;}
*:first-child+html div.c-b-one dl dd dl{font-size:100%;}
* html div.c-b-article dl dd dl{font-size:100%;}

div.c-b-article ul
	{
	margin:1em;
	clear:both;
	}

div.c-b-article ul li
	{
	margin:1em;
	}

div.c-b-article ul li ul
	{
	margin:0.3em 1em;
	}

div.c-b-article ul li ul li
	{
	margin:0em;
	}

div.c-b-article ol
	{
	list-style-type:decimal;
	margin:10px 0px;
	}

div.c-b-article ol li
	{
	display:list-item;
	list-style:decimal inside;
	margin:10px 0px;
	}

.return-top
	{
	margin-top:10px;
	text-align:right;
	clear:both;
	}

/*

#contents-delta
--------------------------------------------------------------
*/

div#contents-delta
	{
	display:block;
	width:180px;
	min-height:440px;
	margin-right:15px;
	float:left;
	margin-bottom: 20px;
	}

div#contents-delta h3
	{
	height:2.5em;
	background:url('../../img/c-d-h3.jpg') repeat-x 0px 0px;
	text-indent:0.3em;
	line-height:3em;
	font-size:90%;
	}

*:first-child+html div#contents-delta h3{font-size:60%;}
* html div#contents-delta h3{font-size:60%;}

div#contents-delta ul
	{
	display:block;
	width:180px;
	font-size:90%;
	}

div#contents-delta ul li
	{
	display:block;
	text-indent:0.5em;
	line-height:1.5em;
	border-bottom: dotted #999999 1px;
	padding-top:15px;
	padding-bottom:15px;
	}

div#contents-delta ul li a
	{
	display:block;
	min-height:1.5em;
	color:#666666;
	text-decoration:none;
	}

div#contents-delta ul li ul
	{
	width:170px;
	margin-left:1em;
	margin-top: 20px;
	font-size:90%;
	border-top: 1px dotted #999999;
	border-bottom-style: none;
	}

div#contents-delta ul li a:hover
	{
	background: #c1d0df;
	}

div#contents-delta ul li ul a:hover
	{
    background:#eeeeee;
	}