@charset "UTF-8";
/* *****************************************************
Contents ---------------
01: base
02: LayerBase
03: LayerHeader
04: LayerFooter
05: LayerContents
06: LayerContentsBody
07: Box
------------------------
***************************************************** */

/* *****************************************************
base
***************************************************** */
*
	{
	margin: 0;
	padding: 0;
	color: #333333;
	background-color: transparent;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", san-serif;
	list-style: none;
	font-size: 100%; /* 15px */
	}

body
	{
	font-size: 75%; /* 12px */
	line-height: 150%; /* 18px */
	margin: 0;
	padding: 0;
	}

a
	{
	text-decoration: underline;
	}


/* *****************************************************
LayerBase
***************************************************** */
#LayerBase
	{
	margin: 99px 0 0 0;
	padding: 0;
	}


/* *****************************************************
LayerHeader
***************************************************** */
#LayerHeader p
	{
	position: absolute;
	top: 11px;
	left: 15px;
	}


/* *****************************************************
LayerSnavi SC-Top AreaGlobalNavi
***************************************************** */
#LayerSnavi
	{
	display: none;
	}


/* *****************************************************
LayerFooter
***************************************************** */
#LayerFooter
	{
	clear: both;
	padding: 36px 0 0 10px;
	font-size: 75%; /* 10px */
	line-height: 140%; /* 14px */
	font-family: Arial, san-serif;
	_height: 1px; /* IE 6 */
	}

#IdBannerIbm
	{
	display: none;
	}


/* *****************************************************
LayerBody
***************************************************** */
#LayerBody
	{
	clear: both;
	_height: 1px; /* IE 6 */
	}

#LayerBody:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #LayerBody:after /* IE 7*/
	{
	height: 1%; 
	}


/* *****************************************************
LayerContents
***************************************************** */
#LayerContents
	{
	position: relative;
	top: 0;
	left: 0;
	background: #FFFFFF;
	}



/* =====================================================
h1
===================================================== */
h1
	{
	display: list-item;
	width: 497px;
	margin: 0 0 25px 0;
	color: #FFFFFF;
	font-size: 1pt;
	letter-spacing: -1000em;
	_text-indent: -9999px; /* IE 6 */
	list-style-position: inside;
	}

#JA-Pop h1
	{
	width: auto;
	margin: 0 0 20px 0;
	font-size: 100%;
	line-height: 150%;
	text-indent: 0;
	}

#H1Top
	{
	height: 229px;
	margin: 0 0 13px 0;
	list-style-image: url(i/h1_top.jpg);
	}

#H1Philosophy
	{
	height: 41px;
	list-style-image: url(i/h1_philosophy.gif);
	}

#H1Factors
	{
	height: 82px;
	list-style-image: url(i/h1_factors.gif);
	}

#H1Action
	{
	height: 41px;
	list-style-image: url(i/h1_action.gif);
	}

#H1Story01
	{
	height: 82px;
	list-style-image: url(i/h1_story01.gif);
	}

#H1Story02
	{
	height: 82px;
	list-style-image: url(i/h1_story02.gif);
	}

#H1Story03
	{
	height: 82px;
	list-style-image: url(i/h1_story03.gif);
	}

#H1Story04
	{
	height: 82px;
	list-style-image: url(i/h1_story04.gif);
	}

#H1Profile
	{
	margin: 0 0 12px 0;
	height: 82px;
	list-style-image: url(i/h1_profile.gif);
	}

#H1Program
	{
	margin: 0 0 12px 0;
	height: 83px;
	list-style-image: url(i/h1_program.gif);
	}

#H1Hands
	{
	height: 81px;
	list-style-image: url(i/h1_hands.gif);
	}

#H1SCompany
	{
	margin: 0 0 12px 0;
	height: 81px;
	list-style-image: url(i/h1_student-company.gif);
	}

#H1SCity
	{
	margin: 0 0 12px 0;
	height: 83px;
	list-style-image: url(i/h1_student-city.gif);
	}

