@charset "utf-8";

/*============================================================*
* 20120125
*  設備記事
*============================================================*/

/* --------------------------------------------
 *  Base
 * -------------------------------------------- */
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
}
body, input, select, textarea, th, td, li ,a {
	font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	background: #FFFFFF;
	text-align: left;
}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }

/* sprites
----------------------------------------------- */
.sp,.sb { background-image: url(./../images/sprites/sp.png); background-repeat: no-repeat; }
.b {
	border: 0 none;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	vertical-align: middle;
}
/* text
----------------------------------------------- */

#kiji_wrap p {
	font-size: 12px;
	line-height: 1.8;
	margin-top: 0px;
	line-break: strict;
	color: #333;
	letter-spacing: 1px;
}

a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

.tdUln { text-decoration: underline; }

.fwB { font-weight: bold; }

.fcW { color: #fff; }

.ofh	{ text-indent: -9999px; overflow: hidden; }

#kiji_wrap .fs10		{ font-size: 10px; }
#kiji_wrap .fs11		{ font-size: 11px; }
#kiji_wrap .fs12		{ font-size: 12px; }
#kiji_wrap .fs14		{ font-size: 14px; }
#kiji_wrap .fs16		{ font-size: 16px; }
#kiji_wrap .fs18		{ font-size: 18px; }
#kiji_wrap .fs20		{ font-size: 20px; }

#knowhow01 .content .lh14 { line-height: 1.4; }
#knowhow01 .content .lh16 { line-height: 1.6; }

.taR { text-align: right; }

.ls0 { letter-spacing: 0px; }
.ls1 { letter-spacing: 1px; }

.textNote {
	margin-left: 1em;
	text-indent: -1em;
}

/* clearfix
----------------------------------------------- */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/* --------------------------------------------
 *  Layout
 * -------------------------------------------- */
#knowhow01 h2 {
	border: none;
	background-image: url(./../images/sprites/sp.png); background-repeat: no-repeat;
}
.fl { float: left; }
.fr { float: right; }

.sub { font-size: 9px; margin-top: -3px; }

/* --------------------------------------------
 *   Contents
 * -------------------------------------------- */

#kiji_wrap #conWrap { width: 621px; border: 1px solid #ccc; padding: 0 10px 60px 10px; }

#kiji_wrap h2.h2Ttf01 {	background-position: 0 0; width: 621px; height: 40px; }
#kiji_wrap h2.h2Ttf02 {	background-position: 0 -41px; width: 621px; height: 40px; }
#kiji_wrap h2.h2Tts01 {	background-position: 0 -82px; width: 621px; height: 40px; }
#kiji_wrap h2.h2Tts02 {	background-position: 0 -123px; width: 621px; height: 40px; }
#kiji_wrap h2.h2Ttt01 {	background-position: 0 -164px; width: 621px; height: 40px; }
#kiji_wrap h2.h2Ttt02 {	background-position: 0 -205px; width: 621px; height: 40px; }

#kiji_wrap h2 span {
	color: #fff;
	background: none;
	padding: 10px 0 0 130px;
	width: 300px;
}
#kiji_wrap h2 p { padding: 10px 0 0 130px; }
#kiji_wrap h2 a { color: #fff; }
#kiji_wrap h2 p a:link { color: #fff; }
#kiji_wrap h2 p a:visited		{ color: #fff; }

#kiji_wrap h3 { color: #333; font-weight: bold; }

.araRst {	background-position: 0 -246px; width: 621px; height: 3px; }
.araRsb {	background-position: 0 -250px; width: 621px; height: 3px; }

/* button
----------------------------------------------- */
/* ----- common ----- */

.tabKtn {	background-position: 0 -254px; width: 209px; height: 54px; }
.tabBtn {	background-position: -210px -254px; width: 209px; height: 54px; }
.tabTtn {	background-position: -420px -254px; width: 209px; height: 54px; }

.tabKtn a:hover {	background-position: 0 -309px; width: 209px; height: 54px; }
.tabBtn a:hover {	background-position: -210px -309px; width: 209px; height: 54px; }
.tabTtn a:hover {	background-position: -420px -309px; width: 209px; height: 54px; }


.tabKtc {	background-position: 0 -364px; width: 209px; height: 54px; }
.tabBtc {	background-position: -210px -364px; width: 209px; height: 54px; }
.tabTtc {	background-position: -420px -364px; width: 209px; height: 54px; }

.tabKbn {	background-position: 0 -419px; width: 209px; height: 54px; }
.tabBbn {	background-position: -210px -419px; width: 209px; height: 54px; }
.tabTbn {	background-position: -420px -419px; width: 209px; height: 54px; }

