@charset "Shift_JIS";

/* *****************************************************
Contents ---------------
01: base
------------------------
***************************************************** */

/* *****************************************************
base
***************************************************** */

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

body
	{
	font-size: 12px;
	line-height: 18px;
	}

a
	{
	color: #2e7316;
	background-color: inherit;
	}

a[name]:link,
a[name]:visited,
a[name]:hover,
a[name]:active
	{
	text-decoration: none;
	}

#LayerSnavi,
#LayerHeaderRight,
#LayerGnavi,
#LayerFooter,
.fnavi,
.fnavi_back,
.fnavi_close,
.button_print
	{
	display: none;
	}



/* *****************************************************
Header
***************************************************** */
#LayerHeader
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 850px;
	height: 136px;
	clear: both;
	}

#pop #LayerHeader
	{
	width: 550px;
	height: 70px;
	margin-left: 0;
	}


/* *****************************************************
LayerContents
***************************************************** */

#LayerBody
	{
	width: 645px;
	margin: 50px 0 10px 0;
	padding: 10px 0 7px 0;
	}

#LayerContents a,
#LayerContents a:link,
#LayerContents a:visited
	{
	color: #1e6582;
	background-color: inherit;
	text-decoration: underline;
	}

#LayerContents a:hover,
#LayerContents a:active
	{
	color: #72aec6;
	background-color: inherit;
	}


/* -----------------------------------------------------
Heading
----------------------------------------------------- */
h1
	{
	margin-top: 10px;
	margin-bottom: 25px;
	}

h2
	{
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 0;
	color: #ffffff;
	background: url(i/h2_base.jpg) repeat-y;
	font-size: 125%; /* 15px */
	line-height: 133%; /* 20px */
	}

#LayerContents h2 span
	{
	display: block;
	color: #ffffff;
	background: url(i/h2_dot.jpg) no-repeat 16px 2px;
	padding: 5px 10px 5px 43px;
	}

* html #LayerContents h2 span /* IE 6 */
	{
	padding: 5px 10px 5px 0;
	color: #2a7ea2;
	}

h2.related
	{
	background: url(i/h2_base_related.jpg) repeat-y;
	}

#LayerContents h2.related span
	{
	background: url(i/h2_dot_related.gif) no-repeat 16px 2px;
	}

h3
	{
	color: #04304f;
	background-color: inherit;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 108%; /* 13px */
	line-height: 115%; /* 15px */
	background: url(i/h3_base.gif) repeat-y;
	padding: 3px 10px 3px 15px;
	clear: both;
	}

#LayerContents h3 a,
#LayerContents h3 a:link,
#LayerContents h3 a:visited
	{
	color: #04304f;
	text-decoration: none;
	}

#LayerContents h3 a:hover,
#LayerContents h3 a:active
	{
	color: #04304f;
	}

h4
	{
	color: #04304f;
	background-color: inherit;
	margin-top: 20px;
	margin-bottom: 13px;
	font-size: 108%; /* 13px */
	line-height: 115%; /* 15px */
	border-left: 6px solid #a9d2e2;
	padding: 3px 7px 2px 7px;
	clear: both;
	}

/* p
================================================ */
#LayerContents p
	{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}

.set_left
	{
	text-align: left;
	}

.set_center
	{
	text-align: center;
	}

.set_right
	{
	text-align: right;
	}

#LayerContents p.caption
	{
	font-size: 91%; /* 11px */
	line-height: 118%; /* 13px */
	}

#LayerContents p.error
       {
       margin: 5px 0 0 15px;
       font-size: 100%; /* 12px */
       line-height: 233%; /* 28px */
       color: #933e3e;
       background-color: inherit;
       }

/* -----------------------------------------------------
em
----------------------------------------------------- */
#LayerContents em
	{
	color: #79544a;
	}

/* -----------------------------------------------------
hr
----------------------------------------------------- */
#LayerContents hr
	{
	height: 0;
	margin: -5px 0 10px 0;
	border-bottom: 1px dotted #acadac;
	clear: both;
	}

* html #LayerContents hr /* IE 6 */
	{
	margin: -10px 0 -5px 0;
	}

*+html #LayerContents hr /* IE 7 */
	{
	margin: -5px 0 -5px 0;
	}



/* -----------------------------------------------------
tnavi
----------------------------------------------------- */
#LayerContents #tnavi
	{
	font-size: 91%; /* 11px */
	line-height: 127%; /* 14px */
	color: #444444;
	background-color: inherit;
	margin-top: 4px;
	}

