@charset "UTF-8";

.boxSani01{
	background: #999;
	border: 7px solid #999;
}

.box04{
	margin-bottom: 7px;
}

ul.listTheme{
	overflow: hidden;
	margin: 0 auto 15px;
	border-left: 7px solid #999;
}

ul.listTheme li{
	float: left;
	width: 220px;
	border: 8px solid #999;
	border-left: none;
}

ul.listSpecialthanks{
	background: url(/img/sanitary/bg_01.png) top center repeat-y #ccc;
}

ul.listSpecialthanks li{
	width: 254px;
	padding: 13px;
}

ul.listSpecialthanks li.item01{
	float: left;
}

ul.listSpecialthanks li.item02{
	float: right;
}

div.boxThanks div.boxStHeader{
	min-height: 90px;
}

div.boxThanks div.boxThanksInfo{
	float: right;
	width: 175px;
}

div.boxThanks div.boxThanksInfo{
	float: right;
	width: 175px;
}

div.boxThanks div.boxThanksInfo h3{
	margin-bottom: 5px;
}

div.boxThanks p.image{
	float: left;
	width: 70px;
}

div.boxThanks h4{
	margin-top: 15px;
	font-weight: normal;
}

/* ------------------------------------------------------------
	blockItemNav
------------------------------------------------------------ */

div.blockItemNav{
	background: #9a9a9a;
	padding: 10px 0 10px 10px;
	margin-bottom: 40px;
}

div.blockItemNav ul li{
	float: left;
	margin-right: 10px;
	display: inline;
}

/* ------------------------------------------------------------
	layout
------------------------------------------------------------ */
div#contentWrapper01{
	background: #fff100;
	padding: 30px 60px;
}

div#contentWrapper02{
	background: #000;
	padding: 30px 60px;
	color: #fff;
}

div#contentWrapper03{
	background: #ff0083;
	padding: 30px 60px;
	color: #fff;
}

div#contentWrapper04{
	background: #6e1289;
	padding: 30px 60px;
	color: #fff;
}

div#content{
	padding: 0 10px;
	position: relative;
}

p.logoSanitary{
	position: absolute;
	top: 6px;
	right: 15px;
}

/* ------------------------------------------------------------
	common
------------------------------------------------------------ */
.ttl01{
	margin-bottom: 30px;
}

.ttl02{
	margin-bottom: 15px;
}

.ttl03{
	color: #ff0083;
	margin-bottom: 20px;
	font-size: 109%;
}

div#contentWrapper03 .ttl03{
	color: #fff;
}

/* ------------------------------------------------------------
	block,box
------------------------------------------------------------ */

/*  boxItemBody
------------------------------------------------- */
div.boxItemBody{
	float: right;
	width: 385px;
	margin-bottom: 40px;
}

div.boxItemBody p.itemName{
	margin-bottom: 30px;
}

div.boxItemBody h2.itemConcept{
	margin-bottom: 30px;
}

div.boxItemBody p.itemInfo{
	margin-bottom: 30px;
	font-size: 125%;
	letter-spacing: 0.08em;
}

div.boxItemBody p.itemNote{
	font-size: 92%;
	margin-bottom: 30px;
}

/*  boxItemImage
------------------------------------------------- */
div.boxItemImage{
	width: 505px;
	float: left;
	margin-bottom: 40px;
	overflow: hidden;
}

div.boxItemImage p#boxImageDetail{
	margin-bottom: 35px;
}

div.boxItemImage ul.listColor{
	width: 525px;
	overflow: hidden;
}

div.boxItemImage li.listColorItem{
	float: left;
	width: 110px;
	margin-right: 21px;
	display: inline;
}

div.boxItemImage li.listColorItem h2{
	margin-bottom: 8px;
}

/*  boxPoint1
------------------------------------------------- */
div.boxPoint1{
	margin-bottom: 80px;
}

div.boxPoint1 ul li{
	margin-top: 40px;
}

div.boxPoint1 .text{
	line-height: 2.5;
	font-size: 109%;
}

/*  boxPoint2
------------------------------------------------- */
div.boxPoint2{
	margin-bottom: 80px;
}

div.boxPoint2 p.image{
	float: left;
	width: 505px;
}

div.boxPoint2 p.text{
	float: right;
	width: 355px;
	padding-right: 30px;
	text-align: justify;
	text-jutify: inter-ideograph;
	line-height: 2.5;
	font-size: 109%;
}

/*  boxPoint3
------------------------------------------------- */
div.boxPoint3{
	margin-bottom: 80px;
}

div.boxPoint3 ul.listPoint li.item01{
	float: left;
	width: 570px;
}

div.boxPoint3 ul.listPoint li.item01 p.image{
	float: left;
	width: 180px;
}

div.boxPoint3 ul.listPoint li.item01 div.body{
	float: right;
	width: 360px;
}

div.boxPoint3 ul.listPoint li.item01 p.text{
	margin-bottom: 20px;
}

div.boxPoint3 ul.listPoint li.item01 p.note{
	font-size: 92%;
}

div.boxPoint3 ul.listPoint li.item02{
	float: right;
	width: 310px;
}

/*  boxPoint4
------------------------------------------------- */
div.boxPoint4{
	margin-bottom: 80px;
}

div.boxPoint4 p.image{
	float: left;
	width: 165px;
}

div.boxPoint4 p.text{
	float: right;
	width: 700px;
	padding-right: 30px;
	text-align: justify;
	text-jutify: inter-ideograph;
	line-height: 2.5;
	font-size: 109%;
}

/*  boxTokyoguidePoint
------------------------------------------------- */
li.boxTokyoguidePoint{
	position: relative;
	width: 907px;
	height: 240px;
}

