@charset "shift_jis";

/*---------------------------------------------------------------------------------------------------------------
	リセット
---------------------------------------------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p,
ul, ul li, dl, dt, dd, form, form, fieldset {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:14px;
	line-height:1.5;
	}
	
table, th, td {
	margin:0;
	font-weight:normal;
	}

body {
	background-color:#FFF;
	color:#333;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif,Osaka;
	background:url(../images/bg.gif) repeat;
	}

table {
	font-size:inherit;
	font:100%;
	}

ul li { list-style-type:none; }

img {
	border:0;
	vertical-align:bottom;
	}

/*リンク*/
a {
 color:#006699;
	text-decoration:underline;
	}
a:hover,
a:active  	{
	color:#006699;
	text-decoration:underline;
	}

a.arrow {
	padding-left:1em;
	background:url(../images/arrow.gif) no-repeat 0.2em 0.3em;
	}

/* 外枠 */
div#Container {
	width:1015px;
	text-align:left;
 }


/*---------------------------------------------------------------------------------------------------------------
	レフトナビエリア
---------------------------------------------------------------------------------------------------------------*/
div#LNavi {
	width:185px;
	float:left;
 }

div#LNavi h1 a {
	display:block;
	width:185px;
	height:0 !important;
	height /**/:95px;
	padding-top:95px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
 }
 
div#LNavi ul#TBtn {
	width:185px;
	background:url(../images/ttl_lineup.gif) no-repeat top;
	padding-top:30px;
	margin-top:25px;
	}

div#LNavi ul#TBtn li {
	width:185px;
	}

div#LNavi ul#TBtn li a {
	display:block;
	width:185px;
	height:0 !important;
	height /**/:28px;
	padding-top:28px;
	overflow:hidden;
	}

div#LNavi ul#TBtn li a#BtnOnkyu { background:url(../images/btn_onkyu.gif) no-repeat;}
div#LNavi ul#TBtn li a#BtnKyu { background:url(../images/btn_kyusuton.gif) no-repeat;}
div#LNavi ul#TBtn li a#BtnSoft { background:url(../images/btn_soft_onkyu.gif) no-repeat;}
div#LNavi ul#TBtn li a#BtnEnseki { background:url(../images/btn_enseki.gif) no-repeat;}
div#LNavi ul#TBtn li a#BtnNeru { background:url(../images/btn_neruneru.gif) no-repeat;}
div#LNavi ul#TBtn li a#BtnBreath { background:url(../images/btn_breath.gif) no-repeat;}
div#LNavi ul#TBtn li a#BtnMask { background:url(../images/btn_mask.gif) no-repeat;}

div#LNavi ul#TBtn li a.On,
div#LNavi ul#TBtn li a:hover { background-position:-185px 0px !important; }

div#LNavi ul#UBtn {
	width:185px;
	margin-top:30px;
	}

div#LNavi ul#UBtn li {
	width:185px;
	margin-bottom:7px;
	}

div#LNavi ul#UBtn li a {
	display:block;
	width:185px;
	height:0 !important;
	height /**/:21px;
	padding-top:21px;
	overflow:hidden;
	}

div#LNavi ul#UBtn li a#BtnOrder { background:url(../images/btn_order.gif) no-repeat;}
div#LNavi ul#UBtn li a#BtnCompany { background:url(../images/btn_company.gif) no-repeat;}

div#LNavi ul#UBtn li a.On,
div#LNavi ul#UBtn li a:hover { background-position:-185px 0px !important; }

div#LNavi p#Tel {
	display:block;
	width:185px;
	height:0 !important;
	height /**/:58px;
	padding-top:58px;
	overflow:hidden;
	background:url(../images/tel.gif) no-repeat;
	margin-top:20px;
 }

/*---------------------------------------------------------------------------------------------------------------
	メインエリア
---------------------------------------------------------------------------------------------------------------*/
div#Main {
	width:820px;
	float:right;
	text-align:center;
 }

div#Main p#Copyright {
	width:369px;
	height:0 !important;
	height /**/:13px;
	padding-top:13px;
	overflow:hidden;
	background:url(../images/copyright.gif) no-repeat;
	margin:40px auto 20px;
 }

/*---------------------------------------------------------------------------------------------------------------
	ページトップ
---------------------------------------------------------------------------------------------------------------*/

div#Main p.pagetop {
	width:820px;
	height:26px;
	position:relative;
	margin-top:20px;
 }
 
div#Main p.pagetop a {
	display:block;
	width:127px;
	height:0 !important;
	height /**/:26px;
	padding-top:26px;
	overflow:hidden;
	background:url(../images/btn_pagetop.gif) no-repeat;
	position:absolute;top:0;right:0;
 }

/*---------------------------------------------------------------------------------------------------------------
	流用スタイル
---------------------------------------------------------------------------------------------------------------*/

.style1 {
	color: #CC0000;
	font-size: 12px;
}
.style3 {color: #4C5696}
.style4 {color: #FF0000}

/*---------------------------------------------------------------------------------------------------------------
	マージン
---------------------------------------------------------------------------------------------------------------*/
.mt00 { margin-top: 0; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }

.mb00 { margin-bottom: 0; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }

/*---------------------------------------------------------------------------------------------------------------
	clearfix
---------------------------------------------------------------------------------------------------------------*/
.clearfix:after {
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;
 }