#LayerContents #tnavi a,
#LayerContents #tnavi a:link,
#LayerContents #tnavi a:visited
	{
	color: #444444;
	background-color: inherit;
	}

#LayerContents #tnavi a:hover,
#LayerContents #tnavi a:active
	{
	color: #444444;
	background-color: inherit;
	}

/* -----------------------------------------------------
ul, ol
----------------------------------------------------- */
#LayerContents ul
	{
	list-style: disc;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 12px;
	}


*+html #LayerContents ul /* IE7 */
	{
	margin: 5px 0 10px 15px;
	}

* html #LayerContents ul  /* IE6 */
	{
	margin: 5px 0 10px 15px;
	}

#LayerContents ol
	{
	list-style: decimal;
	margin: 5px 0 10px 20px;
	}

#LayerContents li
	{
	margin-bottom: 10px;
	}

#LayerContents ul.dot_n
	{
	list-style: none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}

#LayerContents ul.dot_square
	{
	list-style: none;
	margin: 5px 0 10px 0;
	}

#LayerContents ul.dot_square li
	{
	padding: 0 0 0 16px;
	background: url(i/dot_square.gif) no-repeat 0 4px;
	}

#LayerContents ul.dot_square a,
#LayerContents ul.dot_square a:link,
#LayerContents ul.dot_square a:visited
	{
	color: #333333;
	background-color: inherit;
	text-decoration: none;
	}

#LayerContents ul.dot_square a:hover,
#LayerContents ul.dot_square a:active
	{
	text-decoration: underline;
	}

#LayerContents #AreaList ul.m-t0
	{
	margin-top: 0;
	border: 1px solid #000;
	}


/* *****************************************************
TopPage
***************************************************** */
/* =====================================================
AreaQuickLink
===================================================== */
#LayerContents ul#AreaQuickLink
	{
	clear: both;
	width: 634px;
	height: 144px;
	margin: 0 0 0 0;
	padding: 11px 0 0 11px;
	background: url(i/quicklink_base.jpg) no-repeat;
	}

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

#LayerContents #AreaQuickLink li
	{
	float: left;
	width: 194px;
	height: 133px;
	margin: 0 21px 0 0;
	list-style: none;
	}

#LayerContents #AreaQuickLink li#ql_03
	{
	margin: 0;
	}

#LayerContents #AreaQuickLink a
	{
	display: block;
	width: 194px;
	height: 133px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	outline: none;
	}

#LayerContents #AreaQuickLink #ql_01 a,
#LayerContents #AreaQuickLink #ql_01 a:link,
#LayerContents #AreaQuickLink #ql_01 a:visited
	{
	background: url(i/quicklink_banner.jpg) no-repeat 0 0;
	}

#LayerContents #AreaQuickLink #ql_01 a:hover,
#LayerContents #AreaQuickLink #ql_01 a:active
	{
	background: url(i/quicklink_banner.jpg) no-repeat 0 -133px;
	}

#LayerContents #AreaQuickLink #ql_02 a,
#LayerContents #AreaQuickLink #ql_02 a:link,
#LayerContents #AreaQuickLink #ql_02 a:visited
	{
	background: url(i/quicklink_banner.jpg) no-repeat -194px 0;
	}

#LayerContents #AreaQuickLink #ql_02 a:hover,
#LayerContents #AreaQuickLink #ql_02 a:active
	{
	background: url(i/quicklink_banner.jpg) no-repeat -194px -133px;
	}

#LayerContents #AreaQuickLink #ql_03 a,
#LayerContents #AreaQuickLink #ql_03 a:link,
#LayerContents #AreaQuickLink #ql_03 a:visited
	{
	background: url(i/quicklink_banner.jpg) no-repeat -388px 0;
	}

#LayerContents #AreaQuickLink #ql_03 a:hover,
#LayerContents #AreaQuickLink #ql_03 a:active
	{
	background: url(i/quicklink_banner.jpg) no-repeat -388px -133px;
	}

/* =====================================================
AreaQuality
===================================================== */
#LayerContents ul#AreaQuality
	{
	clear: both;
	width: 634px;
	height: 110px;
	margin: 0 0 0 0;
	padding: 10px 0 0 11px;
	background: url(i/quality_base.jpg) no-repeat;
	}

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

#LayerContents #AreaQuality li
	{
	float: left;
	width: 194px;
	height: 100px;
	margin: 0 21px 0 0;
	list-style: none;
	}

#LayerContents #AreaQuality li.right
	{
	margin: 0;
	}

/* =====================================================
AreaNews
===================================================== */
#AreaNews
	{
	width: 623px;
	height: auto;
	background-color: #edf0f0;
	color: inherit;
	padding: 10px 11px 10px 11px;
	}

