@charset "utf-8";

/*
* 	meti33.css
*	====================
*	0.common
		0-1.リンク
		0-2.ttl  タイトル
		0-3.select　選択
		0-4.list-struct リスト
		0-5.遷移関連
*	1.top
*	2.side
*	3.main
		3-1.トップ
		3-2.ストーリー
		3-3.遺産
		3-4.特集について
		3-5.活用好事例
		3-6.14の手法
*/

/*========================
	0.common
========================*/
div#main {
	position:relative;
}

/*---------------------------------
	0-1.リンク
-----------------------------------*/
div#contents a {
	color:#009dca;
}

/*---------------------------------
	0-2.ttl  タイトル
-----------------------------------*/
h2,h3,h4 {
	color:#555;
	font-size:14px;
	font-weight:bold;
}
div.about h2,
div.story_top h2,
div.legacy h2,
div.legacy_top h2,
div.s14 h2 {
	background:url(../../img2/cm/meti33/bg_ttl_h2.gif) no-repeat;
	width:100%;
	height:43px;
	line-height:43px;
	text-indent:32px;
	margin-bottom:20px;
}
h3 {
	padding:5px 0 10px 0;
	background:url(../../img2/cm/meti33/bg_ttl_h3.gif) no-repeat bottom;
	margin-bottom:10px;
}
div.s14 h4,
div.sample h4,
div.about h4 {
	background:#eee;
	margin-bottom:10px;
	padding:8px 20px;
	font-size:12px;
}

/*---------------------------------
	0-3.select　選択
-----------------------------------*/
ul.select {
	overflow:hidden;
	width:555px;
	margin:20px 30px;
}
ul.select li {
	float:left;
	display:inline;
	padding:0 12px;
	color:#555;
	border-right:1px solid #dcdcdc;
}

/*---------------------------------
	0-4.list-struct   リスト
-----------------------------------*/
div.meti33_story ul,
div.meti33_kuchikomi ul {
	clear:both;
	overflow:hidden;
	width:100%;
	margin-bottom:20px;
}

/*-- list01-story   ストーリーのリスト --*/
div.meti33_story li {
	float:left;
	width:287px;
	height:4.5em;
	line-height:1.3;
	margin-right:20px;
	padding-top:5px;
	border-bottom:1px solid #dcdcdc;
}
div.meti33_story li a {
	display:block;
}
div.meti33_story li img {
	float:left;
	width:52px;
	height:39px;
	margin-right:7px;
}

/*-- list02-leagacy   遺産(＋口コミ)のリスト --*/
div.meti33_kuchikomi ul {
	border-top:1px solid #dcdcdc;
}
div.meti33_kuchikomi li {
	float:left;
	width:100%;
	border-bottom:1px solid #dcdcdc;
}
div.meti33_kuchikomi li p {
	float:left;
	width:250px;
	background:#f8f4f3 url(../../img2/cm/meti33/bg_tolegacy.gif) no-repeat right center;
	padding:5px 0;
}
div.meti33_kuchikomi li p img {
	float:left;
	background:#fff;
	width:60px;
	height:60px;
	margin:0 7px 0 6px;
	border:1px solid #ccc;
}
div.meti33_kuchikomi li p em {
	float:left;
	width:170px;
	font-weight:bold;
	line-height:1.4;
}
div.meti33_kuchikomi li dl {
	float:right;
	width:350px;
	padding-top:5px;
}
div.meti33_kuchikomi li dd {
	overflow:hidden;
	width:100%;
	padding:3px 0;
	border-bottom:1px solid #f3f3f3;
}
div.meti33_kuchikomi li dd a {	
	float:left;
	width:70%;	
}
div.meti33_kuchikomi li dd span {	
	float:right;
	width:29%;
	color:#999;
	text-align:right;
}
/* 口コミがない場合 */
div.meti33_kuchikomi li dd.no_kuchikomi {
	border:none;
}
div.meti33_kuchikomi li dd.no_kuchikomi span img{
	padding-top:15px;
}

