@charset "utf-8";
@import "../common/css/0-import.css";
/*-------------------------------------------------------------
		workman
---------------------------------------------------------------*/
#workman .asset-body .box01 {
	position: relative;
	height: 498px;
}

#workman .asset-body .box01 p {
	position: absolute;
	left: 20px;
	top: 380px;
}

#workman .asset-body .box02 {
	margin-bottom: 400px;
	position: relative;
	height: 481px;
}

#workman .asset-body .box02 ul li a {
	position: absolute;
	display: block;
	text-indent: -9999px;
}

#workman .asset-body .box02 ul li.link01 a {
	width: 127px;
	height: 132px;
	background: url(../img/story/workman_text_img01_over.gif) no-repeat left top;
	top: 190px;
	left: 56px;
}

#workman .asset-body .box02 ul li.link02 a {
	width: 132px;
	height: 154px;
	background: url(../img/story/workman_text_img02_over.gif) no-repeat left top;
	top: 140px;
	left: 182px;
	z-index: 1;
}

#workman .asset-body .box02 ul li.link03 a {
	width: 128px;
	height: 146px;
	background: url(../img/story/workman_text_img03_over.gif) no-repeat left top;
	top: 187px;
	left: 313px;
	z-index: 10;
}

#workman .asset-body .box02 ul li.link01 a:hover {
	background: url(../img/story/workman_text_img01_over.gif) no-repeat left -204px;
}

#workman .asset-body .box02 ul li.link02 a:hover {
	background: url(../img/story/workman_text_img02_over.gif) no-repeat left -204px;
}

#workman .asset-body .box02 ul li.link03 a:hover {
	background: url(../img/story/workman_text_img03_over.gif) no-repeat left -204px;
}

/*-------------------------------------------------------------
		poche
---------------------------------------------------------------*/
#poche .asset-body h2 {
	padding: 7px 4px 5px 6px;
	margin: 0 0 15px;
	background-color: #f2a6bd;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -2px;
}

#poche .asset-body p {
	padding: 0;
	margin: 0;
}

#poche .asset-body h2 span {
	padding: 2px 3px;
	margin-top: -3px;
	background-color: #fff;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
}

#poche .asset-body h2 span a {
	padding-right: 10px;
	background: url(../img/story/poche_icon01.gif) no-repeat right center;
}

#poche .asset-body h3 {
	padding-left: 23px;
	margin: 0 0 15px;
	background: url(../img/story/poche_icon06.gif) no-repeat left center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 21px;
}

#poche .asset-body h3.h301 {
	background: url(../img/story/poche_icon07.gif) no-repeat left center;
}

#poche .asset-body h3.h302 {
	padding-left: 30px;
	margin-bottom: 10px;
	background: url(../img/story/poche_icon08.gif) no-repeat 1px center;
}


#poche .asset-body .box01 {
	padding-bottom: 15px;
	margin-bottom: 10px;
	background: url(../img/puv/voice_line01.gif) repeat-x left bottom;
}

#poche .asset-body .box01 .box01L {
	width: 240px;
	float: left;
}

#poche .asset-body .box01 .box01L p {
	margin: 0 0 18px;
}

#poche .asset-body .box02 {
	padding: 215px 25px 26px 361px;
	margin-bottom: 10px;
	background: url(../img/story/poche_back01.jpg) no-repeat left top;
	zoom: 1;
}


#poche .asset-body .box02 p span {
	margin: 30px 10px 0 0;
	text-align: right;
	display: block;
}

#poche .asset-body .box02 p span a {
	padding-right: 15px;
	background: url(../img/story/poche_icon02.gif) no-repeat right center;
	color: #E71F1C;
}

#poche .asset-body .box03 {
	padding: 130px 290px 71px 50px;
	margin-bottom: 13px;
	background: url(../img/story/poche_back02.jpg) no-repeat left top;
	zoom: 1;
}

#poche .asset-body .box03 p span {
	margin-top: 10px;
	display: block;
}

#poche .asset-body .box03 p span a {
	padding-right: 20px;
	background: url(../img/story/poche_icon03.gif) no-repeat right center;
	color: #E71F1C;
}

#poche .asset-body .box04 {
	padding-bottom: 30px;
	margin: 0 5px 37px;
	background: url(../img/story/poche_back03.jpg) no-repeat left bottom;
}

#poche .asset-body .box04 .box03L {
	margin: 28px 0 0 39px;
	width: 215px;
	float: left;
	display: inline;
}