#AreaNews div
	{
	width: 613px;
	padding: 7px 5px 7px 5px;
	background-color: #ffffff;
	color: inherit;
	}

#AreaNews table
	{
	width: 613px;
	height: auto;
	background-color: #ffffff;
	color: inherit;
	border-collapse: collapse;
	margin-top: 0;
	margin-bottom: 0;
	}

#AreaNews th,
#AreaNews td
	{
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #e6dfdd;
	background-color: #ffffff;
	color: #044470;
	}

#AreaNews .bottom th,
#AreaNews .bottom td
	{
	border-bottom: none;
	vertical-align: top;
	}

#AreaNews th
	{
	width: 100px;
	color: #366673;
	background-color: inherit;
	padding-right: 5px;
	}

#AreaNews th img
	{
	margin-left: 15px;
	}

#AreaNews td
	{
	padding-right:15px;
	padding-left:30px;
	}

#AreaNews td a,
#AreaNews td a:link,
#AreaNews td a:visited
	{
	width: 90px;
	color: #333333;
	background-color: inherit;
	text-decoration: none;
	}

#AreaNews td a:hover,
#AreaNews td a:active
	{
	text-decoration: underline;
	}

/* =====================================================
AreaFlash
===================================================== */
#AreaFlash
	{
		width: 645px;
		height: 330px;
	}

/* *****************************************************
Corner
***************************************************** */
/* =====================================================
AreaText
===================================================== */
.AreaText
	{
	margin-top: 18px;
	margin-right:15px;
	margin-bottom: 0;
	margin-left:15px;
	clear: both;
	padding: 0;
	}

* html .AreaText /* IE 6 */
	{
	height: 1px;
	}

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

/* =====================================================
table
===================================================== */
table
	{
	border-collapse: collapse;
	width: 615px;
	margin-top: 10px;
	margin-bottom: 15px;
	}

* html table /* IE 6 */
	{
	margin-top: 0;
	}

*+html table /* IE 7 */
	{
	margin-top: 25px;
	}


table th
	{
	text-align: left;
	border-bottom: 1px dotted #8db4c4;
	padding: 10px 10px 10px 15px;
	background-color: #d7e5ea;
	color: #044470;
	}

table td
	{
	border-bottom: 1px dotted #8db4c4;
	padding: 10px 15px 10px 45px;
	}

table .bottom th,
table .bottom td
	{
	border-bottom: none;
	}

table.list
	{
	width: 645px;
	margin-top: 0;
	}

table.list th
	{
	width: 135px;
	padding: 10px 10px 10px 15px;
	background-color: #ffffff;
	color: #044470;
	}

table.list td
	{
	padding: 10px 35px 10px 0;
	}

#LayerContents table.list td a,
#LayerContents table.list td a:link,
#LayerContents table.list td a:visited
	{
	text-decoration: none;
	}

#LayerContents table.list td a:hover,
#LayerContents table.list td a:active
	{
	text-decoration: underline;
	}

table.no-border
	{
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 15px;
	}

table.no-border th,
table.no-border td
	{
	text-align: left;
	border: none;
	padding: 0px 10px 10px 0px;
	background: none;
	color: #333;
	}

/* =====================================================
fnavi
===================================================== */
.fnavi
	{
	margin: 15px 15px 20px 15px;
	}


.fnavi p
	{
	width: 615px;
	text-align: right;
	margin-bottom: 0;
	}

.fnavi p img
	{
	vertical-align: middle;
	padding-right: 3px;
	}

* html .fnavi p
	{
	padding-bottom: 1px;
	}

#LayerContents .fnavi p a,
#LayerContents .fnavi p a:link,
#LayerContents .fnavi p a:visited
	{
	color: #6d5b5d;
	background-color: inherit;
	text-decoration: none;
	}

#LayerContents .fnavi p a:hover,
#LayerContents .fnavi p a:active
	{
	text-decoration: underline;
	}


/* =====================================================
link-list
===================================================== */
#LayerContents ul.link-list3,
#LayerContents ul.link-list-product
	{
	width: 615px;
	margin: 20px 0 0 0;
	list-style: none;
	}

#LayerContents ul.link-list
	{
	width: 193px;
	}

* html #LayerContents ul.link-list3, /* IE 6 */
* html #LayerContents ul.link-list
* html #LayerContents ul.link-list-product
	{
	margin: 0;
	}

#LayerContents ul.link-list3:after,
#LayerContents ul.link-list:after,
#LayerContents ul.link-list-product:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}