li.boxTokyoguidePoint.block01{
	background: url(/img/sanitary/tokyoguide/bg_point_01a.png);
}

li.boxTokyoguidePoint.block02{
	background: url(/img/sanitary/tokyoguide/bg_point_01b.png);
}

li.boxTokyoguidePoint.block03{
	background: url(/img/sanitary/tokyoguide/bg_point_01c.png);
}

li.boxTokyoguidePoint p.img01{
	position: absolute;
	top: 30px;
	left: 412px;
}

li.boxTokyoguidePoint p.img02{
	position: absolute;
	top: 30px;
	left: 697px;
}

/* ------------------------------------------------------------
	mufan
------------------------------------------------------------ */

div.blockMufanGroup{
	margin-bottom: 40px;
}

div.blockMufanMain{
	width: 542px;
	float: right;
	overflow: hidden;
}

div.blockMufanMain ul{
	width: 562px;
	overflow: hidden;
	background: url(/img/sanitary/mufan/bg_about_01.jpg) 94% 100% no-repeat;
}

div.blockMufanMain ul li{
	float: left;
	margin: 20px 20px 0 0;
	display: inline;
}

div.blockMufanSub{
	width: 317px;
	float: left;
	overflow: hidden;
	padding: 7px;
	background: #9a9a9a;
}

div.blockMufanSub h2{
	margin-bottom: 7px;
}

div.blockMufanSub div.boxAboutMufan{
	background: #cdcdcd;
	padding: 15px;
	position: relative;
	min-height: 450px;
	height: auto!important;
	height: 450px;
	line-height: 2;
}

p.icoSanitaryArrow{
	text-align: right;
	font-weight: bold;
	margin: 40px 0 90px;
}

p.icoSanitaryArrow a{
	background: url(/img/sanitary/mufan/ico_arrow_01.png) 100% 50% no-repeat;
	padding: 3px 23px 3px 0;
}

p.icoSanitaryArrow a:hover{
	background: url(/img/sanitary/mufan/ico_arrow_01_o.png) 100% 50% no-repeat;
	padding: 3px 23px 3px 0;
}

div.blockMufanSub div.boxAboutMufan p.notes{
	position: absolute;
	font-size: 92%;
	color: #666;
	bottom: 30px;
	width: 287px;
	text-align: justify;
}

/* ------------------------------------------------------------
	mufan
------------------------------------------------------------ */

/*  boxListHistory
------------------------------------------------- */
div.boxListHistory ul{
	padding-top: 10px;
}

div.boxListHistory ul li{
	background: url(/img/sanitary/story/ico_sanitary_01.png) 0 50% no-repeat;
	padding: 10px 0 10px 35px;
}

/*  boxLineup
------------------------------------------------- */
div.boxLineup{
	background: #999;
}

div.boxLineup div.inner{
	padding: 0 6px 6px 6px;
}

div.boxLineup div.inner ul{
	background: #fff;
	padding: 4px 4px 0 4px;
}

div.boxLineup div.inner ul li{
	padding-bottom: 4px;
}

/*  boxContact
------------------------------------------------- */
div.boxContact{
	background: #999;
}

div.boxContact div.inner{
	padding: 0 6px 0 6px;
}

div.boxContact div.inner li{
	padding-bottom: 6px;
}

/*  boxIntro
------------------------------------------------- */
div.boxIntro{
	background: #fef9fc;
	padding: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 10px;
}

/*  boxMember
------------------------------------------------- */
div.boxMember{
	background: #cccccc;
	padding: 10px;
	margin-bottom: 25px;
}

div.boxMember h2{
	float: left;
}

div.boxMember ul li{
	float: left;
	width: 80px;
	overflow: hidden;
	margin-left: 19px;
}

/*  boxHistoryTop
------------------------------------------------- */
div.boxHistoryTop{
	margin-bottom: 35px;
}

div.boxHistoryTop div.boxIndex{
	padding-top: 25px;
	margin-top: 10px;
	background: url(/img/sanitary/story/bg_history_01.png) 0 0 no-repeat;
}

div.boxHistoryTop div.boxIndex li{
	float: left;
	width: 60px;
	overflow: hidden;
}

/*  blockParagraph
------------------------------------------------- */
div.blockParagraph{
	width: 600px;
	overflow: hidden;
}

div.blockParagraph p.txt02{
	margin-bottom: 20px;
	text-align: justify;
	text-jutify: inter-ideograph;
}

div.blockParagraph ul.listImage01{
	width: 620px;
	overflow: hidden;
	margin-bottom: 20px;
}

div.blockParagraph ul.listImage01 li{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 290px;
	text-align: justify;
	text-justify: inter-ideograph;
}

div.blockParagraph ul.listImage02{
	width: 620px;
	overflow: hidden;
	margin-bottom: 20px;
}

div.blockParagraph ul.listImage02 li{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 186px;
	text-align: justify;
	text-justify: inter-ideograph;
}

div.blockParagraph ul.listBotsu{
	width: 620px;
	overflow: hidden;
	margin-bottom: 20px;
}

div.blockParagraph ul.listBotsu li{
	float: left;
	margin: 0 20px 20px 0;
}

/*  boxSkipNav
------------------------------------------------- */
div.boxSkipNav{
	margin-bottom: 10px;
}

div.boxSkipNav ul{
	text-align: center;
}

div.boxSkipNav ul li{
	display: inline;
	margin: 0 10px;
}

/*  boxPager
------------------------------------------------- */
div.boxPager{
}

div.boxPager ul li.prev{
	width: 250px;
	float: left;
}

div.boxPager ul li.next{
	width: 250px;
	float: right;
	text-align: right;
}