#poche .asset-body .box04 .box03R {
	margin: 40px 45px 0 0;
	width: 245px;
	float: right;
	display: inline;
}

#poche .asset-body .box04 .box03R p.p_color {
	margin-bottom: 25px;
	color: #E71F1C;
	font-size: 15px;
}

#poche .asset-body .box04 .box03R p.p_right {
	margin-top: 15px;
	text-align: right;
}

#poche .asset-body .box04 .box03R p.p_right a {
	padding-right: 15px;
	background: url(../img/story/poche_icon04.gif) no-repeat right center;
	color: #E71F1C;
	border-bottom: 1px solid #E71F1C;
}

#poche .asset-body .box04 .box03R p.p_right a:hover {
	text-decoration: none;
}

#poche .asset-body .box05 {
	padding: 17px 0 10px 35px;
	margin: 0 0 25px 5px;
	background: url(../img/story/poche_back05.jpg) no-repeat left top;
	zoom: 1;
}

#poche .asset-body .box05 h4 {
	margin: 0 0 5px;
}

#poche .asset-body .box05 p {
	color: #E71F1C;
}

#poche .asset-body .box05 p span {
	display: block;
}


#poche .asset-body .box05 p span a {
	padding-right: 15px;
	background: url(../img/story/poche_icon05.gif) no-repeat right center;
	color: #E71F1C;
}

#poche .asset-body .box06 {
	margin-bottom: -15px;
}

/*-------------------------------------------------------------
		museum
---------------------------------------------------------------*/
#museum .pink h3.mb-bar-l {
	color: #734642;
}

#museum .asset-body .box01 {
	position: relative;
	height: 497px;
}

#museum .asset-body .box01 p {
	position: absolute;
	left: 262px;
	top: 335px;
}

#museum .asset-body .box02 {
	margin-bottom: 400px;
	position: relative;
	height: 481px;
}

#museum .asset-body .box02 ul li a {
	position: absolute;
	display: block;
	text-indent: -9999px;
}

#museum .asset-body .box02 ul li.link01 a {
	width: 132px;
	height: 158px;
	background: url(../img/story/museum_text_img01_over.gif) no-repeat left top;
	top: 204px;
	left: 125px;
}

#museum .asset-body .box02 ul li.link02 a {
	width: 129px;
	height: 166px;
	background: url(../img/story/museum_text_img02_over.gif) no-repeat left top;
	top: 116px;
	left: 223px;
	z-index: 1;
}

#museum .asset-body .box02 ul li.link03 a {
	width: 127px;
	height: 146px;
	background: url(../img/story/museum_text_img03_over.gif) no-repeat left top;
	top: 109px;
	left: 368px;
	z-index: 10;
}

#museum .asset-body .box02 ul li.link01 a:hover {
	background: url(../img/story/museum_text_img01_over.gif) no-repeat left -196px;
}

#museum .asset-body .box02 ul li.link02 a:hover {
	background: url(../img/story/museum_text_img02_over.gif) no-repeat left -197px;
}

#museum .asset-body .box02 ul li.link03 a:hover {
	background: url(../img/story/museum_text_img03_over.gif) no-repeat left -195px;
}

/*-------------------------------------------------------------
		library
---------------------------------------------------------------*/
#library .pink h3.mb-bar-l {
	color: #734642;
}

#library .asset-body .box01 {
	margin-bottom: 48px;
	position: relative;
	height: 547px;
}

#library .asset-body .box01 p {
	position: absolute;
	left: 10px;
	top: 385px;
}

#library .asset-body .box02 {
	padding: 0 48px 0 22px;
	margin: 0 12px 30px 11px;
	height: 287px;
	background: url(../img/story/library_back01.jpg) no-repeat left top;
	position: relative;
}

#library .asset-body .box02 img.floatL {
	padding-top: 31px;
}

#library .asset-body .pd01 img.floatL {
	padding-top: 23px;
}

#library .asset-body .box02 p {
	margin: 0;
	color: #727171;
}

#library .asset-body .box02 .boxBar {
	padding-top: 43px;
	width: 260px;
	float: right;
}

#library .asset-body .box02 .boxBar h2 {
	margin: 0 0 25px;
	font-size: 14px;
	font-weight: bold;
}

#library .asset-body .box02 .boxBar p.p_right {
	position: absolute;
	right: 52px;
	bottom: 24px;
}

#library .asset-body ul.ul01 {
	margin-bottom: 15px;
}

#library .asset-body ul.ul01 li {
	margin-right: 17px;
	width: 182px;
	float: left;
}

