@charset "euc-jp";
/*
------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation
------------------------------------------------------------------------------------------ 
*/

/* pagebody_inner */
/* #pagebody .pagebody_inner {
	max-width: 1020px;
	margin: 0 auto;
} */

/*---------------------------------------------------------------------
	shop
---------------------------------------------------------------------*/

/* howto_txt */
#pagebody .howto_txt {
	padding: 20px;
	margin: 0 0 40px;
	background: #E9DDCF;
}

/* howto_list */
#pagebody .howto_list {
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #666666;
}


/*---------------------------------------------------------------------
	store
---------------------------------------------------------------------*/

/* shop_list */
#pagebody .shop_list li {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

/* shop_map */
#pagebody .shop_map {
	width: 100%;
	height: 200px; 
	margin-bottom: 10px;
}

/* shop_info */
#pagebody .shop_info dl dt {
	margin-bottom: 3px;
}
#pagebody .shop_info dl dd {
	margin-bottom: 10px;
}
	
/* youtube_area */
#pagebody .youtube_area {
	display: none;
}

/* shop_coupon */
#pagebody .shop_coupon {
	border: #CCCCCC 1px solid;
}

#pagebody .shop_coupon dt{
	background: #FF0000;
	color: #FFFFFF;
	font-size: 18px;
	padding: 4px;
}

#pagebody .shop_coupon dd{
	padding: 5px;
	color: #333333;
	margin-bottom: 10px;
}

#pagebody .shop_coupon{
	color: #CC0000;
}





@media (min-width: 920px) {
	/* shop_list */
	#pagebody .shop_list {
		max-width: 103.39%;
		margin-right: -3.39%;
	}
	#pagebody .shop_list li {
		width: 46.72%;
		float: left;
		margin: 0 3.28% 3.28% 0;
	}

	/* shop_map */
	#pagebody .shop_map {
		width: 52.54%;
		height: 400px;
		float: left;
		margin-bottom: 0;
	}

	/* shop_info */
	#pagebody .shop_info {
		width: 45.76%;
		float: right;
	}
	#pagebody .shop_info dl dt {
		color: #666666;
		font-size: 15px;
		margin-bottom: 3px;
	}
	#pagebody .shop_info dl dd {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	
	/* youtube_area */
	#pagebody .youtube_area {
		display: block;
		margin-top: 30px;
	}
	
	/* shop_coupon */

	#pagebody .shop_coupon {
	border: #CCCCCC 1px solid;
	}

	#pagebody .shop_coupon dt{
	background: #FF0000;
	color: #FFFFFF !important;
	font-size: 18px;
	padding: 4px;
	}

	#pagebody .shop_coupon dd{
	padding: 5px;
	color: #333333;
	margin-bottom: 10px;
	}

}




/*---------------------------------------------------------------------
	mailform
---------------------------------------------------------------------*/

/* shop_inquiry */
.shop_inquiry dl {}
.shop_inquiry dl dt {
	padding: 0 0 0 10px;
	margin-bottom: 1em;
	border-left: 4px solid #cc0000;
}
.shop_inquiry dl dd {
	margin-bottom: 2em;
}
.shop_inquiry dl dd input,
.shop_inquiry dl dd textarea {
	width: 80%;
	padding: 8px 5px;
	border: 1px solid #CCC;
}
	
/* submit_button */
.shop_inquiry .submit_button {
	text-align: center;
	margin: 0 0 40px;
}

.shop_inquiry .submit_button .btn_submit {
	color: #fff;
	font-size: 16px;
	padding: 15px 100px;
	margin: 0 0 15px;
	border: none;
	background: #003298;
	cursor: pointer;
}

.shop_inquiry .submit_button .btn_reset {
	color: #fff;
	font-size: 16px;
	padding: 15px 100px;
	border: none;
	background: #666;
	cursor: pointer;
}

@media (min-width: 920px) {
	/* shop_inquiry */
	.shop_inquiry dl dt {
		width: 18em;
		float: left;
		margin-bottom: 0;
	}
	.shop_inquiry dl dd {
		padding-left: 18em;
	}
}


/*---------------------------------------------------------------------
	topics_news
---------------------------------------------------------------------*/

/* topics_page */
.topics_list .topics_page {
	text-align: center;
	line-height: 1.4;
	padding: 7px 10px;
	background: #f1f1f1;
}

/* dl */
.topics_list dl {
	margin-bottom: 20px;
}

.topics_list dl dt {
	margin-bottom: 5px;
}

.topics_list dl dd {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #333;
}

/* topics_date */
.topics_date {
	text-align: right;
	margin-bottom: 20px;
}
.topics_date span {
	color: #FFFFFF;
	line-height: 1.2;
	padding: 2px 5px;
	background: #660000;
}



@media (min-width: 920px) {}


/* item_2column */
.item_2column {
	padding: 0 10px;
	margin-bottom: 5px;
}
.item_2column .list li {
	text-align: center;
	margin-bottom: 10px;
}
@media (min-width: 920px) {
	.item_2column {
		padding: 0;
		margin-bottom: 10px;
	}
	.item_2column .list {
		width: 101.67%; /* 1180+(20/1200*100) */
		margin-right: -1.67%; /* 20/1200*100 */
	}
	.item_2column .list li {
		float: left;
		width: 48.33%; /* 580/1200*100 */
		margin: 0 1.67% 1.67% 0; /* 20/1200*100 */
	}
}

/* item_4column */
.item_4column {
	padding: 0 10px;
	margin: 0 0 10px;
}
.item_4column .list {
	width: 101.67%; /* 1180+20 */
	margin-right: -1.67%; /* 20/1200*100 */
}
.item_4column .list li {
	text-align: left;
	float: left;
	width: 48.33%; /* 580/1200*100 */
	margin: 0 1.67% 1.67% 0; /* 20/1200*100 */
}
.item_4column .list li a {
	color: #333;
	text-decoration: none;
	display: block;
	border: 1px solid #CCC;
}
.item_4column .list li p {
	/*border-top: 0px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;*/
	/*color:#0066CC;*/
	font-size: 11px;
	/*line-height: 1.2;*/
	/*margin: 5px 0 0 0;*/
}

.item_4column .list li a:hover .item_txt {
	color: #B5228F;
}



@media (min-width: 920px) {
	.item_4column {
		padding: 0;
		margin: 0 0 20px;
	}
	.item_4column .list li {
		width: 23.33%; /* 280/1200*100 */
	}
}

/* medium_banner */
.medium_banner {
	padding: 0 10px;
	margin: 0 0 10px;
}
.medium_banner .list {
	width: 101.67%; /* 1180+20 */
	margin-right: -1.67%; /* 20/1200*100 */
}
.medium_banner .list li {
	text-align: center;
	float: left;
	width: 48.33%; /* 580/1200*100 */
	margin: 0 1.67% 1.67% 0; /* 20/1200*100 */
}
.medium_banner .list li a {
	color: #333;
	text-decoration: none;
	display: block;
	border: 1px solid #CCC;
}
@media (min-width: 920px) {
	.medium_banner {
		padding: 0;
		margin: 0 0 20px;
	}
	.medium_banner .list li {
		width: 23.33%; /* 280/1200*100 */
	}
}


/*---------------------------------------------------------------------
	faq
---------------------------------------------------------------------*/

/* faq_contents */
#pagebody .faq_contents dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px;
	margin-bottom: 15px;
	background: #DBC6B0;
}

#pagebody .faq_contents dd {
	font-size: 16px;
	padding: 10px;
	margin: 0 15px 30px;
	border: 1px dotted #CCCCCC;
}


@media (min-width: 920px) {}