/*---------------------------------
	0-5.遷移関連
-----------------------------------*/
/* 下層ページへ */
p.move {
	overflow:hidden;
	width:100%;
	text-align:right;
}
p.move a {
	display:block;
	background:url(../../img2/cm/meti33/bg_tomove.gif) no-repeat right center;
	text-align:right;
	padding-right:15px;
}

/* 前後のページへ */
p.move a.back {
	float:left;
	width:205px;
	background:url(../../img2/cm/meti33/bg_toback.gif) no-repeat left center;
	text-align:left;
	text-indent:15px;
	padding:0;
}
p.move a.next {
	float:right;
	width:190px;
}
p.move a.center {
	position:absolute;
	left:0;
	background:none;
	width:190px;
	padding:0;
	text-align:center;
}
/* ストーリに戻る */
p.move a.center {
	position:absolute;
	left:500px;
	background:none;
	width:205px;
	padding:0;
	text-align:center;
}
/* ページの先頭へ */
div.totop {
	width:100%;
	margin:10px 0;
	text-align:right;
}

/*========================
	1.top
========================*/
/* 画像 */
div.meti33_head {
	overflow:hidden;
	width:910px;
	margin-bottom:30px;
	background:url(../../img2/cm/meti33/img_topimg.jpg) no-repeat;
	border-top:1px solid #dcdcdc;
}
div.meti33_head.meti_new {
	background:url(../../img2/cm/meti33_new/img_topimg.jpg) no-repeat;
}
div.meti33_head.meti_sample {
	background:url(../../img2/cm/meti33_sample/img_topimg.jpg) no-repeat;
}

/* 関連特集 */
div.meti33_head dl {
	float:right;
	background:url(../../img2/cm/meti33_new/bg_nearf.gif) no-repeat;
	height:23px;
	text-align:right;
	border-right:1px solid #ccc;
}
div.meti33_head dt {
	float:left;
}
div.meti33_head dt img {
	padding:5px 8px 0 12px;
}
div.meti33_head dd {
	float:left;
	font-size:91%;
	line-height:23px;
}
div.meti33_head dd.meti01 {
	background:url(../../img2/cm/meti33_new/bg_nearf_01.gif) no-repeat left center;
}
div.meti33_head dd.meti02 {
	background:url(../../img2/cm/meti33_new/bg_nearf_03.gif) no-repeat left center;
}
div.meti33_head dd.meti03 {
	background:url(../../img2/cm/meti33_new/bg_nearf_02.gif) no-repeat left center;
}
div.meti33_head dd.near_kiryu {
	text-indent:4px;
}
div.meti33_head dd.near_kiryu a {
	border-left:1px solid #ccc;
	padding-left:5px;
}

* html div.meti33_head dt,
* html div.meti33_head dd {
	font-size:86%;
}
div.meti33_head dd a {
	padding:0 5px 0 14px;
}
#contents div.meti33_head dl a,
#contents div.meti33_head dl a:hover {
	color:#555;
}

/* menu */
div.meti33_head ul {
	background:url(../../img2/cm/meti33/bg_topmenu.gif);
	height:40px;
	margin-top:144px;
	padding:0 0 0 30px;
}
div.meti33_head ul li {
	background:#bf816c;
	height:40px;
}
div.meti33_head ul li {
	float:left;
	width:127px;
	height:38px;
}
div.meti33_head ul li.menu_about {
	float:right;
}

/*========================
	2.side
========================*/
#left dl {
	width:100%;
}
#left dl dt {
	clear:both;
	width:100%;
}
#left dd {
	float:left;
	width:100%;
	background:#f8f4f3;
	margin-bottom:20px;
}

/* story */
#left dd ul {
	overflow:hidden;
	width:250px;
	margin:0 0 11px 11px;
	padding:10px 0 0 0;
}
#left dd ul li {
	float:left;
	width:52px;
	margin:0 10px 7px 0;
}
#left dd ul li:last-child {
	margin-bottom:0;
}
#left dd ul li a img {
	width:52px;
	height:39px;
	border:1px solid #f8f4f3;
}
* html #left dd ul li a img {
	width:50px;
	height:37px;
	border:1px solid #f8f4f3;
}
#left dd ul li a:hover img {
	border:1px solid #009dca;
}

