@charset "utf-8";
/*************************************************************
インテリア産業協会 JAPAN INTERIOR INDUSTRY ASSOCIATION

キッチンスペシャリスト　キッチン空間アイデアコンテスト
*************************************************************/
@import "../../common/css/common.css";

/*body-----------------------------*/
body {
	color:#3d3d3d;
	background:#f2f2ea　url(../../common/images/wrapper_bg02.gif) repeat-x;
	}
	
/*wrapper-----------------------------*/
div#wrapper {
	background:#f2f2ea　url(../../common/images/wrapper_bg02.gif) repeat-x;
	}
	
/*header----------------------------------*/
header {
	border-bottom:1px solid #ccc;
	}

div#header {
	padding-top: 10px;
    height: 56px;
}
div#header h1 a {
	display:block;
	padding-left:198px;
	width:0;
	height:38px;
	outline:none;
	background:url(../../common/images/jiia_logo.gif) no-repeat 0 0;
	overflow:hidden;
	}


/* 2/27 追加*/
.content {
	font-size: 83% !important;
	background: #F2F2EA !important;
}

/*#mainContents_b-------------------------------*/
div#wrapper div#mainContents_b {
	clear:both;
	width:950px;
	margin:0 auto;
	padding: 0;
	position:relative;
	}

	/*#mainContents_b h1-h2------------------------------------*/
	div#wrapper div#mainContents_b h1 {
		margin:0 0 10px;
		width:950px;
		height:0;
		padding-bottom:150px;
		background:url(../images/title_h1.jpg) no-repeat;
		overflow:hidden;
		}
	div#wrapper div#mainContents_b h2 {
		width:0;
		height:123px;
		padding:0 0 0 950px;
		background:url(../images/title_h2.gif) no-repeat;
		overflow:hidden;
		}
	div#wrapper div#mainContents_b h3 {
		margin:0 0 16px;
		padding:0 0 0 10px;
		border-left:#4bb9ea solid 5px;
		background:#fff;
		font-size:120%;
		font-weight:bold;
		line-height:1em;
		}
	div#wrapper div#mainContents_b h4 {
		font-weight:normal;
		}
	div#wrapper div#mainContents_b h5 {
		margin:20px 0 5px;
		color:#633;
		}
	div#wrapper div#mainContents_b strong {
		margin:0 10px;
		color:#633;
		}
	
	/*contaier----------------------------------------------*/
	div#wrapper div#mainContents_b div#category {
    background:#e6e6e6;
    border: 4px solid #e6e6e6;
    border-radius: 4px;
    margin: 0 0 24px;
    padding: 5px 10px 3px;
    position: relative;
    width: 822px;
		}
	div#wrapper div#mainContents_b div#category p {
		width:0;
		height:15px;
		padding-left:66px;
		background:url(../images/title_h3.gif) no-repeat;
		overflow:hidden;
		}
	div#wrapper div#mainContents_b div#category ul {
		margin:5px 0 0 3px;
		overflow:hidden;
		}
		div#wrapper div#mainContents_b div#category ul li{
			float: left;
			margin-right:6px;
			padding-left:14px;
			background:url(../images/arrow.gif) no-repeat 0 6px;
			}
	/*contaier----------------------------------------------*/
	div#wrapper div#mainContents_b div#container {
		width:848px;
		border-bottom-right-radius:4px;
		border-bottom-left-radius:4px;
		-webkit-border-bottom-right-radius:4px;
		-webkit-border-bottom-left-radius:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-bottomleft:4px;
		border:#e5e4d2 solid;
		border-width:0 1px 1px;
		background:#fff;
		padding:0 50px;
		}
		div#wrapper div#mainContents_b div#container p.copy {
			padding:40px 0 30px;
			}					
					
		/*accordion----------------------------------------------*/
		ul#accordion {
			width:850px;
			margin:0 auto;
			padding:0;
			}
				ul#accordion li{
					width:100%;
					margin:0;
					background:#f7f7f7;
					}
				ul#accordion li.title{
					padding:15px 0 0;
					background:#fff;
					}
					ul#accordion li a.question{
						position:relative;
						display:block;
						margin:0;
						width:740px;
						height:70px;
						padding-left:110px;
						line-height:55px;
						text-indent:-25px;
						background:#fff url(../images/q_off.gif) no-repeat;
					}
					ul#accordion li a.question2{
						padding-top:8px;
						height:62px;
						line-height:20px;
					}
					ul#accordion li a.question:hover{
						background:#fff url(../images/q_on.gif) no-repeat;
					}
					ul#accordion li a.question span{
						margin-right: 5px;
						color: #4db9e8;
						font-size: 14px;
						font-weight: bold;
					}
					/* accordion改修*/
					ul#accordion li div.question{
						position:relative;
						display:block;
						margin:0;
						width:740px;
						height:70px;
						padding-left:110px;
						line-height:55px;
						text-indent:-25px;
						background:#fff url(../images/q_off.gif) no-repeat;
					}
					ul#accordion li div.question2{
						padding-top:8px;
						height:62px;
						line-height:20px;
					}
					ul#accordion li div.question:hover{
						background:#fff url(../images/q_on.gif) no-repeat;
						text-decoration: underline;
					}
					ul#accordion li div.question span{
						margin-right: 5px;
						color: #4db9e8;
						font-size: 14px;
						font-weight: bold;
					}
					/* /accordion改修*/

					ul#accordion dl.answer{
						position:relative;
						margin:0 0 15px;
						padding:10px;
						width:820px;
						border-radius:4px;
						-webkit-border-radius:4px;
						-moz-border-radius:4px;
						border:#e2d8cc solid;
						border-width:5px;
						background:#fff;
					}
						ul#accordion dl.answer dt,
						ul#accordion dl.answer dd{
							display:block;
						}
						ul#accordion dl.answer dt.answerA{
							position:absolute;
							display:block;
							top:15px;
							left:18px;
							width:23px;
							height:23px;
							background:#fff url(../images/a.gif) no-repeat 0 0;
							text-indent:-9999px;
						}
						ul#accordion dl.answer dd.answerArticle{
							position:relative;
							margin:0 0 0 85px;
							padding:5px 0 10px 20px;
							width:710px;
							background:#fff url(../images/line.gif) repeat-y 0 0;
							line-height:150%;
						}
						ul#accordion dl.answer dd.answerArticle dl{
							line-height:1.8em;
							margin:10px 0 0 2em;
						}
							ul#accordion dl.answer dd.answerArticle dt{
								margin:0 0 0;
								padding:0 0 0 14px;
								background:url(../images/circle.gif) no-repeat 0 8px;
							}
							.j44 {background:none !important;margin: 0 0 0 63px !important;}
							.k44 {padding:0 0 0 93px !important;}
							ul#accordion dl.answer dd.answerArticle dd{
								margin:-24px 0 0 5.7em;
								padding:0;
							}
							ul#accordion dl.answer dd.answerArticle .article{
								clear:both;
								margin:10px 0 0;
							}
							ul#accordion dl.answer dd.answerArticle .list{
								margin:10px 0 0;
								padding:0 0 0 18px;
								background:url(../images/circle2.gif) no-repeat 0 5px;
							}
							ul#accordion dl.answer dd.answerArticle p.pdf{
								float:left;
								padding:5px 30px 5px 0;
							}
							ul#accordion dl.answer dd.answerArticle img.blank{
								margin:0 0 5px 5px;
								padding:0;
							}
							ul#accordion dl.answer dd.answerArticle p a:link{
								text-decoration:underline;
							}
						
							/* モダンブラウザ向け */
							html:not(:target) ul#accordion dl.answer dd.answerArticle dd a{
								display:block;
								}
							* html ul#accordion dl.answer dd.answerArticle dd a{
								margin:5px 0 0;
								height:1.5em;
								display:block;
							}
							*+html ul#accordion dl.answer dd.answerArticle dd a{
								height:1.5em;
								display:block;
							}
							ul#accordion dl.answer dd.answerArticle dd a{
								display: inline;
							}
							ul#accordion dl.answer dd.answerArticle dd a:hover{
							}

		/*contact--------------------------------------------*/
		* html div#wrapper div#mainContents_b div#container p.contact{
			margin:30px 0 25px;
			}
		div#wrapper div#mainContents_b div#container p.contact{
			margin:30px 0 50px;
			width:100%;
			text-align: center;
			}

		/*pagetop--------------------------------------------*/
		* html div#wrapper div#mainContents_b div#container p.pagetop a{
			margin:15px 0 25px;
			}
		div#wrapper div#mainContents_b div#container p.pagetop a{
			background:url(../images/pagetop_btn.gif) no-repeat;
			text-indent:-9999px;
			width:120px;
			height:20px;
			text-align: left;
			float:right;
			display:block;
			margin:15px 0 50px;
			}
			div#wrapper div#mainContents_b div#container p.pagetop:after {
				content:"";
				display:block;
				clear:both;
				height:0;
				overflow:hidden;
				}
				
/*footerBgPopup--------------------------------------------*/
div#footerBgPopup {
		position:relative;
		clear:both;
		}

/* 20200228 新デザイン適用 */
@media all and (min-width: 0px) and (max-width: 736px) {
	div#header h1 a{
		border-top: none;
		border-bottom: none;
	}
	div#mainContents_b h1,
	div#mainContents_b h2 {
		text-indent: -9999px;
		background-size: contain !important;
	}
	div#wrapper div#mainContents_b h2{
		width: 100%;
		height: 60px;
		background-size: contain !important;
	}
	div#wrapper div#mainContents_b div#category{
		width: 100%;
	}

	ul#accordion {
		width:100%;
	}
	ul#accordion dl.answer{
		width:100%;
	}
	ul#accordion li div.question{
		width:100%;
		line-height: 20px;
		padding-top: 3%;
	}
	ul#accordion li div.question2{
		height: 100%;
	}
	ul#accordion dl.answer dt.answerA{
		top: 40%;
	}
	ul#accordion dl.answer dd.answerArticle{
		width: auto;
		margin: 0 0 0 54px;
	}

}