/*==================================================================

design.css
www.saunashi.com

================================================================== */


/*	design
============================================================*/
body {
	color: #444;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	background: url(../images/bg.gif) repeat;
	overflow-x: hidden;
}

a {
	color: #444;
	text-decoration: underline;
}


hr{
	border:solid 1px #cccccc;
}

a:hover {
	color: #777777;
}

#wrapperWrap {
	width: 100%;
	margin: 0;
	padding: 0;
	/*display: none;*/
	/display: block;
	background: url(../images/line.gif) no-repeat -80px 2050px;
	/background: url(../images/line.gif) no-repeat -80px 2000px;
}

#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/line.gif) no-repeat -80px 3450px;
	/background: url(../images/line.gif) no-repeat -80px 3410px;
}

#wrapper p,
#wrapper dd {
	font-size: 14px;
	line-height: 1.9;
}

#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
	font-size: 16px;
	font-weight: bold;
}

#wrapper p.txtS {
	font-size: 11px;
	line-height: 1.7;
}

#container {
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

#main {
	float: right;
	width:750px;
	margin-top: 80px;
	padding: 0;
}

#contents {
	width: 750px;
	padding: 0;
	margin: 0;
}

h1#logo {
	width: 100px;
	height: 1000px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}




#back {
	width: 100px;
	height: 1000px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}

#back a:hover{
	alpha(opacity=50);
	-moz-opacity: 0.5;
    opacity: 0.5;}


#rightNav {
	width: 27px;
	height: 436px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 2000;
}

#pageTop {
	width: 15px;
	height: 15px;
	position: fixed;
	bottom: 70px;
	right: 81px;
	z-index: 2000;
}

#gNav {
	width: 1000px;
	height: 50px;
	_height: 50px;
	position: fixed;
	top: 0;
	z-index: 2000;
	font-weight:bold;
	font-size: 12px;
}

#gNav ul.nav li {
	float: left;
	padding-right: 0px;

}

#gNav ul.nav li.noPad {
	padding-right: 0px;
}

#gNav ul.nav li a {
	position: relative;
	display: block;
}

#contents h2 {
	padding-bottom: 35px;
	
}

#contents h3.h3cs {
	padding-bottom: 35px;
}

#contents h3 {
	padding-bottom: 35px;
}

#contents h4 {
	padding-bottom: 32px;
}

#contents h5 {
	padding-bottom: 10px;
}

#contents h5.clients {
	padding-bottom: 23px;
}

.clearBox {
	clear: both;
	width: 660px;
	padding: 0;
	margin: 0;
	padding-bottom: 60px;
}

.clearBox2 {
	clear: both;
	width: 660px;
	padding: 0;
	margin: 0;
	padding-bottom: 45px;
}

.clearBox3 {
	clear: both;
	width: 660px;
	padding: 0;
	margin: 0;
	padding-bottom: 35px;
}

.clearBoxB {
	clear: both;
	width: 660px;
	padding: 0;
	margin: 0;
	padding-bottom: 180px;
}

.clearBoxCP {
	position: relative;
	clear: both;
	width: 660px;
	padding: 0;
	margin: 0;
	padding-bottom: 180px;
}

.spaceBoxOb {
	clear: both;
	width: 660px;
	height: 50px;
	padding: 0;
	margin: 0;
}

.spaceBox {
	clear: both;
	width: 660px;
	height: 85px;
	padding: 0;
	margin: 0;
}

.leftCol,
.leftColB {
	position: relative;
	float: left;
	width: 750px;
	padding: 0;
	margin: 0;
	font-weight:bold;
}

.leftCol p,
.leftColB p{
	padding: 10px;
}
.rightst,
.rightstB {
	position: relative;
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;

}

.rightst a{
	background:#ffffff;
	alpha(opacity=100);
	-moz-opacity: 5.0;
    opacity: 5.0;

}

.rightst a:hover{
	background:#ffffff;
	alpha(opacity=50);
	-moz-opacity: 0.8;
    opacity: 0.8;
}






.rightCol,
.rightColB {
	position: relative;
	float: left;
	width: 740px;
	padding: 0;
	margin: 0;

}

.rightCol a{
	/*background:#ffffff;*/
	alpha(opacity=100);
	-moz-opacity: 5.0;
    opacity: 5.0;

}

.rightCol a:hover{
	/*background:#ffffff;*/
	alpha(opacity=50);
	-moz-opacity: 0.8;
    opacity: 0.8;
}


#wrapper .leftColB p,
#wrapper .rightColB p {
	font-size: 11.5px;
	/font-size: 12px;
}

#wrapper #contents  .leftColB h5,
#wrapper #contents  .rightColB h5 {
	font-size: 11.5px;
	/font-size: 12px;
	padding-bottom: 7px;
}