.tabKbn a:hover {	background-position: 0 -474px; width: 209px; height: 54px; }
.tabBbn a:hover {	background-position: -210px -474px; width: 209px; height: 54px; }
.tabTbn a:hover {	background-position: -420px -474px; width: 209px; height: 54px; }

.tabKbu {	background-position: 0 -529px; width: 209px; height: 54px; }
.tabBbu {	background-position: -210px -529px; width: 209px; height: 54px; }
.tabTbu {	background-position: -420px -529px; width: 209px; height: 54px; }

.tabKbu a:hover {	background-position: 0 -529px; width: 209px; height: 54px; }
.tabBbu a:hover {	background-position: -210px -529px; width: 209px; height: 54px; }
.tabTbu a:hover {	background-position: -420px -529px; width: 209px; height: 54px; }

.btnNxt { background-position: -640px -722px; width: 252px; height: 33px; }
.btnNxt a:hover { background-position: -893px -722px; width: 252px; height: 33px; }
.btnBck { background-position: -640px -756px; width: 252px; height: 33px; }
.btnBck a:hover { background-position: -893px -756px; width: 252px; height: 33px; }

.tabKtn a, .tabBtn a, .tabTtn a, .tabKbn a, .tabBbn a, .tabTbn a, .tabKbu a, .tabBbu a, .tabTbu a, .btnKtc a, .btnKtb a, .btnKtr a, .btnBtc a, .btnBtb a, .btnBtr a, .btnTlc a, .btnTlb a, .btnTlr a, .blKit01 a, .blKit02 a, .blKit03 a, .blKit04 a, .blKit05 a, .blBat01 a, .blBat02 a, .blBat03 a, .blBat04 a, .blBat05 a, .blToi01 a, .blToi02 a, .blToi03 a, .blToi04 a, .blToi05 a, .btnNxt a, .btnBck a { display: block; height: 100%; outline: none; }


/* ----- 1p ----- */

.btnKtc {	background-position: 0 -639px; width: 203px; height: 60px; }
.btnKtb {	background-position: -204px -639px; width: 203px; height: 60px; }
.btnKtr {	background-position: -408px -639px; width: 203px; height: 60px; }

.btnKtc a:hover {	background-position: 0 -700px; width: 203px; height: 60px; }
.btnKtb a:hover {	background-position: -204px -700px; width: 203px; height: 60px; }
.btnKtr a:hover {	background-position: -408px -700px; width: 203px; height: 60px; }

/* ----- 2p ----- */

.btnBtc {	background-position: 0 -761px; width: 203px; height: 60px; }
.btnBtb {	background-position: -204px -761px; width: 203px; height: 60px; }
.btnBtr {	background-position: -408px -761px; width: 203px; height: 60px; }

.btnBtc a:hover {	background-position: 0 -822px; width: 203px; height: 60px; }
.btnBtb a:hover {	background-position: -204px -822px; width: 203px; height: 60px; }
.btnBtr a:hover {	background-position: -408px -822px; width: 203px; height: 60px; }

.w515 { width: 515px; }

/* ----- 3p ----- */

.btnTlc {	background-position: 0 -883px; width: 203px; height: 60px; }
.btnTlb {	background-position: -204px -883px; width: 203px; height: 60px; }
.btnTlr {	background-position: -408px -883px; width: 203px; height: 60px; }

.btnTlc a:hover {	background-position: 0 -944px; width: 203px; height: 60px; }
.btnTlb a:hover {	background-position: -204px -944px; width: 203px; height: 60px; }
.btnTlr a:hover {	background-position: -408px -944px; width: 203px; height: 60px; }


/* fukidashi
----------------------------------------------- */
/* ----- 1p ----- */

.blArk01 { margin-top: -230px; }
.blArk02 { margin-top: -58px; }

.blKit01 {
	background-image: url(./../images/balloon01/cirKit01.png); width: 68px; height: 58px;
	background-repeat: no-repeat;
	top: -102px;
	left: 141px;
}
.blKit01 a:hover {
	border: none;
	background-image: url(./../images/balloon01/cirKit01_ov.png); background-repeat: no-repeat;
	width: 68px;
	height: 58px;
}
.blKit02 {
	background-image: url(./../images/balloon01/cirKit02.png); width: 74px; height: 57px;
	background-repeat: no-repeat;
	top: -134px;
	left: 216px;
}
.blKit02 a:hover {
	border: none;
	background-image: url(./../images/balloon01/cirKit02_ov.png); background-repeat: no-repeat;
	width: 74px;
	height: 57px;
}
.blKit03 {
	background-image: url(./../images/balloon01/cirKit03.png); width: 65px; height: 58px;
	background-repeat: no-repeat;
	top: -149px;
	left: 76px;
}
.blKit03 a:hover {
	border: none;
	background-image: url(./../images/balloon01/cirKit03_ov.png); background-repeat: no-repeat;
	width: 65px;
	height: 58px;
}
.blKit04 {
	background-image: url(./../images/balloon01/cirKit04.png); width: 66px; height: 57px;
	background-repeat: no-repeat;
	top: -102px;
	left: 154px;
}
.blKit04 a:hover {
	border: none;
	background-image: url(./../images/balloon01/cirKit04_ov.png); background-repeat: no-repeat;
	width: 66px;
	height: 57px;
}
.blKit05 {
	background-image: url(./../images/balloon01/cirKit05.png); width: 65px; height: 58px;
	background-repeat: no-repeat;
	top: -35px;
	left: 101px;
}
.blKit05 a:hover {
	border: none;
	background-image: url(./../images/balloon01/cirKit05_ov.png); background-repeat: no-repeat;
	width: 65px;
	height: 58px;
}