#library .asset-body table {
	width: 578px;
}


#library .asset-body table td {
	padding: 5px 0 5px 20px;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 0;
}

#library .asset-body table td.td_back {
	background-color: #fff2ad;
}

/*-------------------------------------------------------------
		relief
---------------------------------------------------------------*/
#relief .pink h3.mb-bar-l {
	color: #734642;
}

#relief .asset-body {
	letter-spacing: 0;
}

#relief .asset-body h2 {
	padding: 7px 2px 5px 8px;
	margin: 0 0 5px;
	background-color: #f3a7bd;
	font-size: 17px;
	font-weight: bold;
}

#relief .asset-body h3 {
	padding-left: 27px;
	margin: 0 0 15px;
	background: url(../img/story/poche_icon07.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

#relief .asset-body .graph01 {
	position: relative;
	height: 778px;
}

#relief .asset-body .graph01 h3 {
	position: absolute;
	left: 15px;
	top: 15px;
	background: none;
}

#relief .asset-body p {
	margin: 0;
	letter-spacing: 0;
}

#relief .asset-body .box01 {
	padding: 39px 270px 54px 18px;
	background: url(../img/story/relief_photo02.jpg) no-repeat left top;
	zoom: 1;
}

#relief .asset-body .box01 h3 {
	padding-left: 32px;
	margin: 0 0 10px;
}

#relief .asset-body .box01 p {
	margin-left: 34px;
}

#relief .asset-body .box02 {
	padding: 20px 255px 24px 10px;
	margin-bottom: 12px;
	position: relative;
	background: url(../img/story/relief_back03.gif) repeat-y 3px top;
	zoom: 1;
}

#relief .asset-body .box02 h3 {
	background: url(../img/story/relief_icon02.gif) no-repeat left top;
}

#relief .asset-body .box02 h3 span {
	font-size: 10px;
}

#relief .asset-body .box02 img {
	position: absolute;
	top: 0;
	right: 3px;
}

#relief .asset-body .box02 p {
	margin: 0 85px 0 13px;
}

#relief .asset-body .box02 p.p_fize {
	margin-top: 30px;
	font-size: 10px;
	line-height: 1.2;
}

#relief .asset-body .box03 {
	padding: 8px 107px 17px 33px;
	background: url(../img/story/relief_back01.jpg) no-repeat left bottom;
	zoom: 1;
}

#relief .asset-body .box03 h4 {
	margin: 0 0 7px;
	font-size: 14px;
}

#relief .asset-body .box04 {
	padding: 40px 280px 115px 1px;
	margin-bottom: 13px;
	background: url(../img/story/relief_back02.jpg) no-repeat left top;
	zoom: 1;
}

#relief .asset-body .box04 p {
	margin: 0 40px 0 2px;
}

#relief .asset-body .box04 h3 {
	background: url(../img/story/relief_icon01.gif) no-repeat left top;
}

#relief .asset-body .box05 {
	padding: 21px 0 6px 3px;
	margin-bottom: 14px;
	background: url(../img/story/relief_back04.gif) repeat-y right top;
}

#relief .asset-body .box05 .box05R {
	padding-top: 10px;
	margin-right: 10px;
	width: 210px;
	float: right;
	display: inline;
}

#relief .asset-body .box05 h3 {
	background: url(../img/story/relief_icon03.gif) no-repeat left top;
}

#relief .asset-body .box06 {
	padding: 0 9px 0 3px;
	margin-bottom: 21px;
}

#relief .asset-body .box06 .box06L {
	padding-top: 34px;
	width: 305px;
	float: left;
}

#relief .asset-body .box06 p {
	margin-left: 4px;
}

#relief .asset-body .box06 h3 {
	background: url(../img/story/poche_icon08.gif) no-repeat left top;
}
/*-------------------------------------------------------------
		look_poche
---------------------------------------------------------------*/
#look_poche .asset-body {
	letter-spacing: 0;
}

#look_poche .asset-body p {
	margin: 0;
}

#look_poche .asset-body p.p01 {
	margin: 0 0 35px 10px;
}

#look_poche .asset-body .BigBox {
	padding-bottom: 10px;
	margin: 0 7px 20px 19px;
	background: url(../img/story/look_poche_photo02.jpg) no-repeat right bottom;
}

#look_poche .asset-body h2 {
	padding: 7px 2px 5px 8px;
	margin: 0 0 16px;
	background-color: #f3a7bd;
	font-size: 17px;
	font-weight: bold;
}