/* near */
#left dd ul.near_bnr {
	margin:0 0 0 7px;
	text-align:center;
}
#left dd ul.near_bnr li {
	float:none;
	width:100%;
	margin:0;
}
#left dd ul.near_bnr li a img {
	width:239px;
	height:80px;
	margin-bottom:10px;
}	
#left dd ul.near_bnr li a:hover img {
	border:1px solid #f8f4f3;
}
/* sample */
#left ul.samplelist li {
	width:40px;
	height:40px;
	font-size:116%;
	line-height:40px;
	text-align:center;
	color:#6d8ebf;
	font-weight:bold;
}
#left ul.samplelist li a {
	display:block;
	width:40px;
	height:40px;
	text-decoration:none;
	background:url(../../img2/cm/meti33_sample/bg_menu.gif) no-repeat;
}
#left ul.samplelist li a:hover {
	background:url(../../img2/cm/meti33_sample/bg_menu_o.gif) no-repeat;
	color:#fff;
	font-weight:normal;
}

/*========================
	3.main
========================*/
/*---------------------------------
	3-1.トップ   top
-----------------------------------*/
div.top_story,
div.top_search,
div.top_group,
div.top_sample {
	overflow:hidden;
	width:100%;
	margin-bottom:20px;
}

div.top_story h2,
div.top_search h2,
div.top_group h2,
div.top_sample h2 {
	height:31px;
	margin-bottom:10px;
	line-height:31px;
	text-indent:45px;
}
div.top_story h3,
div.top_search h3 {
	clear:both;
	background:none;
	margin:0;
	padding:0;
}

/* ストーリー */
div.top_story {
	background:url(../../img2/cm/meti33/bg_topstory.gif);
	border-bottom:1px solid #d3b5aa;
}
div.top_story h2 {
	background:url(../../img2/cm/meti33/bg_top_story.gif) no-repeat;
}
div.top_story h3 {
	margin-left:10px;
}
div.top_story p {
	overflow:hidden;
	background:#f8f4f3;
	margin:10px;
	padding:10px 15px;
	color:#4d4341;
	line-height:1.5;
	letter-spacing:1px;
}
div.top_story p img {
	float:right;
	width:120px;
	height:61px;
	margin-left:10px;
}
div.top_story div.meti33_story ul {
	margin:0 0 0 10px;
}
div.top_story div.meti33_story li {
	margin-right:15px;
}

/* 探す */
div.top_search h2 {
	background:url(../../img2/cm/meti33/bg_top_search.gif) no-repeat;
}
div.top_search h3 {
	margin:10px 0 5px 0;
}
div.top_search div.meti33_kuchikomi ul {
	margin:0;
}

/* グループ */
div.top_group h2 {
	background:url(../../img2/cm/meti33/bg_top_group.gif) no-repeat;
}
div.top_group h3 {
	clear:both;
}
div.top_group ul {
	float:left;
	width:100%;
	margin-bottom:10px;
}
div.top_group li {
	float:left;
	width:100%;
	padding:3px 0;
	border-bottom:1px solid #f3f3f3;
}
div.top_group li p {
	background:url(../../img2/cm/meti33/bg_grouplist.gif) no-repeat 5px center;
	float:left;
	width:80%;
}
div.top_group li p a {
	margin-left:19px;
}
div.top_group li span {
	float:right;
	width:20%;
	color:#999;
	text-align:right;
}
/* 活用事例 */
div.top_sample {
	background:#f7f7f7;
	padding-bottom:10px;
}
div.top_sample h2 {
	background:url(../../img2/cm/meti33_sample/bg_top_sample.gif) no-repeat;
}
div.top_sample p {
	float:left;
	overflow:hidden;
	background:url(../../img2/cm/meti33_sample/bg_topmain.gif) no-repeat left bottom;
	width:161px;
	margin-left:5px;
	padding:7px 13px 253px 13px;
	line-height:1.4;
	border-top:3px solid #dede88;
}
div.top_sample p {
	margin:10px 0 0 16px;
}
div.top_sample dl {
	float:right;
	width:365px;
}
div.top_sample dl dt {
	clear:both;
	width:100%;
	color:#555;
	padding-top:10px;
	font-size:116%;
	font-weight:bold;
}
div.top_sample dl dd {
	clear:both;
	padding:3px 0;
}
div.top_sample dl dd span {
	background:#6d8ebf;
	margin-right:5px;
	padding:2px 2px 2px 3px;
	color:#fff;
}
div.top_sample dl dd span,
div.top_sample dl dd a {
	float:left;
	display:block;
}
div.top_sample dl dd a {
	width:330px;
}

