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

/* *****************************************************
base
***************************************************** */
*
	{
	margin: 0;
	padding: 0;
	color: #2A2E2D;
	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: 80%; /* 12px */
	line-height: 141%; /* 17px */
	margin: 0;
	padding: 0;
	}

a
	{
	text-decoration: underline;
	}


/* == reader == */
.PageReader
	{
	display: none;
	}


/* *****************************************************
LayerBase
***************************************************** */
#LayerBase
	{
	width: 649px;
	margin: 0 auto 0 auto;
	padding: 5px 0 8px 0;
	color: inherit;
	}


/* *****************************************************
LayerHeader
***************************************************** */
#LayerHeader .right,
#AreaGNavi
	{
	display: none;
	}

#IdLogo a
	{
	display: list-item;
	width: 365px;
	height: 63px;
	margin: 19px 0 3px 0;
	font-size: 1pt;
	letter-spacing: -1000em;
	list-style-position: inside;
	list-style-image: url(i/logo.jpg);
	}

* html #IdLogo
	{
	text-indent: -9999px; /* IE 6 */
	}

*+ html #IdLogo /* IE 7 */
	{
	text-indent: -9999px;
	}

/* *****************************************************
LayerFooter
***************************************************** */
#LayerFooter
	{
	clear: both;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 83%; /* 10px */
	line-height: 140%; /* 14px */
	}

#LayerFooter ul,
#LayerFooter dl,
#LayerFooter p
	{
	display: none;
	}


/* == IdCopyright == */
#LayerFooter #IdCopyright
	{
	display: block;
	width: 619px;
	margin: 0;
	padding: 0;
	font-family: Arial, san-serif;
	}


/* *****************************************************
LayerSnavi
***************************************************** */
#LayerSnavi
	{
	display: none;
	}


@charset "UTF-8";
/* *****************************************************
Contents ---------------
01:LayerBody
02:LayerContents
	* h1
03LayerContentsBody
	* heading
	* content
	* tnavi
	* fnavi
	* AreaLink
	* Contact
------------------------
***************************************************** */


/* *****************************************************
LayerBody
***************************************************** */
#LayerBody
	{
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	width: 790px;
	}

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

* html #LayerBody /* IE 6*/
	{
	height: 1px;
	}

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

/* === Top === */
#SC-Top #LayerBody
	{
	background: url(i/lnavi_back_top.jpg) right bottom no-repeat;
	}

#IdTopImage
	{
	width: 790px;
	height: 190px;
	margin: 0;
	padding: 0 0 22px 0;
	background: #FFF;
	}


/* *****************************************************
LayerContents
***************************************************** */
#LayerContents
	{
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 28px 0;
	_padding: 0 0 27px 0; /* IE 6*/
	background: #FFFFFF;
	}


/* =====================================================
h1
===================================================== */
h1
	{
	margin: 0 0 28px 0;
	padding: 7px 15px 6px 15px;
	border-left: 10px solid #C5753B;
	font-size: 183%; /*22px*/
	line-height: 136%; /*30px*/
	font-weight: bold;
	}


/* *****************************************************
LayerContentsBody
***************************************************** */
#LayerContentsBody
	{
	position: relative;
	top: 0;
	right: 0;
	}

/* =====================================================
heading
===================================================== */
/* -----------------------------------------------------
h2
----------------------------------------------------- */
h2
	{
	margin: 25px 0 28px 0;
	padding: 7px 10px 6px 10px;
	border-left: 10px solid #CE8663;
	color: #452713;
	font-size: 125%; /*15px*/
	line-height: 133%; /*20px*/
	font-weight: bold;
	}


/* -----------------------------------------------------
h3
----------------------------------------------------- */
h3
	{
	margin: 1px 0 6px 0;
	padding: 0 0 6px 0;
	color: #A17623;
	background: inherit;
	font-size: 116%; /* 14px */
	line-height: 128%; /* 18px */
	border-bottom: 1px dotted #A69C70;
	font-weight: bold;
	}

* html h3 /* IE 6 */
	{
	margin: 1px 0 5px 0;
	}

*+ html h3 /* IE 7 */
	{
	margin: 1px 0 5px 0;
	}

h3 span
	{
	padding-left: 20px;
	color: #ed8835;
	font-weight: bold;
	font-size: 92%; /* 14px */
	line-height: 128%; /* 18px */
	}

sup
	{
	position: relative;
	top: 2px;
	padding-right: 1px;
	font-size: 80%; /* 9px */
	}

.font-s
	{
	font-size: 85%; /*11px*/
	line-height: 136%; /*15px*/
	}

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


/* -----------------------------------------------------
h4
----------------------------------------------------- */
h4
	{
	clear: both;
	padding: 0 0 4px 0;
	color: #452713;
	background: #FFF;
	font-weight: bold;
	}


/* =====================================================
content
===================================================== */
/* -----------------------------------------------------
p
----------------------------------------------------- */
#LayerContentsBody p
	{
	margin-bottom: 9px;
	}