.letter {
	letter-spacing: -1px;
}

.arrow01 {
	position: absolute;
	top: 75px;
	left: 325px;
}

.arrow02 {
	text-align: center;
	padding: 8px 0;
	/padding: 6px 0;
}

.arrow03 {
	position: absolute;
	top: 60px;
	left: 325px;
}

.problem {
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(../images/hr_dotted-blue.gif) repeat-x bottom;
}

#wrapper ul.case li {
	line-height: 1.8;
}

li.n1 {
	width: 300px;
	background: url(../images/img_1.gif) no-repeat left 5px;
	/background: url(../images/img_1.gif) no-repeat left 6px;
	padding-left: 15px;
}

li.n2 {
	width: 300px;
	background: url(../images/img_2.gif) no-repeat left 5px;
	/background: url(../images/img_2.gif) no-repeat left 6px;
	padding-left: 15px;
}

li.n3 {
	width: 300px;
	background: url(../images/img_3.gif) no-repeat left 5px;
	/background: url(../images/img_3.gif) no-repeat left 6px;
	padding-left: 15px;
}

li.n4 {
	width: 300px;
	background: url(../images/img_4.gif) no-repeat left 5px;
	/background: url(../images/img_4.gif) no-repeat left 6px;
	padding-left: 15px;
}


dl.data dt {
	clear: both;
	float: left;
	width: 42px;
	display: block;
	padding-right: 15px;
	font-size: 12px;
}

#wrapper dl.data dd {
	float: left;
	/float: none;
	width: 250px;
	display: block;
	font-size: 12px;
	line-height: 1.3;
	padding-bottom: 10px;
}

.map {
	position: absolute;
	top: 0;
	right: 0;
}

.blank {
	position: absolute;
	top: 330px;
	right: 0;
	padding-left: 14px;
	background: url(../images/blank.gif) no-repeat left 6px;
}


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

.imgPosi {
	width: 740px;
	border:solid 5px #CCC;
	top: 238px;
	background:#ffffff;
	alpha(opacity=50);
	-moz-opacity: 0.8;
    opacity: 0.8;	
}

.imgPosi img {
	position: absolute;

}

.imgPosi dl{
	padding:3px;
}

.imgPosi p{
	padding:3px;
	margin:0px;
}

.imgPosi hr{
	margin:0px;
}


.to_top {
	float: left;
	width:10px;	
	height:70px;
	padding:25px 0 100px 650px;
}