div.top_sample dl.west {
	float:left;
	width:240px;
	margin-left:6px;
}
div.top_sample dl.west dd a {
	width:190px;
}

/*---------------------------------
	3-2.ストーリー   story
-----------------------------------*/
div.story {
	overflow:hidden;
	width:100%;
}

/* ttl */
div.story h2 span {
	display:block;
	background:#ca8e79;
	margin-bottom:5px;
	padding:3px 10px;
	color:#fff;
	font-size:77%;
	font-weight:normal;
}
div.story h2 {
	background:none;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	line-height:1.3;
	text-indent:0;
}

/* story */
div.story_detail {
	overflow:hidden;
	background:#f8f4f3;
	width:100%;
	margin-bottom:10px;
}
div.story_detail span img {
	margin-bottom:10px;
	border:5px solid #363636;
}
div.story_detail em {
	display:block;
	background:url(../../img2/cm/meti33/bg_ttl_storyh3.gif) no-repeat left bottom;	
	margin:0 20px;
	padding:7px 0;
}
div.story_detail p {
	margin:10px 20px;
	color:#666;
	line-height:1.6;
}
div.story_detail p.maintxt {
	background:url(../../img2/cm/meti33_new/bg_catch_c.gif) no-repeat bottom;
	margin:10px 5px 20px 5px;
	padding:0 15px 12px 15px;
	color:#a57968;
}
div.story_detail p.maintxt span {
	display:block;
	text-align:right;
	margin-top:5px;
}
div.story_detail p.maintxt span a {
	background:url(../../img2/cm/meti33_new/bg_tobottom.gif) no-repeat left center;
	padding-left:15px;
	font-size:86%;
}
div.story_detail ul {
	float:left;
	width:340px;
	margin-bottom:20px;
}
div.story_detail ul li {
	margin:0 10px 0 20px;
	color:#a57968;
	font-size:86%;
	line-height:1.7;
}
div.story_detail ul li a {
	background:url(../../img2/cm/meti33/bg_tomove.gif) no-repeat left center;
	padding-left:15px;
}
div.story_detail div img {
	float:right;
	padding:0 20px 20px 0;
}
div.story p.move {
	margin-bottom:20px;
}
div.story div.meti33_kuchikomi li p {
	background:#fff9d5 url(../../img2/cm/meti33/bg_tolegacy.gif) no-repeat right center;
}
div.story_detail div span {
	clear:both;
	display:block;
	margin:10px;
	color:#737373;
	text-align:right;
	font-size:86%;
}
/* コラム */
div.story_detail dl {
	margin:20px 10px;
	padding:10px 0 15px 0;
	border:1px solid #ccc;	
}
div.story_detail dt {
	background:url(../../img2/cm/meti33_new/ttl_clm.gif) no-repeat left 2px;
	margin:0 10px 10px 10px;
	padding:0 0 5px 65px;
	color:#555;
	font-weight:bold;
	line-height:1.4;
	border-bottom:2px solid #dadada;
}
div.story_detail dt span {
	display:block;
	font-weight:normal;
}
div.story_detail dd {
	margin:0 20px;
	color:#666;
	line-height:1.5;
}