#LayerContentsBody .lead
	{
	color: #452713;
	line-height: 175%; /* 21px */
	}

.note
	{
	color: #AF1010;
	}


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

* html #LayerContentsBody ul /* IE 6 */
	{
	margin: 0 0 13px 18px;
	}

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


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

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

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

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


/* -----------------------------------------------------
dl
----------------------------------------------------- */
/*=== dl-border ===*/
.dl-border
	{
	clear: both;
	width: 550px;
	padding-top: 7px;
	}

.dl-border dl
	{
	clear: both;
	width: 550px;
	padding-bottom: 11px;
	margin-bottom: 11px;
	border-bottom: 1px dotted #C8B273;
	}

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

* html .dl-border dl /* IE 6*/
	{
	height: 1px;
	}

*+ html .dl-border dl /* IE 7*/
	{
	height: 1%; 
	}

.dl-border dl.bottom
	{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
	}

.dl-border dt
	{
	float: left;
	padding: 0 10px;
	color: #452B1B;
	background: inherit;
	}

.dl-border dd
	{
	float: right;
	padding: 0 10px 0 0;
	color: #2E3231;
	background: inherit;
	}


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

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


/* =====================================================
tnavi,fnavi
===================================================== */
#tnavi,
.fnavi
	{
	display: none;
	}


/* =====================================================
#AreaLink
===================================================== */
#AreaLink
	{
	width: 540px;
	margin: 0 5px 0 5px;
	background: url(i/area_link_base.gif) 0 0 repeat-y;
	}
	
#AreaLink div
	{
	background: url(i/area_link_back_bottom.gif) 0 bottom no-repeat;
	}

#AreaLink div div
	{
	padding: 12px 15px;
	background: url(i/area_link_back_top.gif) 0 top no-repeat;
	}

#AreaLink table
	{
	width: 510px;
	}


/* === Text === */
#AreaLink .Text
	{
	padding-right: 15px;
	color: #FFF;
	vertical-align: middle;
	}


/* === Btn === */
#AreaLink .Btn
	{
	width: 110px;
	height: 33px;
	vertical-align: middle;
	}

#AreaLink .Btn a
	{
	display: block;
	width: 110px;
	height: 33px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	background: url(i/btn_inq.jpg) 0 0 no-repeat;
	}

#AreaLink .Btn a,
#AreaLink .Btn a:link,
#AreaLink .Btn a:visited
	{
	background: url(i/btn_inq.jpg) 0 0 no-repeat;
	}

#AreaLink .Btn a:hover,
#AreaLink .Btn a:active
	{
	background: url(i/btn_inq.jpg) 0 -33px no-repeat;
	}

#SC-Top #AreaLink .Btn a
	{
	background: url(i/btn_detail.jpg) 0 0 no-repeat;
	}

#SC-Top #AreaLink .Btn a,
#SC-Top #AreaLink .Btn a:link,
#SC-Top #AreaLink .Btn a:visited
	{
	background: url(i/btn_detail.jpg) 0 0 no-repeat;
	}

#SC-Top #AreaLink .Btn a:hover,
#SC-Top #AreaLink .Btn a:active
	{
	background: url(i/btn_detail.jpg) 0 -33px no-repeat;
	}


/* =====================================================
AreaApp
===================================================== */
#AreaApp
	{
	width: 540px;
	margin: 10px 5px 0 5px;
	padding: 0;
	background: url(i/area_app_base.gif) 0 0 repeat-y;
	}

#AreaApp div
	{
	background: url(i/area_app_back_top.gif) top no-repeat;
	}

#AreaApp div div
	{
	clear: both;
	padding: 9px 15px;
	color: #FFFFFF;
	background: url(i/area_app_back_bottom.gif) bottom no-repeat;
	font-size: 91%; /* 11.5px */
	}

#AreaLink #AreaApp
	{
	width: 510px;
	}

#AreaApp .Text
	{
	padding-right: 15px;
	color: #FFFFFF;
	background: inherit;
	vertical-align: middle;
	}
	
#AreaApp .Text em
	{
	color: #FFFFFF;
	background: inherit;
	font-size: 125% ;
	}

#AreaApp .Text span
	{
	font-size: 95%; /* 11px */
	color: #FFFFFF;
	}

#AreaApp .Text span.color_o
	{
	font-size: 100%; /* 11px */
	color: #EB791A;
	}

#AreaApp .Text a,
#AreaApp .Text a:link,
#AreaApp .Text a:visited
	{
	color: #F98437;
	text-decoration: none;
	}


/* === Btn === */
#AreaApp .Btn
	{
	width: 110px;
	height: 33px;
	vertical-align: middle;
	}

#AreaApp .Btn a
	{
	display: block;
	width: 110px;
	height: 33px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	}

