@charset "UTF-8";

/*----------------■初期設定----------------*/

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,form,input,fieldset,ul,ol,li,dl,dt,dd  {
	margin:  0;
	padding:  0;
}
h1,h2,h3,h4,h5,h6,th,address,strong,em  {
	font-weight:  normal;
	font-style:  normal;
}
ul,ol  {
	list-style:  none;
}
table  {
	border-collapse:  collapse;
}
th,td  {
	text-align:  left;
	vertical-align:  top;
}
img {
	border: none;
	vertical-align:  top;
}

 /* リンク色の初期値 */
a:link { text-decoration:underline;color:#00f; }
a:visited { text-decoration:underline;color:#09f; }
a:hover { text-decoration:underline;color:#f60; }
a:active { text-decoration:none;color:#c00; }

a[name]:hover { text-decoration:none;color:#000000; }

a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

.clear  {
	clear: both;
}
.clearfix:after  {
	content:".";
	display:  block;
	clear:  both;
	height:  0;
	visibility:  hidden;
}
.clearfix  {
	zoom:  1;
}

/*----------------■全体----------------*/

html  {
	background: #eed;
}
body {
	font-size:  14px;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height:  1.8;
}
div#contents {
	background: #fff;
	width: 840px;
	margin: 0 auto;
}
p {
	margin: 10px 0 0 0;
}
strong {
	font-weight: bold;
}
/*----------------■メイン----------------*/
div.main {
	padding: 30px;
}

h3.mi_bg {
	margin-top: 60px;
	color: #fff;
	font-size: 1.2em;
	padding: 30px;
	font-weight: bold;
	background: #000 url(image/mi_bg780.jpg) bottom;
}

h4.mi {
	margin-top: 40px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
	border-top: #bbd 4px solid;
	border-bottom: #bbd 1px solid;
}
h5.ans {
	margin-top: 10px;
}


h4.qa {
	margin-top: 40px;
	background: #900 url(image/mi_qus.gif) no-repeat left center;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 10px 20px 50px;
}

div.clumn {
	background: #dde;
	margin-top: 10px;
	padding: 15px;
}
div.clumn p {
	margin-top: 0px;
}
div.clumn ol {
	list-style: decimal;
	padding-left: 30px;
}
div.clumn li {
	font-weight: bold;
}

/*----------------■サブ----------------*/
div.sub_border {
	margin:30px 0;
	border: 1px solid #ccc;
	padding: 0 30px 20px 30px;
}
div.sub_border h3 {
	margin: 0;
}

div.leather_bg {/*皮から革へ*/
	background: url(image/flow_mi_bg.gif) ;
	text-align: center;
	padding: 20px 15px;
}
div.leather_bg h3 {
	font-size: 1.2em;
	font-weight: bold;
}
div.leather_bg p {
	margin-top: 0;
	font-size: 1.2em;
}
dl#flow {
	margin-top: 15px;
	margin-bottom: 10px;
}
dl#flow dt {
}
dl#flow dd {
	font-size: 1.2em;
	background: url(image/flow_arrow.gif) no-repeat left bottom;
	padding-bottom: 13px;
}

div.footer {
	margin-left: 30px;
}
div.footer img {
	margin-bottom: 40px;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#000;
}
.totop img:hover {
	background:#333;
}


/* スマートフォン向けデザイン */

@media (max-width:768px) {
	div#contents {
		width:100%;
	}
	div#contents p {
		font-size:16px;
	}
div.main {
	padding: 15px;
}
	img { 
    max-width: 100%; 
    height:auto;
}

}