#look_poche .asset-body h3 {
	padding-left: 27px;
	margin: 0 0 10px;
	background: url(../img/story/poche_icon06.gif) no-repeat 2px top;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

#look_poche .asset-body h3.h301 {
	padding-left: 30px;
	background: url(../img/story/relief_icon02.gif) no-repeat 4px top;
}


#look_poche .asset-body .box01 {
	clear: both;
}

#look_poche .asset-body .mLR01 {
	margin: 0 7px 13px 19px;
}


#look_poche .asset-body .box01 h4 {
	margin: 0 0 7px;
}

#look_poche .asset-body .box01 h4.h401 {
	text-align: right;
}

#look_poche .asset-body .box01 h4.h401 img {
	display: inline;
}

#look_poche .asset-body .box01 .box01Bar {
	padding-top: 14px;
	width: 327px;
}

#look_poche .asset-body .mLR01 .box01Bar {
	padding-top: 35px;
}


#look_poche .asset-body .box02 {
	margin: 0 0 5px 20px;
}

#look_poche .asset-body .box02 .box02L {
	padding-top: 45px;
	width: 315px;
	float: left;
}

#look_poche .asset-body .box02 .box02L h4 {
	margin: 0 0 15px;
}

#look_poche .asset-body .box03 {
	position: relative;
	height: 416px;
}

#look_poche .asset-body .box03 h3 {
	position: absolute;
	left: 12px;
	top: 20px;
}

#look_poche .asset-body .box03 p {
	width: 185px;
	position: absolute;
	right: 12px;
	top: 37px;
}

#look_poche .asset-body .box04 {
	margin: 0 3px 45px 0;
}

#look_poche .asset-body .box04 .box04L {
	width: 252px;
	float: left;
}

#look_poche .asset-body .box04 .box04L p {
	margin: 0 10px 0 15px;
}

#look_poche .asset-body .box04 .box04L p.link {
	margin: 3px 10px 23px 15px;
}

#look_poche .asset-body .box04 .box04L p.link a {
	padding-right: 15px;
	background: url(../img/story/poche_icon05.gif) no-repeat right center;
	color: #E71F1C;
}

#look_poche .asset-body .box05 {
	margin: 0 0 50px 8px;
}

#look_poche .asset-body .box05 .box05R {
	width: 195px;
	float: right;
}

/*-------------------------------------------------------------
		talk_poche
---------------------------------------------------------------*/
#talk_poche .asset-body h2 {
	padding: 7px 2px 5px 8px;
	margin: 0 0 48px;
	background-color: #f3a7bd;
	font-size: 17px;
	font-weight: bold;
}

#talk_poche .asset-body p {
	margin: 0;
}

#talk_poche .asset-body h3 {
	margin: 0;
}

#talk_poche .asset-body .text_img01 {
	margin-left: 92px;
}

#talk_poche .asset-body h3.h301 {
	margin: 0 0 34px 86px;
}

#talk_poche .asset-body h3.h302 {
	margin: 0 0 5px 177px;
}

#talk_poche .asset-body .text01 {
	margin: 0 0 61px 128px;
}

#talk_poche .asset-body .box01 {
	margin: 0 90px 25px 0;
}

#talk_poche .asset-body .box01 p {
	padding-top: 18px;
	margin: 0;
	width: 310px;
	float: right;
}

#talk_poche .asset-body p span {
	color: #E71F1C;
}

#talk_poche .asset-body .box02 {
	margin: 0 0 45px 20px;
}

#talk_poche .asset-body .box02 .box02L {
	padding-top: 9px;
	width: 385px;
	float: left;
}

#talk_poche .asset-body .box02 h3 {
	margin: 0 0 16px;
}

#talk_poche .asset-body .box03 {
	padding-bottom: 85px;
	margin: 0 85px 30px 110px;
	background: url(../img/story/talk_poche_img01.jpg) no-repeat 62px bottom;
	zoom: 1;
}

#talk_poche .asset-body .box03 h3 {
	margin-bottom: 20px;
}

#talk_poche .asset-body .box03 p {
	line-height: 1.5;
}

#talk_poche .asset-body .box03 p.p_back01 {
	padding-bottom: 90px;
	margin: 0 50px 35px 0;
	background: url(../img/story/talk_poche_line01.gif) no-repeat center bottom;
	zoom: 1;
}

#talk_poche .asset-body .box03 p.mr50 {
	margin-right: 50px;
}
/*-------------------------------------------------------------
		know
---------------------------------------------------------------*/