/* 全遺産リスト */
div.story table {
	width:100%;
	margin-bottom:10px;
}
div.story table th,
div.story table td {
	padding:4px 8px;
	border-left:1px solid #fff;
}
div.story table th {
	background:#ebd7d3;
	color:#555;
	font-weight:bold;
}
div.story table tr.middle th {
	background:#ebe5e4;
	color:#777;
}
div.story table tr.details th {
	background:#e1dbda;
	color:#777;
}
div.story table td {
	background:#f8f4f3;
	width:18%;
	border-bottom:1px solid #e1dbda;
}
div.story table th.legacy_info {
	width:24%;
}

/*---------------------------------
	3-3.遺産   legacy
-----------------------------------*/
div.legacy_top p {
	background:url(../../img2/cm/meti33/bg_tomove.gif) no-repeat left center;	
	margin-bottom:10px;
	text-indent:15px;
}
div.legacy_top div {
	background:#f8f4f3 url(../../img2/cm/meti33/bg_legacy.gif) no-repeat 390px 15px;
	padding:25px 0 45px 0;
}
div.legacy_top ul {
	width:350px;
}
div.legacy_top ul li {
	display:inline;
}
div.legacy_top ul li img {
	width:77px;
	height:23px;
	margin:20px 0 0 30px;
}

/*---------------------------------
	3-4.特集について   about
-----------------------------------*/
div.about_legacy33 dl {
	overflow:hidden;
	width:575px;
	margin:0 20px;
	border-bottom:1px solid #f3f3f3;
}
div.about_legacy33 dt,
div.about_legacy33 dd {
	float:left;
	padding:7px 0;
	color:#555;
	border-top:1px solid #f3f3f3;
}
div.about_legacy33 dt {
	background:url(../../img2/cm/meti33/bg_list_logic.gif) no-repeat left center;
	width:100px;
	font-weight:bold;
	text-indent:15px;
}
div.about_legacy33 dd {
	width:475px;
	line-height:1.5;
}
div.about_legacy33 p {
	width:575px;
	margin:10px 0 30px 20px;
}
div.greeting {
	background:#f8f4f3;
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	line-height:1.5;
}
div.greeting h3 {
	background:none;
	padding:0;
}
div.greeting p,
div.greeting span {
	margin:0 30px;
}
div.greeting p {
	margin-bottom:20px;
}
div.greeting span {
	display:block;
	text-align:right;
}
dl.refer {
	padding:15px 0;
	border:1px solid #ccc;
}
dl.refer dt {
	margin:0 20px;
	color:#555;
	font-weight:bold;
}
dl.refer dt span {
	font-weight:normal;
}
dl.refer dd {
	margin:3px 20px;
}
/* sample */
div.about ol {
	list-style:none;
	margin-bottom:15px;
}
div.about li,
div.sample a.pdf {
	background: url(../../img2/common/icon_pdf_16.gif) no-repeat left 3px;
	text-indent:19px;
	line-height:1.5;
}
div.sample_info p {
	margin:0 30px 20px 30px;
	line-height:1.4;
}
/*---------------------------------
	3-5.活用事例   sample
-----------------------------------*/
div.sample h3 {
	width:100%;
	margin-top:20px;
}
/*--- box ---*/
div.sample div.etc,
div.sample div.keyp {
	overflow:hidden;
	width:100%;
	margin:10px 0 20px 0;
	padding:10px 0;
	border:1px solid #ccc;
}
div.sample div.etc p {
	margin:0 10px;
}
div.sample div em {
	display:block;
	color:#555;
	font-weight:bold;
	margin:0;
	padding:0;
}
div.sample div.etc em {
	line-height:2;
}