#H1Finance
	{
	margin: 0 0 12px 0;
	height: 83px;
	list-style-image: url(i/h1_finance.gif);
	}

#H1Job
	{
	height: 81px;
	list-style-image: url(i/h1_job-shadow.gif);
	}

#H1Job02
	{
	margin: 0 0 12px 0;
	height: 81px;
	list-style-image: url(i/h1_job-shadow.gif);
	}

#H1Ttbiz
	{
	margin: 0 0 12px 0;
	height: 83px;
	list-style-image: url(i/h1_ttbiz.gif);
	}

#H1Dream
	{
	margin: 0 0 12px 0;
	height: 83px;
	list-style-image: url(i/h1_dream.gif);
	}

#H1Simulation
	{
	height: 83px;
	list-style-image: url(i/h1_simulation.gif);
	}

#H1Mese
	{
	height: 84px;
	list-style-image: url(i/h1_mese.gif);
	}

#H1MeseExamples
	{
	height: 75px;
	list-style-image: url(i/h1_mese-examples.gif);
	}

#H1Caps
	{
	height: 83px;
	list-style-image: url(i/h1_caps.gif);
	}

#H1CapsExamples
	{
	height: 75px;
	list-style-image: url(i/h1_caps-examples.gif);
	}

#H1Models
	{
	height: 83px;
	list-style-image: url(i/h1_models.gif);
	}

#H1Seminar
	{
	height: 74px;
	list-style-image: url(i/h1_seminar.gif);
	}

#H1Examples
	{
	height: 82px;
	list-style-image: url(i/h1_examples.gif);
	}

#H1Activities
	{
	height: 82px;
	list-style-image: url(i/h1_activities.gif);
	}

#H1Media
	{
	height: 82px;
	list-style-image: url(i/h1_media.gif);
	}

#H1Sitemap
	{
	height: 74px;
	list-style-image: url(i/h1_sitemap.gif);
	}


/* *****************************************************
LayerContentsBody
***************************************************** */
#JA-Top #LayerContentsBody
	{
	position: relative;
	top: 0;
	right: 0;
	width: 485px;
	margin: 0 0 0 12px;
	}

#LayerContentsBody
	{
	position: relative;
	top: 0;
	right: 0;
	width: 465px;
	margin: 0 10px 0 22px;
	}


/* =====================================================
heading
===================================================== */
/* -----------------------------------------------------
h2
----------------------------------------------------- */
/* -----------------------------------------------------
h2
----------------------------------------------------- */
h2
	{
	color: #2123A4;
	font-weight: bold;
	margin: 20px 0 10px 0;
	}

h2.m-t0
	{
	color: #2123A4;
	font-weight: bold;
	margin: 0 0 10px 0;
	}

/* -----------------------------------------------------
h3
----------------------------------------------------- */
h3
	{
	color: #336666;
	font-weight: bold;
	padding: 10px 0 5px 0;
	}

#LayerContentsBody h3 a,
#LayerContentsBody h3 a:link,
#LayerContentsBody h3 a:visited
	{
	color: #336666;
	font-weight: bold;
	}

#LayerContentsBody h3 a:hover,
#LayerContentsBody h3 a:active
	{
	color: #336666;
	text-decoration: none;
	font-weight: bold;
	}


/* -----------------------------------------------------
h4
----------------------------------------------------- */
h4
	{
	padding: 5px 0 5px 0;
	font-weight: bold;
	}


/* -----------------------------------------------------
p
----------------------------------------------------- */
#LayerContentsBody p
	{
	margin-bottom: 7px;
	}

#LayerContentsBody p img
	{
	vertical-align: top;
	}


/* -----------------------------------------------------
lead
----------------------------------------------------- */
p.lead
	{
	color: #2123A4;
	font-weight: bold;
	margin: 20px 0 10px 0;
	}

