@charset "utf-8";

/* ==

　vol.12  ユニバーサルデザインを日常の風景に。

=============================================================================== */
#vol12 .section .main{ float:none; width:950px; line-height:1.5; font-size:135%; overflow:hidden; }
#vol12 .section .sub{ float:none; width:950px; padding:0 0 20px; }
.sub:after, .sub div:after{content: ".";display: block;height: 0;visibility: hidden;clear: both;}


.container .main h2 {
	background:none;
}

.container .section h2 {
	margin-bottom: 5px;
}

.main div p span,
.main div li span {
	font-size:75%;
	margin:0!important;
	padding:0!important;
	line-height:1.4!important;
}


#cont01 h3,
#cont02 h3,
#cont03 h3 {
	background:url(../images/vol12/bg_h3.gif) no-repeat right bottom;
	margin:0 0 10px;
	border-bottom:solid 2px #efa72c;
}

#cont01 h2,
.none {
	display:none;
}

#cont01 em,
#cont02 em,
#cont03 em{ font-style:normal; font-weight:bold; }

.cRight {
	float:right;
}

.cLeft {
	float:left;
}

.imgLeft{
	float:left;
	margin:0 30px 10px 0;
}

.imgRight{
	float:right;
	margin:0 0 10px 30px;
}

div.cwrap,
div.cwrap2 {
	width:950px;
	overflow:hidden;
	position:relative;
}

div.cwrap2 {
	padding:0 0 40px;
}







#vol12 .section .sub .cLeft{ width:730px; }
#vol12 .section .sub .cRight{ width:200px; }


/* コラム一覧 */
.sub .clmn_list{
	width:688px;
	min-height:1%;
	margin:0 0 1em;
	padding:15px 20px;
	background-color:#eee;
	border:1px solid #ccc;
	font-size:120%;
	line-height:1.5;
	clear:both;
}
.sub .clmn_list:after{ content:''; display:block; clear:both; }
.sub .clmn_list p{ margin:0 0 1em; font-weight:bold; }














/* 家の中でヒヤリ！ハッと？
------------------------------------------------------------------------------- */
#cont01 .cwrap .cLeft{ width:580px; }
#cont01 .cwrap .cRight{ width:350px; }

#cont01 h4{
	margin:0 0 10px;
	padding-left:7px;
	border-left:4px solid #efa72c;
	color:#333;
}

#cont01 p.notes{ font-size:75%; }



/* ヒヤリハットランキング（表組） */
#cont01 .ranking{
	width:100%;
	margin:0 0 10px;
	background-color:#ccc;
}
#cont01 .ranking th{
	padding:7px 5px;
	background-color:#e5e5e5;
	font-size:85%;
	line-height:1.2;
}
#cont01 .ranking td{
	width:17%;
	padding:10px 5px;
	background-color:#fff;
	font-size:85%;
	line-height:1.2;
	text-align:center;
}
#cont01 .ranking td.color01{ background-color:#fae0e1; }
#cont01 .ranking td.color02{ background-color:#d7edc5; }

#cont01 .cLeft p.txt_source{ font-size:75%; }



/* 主な事例 */
#cont01 .cwrap div.case{
	width:320px;
	padding:15px 15px 5px;
	background-color:#fdf2e0;
}
#cont01 .cwrap div.case dt{
	margin:0 0 10px;
	color:#efa72c;
	font-weight:bold;
}
#cont01 .cwrap div.case dd ul{ padding-bottom:10px; }
#cont01 .cwrap div.case dd li{
	margin:0 0 10px;
	padding-left:15px;
	background:url(../images/vol12/li_disc_case.gif) left 0.4em no-repeat;
	font-size:85%;
}
#cont01 .cwrap div.case p.txt_source{
	padding:10px 0 0;
	border-top:1px dotted #999;
	font-size:75%;
}


#cont01 .cwrap ul.case li{
	margin:0 0 7px;
	padding-left:15px;
	background:url(../images/vol12/li_disc_case.gif) left 0.4em no-repeat;
	font-size:85%;
}




/* 目立たず！気付かれず！
------------------------------------------------------------------------------- */
#cont02 .cwrap.cont02_1 .cLeft{ width:600px; }
#cont02 .cwrap.cont02_1 .cRight{ width:330px; }

#cont02 .cwrap.cont02_3 .cLeft{ width:300px; }
#cont02 .cwrap.cont02_3 .cRight{ width:610px; }

#cont02 div.friendlydesign{
	padding:15px 15px 5px;
	background-color:#fdf2e0;
	font-size:85%;
}
#cont02 div.friendlydesign p.imgLeft{ margin:0 20px 10px 0; }
#cont02 div.friendlydesign p em{ color:#efa72c; font-weight:bold; font-style:normal; }




/* デザインの最前線を訪ねて
------------------------------------------------------------------------------- */
#cont03 h4{
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom:2px solid #bebebe;
	color:#333;
}
#cont03 h4 small{ color:#333; }

#cont03 h5{
	margin:0 0 10px;
	color:#333;
}
#cont03 h5 span{ color:#efa72c; }


#cont03 .cwrap.cont03_1 .cLeft{ width:430px; }
#cont03 .cwrap.cont03_1 .cRight{ width:500px; }

#cont03 .cwrap.cont03_2 .cLeft,
#cont03 .cwrap.cont03_3 .cLeft{ width:550px; }
#cont03 .cwrap.cont03_2 .cRight,
#cont03 .cwrap.cont03_3 .cRight{ width:370px; text-align:right; }


/* フレンドリーデザインの仕様 */
#cont03 .cwrap .imgs{
	width:945px;
	margin:0 0 0 -15px;
	padding:10px 10px 30px;
	background-color:#eee;
	position:relative;
	clear:both;
}
#cont03 .cwrap .imgs div{ width:300px; margin:0 0 15px 15px; display:inline; float:left; }
#cont03 .cwrap .imgs p{ margin:0 0 5px; }
#cont03 .cwrap .imgs p img.mt{ margin:4px 0 3px; }
#cont03 .cwrap .imgs p.txt_caption{
	font-size:75%;
	line-height:1.3;
}
#cont03 .cwrap .imgs p.txt_caption em{ font-size:120%; }
#cont03 .cwrap .imgs p.txt_place{ width:940px; margin:0; padding:3px 15px; background-color:#ddd; position:absolute; bottom:0; left:0; text-align:right; font-size:75%; font-weight:bold; }



#cont03 .cwrap div.line{
	width:auto;
	margin:0 0 10px;
	padding:0 0 10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	font-size:10px !important;
	line-height:1.0;
	float:none;
	clear:both;
}


/* 店長の声 */
#cont03 .cwrap.voice{
	width:920px;
	padding:15px 15px 5px;
	background-color:#fdf2e0;
}
#cont03 .cwrap.voice dl{ width:730px; float:right; }
#cont03 .cwrap.voice dt{
	margin:0 0 10px;
	padding:5px 0;
	background:url(../images/vol12/line_voice.gif) left bottom no-repeat;
}
/*
#cont03 .cwrap.voice dd{ font-size:85%; }
*/

#cont03 .cwrap.voice p.imgLeft{ margin:0 0 10px; font-size:75%; line-height:1.3; }
#cont03 .cwrap.voice p.imgLeft img{ margin:0 0 5px; }



#cont03 p.alignR.notes{ font-size:80%; }










/* ==

　SNSボタン

=============================================================================== */
#sns {
	width:950px;
	margin:0;
	padding:0;
	text-align:right;
	clear:both;
}

#sns:after {
	content:'';
	display:block;
	clear:both;
}

#sns p {
	margin:0;
	padding:0;
	display:inline;
}