#cirKit01Btn, #cirKit02Btn, #cirKit03Btn, #cirKit04Btn, #cirKit05Btn {
	text-align: center;
	cursor: pointer;
}

.setMiddle {
	vertical-align: middle;
}
.tipTxtcCase {
	height: 100%;
}

.w160 { width: 160px; }
.w170 { width: 170px; }
.w347 { width: 347px; }

/* ----- 2p ----- */
.blArb01 { margin-top: -230px; }
.blArb02 { margin-top: -58px; }

.blBat01 {
	background-image: url(./../images/balloon02/cirBat01.png); width: 66px; height: 60px;
	background-repeat: no-repeat;
	top: -2px;
	left: 101px;
}
.blBat01 a:hover {
	border: none;
	background-image: url(./../images/balloon02/cirBat01_ov.png); background-repeat: no-repeat;
	width: 66px;
	height: 60px;
}
.blBat02 {
	background-image: url(./../images/balloon02/cirBat02.png); width: 66px; height: 57px;	background-repeat: no-repeat;
	top: -33px;
	left: 292px;
}
.blBat02 a:hover {
	border: none;
	background-image: url(./../images/balloon02/cirBat02_ov.png); background-repeat: no-repeat;
	width: 66px;
	height: 57px;
}
.blBat03 {
	background-image: url(./../images/balloon02/cirBat03.png); width: 65px; height: 58px;
	background-repeat: no-repeat;
	top: 13px;
	left: 156px;
}
.blBat03 a:hover {
	border: none;
	background-image: url(./../images/balloon02/cirBat03_ov.png); background-repeat: no-repeat;
	width: 65px;
	height: 58px;
}
.blBat04 {
	background-image: url(./../images/balloon02/cirBat04.png); width: 66px; height: 57px;
	background-repeat: no-repeat;
	top: -14px;
	left: 380px;
}
.blBat04 a:hover {
	border: none;
	background-image: url(./../images/balloon02/cirBat04_ov.png); background-repeat: no-repeat;
	width: 66px;
	height: 57px;
}
.blBat05 {
	background-image: url(./../images/balloon02/cirBat05.png); width: 65px; height: 59px;
	background-repeat: no-repeat;
	top: -3px;
	left: 332px;
}
.blBat05 a:hover {
	border: none;
	background-image: url(./../images/balloon02/cirBat05_ov.png); background-repeat: no-repeat;
	width: 65px;
	height: 59px;
}


#cirBat01Btn, #cirBat02Btn, #cirBat03Btn, #cirBat04Btn, #cirBat05Btn {
	text-align: center;
	cursor: pointer;
}

.w130 { width: 130px; }
.w180 { width: 180px; }
.w200 { width: 200px; }

/* ----- 3p ----- */

.blArt01 { margin-top: -230px; }
.blArt02 { margin-top: -58px; }

.blToi01 {
	background-image: url(./../images/balloon03/cirToi01.png); width: 66px; height: 60px;
	background-repeat: no-repeat;
	top: 17px;
	left: 63px;
}
.blToi01 a:hover {
	border: none;
	background-image: url(./../images/balloon03/cirToi01_ov.png); background-repeat: no-repeat;
	width: 66px;
	height: 60px;
}
.blToi02 {
	background-image: url(./../images/balloon03/cirToi02.png); width: 66px; height: 58px;
	background-repeat: no-repeat;
	top: -66px;
	left: 155px;
}
.blToi02 a:hover {
	border: none;
	background-image: url(./../images/balloon03/cirToi02_ov.png); background-repeat: no-repeat;
	width: 66px;
	height: 58px;
}
.blToi03 {
	background-image: url(./../images/balloon03/cirToi03.png); width: 65px; height: 61px;
	background-repeat: no-repeat;
	top: -23px;
	left: 100px;
}
.blToi03 a:hover {
	border: none;
	background-image: url(./../images/balloon03/cirToi03_ov.png); background-repeat: no-repeat;
	width: 65px;
	height: 61px;
}
.blToi04 {
	background-image: url(./../images/balloon03/cirToi04.png); width: 66px; height: 58px;
	background-repeat: no-repeat;
	top: -94px;
	left: 176px;
}
.blToi04 a:hover {
	border: none;
	background-image: url(./../images/balloon03/cirToi04_ov.png); background-repeat: no-repeat;
	width: 66px;
	height: 58px;
}
.blToi05 {
	background-image: url(./../images/balloon03/cirToi05.png); width: 65px; height: 59px;
	background-repeat: no-repeat;
	top: -225px;
	left: 340px;
}
.blToi05 a:hover {
	border: none;
	background-image: url(./../images/balloon03/cirToi05_ov.png); background-repeat: no-repeat;
	width: 65px;
	height: 59px;
}


