@charset "utf-8";

/* ========================================================================

	STYLE
  
======================================================================== */
/* ------------------------------------------------------------------------
	.page
------------------------------------------------------------------------ */
.page h2 {
	margin-bottom: 20px;
	background: url(../../images/module/business/title_bg.gif) repeat-x 0 0;
}

.page h3 {
	margin-bottom: 20px;
	text-align: center;
}

.item {
	overflow: hidden;
	margin: 0 auto;
	width: 620px;
}

.text01 {
	float: left;
	margin-top: 16px;
	line-height: 2.3;
	width: 320px;
}

.text01_1 {
	float: left;
	margin-top: 16px;
	line-height: 2.3;
	width: 403px;
}

.text02 {
	float: right;
	line-height: 1.8;
	width: 338px;
}

.text03 {
	float: right;
	line-height: 1.8;
	width: 392px;
}

.detail { text-align: right; }

.detail a {
	color: #13137f;
	text-decoration: underline;
}

.detail a:hover { text-decoration: none; }

.detail li img { margin-bottom: 2px; }

.shop {
	margin: 0 auto;
	width: 620px;
}

.shop dt {
	padding: 6px 10px;
	color: #fff;
	font-size: 123%;
	font-weight: bold;
	background: #13137f;
}

.shop dd {
	padding: 12px 16px;
	background: #F0F0FF;
}

.shop ul {
	margin-top: 20px;
	text-align: center;
}

.example {
	float: right;
	padding: 12px 15px;
	width: 362px;
	background: #F0F0FF;
}

.example li {
	margin-left: 44px;
	text-indent: -44px;
	font-size: 92%;
	line-height: 1.5;
}

.letter {
	float: right;
	width: 390px;
}

.letter dt {
	padding: 7px 0;
	text-align: center;
	font-size: 123%;
	font-weight: bold;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

.letter dd {
	padding: 10px 8px 0;
	line-height: 1.8;
}

/* ------------------------------------------------------------------------
	.web
------------------------------------------------------------------------ */
.web p { line-height: 1.8; }

.web div {
	padding: 25px;	
	background: #F0F0FF;
	
}

.web div img { float: left; }

.web div dl {
	float: right;
	margin-bottom: 15px;
	width: 280px;
}

.web div dt {
	font-weight: bold;
}

.web div dd { line-height: 2.3; }

.web div ul {
	float: right;
	width: 280px;
}

.web div li { text-align: center !important; }

@media screen and (max-width: 736px) {
	h2 { overflow: hidden; }
	h2 img { max-width: 200% !important; }
	h3 {
		margin: 0 auto 20px; 
		width: 98%;
	}
	.left { float: none; }
	.item {
		text-align: center;
		width: 92%;
	}
	
	.item img { margin-bottom: 15px; }
	
	.item p { text-align: left; }

	.text01,
	.text01_1 {
		float: none;
		margin-top: 0;
		line-height: 2;
		width: 100%;
	}

	.text02,
	.text03 {
		float: none;
		line-height: 1.8;
		width: 100%;
	}

	.shop { width: 92%; }

	.shop dt { padding: 5px 10px; }

	.shop dd {
		padding: 10px 15px;
		line-height: 1.8;
	}

	.shop ul { margin-top: 10px; }
	
	/* ------------------------------------------------------------------------
		.web
	------------------------------------------------------------------------ */

	.web div {
		padding: 20px 10px 10px;
		width: 92%;
	}

	.web div img {
		float: none;
		margin-bottom: 20px;
	}

	.web div dl {
		float: none;
		margin-bottom: 10px;
		width: 100%;
		text-align: left;
	}

	.web div dd { line-height: 2; }

	.web div ul {
		float: none;
		width: 100%;
	}

}