#LeadSeminar01
	{
	height: 42px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background: url(i/lead_seminar_01.gif) 0 0 no-repeat;
	}


/* -----------------------------------------------------
area
----------------------------------------------------- */
p.p-area
	{
	border: 1px solid #999999;
	margin-top: 15px;
	padding: 5px 10px;
	}


/* === area-line === */
.area-line
	{
	border: 1px solid #999999;
	margin-top: 15px;
	padding: 0 10px 10px 10px;
	text-align: center;
	}


/* -----------------------------------------------------
strong
----------------------------------------------------- */
strong
	{
	font-weight: normal;
	}

#LayerContentsBody strong
	{
	font-weight: bold;
	}


/* -----------------------------------------------------
a
----------------------------------------------------- */
#LayerContentsBody a,
#LayerContentsBody a:link,
#LayerContentsBody a:visited
	{
	color: #80711C;
	text-decoration: underline;
	}

#LayerContentsBody a:hover,
#LayerContentsBody a:active
	{
	color: #C3B358;
	text-decoration: underline;
	}


#LayerContentsBody strong a,
#LayerContentsBody strong a:link,
#LayerContentsBody strong a:visited
	{
	font-weight: bold;
	color: #80711C;
	text-decoration: underline;
	}

#LayerContentsBody strong a:hover,
#LayerContentsBody strong a:active
	{
	font-weight: bold;
	color: #C3B358;
	text-decoration: underline;
	}


/* -----------------------------------------------------
ul
----------------------------------------------------- */
#LayerContentsBody ul
	{
	margin: 0 0 13px 15px;
	_margin: 0 0 13px 18px; /* IE 6 */
	padding: 0;
	}

#LayerContentsBody ul li
	{
	margin: 2px 0 2px 0;
	color: #2E3231;
	background: inherit;
	list-style: disc;
	}


/* === ul-indent === */
#LayerContentsBody ul.ul-indent
	{
	margin: 0 0 13px 17px;
	_margin: 0 0 13px 20px; /* IE 6 */
	padding: 0;
	}

#LayerContentsBody ul.ul-indent li
	{
	list-style: none;
	text-indent: -2.2ex;
	margin: 2px 0 6px 0;
	}


/* === ul-link === */
#LayerContentsBody ul.ul-link
	{
	clear: both;
	_height: 1px; /* IE 6 */
	margin: 0 -21px 13px 0;
	_margin: 0 -42px 13px 0;
	}

#LayerContentsBody ul.ul-link:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #LayerContentsBody ul.ul-link /* IE 7*/
	{
	height: 1%;
	margin: 0 -42px 13px 0;
	}

#LayerContentsBody ul.ul-link li
	{
	display: block;
	float: left;
	width: 206px;
	list-style: none;
	padding-left: 15px;
	margin-right: 21px;
	background: url(i/arrow_link.gif) 0 2px no-repeat;
	}

/* === ul-list === */

#LayerContentsBody ul.ul-list
	{
	clear: both;
	_height: 1px; /* IE 6 */
	margin: 0 0 13px 0;
	}

#LayerContentsBody ul.ul-list ul
	{
	clear: both;
	_height: 1px; /* IE 6 */
	margin: 5px 0 -8px 0;
	}

#LayerContentsBody ul.ul-list:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #LayerContentsBody ul.ul-list /* IE 7*/
	{
	height: 1%;
	}

#LayerContentsBody ul.ul-list li
	{
	list-style: none;
	padding: 0 0 10px 15px;
	background: url(i/arrow_link.gif) 0 2px no-repeat;
	}

#LayerContentsBody ul.ul-list li ul li
	{
	list-style: none;
	padding: 0 0 4px 15px;
	background: url(i/arrow_link2.gif) 0 2px no-repeat;
	}


/* -----------------------------------------------------
ol
----------------------------------------------------- */
#LayerContentsBody ol
	{
	margin: 0 15px 20px 22px;
	_margin: 0 15px 20px 27px; /* IE 6 */
	}