#cirToi01Btn, #cirToi02Btn, #cirToi03Btn, #cirToi04Btn, #cirToi05Btn {
	text-align: center;
	cursor: pointer;
}


/* banner
----------------------------------------------- */

.bnTim { background-position: -640px 0; width: 492px; height: 86px; }
.bnPnm { background-position: -640px -87px; width: 492px; height: 86px; }
.bnTis { background-position: -640px -522px; width: 347px; height: 65px; }

.bnNhn { background-position: -640px -174px; width: 492px; height: 86px; }
.bnTot { background-position: -640px -261px; width: 492px; height: 86px; }
.bnNhs { background-position: -640px -588px; width: 346px; height: 66px; }

.bnPst { background-position: -640px -348px; width: 544px; height: 86px; }
.bnLkt { background-position: -640px -435px; width: 492px; height: 86px; }
.bnPss { background-position: -640px -655px; width: 347px; height: 66px; }


/* illust
----------------------------------------------- */


/* color
----------------------------------------------- */
.bgGr { background: #dcd7ce; }
.bgBe { background: #edeae5; }
.fcGn { color: #66af67; }

/* border
----------------------------------------------- */
.bdRst { border-left: 1px solid #afaa96; border-right: 1px solid #afaa96; }
.bdDtp { background-image: url(./../images/lineDtp.png); background-repeat: repeat-x; }
.bdDtg { background-image: url(./../images/lineDtg.png); background-repeat: repeat-x; }
.bdDty { background-image: url(./../images/lineDty.png); background-repeat: repeat-x; } 

/* outline
----------------------------------------------- */
#araOln {
	background-color: #f5f5f5;
	border: 2px solid #ccc;
	padding: 20px 15px;
}
#araOln ul li {
	font-size: 11px;
	line-height: 2.0;
}

/* --------------------------------------------
 *   Margin
 * -------------------------------------------- */

/* margin
----------------------------------------------- */
#kiji_wrap .m00 { margin: 0 auto; }

.mT07 { margin-top: 7px }
.mT15 { margin-top: 15px }
.mT18 { margin-top: 18px }
.mT20 { margin-top: 20px; }
.mT25 { margin-top: 25px; }
.mT28 { margin-top: 28px; }
.mT30 { margin-top: 30px; }
.mT40 { margin-top: 40px; }
.mT45 { margin-top: 45px; }
.mT50 { margin-top: 50px; }
.mT60 { margin-top: 60px; }

.mL06 { margin-left: 6px; }
.mL08 { margin-left: 8px; }
.mL10 { margin-left: 10px; }
.mL12 { margin-left: 12px; }
.mL15 { margin-left: 15px; }
.mL20 { margin-left: 20px; }
.mL30 { margin-left: 30px; }
.mL40 { margin-left: 40px; }

.mR10 { margin-right: 10px; }

.mB15 { margin-bottom: 15px; }
.mB30 { margin-bottom: 30px; }
.mB45 { margin-bottom: 45px; }
.mB60 { margin-bottom: 60px; }

/* padding
----------------------------------------------- */
.p10 { padding: 10px; }
.p12 { padding: 12px; }

.pT05 { padding-top: 5px; }
.pT08 { padding-top: 8px; }
.pT10 { padding-top: 10px; }
.pT12 { padding-top: 12px; }
.pT15 { padding-top: 15px; }
.pT18 { padding-top: 18px; }
.pT20 { padding-top: 20px; }
.pT25 { padding-top: 25px; }
.pT50 { padding-top: 50px; }

.pL10 { padding-left: 10px; }

.pR10 { padding-right: 10px; }
.pB20 { padding-bottom: 20px; }

/* position
----------------------------------------------- */

.pr { position: relative; }

.z1 { z-index: 1; }
.z2 { z-index: 2; }

.psT14 { top: 14px; }


/* huck
----------------------------------------------- */
.mLi12 { margin-left: 12px; *margin-left: 6px; }