#LayerContents ul.link-list3 li,
#LayerContents ul.link-list li
	{
	display: block;
	float: left;
	width: 193px;
	border: 1px solid #c9d7dc;
	margin-bottom: 10px;
	margin-right: 15px;
	min-height: 33px;
	}

* html #LayerContents ul.link-list3 li, /* IE 6 */
* html #LayerContents ul.link-list li
	{
	height: 33px;
	}

*+html #LayerContents ul.link-list3 li, /* IE 7,8 */
*+html #LayerContents ul.link-list li
	{
	height: 33px;
	}

#LayerContents ul.link-list3 li.right,
#LayerContents ul.link-list li.right,
#LayerContents ul.link-list-product li.right
	{
	float: right;
	margin-right: 0;
	}

#LayerContents .link-list3 a,
#LayerContents .link-list3 a:link,
#LayerContents .link-list3 a:visited,
#LayerContents .link-list a,
#LayerContents .link-list a:link,
#LayerContents .link-list a:visited
	{
	display: block;
	width: 183px;
	height: 19px;
	color: #205275;
	background-color: inherit;
	padding: 9px 5px 5px 5px;
	text-decoration: none;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	}

#LayerContents .link-list3 a:hover,
#LayerContents .link-list3 a:active,
#LayerContents .link-list a:hover,
#LayerContents .link-list a:active
	{
	color: #205275;
	background-color: #e4eff3;
	}

/* -----------------------------------------------------
link-list
----------------------------------------------------- */
#LayerContents ul.link-list-product li
	{
	display: block;
	float: left;
	width: 115px;
	margin-bottom: 10px;
	margin-right: 10px;
	height: 45px;
	}


#LayerContents .link-list-product a
	{
	display: block;
	width: 115px;
	height: 45px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	outline: none;
	}


/* == button_bed_01 == */
#LayerContents .link-list-product #button_bed_01 a:link,
#LayerContents .link-list-product #button_bed_01 a:visited
	{
	background: url(i/list_product_bed_base.gif) 0 0 no-repeat;
	}

#LayerContents .link-list-product #button_bed_01 a:hover,
#LayerContents .link-list-product #button_bed_01 a:active
	{
	background: url(i/list_product_bed_base.gif) 0 -45px no-repeat;
	}

/* == button_bed_02 == */
#LayerContents .link-list-product #button_bed_02 a:link,
#LayerContents .link-list-product #button_bed_02 a:visited
	{
	background: url(i/list_product_bed_base.gif) -125px 0 no-repeat;
	}

#LayerContents .link-list-product #button_bed_02 a:hover,
#LayerContents .link-list-product #button_bed_02 a:active
	{
	background: url(i/list_product_bed_base.gif) -125px -45px no-repeat;
	}

/* == button_bed_03 == */
#LayerContents .link-list-product #button_bed_03 a:link,
#LayerContents .link-list-product #button_bed_03 a:visited
	{
	background: url(i/list_product_bed_base.gif) -250px 0 no-repeat;
	}

#LayerContents .link-list-product #button_bed_03 a:hover,
#LayerContents .link-list-product #button_bed_03 a:active
	{
	background: url(i/list_product_bed_base.gif) -250px -45px no-repeat;
	}

/* == button_bed_04 == */
#LayerContents .link-list-product #button_bed_04 a:link,
#LayerContents .link-list-product #button_bed_04 a:visited
	{
	background: url(i/list_product_bed_base.gif) -375px 0 no-repeat;
	}

#LayerContents .link-list-product #button_bed_04 a:hover,
#LayerContents .link-list-product #button_bed_04 a:active
	{
	background: url(i/list_product_bed_base.gif) -375px -45px no-repeat;
	}

/* == button_bed_05 == */
#LayerContents .link-list-product #button_bed_05 a:link,
#LayerContents .link-list-product #button_bed_05 a:visited
	{
	background: url(i/list_product_bed_base.gif) -500px 0 no-repeat;
	}

#LayerContents .link-list-product #button_bed_05 a:hover,
#LayerContents .link-list-product #button_bed_05 a:active
	{
	background: url(i/list_product_bed_base.gif) -500px -45px no-repeat;
	}

/* =====================================================
theater
===================================================== */
/* -----------------------------------------------------
border_youtube
----------------------------------------------------- */
.border_youtube
	{
	width: 400px;
	height: 324px;
	border: 1px solid #c9d7dc;
	padding: 10px;
	margin: 0 0 10px 0;
	}


.youtube_archive
	{
	width: 615px;
	clear: both;
	padding: 0 15px;;
	margin: 20px 0 0 0;
	height: auto;
	min-height: 10px;
	}