#know .asset-body h2 {
	padding: 7px 4px 5px 6px;
	margin: 0 0 5px;
	background-color: #f2a6bd;
	font-size: 17px;
	font-weight: bold;
	clear: both;
}


/*-------------------------------------------------------------
		hearing
---------------------------------------------------------------*/
#hearing .asset-body{
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0;
}

#hearing .asset-body h2 {
	margin: 0 0 13px 8px;
}

#hearing .asset-body .banner {
	position: relative;
	height: 276px;
}

#hearing .asset-body .banner p {
	margin: 0;
	position: absolute;
	width: 315px;
	top: 112px;
	left: 55px;
	color: #fff;
	font-size: 12px;
}

#hearing .asset-body .box01{
	margin-bottom: 18px;
	padding: 0 0 0 8px;
	position: relative;
	height: 326px;
}

#hearing .asset-body .text01{
	position: absolute;
	top: 0;
	left: 302px;
}

#hearing .asset-body .box01 ul{
	position: absolute;
	top: 153px;
	left: 322px;
	font-size: 12px;
	line-height: 1.5;
	width: 250px;
}

#hearing .asset-body  ul li{
	margin-bottom: 15px;
}

#hearing .asset-body .box02{
	margin-bottom: 18px;
	padding: 0 0 0 8px;
	position: relative;
	height: 319px;
}

#hearing .asset-body .text02{
	position: absolute;
	top: 0;
	left:8px;
}

#hearing .asset-body .box02 ul{
	position: absolute;
	top: 153px;
	left: 15px;
	font-size: 12px;
	line-height: 1.5;
	width: 260px;
}

#hearing .asset-body ul span.yellow{
	color: #F39800;
}

#hearing .asset-body ul span.green{
	color: #00813F;
}

#hearing .asset-body ul span.blue{
	color: #5FB7E1;
}

#hearing .asset-body .box03{
	margin-bottom: 15px;
	padding: 30px 23px 35px 10px;
	background-color: #FFF2AD;
}

#hearing .asset-body .box03 .boxl{
	width: 249px;
	float: left;
}

#hearing .asset-body .box03 .boxl p{
	margin: 0;
	padding: 0;
}

#hearing .asset-body .box03 .boxl p.blod{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

#hearing .asset-body .box03 .boxl p.one{
	margin: 0 0 0 20px;
}

/* +kodawari
================================ */
#kodawari .asset-body h2 {
	background-color:#F3A7BD;
	font-size:17px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:2px;
	padding-top:7px;
	display:block;
	width:580px;
	}

#kodawari .box01,#kodawari .box02,#kodawari .box03,#kodawari .box04
{
	position:relative;
	}
	
#kodawari .t01,#kodawari .t02,#kodawari .t03,#kodawari .t04,#kodawari .t04-2,#kodawari .t05,#kodawari .t06,#kodawari .t07,#kodawari .h301,
#kodawari .h302,#kodawari .h303,#kodawari .h304{
	position:absolute;
	padding:0;
	margin:0;}



#kodawari .t01{
	top:34px;
	left:352px;
	width:239px;
	}

#kodawari .t02{
	top:382px;
	left:10px;
	width:400px;
	height:110px;
	}


#kodawari .t03{
	top:580px;
	left:365px;
	width:215px;
	}

#kodawari .t04{
	top:352px;
	left:25px;
	}

#kodawari .t04-2{
	top:88px;
	left:35px;
	}


#kodawari .t05{
	top:380px;
	left:30px;
	width:195px;
	}

#kodawari .t06{
	top:700px;
	left:380px;
	width:180px;
	}

#kodawari .t07{
	top:952px;
	left:390px;
	margin-right:10px;
	width:180px;
	}

#kodawari .h301{
	top:6px;
	left:28px;
	font-weight:700;
	}

#kodawari .h302{
	top:24px;
	left:250px;
	font-weight:700;
	line-height:30px;
	font-size:16px;
	}

#kodawari .h303{
	top:26px;
	left:48px;
	font-weight:700;
	font-size:16px;
	}

#kodawari .h304{
	top:1198px;
	left:190px;
	color:#fff;
	font-weight:700;
	font-size:14px;
	}

#kodawari .box02{
	margin-bottom:20px;

}
	
#kodawari .box04{
	margin-bottom:50px;
}

#kodawari .box05{
	position:absolute;
	width:200px;
	top:1243px;
	left:350px;
	color:#fff;
	line-height:18px;
	}