/* タイトル */
div.sample_ttl {
	background:url(../../img2/cm/meti33_sample/bg_sample_h2.gif) no-repeat;
	height:56px;
	margin-bottom:15px;
	color:#555;
}
div.sample_ttl span {
	float:left;
	display:block;
	width:54px;
	margin-right:10px;
	color:#6d8ebf;
	font-size:140%;
	font-weight:bold;
	line-height:54px;
	text-align:center;
}
div.sample_ttl h2 {
	padding:12px 0 3px 0;
}
div.sample div.sample_ttl h3 {
	clear:both;
}
div.sample h4 {
	margin-top:10px;
}
div.sample p {
	line-height:1.4;
	margin-bottom:20px;
}
/* ポイント */
div.sample dl.point {
	overflow:hidden;
	background:#f8f4f3 url(../../img2/cm/meti33_sample/bg_point.gif) repeat-y left top;
	width:100%;
	margin-bottom:10px;
	padding:12px 0;
	color:#555;
}
div.sample dl.point dt {
	float:left;
	width:58px;
	height:9em;
}
div.sample dl.point dt img {
	padding:10px 0 0 10px;
}
div.sample dl.point dd {
	background:url(../../img2/cm/meti33_sample/bg_point01.gif) no-repeat left 7px;
	float:left;
	width:545px;
	padding:5px 0;
	border-bottom:1px solid #f2eae9;
}
div.sample dl.point dd.point02 {
	background:url(../../img2/cm/meti33_sample/bg_point02.gif) no-repeat left 7px;
}
div.sample dl.point dd.point03 {
	background:url(../../img2/cm/meti33_sample/bg_point03.gif) no-repeat left 7px;
	border-bottom:none;
}
div.sample dl.point dd p{
	margin:0 0 0 30px;
}
div.sample dl.point dd.single_point {
	background:url(../../img2/cm/meti33_sample/bg_point01.gif) no-repeat left top;
}

/*--- キーパーソン ---*/
div.sample div.keyp {
	overflow:hidden;
	padding-top:0;
}
div.sample div.keyp div {
	overflow:hidden;
	background:#ebd7d3;
	width:100%;
	margin:0;
}
div.sample div.keyp div h3 {
	float:left;
	background:#ca8e79;
	margin:0 7px 0 0;
	width:9em;
	padding:7px 0;
	color:#fff;
	font-size:100%;
	font-weight:normal;
	text-align:center;
}
div.sample div.keyp div em {
	float:left;
	display:block;
	margin:0;
	padding:7px 0;
}
div.sample div.keyp p {
	clear:both;
	margin:0 10px;
	padding:10px 0;
}
div.sample div.keyp ul,
div.sample div.keyp dl {
	clear:both;
	margin-top:0;
}

/* +画像 */
div.sample div.keyp.keyp_photo p,
div.sample div.keyp.keyp_photo ul,
div.sample div.keyp.keyp_photo dl {
	float:left;
	width:420px;
}

div.sample div.keyp.keyp_photo2 p,
div.sample div.keyp.keyp_photo2 ul,
div.sample div.keyp.keyp_photo2 dl {
	float:left;
	width:380px;
}
* html div.sample div.keyp.keyp_photo p,
* html div.sample div.keyp.keyp_photo ul,
* html div.sample div.keyp.keyp_photo dl,
* html div.sample div.keyp.keyp_photo2 p,
* html div.sample div.keyp.keyp_photo2 ul,
* html div.sample div.keyp.keyp_photo2 dl {
	margin:0 10px 0 5px;
}
div.sample div.keyp.keyp_photo img,
div.sample div.keyp.keyp_photo2 img {
	float:right;
	padding:10px 10px 0 0;
}
div.sample div.keyp.keyp_photo ul,
div.sample div.keyp.keyp_photo dl,
div.sample div.keyp.keyp_photo2 ul,
div.sample div.keyp.keyp_photo2 dl {
	clear:none;
}



/*-- txt --*/
div.sample p span {
	display:block;
	text-align:right;
}
div.sample p a.pdf {
	margin-left:5px;
	padding:3px 0 3px 19px;
}

/* img01 */
div.sample div.img {
	overflow:hidden;
	width:100%;
}
div.sample div.img p {
	float:left;
	width:440px;
}