* html .youtube_archive /* IE 6 */
	{
	height: 1px;
	}

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

.youtube_archive .border
	{
	width: 195px;
	height: 158px;
	border: 1px solid #c9d7dc;
	margin: 0 0 20px 0;
	}



/* =====================================================
gallery
===================================================== */
iframe
	{
	margin-bottom: 10px;
	border: 1px solid #d4d7d3;
	}

#LayerContents .link_google a,
#LayerContents .link_google a:link,
#LayerContents .link_google a:visited,
#LayerContents .link_google a:hover,
#LayerContents .link_google a:active
	{
	color: #333333;
	background-color: inherit;
	text-decoration: underline;
	}

/* =====================================================
Q&A
===================================================== */
#LayerContents .list-qa
	{
	margin-top: 20px;
	}

#LayerContents .list-qa dt
	{
	background: url(i/icon_qa_q.gif) no-repeat 10px 2px;
	padding: 0 0 0 35px;
	margin-top: 12px;
	}

#LayerContents .list-qa dd
	{
	background: url(i/icon_qa_a.gif) no-repeat 10px 2px;
	padding: 0 0 1px 35px;
	margin-top: 10px;
	border-bottom: 1px dotted #acadac;
	}

#LayerContents .list-qa dd.bottom
	{
	border-bottom: none;
	}

/* =====================================================
history
===================================================== */
.history
	{
	border-top: 1px dotted #acadac;
	clear: both;
	width: 585px;
	height: auto;
	padding: 17px 45px 0 15px;
	}

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

.history .year
	{
	float: left;
	width: 90px;
	height: 55px;
	background: url(i/history_year_base.jpg) no-repeat;
	text-align: center;
	padding: 35px 0 15px 0;
	margin: 0 52px 0 0;
	font-size: 12px;
	}

.history .year p
	{
	color: #0f567f;
	background-color: inherit;
	}

.history .incident
	{
	float: left;
	width: 290px;
	height: auto;
	margin: 0 0 0 0;
	}

.history .img
	{
	float: right;
	width: 106px;
	height: auto;
	margin: 0 0 5px 0;
	text-align: center;
	}

/* =====================================================
product
===================================================== */
/*
#LayerContents div.right
	{
	position: relative;
	}

#LayerContents div.right p.set_right
	{
	position: relative;
	top: 0;
	right:0;
	}
	
 */


/* *****************************************************
popup
***************************************************** */
#pop #LayerBody
	{
	width: 520px;
	margin: 90px 0 10px 0;
	padding: 0 0 3px 0;
	}

#pop #LayerContents
	{
	float: none;
	width: 520px;
	}

#LayerContents p.button_print
	{
	text-align: right;
	margin: 0 15px 20px 0;
	}

/* *****************************************************
Form
***************************************************** */
#LayerContents input,
#LayerContents select
	{
	border: 1px solid #9ec8d9;
	height: 1.6em;
	}

#LayerContents select,
#LayerContents textarea
	{
	margin: -5px 0 5px 0;
	}

* html #LayerContents select, /* IE 6 */
* html #LayerContents textarea
	{
	margin: 0 0 5px 0;
	}

*+html #LayerContents select, /* IE 7 */
*+html #LayerContents textarea
	{
	margin: 0 0 5px 0;
	}

#LayerContents textarea
	{
	border: 1px solid #9ec8d9;
	}

* html #LayerContents input.text, /* IE 6 */
* html #LayerContents textarea
	{
	margin: 0 0 0 -15px;
	padding: 0;
	}

#LayerContents input[type="checkbox"]
	{
	vertical-align: bottom;
	border: none;
	}

#LayerContents label
	{
	vertical-align: bottom;
	}

*+html #LayerContents label /* IE 7 */
	{

	}

#LayerContents input[type="button"]
	{
	border: none;
	}

#LayerContents .button_confirm
	{
	text-indent: -9999px;
	width: 99px;
	height: 30px;
	background: url(/css/i/button_confirm.gif) no-repeat 0 0;
	}

#LayerContents .button_edit
	{
	text-indent: -9999px;
	width: 122px;
	height: 30px;
	background: url(/css/i/button_edit.gif) no-repeat 0 0;
	}

#LayerContents .button_submit
	{
	text-indent: -9999px;
	width: 123px;
	height: 30px;
	background: url(/css/i/button_submit.gif) no-repeat 0 0;
	}
/* *****************************************************
company
***************************************************** */
/* -----------------------------------------------------
menber-list
----------------------------------------------------- */
#LayerContents .menber-list dl
	{
	clear: both;
	}