.to_top a {
	display: block;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.to_top a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.font_red{
color:#FF6666;
}




.padNone { padding: 0px;}

.padT3 { padding-top: 3px; border:solid 5px #cccccc;}
.padT5 { padding-top: 5px; border:solid 5px #cccccc;}
.padT10 { padding-top: 10px; border:solid 5px #cccccc;}
.padT15 { padding-top: 15px; border:solid 5px #cccccc;}
.padT20 { padding-top: 20px; border:solid 5px #cccccc;}
.padT25 { padding-top: 25px; border:solid 5px #cccccc;}
.padT30 { padding-top: 30px; border:solid 5px #cccccc;}
.padT35 { padding-top: 35px; border:solid 5px #cccccc;}
.padT40 { padding-top: 40px; border:solid 5px #cccccc;}
.padT45 { padding-top: 45px; border:solid 5px #cccccc;}
.padT50 { padding-top: 50px; border:solid 5px #cccccc;}

.padB5 { padding-bottom: 5px; border:solid 5px #cccccc;}
.padB10 { padding-bottom: 10px; border:solid 5px #cccccc;}
.padB15 { padding-bottom: 15px; border:solid 5px #cccccc;}
.padB20 { padding-bottom: 20px; border:solid 5px #cccccc;}
.padB25 { padding-bottom: 25px; border:solid 5px #cccccc;}
.padB30 { padding-bottom: 30px; border:solid 5px #cccccc;}
.padB35 { padding-bottom: 35px; border:solid 5px #cccccc;}
.padB40 { padding-bottom: 40px; border:solid 5px #cccccc;}
.padB45 { padding-bottom: 45px; border:solid 5px #cccccc;}
.padB50 { padding-bottom: 50px; border:solid 5px #cccccc;}
.padB70 { padding-bottom: 70px; border:solid 5px #cccccc;}

.padR5 { padding-right: 5px; border:solid 5px #cccccc;}
.padR10 { padding-right: 10px; border:solid 5px #cccccc;}
.padR15 { padding-right: 15px; border:solid 5px #cccccc;}
.padR20 { padding-right: 20px; border:solid 5px #cccccc;}
.padR25 { padding-right: 25px; border:solid 5px #cccccc;}
.padR30 { padding-right: 30px; border:solid 5px #cccccc;}
.padR35 { padding-right: 35px; border:solid 5px #cccccc;}
.padR40 { padding-right: 40px; border:solid 5px #cccccc;}
.padR45 { padding-right: 45px; border:solid 5px #cccccc;}
.padR50 { padding-right: 50px; border:solid 5px #cccccc;}

.padL5 { padding-left: 5px; border:solid 5px #cccccc;}
.padL10 { padding-left: 10px; border:solid 5px #cccccc;}
.padL15 { padding-left: 15px; border:solid 5px #cccccc;}
.padL20 { padding-left: 20px; border:solid 5px #cccccc;}
.padL25 { padding-left: 25px; border:solid 5px #cccccc;}
.padL30 { padding-left: 30px; border:solid 5px #cccccc;}
.padL35 { padding-left: 35px; border:solid 5px #cccccc;}
.padL40 { padding-left: 40px; border:solid 5px #cccccc;}
.padL45 { padding-left: 45px; border:solid 5px #cccccc;}
.padL50 { padding-left: 50px; border:solid 5px #cccccc;}

/* margin */

.marNone { margin: 0px;}

.marT5 { margin-top: 5px; border:solid 5px #cccccc;}
.marT10 { margin-top: 10px; border:solid 5px #cccccc;}
.marT15 { margin-top: 15px; border:solid 5px #cccccc;}
.marT20 { margin-top: 20px; border:solid 5px #cccccc;}
.marT25 { margin-top: 25px; border:solid 5px #cccccc;}
.marT30 { margin-top: 30px; border:solid 5px #cccccc;}
.marT35 { margin-top: 35px; border:solid 5px #cccccc;}
.marT40 { margin-top: 40px; border:solid 5px #cccccc;}
.marT45 { margin-top: 45px; border:solid 5px #cccccc;}
.marT50 { margin-top: 50px; border:solid 5px #cccccc;}

.marB5 { margin-bottom: 5px; border:solid 5px #cccccc;}
.marB10 { margin-bottom: 10px; border:solid 5px #cccccc;}
.marB15 { margin-bottom: 15px; border:solid 5px #cccccc;}
.marB20 { margin-bottom: 20px; border:solid 5px #cccccc;}
.marB25 { margin-bottom: 25px; border:solid 5px #cccccc;}
.marB30 { margin-bottom: 30px; border:solid 5px #cccccc;}
.marB35 { margin-bottom: 35px; border:solid 5px #cccccc;}
.marB40 { margin-bottom: 40px; border:solid 5px #cccccc;}
.marB45 { margin-bottom: 45px; border:solid 5px #cccccc;}
.marB50 { margin-bottom: 50px; border:solid 5px #cccccc;}

.marR5 { margin-right: 5px; border:solid 5px #cccccc;}
.marR10 { margin-right: 10px; border:solid 5px #cccccc;}
.marR15 { margin-right: 15px; border:solid 5px #cccccc;}
.marR20 { margin-right: 20px; border:solid 5px #cccccc;}
.marR25 { margin-right: 25px; border:solid 5px #cccccc;}
.marR30 { margin-right: 30px; border:solid 5px #cccccc;}
.marR35 { margin-right: 35px; border:solid 5px #cccccc;}
.marR40 { margin-right: 40px; border:solid 5px #cccccc;}
.marR45 { margin-right: 45px; border:solid 5px #cccccc;}
.marR50 { margin-right: 50px; border:solid 5px #cccccc;}

.marL5 { margin-left: 5px;}
.marL10 { margin-left: 10px;}
.marL15 { margin-left: 15px;}
.marL20 { margin-left: 20px;}
.marL25 { margin-left: 25px;}
.marL30 { margin-left: 30px;}
.marL35 { margin-left: 35px;}
.marL40 { margin-left: 40px;}
.marL45 { margin-left: 45px;}
.marL50 { margin-left: 50px;}


.mod_slide{
	margin:0 auto;
	width:auto;
	height:281px;
	margin-bottom:30px;

}

#slide{
	width:750px;
	height:270px;
	position:relative;
	overflow:hidden;
	border-top:solid 5px #CCC;
	border-bottom:solid 5px #CCC;
	alpha(opacity=10);
	-moz-opacity: 0.9;
    opacity: 0.9;

}
#slide li{
	display: none;
	position: absolute;
	left: 0px;
}

#slide li.first{
	display:block;
}

/* navigation */
#slide_nav ol{
	width:750px;
	text-align:right;
}
#slide_nav ol li{
	display:inline;
	position:relative;
	
}
#slide_nav ol li span{
	padding:3px;
	position:absolute;
	top:-5;
	left:0;
	display:none;
}
#slide_nav ol li a{
	padding:3px;
	display:inline-block;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


.right{
float:right

}


.left {
	float: left;
	}

.blue {
	color:#336699;
	}

.at {
	color:#cccccc;
	font-size: 10px;
	
	}