#AreaApp .Btn a,
#AreaApp .Btn a:link,
#AreaApp .Btn a:visited
	{
	display: block;
	width: 110px;
	height: 33px;
	background: url(i/btn_app.gif) 0 0 no-repeat;
	}

#AreaApp .Btn a:hover,
#AreaApp .Btn a:active
	{
	background: url(i/btn_app.gif) 0 -33px no-repeat;
	}


/* =====================================================
Contact
===================================================== */
.contact-form
	{
	width: 550px;
	}

.contact-form p
	{
	margin-right: 10px;
	margin-left: 10px;
	}

.contact-form dl
	{
	clear: both;
	width: 550px;
	padding-bottom: 9px;
	margin-top: 9px;
	border-bottom: 1px dotted #C8B273;
	}

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

* html .contact-form dl /* IE 6 */
	{
	height: 1px;
	}

*+ html .contact-form dl /* IE 7*/
	{
	height: 1%; 
	}

.contact-form dl.bottom
	{
	margin-bottom: 21px;
	}

.contact-form dt
	{
	float: left;
	width: 170px;
	padding: 0 10px;
	color: #452B1B;
	background: inherit;
	}

.contact-form dt label
	{
	display: block;
	padding: 2px 0;
	}

.contact-form dd
	{
	float: right;
	width: 348px;
	margin-right: 10px;
	color: #2A2E2D;
	background: inherit;
	}

.contact-form dd.example
	{
	position: relative;
	top: 4px;
	margin-top: 1px;
	}

.form-text
	{
	width: 342px;
	padding: 3px;
	border: 1px solid #B39E6C;
	}
	
.form-select
	{
	width: 350px;
	padding: 3px;
	background: #FFFFFF;
	border: 1px solid #B39E6C;
	}

.form-textarea
	{
	width: 342px;
	height: 100px;
	padding: 3px;
	border: 1px solid #B39E6C;
	}

p label
	{
	position: relative;
	margin-right: 25px;
	margin-left: 5px;
	}

* html p label/* IE6 */
	{
	right: 3px; 
	margin-right: 20px;
	margin-left: 0;
	}

*+ html p label /* IE7 */
	{
	right: 3px;
	margin-right: 20px;
	margin-left: 0;
	}

.form-radio
	{
	position: relative;
	top: 2px;
	padding: 0;
	}

* html .form-radio /* IE6 */
	{
	right: 5px;
	}

*+ html .form-radio /* IE7 */
	{
	right: 5px;
	}

#LayerContentsBody .contact-form p.bottom-button
	{
	clear: both;
	margin: 32px 10px 0 10px;
	text-align: right;
	}

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

* html .contact-form p.bottom-button /* IE6 */
	{
	height: 1px;
	margin: 32px 5px 0 5px;
	}

*+ html .contact-form p.bottom-button /* IE7 */
	{
	height: 1%;
	margin: 32px 5px 0 5px;
	}

.form-button
	{
	margin: 0 0 0 10px;
	color: #452410;
	padding: 3px 8px 2px 11px;
	background: #E1A773;
	border: 1px solid #996E47;
	font-size: 108%; /* 13px */
	}

* html .form-button /* IE6 */
	{
	padding: 4px 6px 2px 9px;
	}

*+ html .form-button /* IE7 */
	{
	padding: 4px 0 2px 1px;
	}


/* *****************************************************
box
***************************************************** */
@charset "UTF-8";
/* *****************************************************
Contents ---------------
01: box
02: width
03: margin
------------------------
***************************************************** */

/* *****************************************************
box
***************************************************** */
.clear
	{
	clear: both;
	padding: 0;
	}

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

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

.clear /* IE 7 */
	{
	display:inline-block;
	}

.left
	{
	float: left;
	height: auto;
	}

.right
	{
	float: right;
	height: auto;
	}


/* *****************************************************
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;
	}

.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;
	}

.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;
	}

.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;
	}

.w390
	{
	width: 390px;
	}

.w395
	{
	width: 395px;
	}

.w400
	{
	width: 400px;
	}

.w405
	{
	width: 405px;
	}

.w410
	{
	width: 410px;
	}

.w415
	{
	width: 415px;
	}

.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;
	}

.w515
	{
	width: 515px;
	}

.w525
	{
	width: 525px;
	}

.w540
	{
	width: 540px;
	}

.w545
	{
	width: 545px;
	}

.w550
	{
	width: 550px;
	}


/* *****************************************************
margin
***************************************************** */
/* -- top -- */
.m-t00
	{
	margin-top: -3px;
	}

.m-t00
	{
	margin-top: 0;
	}

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

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

.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;
	}


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

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

.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;
	}


/* -- bottom -- */
.m-b00,
#LayerContents p.m-b00,
#LayerContentsBody ul.m-b00,
#LayerContentsBody ul li.m-b00
	{
	margin-bottom: -3px;
	}

.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;
	}

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

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

.m-b25,
#LayerContents p.m-b25
	{
	margin-bottom: 25px;
	}

.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;
	}