#LayerContents .menber-list dt
	{
	display: block;
	float: left;
	width: 125px;
	}

#LayerContents .menber-list dd
	{
	display: block;
	float: right;
	width: 280px;
	text-align: left;
	}











/* *****************************************************
box
***************************************************** */

.clear
	{
	clear: both;
	padding: 0;
	margin: 0;
	}

* html .clear /* IE 6 */
	{
	height: 1px;
	}

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

.left
	{
	float: left;
	}

.right
	{
	float: right;
	}

/* *****************************************************
width
***************************************************** */

.w30
	{
	width: 30px;
	}

.w35
	{
	width: 35px;
	}

.w40
	{
	width: 40px;
	}

.w45
	{
	width: 45px;
	}

.w50
	{
	width: 50px;
	}

.w55
	{
	width: 55px;
	}

.w60
	{
	width: 60px;
	}

.w65
	{
	width: 65px;
	}

.w70
	{
	width: 70px;
	}

.w75
	{
	width: 75px;
	}

.w80
	{
	width: 80px;
	}

.w85
	{
	width: 85px;
	}

.w90
	{
	width: 90px;
	}

.w95
	{
	width: 95px;
	}

.w100
	{
	width: 100px;
	}

.w105
	{
	width: 105px;
	}

.w110
	{
	width: 110px;
	}

.w115
	{
	width: 115px;
	}

.w120
	{
	width: 120px;
	}

.w125
	{
	width: 125px;
	}

.w130
	{
	width: 130px;
	}

.w132
	{
	width: 132px;
	}

.w135
	{
	width: 135px;
	}

.w140
	{
	width: 140px;
	}

.w145
	{
	width: 145px;
	}

.w150
	{
	width: 150px;
	}

.w155
	{
	width: 155px;
	}

.w160
	{
	width: 160px;
	}

.w165
	{
	width: 165px;
	}

.w170
	{
	width: 170px;
	}

.w175
	{
	width: 175px;
	}

.w180
	{
	width: 180px;
	}

.w182
	{
	width: 182px;
	}

.w185
	{
	width: 185px;
	}

.w190
	{
	width: 190px;
	}

.w195
	{
	width: 195px;
	}

.w200
	{
	width: 200px;
	}

.w205
	{
	width: 205px;
	}

.w210
	{
	width: 210px;
	}

.w215
	{
	width: 215px;
	}

.w220
	{
	width: 220px;
	}

.w225
	{
	width: 225px;
	}

.w230
	{
	width: 230px;
	}

.w235
	{
	width: 235px;
	}

.w240
	{
	width: 240px;
	}

.w245
	{
	width: 245px;
	}

.w250
	{
	width: 250px;
	}

.w255
	{
	width: 255px;
	}

.w260
	{
	width: 260px;
	}

.w265
	{
	width: 265px;
	}

.w270
	{
	width: 270px;
	}

.w272
	{
	width: 272px;
	}

.w275
	{
	width: 275px;
	}

.w280
	{
	width: 280px;
	}

.w285
	{
	width: 285px;
	}

.w290
	{
	width: 290px;
	}

.w295
	{
	width: 295px;
	}

.w300
	{
	width: 300px;
	}

.w305
	{
	width: 305px;
	}

.w310
	{
	width: 310px;
	}

.w315
	{
	width: 315px;
	}

.w320
	{
	width: 320px;
	}

.w325
	{
	width: 325px;
	}

.w330
	{
	width: 330px;
	}

.w335
	{
	width: 335px;
	}

.w340
	{
	width: 340px;
	}

.w345
	{
	width: 345px;
	}

.w350
	{
	width: 350px;
	}

.w355
	{
	width: 355px;
	}

.w360
	{
	width: 360px;
	}

.w365
	{
	width: 365px;
	}

.w370
	{
	width: 370px;
	}

.w375
	{
	width: 375px;
	}

.w380
	{
	width: 380px;
	}

.w385
	{
	width: 385px;
	}

.w388
	{
	width: 388px;
	}

.w390
	{
	width: 390px;
	}

.w395
	{
	width: 395px;
	}

.w400
	{
	width: 400px;
	}

.w405
	{
	width: 405px;
	}

.w410
	{
	width: 410px;
	}

.w415
	{
	width: 415px;
	}

.w418
	{
	width: 418px;
	}

.w420
	{
	width: 420px;
	}

.w425
	{
	width: 425px;
	}

.w430
	{
	width: 430px;
	}

.w435
	{
	width: 435px;
	}

.w440
	{
	width: 440px;
	}

.w445
	{
	width: 445px;
	}