div.sample div.img span {
	display:block;
	float:right;
	width:160px;
	color:#737373;
	font-size:86%;
	text-align:center;
}
div.sample div.img p span {
	width:440px;
	font-size:100%;
	color:#1a1a1a;
}
div.sample div.img img {
	display:block;
	padding:3px 0;
}

/* img02 */
div.sample p.img_c {
	clear:both;
	text-align:center;
}
div.sample p.img_c span {
	display:block;
	margin:3px;
	color:#737373;
	font-size:86%;
	text-align:center;
}
div.sample p.img_c span a {
	margin:0;
	padding:0;
}
/* dl,ul */
div.sample div ol,
div.sample div ul,
div.sample div dl,
div.sample div em {
	margin:0 10px;
}
div.sample div li,
div.sample div dt {
	background:url(../../img2/cm/meti33/bg_grouplist.gif) no-repeat 5px 5px;
	padding-left:20px;
	line-height:1.5;
}
div.sample div dt {
	float:left;
	width:8em;
	color:#a85133;
}
div.sample div dd {
	line-height:1.5;
}
div.sample div.etc ol {
	list-style:none;
}
div.sample dl.etc_grade dt,
div.sample dl.etc_grade dd {
	clear:both;
	width:593px;
}
div.sample dl.etc_grade dd {
	width:583px;
	margin:0 0 10px 20px;
}

/* 2行 */
div.sample dt.etc_dt {
	height:2em;
}
div.sample dt.etc_dt2 {
	height:4em;
}
/* 14:サンプル問題 */
div.sample div.etc.sample_q img {
	float:right;
	padding-right:10px;
}
div.sample div.etc.sample_q ol {
	list-style-type:decimal;
	list-style-position:inside;
	margin-left:20px;	
}
div.sample div.etc.sample_q p {
	margin-bottom:10px;
}
div.sample div.etc.sample_q ol li {
	float:left;
	width:70px;
	list-style-type:decimal;
}

/*-- table --*/
div.sample em.table_ttl {
	font-weight:bold;
	color:#555;
	margin:0;
	line-height:2;
}
div.sample table {
	width:100%;
	margin-bottom:20px;
}
div.sample table th,
div.sample table td {
	padding:4px 8px;
	border-left:1px solid #fff;
}
div.sample table th {
	background:#ebd7d3;
	color:#555;
	font-weight:bold;
}
div.sample table tr.middle th {
	background:#ebe5e4;
	color:#777;
	border-bottom:1px solid #fff;
}
div.sample table tr.details th {
	background:#e1dbda;
	color:#777;
}
div.sample table td {
	background:
}
div.sample table td {
	background:#f8f4f3;
	border-bottom:1px solid #e1dbda;
}
/* 01 */
div.sample div.img table,
div.sample div.img em.table_ttl {
	float:left;
	width:440px;
}
/*---------------------------------
	3-6.14の手法   s14
-----------------------------------*/
div.s14 div {
	background:#f8f4f3;
	height:60px;
	margin-bottom:20px;
	padding-right:10px;
}
div.s14 div p {
	padding:10px 0;
	line-height:1.4;
}
div.s14 img {
	float:left;
	width:83px;
	height:58px;
	margin-right:15px;
	border:1px solid #ccc;
}
div.s14 ul {
	margin-bottom:20px;
}
div.s14 ul,
div.s14 li {
	width:100%;
}
div.s14 ul li {
	overflow:hidden;
	padding:7px 0;
	border-bottom:1px solid #f3f3f3;
}
div.s14 ul li p {
	float:left;	
	background:none;
	width:510px;
	margin-bottom:5px;
}
div.s14 ul li p span {
	background:#ca8e79;
	margin-right:5px;
	padding:2px;
	color:#fff;
}
div.s14 ul li img {
	float:right;
	margin:0;
}
div.s14 dl dt,
div.s14 dl dd {
	height:1.4em;
	margin-bottom:7px;
	line-height:1.4em;
}
div.s14 dl dt {
	float:left;
	background:#ca8e79;
	padding:0 3px;
	color:#fff;
}
div.s14 dl dd a {
	margin-left:7px;
}