#LayerContentsBody ol li
	{
	margin: 2px 0 8px 0;
	list-style: decimal;
	}

#LayerContentsBody ol li ul li
	{
	list-style: disc;
	}


/* -----------------------------------------------------
table
----------------------------------------------------- */
.table-border
	{
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	width: 465px;
	margin: 0 0 10px 0;
	}

.table-border th,
.table-border td
	{
	vertical-align: top;
	padding: 4px 6px 4px 6px;
	border: 1px solid #CCCCCC;
	}

.table-border th
	{
	font-weight: bold;
	}

#LayerContentsBody .table-border ul
	{
	margin: 0 0 0 15px;
	_margin: 0 0 0 18px; /* IE 6 */
	padding: 0;
	}

.table-border th.m-l,
.table-border td.m-l
	{
	vertical-align: middle;
	text-align: left;
	}

.table-border th.m-r,
.table-border td.m-r
	{
	vertical-align: middle;
	text-align: right;
	}

.table-border th.m-c,
.table-border td.m-c
	{
	vertical-align: middle;
	text-align: center;
	}

.table-border td span.strong
	{
	color: #333333;
	font-weight: bold;
	}

.table-border td span.text-s
	{
	font-size: 75%; /* 10px */
	line-height: 140%; /* 14px */
	}

.table-border td img
	{
	vertical-align: middle;
	}


/* === seminar === */
.seminar th
	{
	color:#1d1d1d;
	background-color: #EFEFEF;
	font-weight: bold;
	vertical-align: top;
	}

.seminar td
	{
	color:#1d1d1d;
	background-color: #FFFFF4;
	}

.seminar td span
	{
	color: #000066;
	}

.seminar td .strong,
.seminar td.strong
	{
	color: #333333;
	font-weight: bold;
	}


/* === media === */
.table-border .media th
	{
	font-weight: normal;
	}


/* -----------------------------------------------------
set
----------------------------------------------------- */
.set-left
	{
	text-align: left;
	}

.set-center
	{
	text-align: center;
	}

.set-right
	{
	text-align: right;
	}


/* -----------------------------------------------------
hr
----------------------------------------------------- */
hr
	{
	clear: both;
	height: 0px;
	margin: 17px 0 20px 0;
	_margin: 12px 0 15px 0; /* IE 6 */
	border-top: 1px solid #999999;
	}


/* -----------------------------------------------------
note
----------------------------------------------------- */
.note
	{
	color:#720a0a;
	}

#LayerContentsBody .note a,
#LayerContentsBody .note a:link,
#LayerContentsBody .note a:visited
	{
	color:#720a0a;
	text-decoration: underline;
	}

#LayerContentsBody .note a:hover,
#LayerContentsBody .note a:active
	{
	color:#720a0a;
	text-decoration: none;
	}

.note-strong
	{
	color:#720a0a;
	font-weight: bold;
	}

.note-blue
	{
	color: #000066;
	}

.note-green
	{
	color: #336666;
	font-weight: bold;
	}


/* -----------------------------------------------------
caption
----------------------------------------------------- */
.caption
	{
	color: #005A4C;
	font-size: 83%; /* 10px */
	line-height: 120%; /* 14px */
	}


/* -----------------------------------------------------
bnavi
----------------------------------------------------- */
.fnavi,
.bnavi
	{
	display: none;
	}


/* =====================================================
Top
===================================================== */
/* -----------------------------------------------------
AreaTopBanner
----------------------------------------------------- */
ul#AreaTopBanner
	{
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	_height: 1px; /* IE 6 */
	}