.w450
	{
	width: 450px;
	}

.w455
	{
	width: 455px;
	}

.w460
	{
	width: 460px;
	}

.w465
	{
	width: 465px;
	}

.w470
	{
	width: 470px;
	}

.w475
	{
	width: 475px;
	}

.w480
	{
	width: 480px;
	}

.w485
	{
	width: 480px;
	}

.w490
	{
	width: 490px;
	}

.w495
	{
	width: 495px;
	}

.w500
	{
	width: 500px;
	}

.w518
	{
	width: 518px;
	}

.w545
	{
	width: 545px;
	}

.w560
	{
	width: 560px;
	}

.w580
	{
	width: 580px;
	}

.w590
	{
	width: 590px;
	}

.w600
	{
	width: 600px;
	}

.w610
	{
	width: 610px;
	}

.w630
	{
	width: 630px;
	}

.w640
	{
	width: 640px;
	}

.w650
	{
	width: 650px;
	}

.w660
	{
	width: 660px;
	}

.w670
	{
	width: 670px;
	}

.w680
	{
	width: 680px;
	}

.w690
	{
	width: 690px;
	}

.w700
	{
	width: 700px;
	}

.w710
	{
	width: 710px;
	}

.w720
	{
	width: 720px;
	}

.w730
	{
	width: 730px;
	}

.w740
	{
	width: 740px;
	}

.w750
	{
	width: 750px;
	}

.w760
	{
	width: 760px;
	}

.w770
	{
	width: 770px;
	}

.w780
	{
	width: 780px;
	}

.w790
	{
	width: 790px;
	}

.w800
	{
	width: 800px;
	}

.w810
	{
	width: 810px;
	}

.w820
	{
	width: 820px;
	}

.w830
	{
	width: 830px;
	}

.w840
	{
	width: 840px;
	}

.w850
	{
	width: 850px;
	}

.w860
	{
	width: 860px;
	}

/* *****************************************************
height
***************************************************** */

.h30
	{
	height: 30px;
	}

.h35
	{
	height: 35px;
	}

.h40
	{
	height: 40px;
	}

.h45
	{
	height: 45px;
	}

.h50
	{
	height: 50px;
	}

.h55
	{
	height: 55px;
	}

.h60
	{
	height: 60px;
	}

.h65
	{
	height: 65px;
	}

.h70
	{
	height: 70px;
	}

.h75
	{
	height: 75px;
	}

.h80
	{
	height: 80px;
	}

.h85
	{
	height: 85px;
	}

.h90
	{
	height: 90px;
	}

.h95
	{
	height: 95px;
	}

.h100
	{
	height: 100px;
	}

/* *****************************************************
margin
***************************************************** */

/* -- top -- */
.m-t0,
#LayerContents h2.m-t0,
#LayerContents h3.m-t0,
#LayerContents p.m-t0
	{
	margin-top: 0px;
	}

.m-t5,
#LayerContents h2.m-t5,
#LayerContents h3.m-t5,
#LayerContents p.m-t5
	{
	margin-top: 5px;
	}

.m-t10,
#LayerContents h2.m-t10,
#LayerContents h3.m-t10,
#LayerContents p.m-t10
	{
	margin-top: 10px;
	}

.m-t15,
#LayerContents h2.m-t15,
#LayerContents h3.m-t15,
#LayerContents p.m-t15
	{
	margin-top: 15px;
	}

.m-t20,
#LayerContents p.m-t20
	{
	margin-top: 20px;
	}

.m-t25,
#LayerContents p.m-t25
	{
	margin-top: 25px;
	}

.m-t30,
#LayerContents p.m-t30
	{
	margin-top: 30px;
	}

.m-t35,
#LayerContents p.m-t35
	{
	margin-top: 35px;
	}

.m-t40,
#LayerContents p.m-t40
	{
	margin-top: 40px;
	}

.m-t45,
#LayerContents p.m-t45
	{
	margin-top: 45px;
	}

.m-t50,
#LayerContents p.m-t50
	{
	margin-top: 50px;
	}

.m-t55,
#LayerContents p.m-t55
	{
	margin-top: 55px;
	}

.m-t60,
#LayerContents p.m-t60
	{
	margin-top: 60px;
	}

.m-t65,
#LayerContents p.m-t65
	{
	margin-top: 65px;
	}

.m-t70,
#LayerContents p.m-t70
	{
	margin-top: 70px;
	}

.m-t75,
#LayerContents p.m-t75
	{
	margin-top: 75px;
	}

.m-t80,
#LayerContents p.m-t80
	{
	margin-top: 80px;
	}