ul#AreaTopBanner:after
	{
	clear: both;
	margin: 0 0 0 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html ul#AreaTopBanner /* IE 7 */
	{
	height: 1%;
	}

#AreaTopBanner li
	{
	float: left;
	list-style: none;
	width: 162px;
	height: 50px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	overflow: hidden;
	/* \*/overflow: hidden;/* */ /* Mac */
	}

#AreaTopBanner li.btn03
	{
	width: 152px;
	}

#AreaTopBanner li a
	{
	display: block;
	width: 152px;
	height: 40px;
	}

#AreaTopBanner li.btn01,
#AreaTopBanner li.btn01 a,
#AreaTopBanner li.btn01 a:link,
#AreaTopBanner li.btn01 a:visited
	{
	background: url(i/banner_contest.gif) 0 0 no-repeat;
	}

#AreaTopBanner li.btn01 a:hover,
#AreaTopBanner li.btn01 a:active
	{
	background: url(i/banner_contest.gif) 0 0 no-repeat;
	}

#AreaTopBanner li.btn02,
#AreaTopBanner li.btn02 a,
#AreaTopBanner li.btn02 a:link,
#AreaTopBanner li.btn02 a:visited
	{
	background: url(i/banner_forum.gif) 0 0 no-repeat;
	}

#AreaTopBanner li.btn02 a:hover,
#AreaTopBanner li.btn02 a:active
	{
	background: url(i/banner_forum.gif) 0 0 no-repeat;
	}
	

#AreaTopBanner li.btn03,
#AreaTopBanner li.btn03 a,
#AreaTopBanner li.btn03 a:link,
#AreaTopBanner li.btn03 a:visited
	{
	background: url(i/banner_ja.gif) 0 0 no-repeat;
	}

#AreaTopBanner li.btn03 a:hover,
#AreaTopBanner li.btn03 a:active
	{
	background: url(i/banner_ja.gif) 0 0 no-repeat;
	}


/* -----------------------------------------------------
AreaNews
----------------------------------------------------- */
#AreaNews dl
	{
	clear: both;
	width: 457px;
	_height: 1px; /* IE 6 */
	margin: 0 0 6px 10px;
	_margin: 0 0 5px 10px; /* IE 6 */
	padding-bottom: 7px;
	border-bottom: 1px dotted #212121;
	}

#AreaNews dl:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html #AreaNews dl /* IE 7*/
	{
	height: 1%;
	margin: 0 0 5px 10px; /* IE 6 */
	}

#AreaNews dl.bottom
	{
	border-bottom: none;
	}

#AreaNews dt
	{
	float: left;
	width: 104px;
	padding: 0 10px;
	}

#AreaNews dd
	{
	float: right;
	width: 323px;
	padding: 0 10px 0 0;
	font-size: 105%; /* 12.5px */
	line-height: 144%; /* 18px */
	}


/* =====================================================
Sitemap
===================================================== */
#LayerContentsBody .ul-sitemap li,
#LayerContentsBody .ul-sitemap li a,
#LayerContentsBody .ul-sitemap li a:link,
#LayerContentsBody .ul-sitemap li a:visited
	{
	margin: 5px 0 5px 0;
	background: inherit;
	text-decoration: underline;
	list-style: square;
	color: #333333;
	}

#LayerContentsBody .ul-sitemap li a:hover,
#LayerContentsBody .ul-sitemap li a:active
	{
	background: inherit;
	text-decoration: none;
	}

#LayerContentsBody .ul-sitemap li ul li,
#LayerContentsBody .ul-sitemap li ul li a,
#LayerContentsBody .ul-sitemap li ul li a:link,
#LayerContentsBody .ul-sitemap li ul li a:visited
	{
	color: #333333;
	list-style: disc;
	text-decoration: underline;
	}

#LayerContentsBody .ul-sitemap li ul li a:hover,
#LayerContentsBody .ul-sitemap li ul li a:active
	{
	color: #333333;
	text-decoration: none;
		}

#LayerContentsBody .ul-sitemap li ul li ul li
	{
	list-style: none;
	}


/* *****************************************************
Popup
***************************************************** */
/* =====================================================
WhatsNew
===================================================== */
#LayerContentsWhatsNew
	{
	width: 450px;
	padding: 82px 10px 0 20px;
	background: url(i/logo_ja.jpg) 20px 10px no-repeat;
	}

#LayerContentsWhatsNew #LayerContentsBody
	{
	position: relative;
	top: 0;
	right: 0;
	width: 450px;
	margin: 10px 0 0 0;
	}

#LayerContentsWhatsNew .bnavi
	{
	margin: 15px 0 30px 0;
	}

#LayerContentsWhatsNew .bnavi a
	{
	margin-right: 0;
	}

#LayerContentsWhatsNew #LayerContentsBody .bnavi a,
#LayerContentsWhatsNew #LayerContentsBody .bnavi a:link,
#LayerContentsWhatsNew #LayerContentsBody .bnavi a:visited
	{
	color: #80711C;
	text-decoration: none;
	}

#LayerContentsWhatsNew #LayerContentsBody .bnavi a:hover,
#LayerContentsWhatsNew #LayerContentsBody .bnavi a:active
	{
	color: #80711C;
	text-decoration: underline;
	}

#LayerContentsWhatsNew .clear
	{
	clear: both;
	width: 450px;
	_height: 1px; /* IE 6 */
	}

#LayerContentsWhatsNew h1
	{
	color: #215140;
	width: 450px;
	margin: 0;
	font-size: 116%; /*14px*/
	line-height: 142%; /*20px*/
	text-indent: 0;
	font-weight: bold;
	}

#LayerContentsWhatsNew h2
	{
	color: #42780D;
	}

#LayerContentsWhatsNew h3
	{
	color: #765C48;
	}


/* =====================================================
Philosophy
===================================================== */
#LayerContentsPhilosophy
	{
	width: 475px;
	background:url(i/pop_base_philosophy.gif) 0 0 no-repeat;
	}

#LayerContentsPhilosophy #LayerContentsBody
	{
	width: 408px;
	height: 470px;
	padding-left: 40px;
	margin: 0;
	color: #2F2E2E;
	background:url(i/pop_base_philosophy.gif) 0 0 no-repeat;
	}


/* =====================================================
Mese
===================================================== */
#LayerContentsMese
	{
	width: 500px;
	margin-top: 25px;
	}

#LayerContentsMese h1
	{
	margin-bottom: 0;
	}

#LayerContentsMese #LayerContentsBody
	{
	width: 470px;
	margin: 0 10px 40px 20px;
	}

#LayerContentsMese .table-border
	{
	width: 470px;
	border: 1px solid #999999;
	}

#LayerContentsMese .table-border th,
#LayerContentsMese .table-border td
	{
	border: 1px solid #999999;
	}

#LayerContentsMese .table-border th
	{
	color:#326E46;
	background-color: #CCE4D4;
	}


/* =====================================================
Caps
===================================================== */
#LayerContentsCaps
	{
	width: 480px;
	padding-bottom: 151px;
	background: url(i/pop_base_caps.gif) 0 bottom no-repeat;
	}

#LayerContentsCaps #LayerContentsBody
	{
	width: 450px;
	margin: 0 10px 0 20px;
	}

#LayerContentsCaps h1
	{
	margin-bottom: 0;
	}


#LayerContentsMese .table-border
	{
	width: 470px;
	border: 1px solid #999999;
	}

#LayerContentsMese .table-border th,
#LayerContentsMese .table-border td
	{
	border: 1px solid #999999;
	}

#LayerContentsMese .table-border th
	{
	color:#326E46;
	background-color: #CCE4D4;
	}


/* *****************************************************
box
***************************************************** */
/* =====================================================
margin
===================================================== */
.m-t10
	{
	padding-top: 10px;
	}

.m-b10
	{
	padding-bottom: 10px;
	}

.m-t15
	{
	padding-top: 15px;
	}

.m-b15
	{
	padding-bottom: 15px;
	}

.m-t20
	{
	padding-top: 20px;
	}

.m-b20
	{
	padding-bottom: 20px;
	}

.m-t25
	{
	padding-top: 25px;
	}

.m-b25
	{
	padding-bottom: 25px;
	}

.m-t30
	{
	padding-top: 30px;
	}

.m-b30
	{
	padding-bottom: 30px;
	}

.m-t45
	{
	padding-top: 45px;
	}

.m-b45
	{
	padding-bottom: 45px;
	}

.m-t50
	{
	padding-top: 50px;
	}

.m-b50
	{
	padding-top: 50px;
	}


/* =====================================================
float
===================================================== */
.clear
	{
	clear: both;
	width: 465px;
	_height: 1px; /* IE 6 */
	}

.clear:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

*+html .clear /* IE 7 */
	{
	height: 1%;
	}

.clear
	{
	display:inline-block;
	}


/* =====================================================
2colum
===================================================== */
.half-l
	{
	float: left;
	width: 222px;
	margin-right: 21px;
	}

.half-r
	{
	float: right;
	width: 222px;
	}

.free-l
	{
	float: left;
	height: auto;
	_height: 1px; /* IE 6 */
	margin: 0 20px 0 0;
	}

.free-r
	{
	float: left;
	height: auto;
	_height: 1px; /* IE 6 */
	}


/* =====================================================
width
===================================================== */
.w30
	{
	width: 30px;
	}

.w40
	{
	width: 40px;
	}

.w50
	{
	width: 50px;
	}

.w60
	{
	width: 60px;
	}

.w65
	{
	width: 65px;
	}

.w70
	{
	width: 70px;
	}

.w80
	{
	width: 80px;
	}

.w90
	{
	width: 90px;
	}

.w100
	{
	width: 100px;
	}

.w110
	{
	width: 110px;
	}

.w120
	{
	width: 120px;
	}

.w130
	{
	width: 130px;
	}

.w135
	{
	width: 135px;
	}

.w140
	{
	width: 140px;
	}

.w145
	{
	width: 145px;
	}

.w150
	{
	width: 150px;
	}

.w155
	{
	width: 155px;
	}

.w160
	{
	width: 160px;
	}

.w164
	{
	width: 164px;
	}

.w170
	{
	width: 170px;
	}

.w174
	{
	width: 174px;
	}

.w180
	{
	width: 180px;
	}

.w184
	{
	width: 184px;
	}

.w190
	{
	width: 190px;
	}

.w200
	{
	width: 200px;
	}

.w210
	{
	width: 210px;
	}

.w220
	{
	width: 220px;
	}

.w230
	{
	width: 230px;
	}

.w240
	{
	width: 240px;
	}

.w250
	{
	width: 250px;
	}

.w260
	{
	width: 260px;
	}

.w270
	{
	width: 270px;
	}

.w271
	{
	width: 271px;
	}

.w280
	{
	width: 280px;
	}

.w285
	{
	width: 285px;
	}

.w290
	{
	width: 290px;
	}

.w300
	{
	width: 300px;
	}

.w305
	{
	width: 305px;
	}

.w310
	{
	width: 310px;
	}

.w315
	{
	width: 315px;
	}

.w320
	{
	width: 320px;
	}

.w330
	{
	width: 330px;
	}

.w335
	{
	width: 335px;
	}

.w340
	{
	width: 340px;
	}

.w350
	{
	width: 350px;
	}

.w360
	{
	width: 360px;
	}

.w370
	{
	width: 370px;
	}

.w375
	{
	width: 375px;
	}

.w380
	{
	width: 380px;
	}

.w385
	{
	width: 385px;
	}

.w390
	{
	width: 390px;
	}

.w400
	{
	width: 400px;
	}

.w410
	{
	width: 410px;
	}

.w420
	{
	width: 420px;
	}

.w430
	{
	width: 430px;
	}

.w440
	{
	width: 440px;
	}

.w450
	{
	width: 450px;
	}

.w465
	{
	width: 465px;
	}