.m-t85,
#LayerContents p.m-t85
	{
	margin-top: 85px;
	}

.m-t90,
#LayerContents p.m-t90
	{
	margin-top: 90px;
	}

.m-t95,
#LayerContents p.m-t95
	{
	margin-top: 95px;
	}

.m-t100,
#LayerContents p.m-t100
	{
	margin-top: 100px;
	}

.m-t105,
#LayerContents p.m-t105
	{
	margin-top: 105px;
	}

/* -- right -- */
.m-r5,
#LayerContents p.m-r5
	{
	margin-right: 5px;
	}

.m-r10,
#LayerContents p.m-r10
	{
	margin-right: 10px;
	}

.m-r12,
#LayerContents p.m-r12
	{
	margin-right: 12px;
	}

.m-r15,
#LayerContents p.m-r15
	{
	margin-right: 15px;
	}

.m-r20,
#LayerContents p.m-r20
	{
	margin-right: 20px;
	}

.m-r30,
#LayerContents p.m-r30
	{
	margin-right: 30px;
	}

.m-r40,
#LayerContents p.m-r40
	{
	margin-right: 40px;
	}

.m-r50,
#LayerContents p.m-r50
	{
	margin-right: 50px;
	}

.m-r55,
#LayerContents p.m-r55
	{
	margin-right: 55px;
	}

/* -- bottom -- */
.m-b0,
#LayerContents p.m-b0
	{
	margin-bottom: 0;
	}

.m-b5,
#LayerContents p.m-b5
	{
	margin-bottom: 5px;
	}

.m-b10,
#LayerContents p.m-b10
	{
	margin-bottom: 10px;
	}

h5.m-b10
	{
	margin-bottom: 8px;
	}

.m-b15,
#LayerContents p.m-b15
	{
	margin-bottom: 15px;
	}

.m-b20,
#LayerContents p.m-b20
	{
	margin-bottom: 20px;
	}

.m-b30,
#LayerContents p.m-b30
	{
	margin-bottom: 30px;
	}


/* -- left -- */
.m-l5
	{
	margin-left: 5px;
	}

.m-l10
	{
	margin-left: 10px;
	}

.m-l15
	{
	margin-left: 15px;
	}

.m-l20
	{
	margin-left: 20px;
	}

.m-l25
	{
	margin-left: 25px;
	}

.m-l30
	{
	margin-left: 30px;
	}

.m-l35
	{
	margin-left: 35px;
	}

.m-l40,
#LayerContents p.m-l40
	{
	margin-left: 40px;
	}

.m-l45
	{
	margin-left: 45px;
	}

.m-l50,
#LayerContents p.m-l50
	{
	margin-left: 50px;
	}

.m-l55
	{
	margin-left: 55px;
	}

.m-l60,
#LayerContents p.m-l60
	{
	margin-left: 60px;
	}

.m-l65
	{
	margin-left: 65px;
	}

.m-l70,
#LayerContents p.m-l70
	{
	margin-left: 70px;
	}

.m-l75,
#LayerContents p.m-l75
	{
	margin-left: 75px;
	}

.m-l80
	{
	margin-left: 80px;
	}

.m-l85
	{
	margin-left: 85px;
	}

.m-l90
	{
	margin-left: 90px;
	}

.m-l95
	{
	margin-left: 95px;
	}

.m-l100
	{
	margin-left: 100px;
	}

.m-l105
	{
	margin-left: 105px;
	}

.m-l110
	{
	margin-left: 110px;
	}

.m-l115
	{
	margin-left: 115px;
	}

.m-l120
	{
	margin-left: 120px;
	}

.m-l125
	{
	margin-left: 125px;
	}

.m-l130
	{
	margin-left: 130px;
	}

.m-l135
	{
	margin-left: 135px;
	}

.m-l140
	{
	margin-left: 140px;
	}

.m-l145
	{
	margin-left: 145px;
	}

.m-l150
	{
	margin-left: 150px;
	}

.m-l155
	{
	margin-left: 155px;
	}

.m-l160
	{
	margin-left: 160px;
	}

.m-l165
	{
	margin-left: 165px;
	}

.m-l170
	{
	margin-left: 170px;
	}

.m-l175
	{
	margin-left: 175px;
	}

.m-l180
	{
	margin-left: 180px;
	}

.m-l185
	{
	margin-left: 185px;
	}

.m-l190
	{
	margin-left: 190px;
	}

.m-l195
	{
	margin-left: 195px;
	}

.m-l200
	{
	margin-left: 200px;
	}

.m-l205
	{
	margin-left: 205px;
	}