﻿@charset "utf-8";



/* -------------------------------------------------
	ssd_giveupcoupon.html
---------------------------------------------------- */
#clinicSingle {
	font-family:"Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica","Arial","Verdana","sans-serif";
}
h1.avTtl {
	margin-bottom: 0 !important;
}

p.avRead {
	clear: both;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

ul.avCaution {
	width: 840px;
	text-align: left;
	margin: -10px 0 0 0;
	padding: 0 0 40px 0;
}
ul.avCaution li {
	display: block;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

img.avPack {
	margin: 0 0 40px 40px;
}

.avPrint {
	width: 838px;
	border: 1px solid #CCC;
	text-align: center;
	padding: 19px 0;
	margin: 0 0 60px 0;
}

.avPrint p {
	font-size: 14px;
}

.avPrint img {
	padding: 15px 0 10px 0;
}
#clinicSingle h3 {
	font-size: 32px; 
	font-weight: bold;
	text-align: center;
}

p.avCap {
	clear: both;
	font-size: 16px;
}

.bnrArea {
	list-style: none;
	margin: 0 -16px 10px 0 !important;
	overflow: hidden;
	padding: 0 !important;
	width: 856px;
}
.bnrArea li {
	float: left;
	margin: 0 16px 16px 0 !important;
}





/* -------------------------------------------------
	#giveupcoupon
---------------------------------------------------- */
#giveupcoupon {
	font-family:"Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica","Arial","Verdana","sans-serif";
	width:840px;
	overflow:hidden;
	text-align:left;
	margin:40px auto 0;
}

#giveupcoupon p, #giveupcoupon dd, #giveupcoupon li {
    color: #333;
    font-size: 16px;
    line-height: 1.8;
}



/* #giveupcoupon #ttlArea  メインビジュアル
---------------------------------------------------- */

#giveupcoupon #ttlArea h1 {
    margin-bottom: 60px;
}

#giveupcoupon #ttlArea h2 {
    margin-bottom: 30px;
}

#giveupcoupon #ttlArea h3 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

#giveupcoupon #ttlArea p {
	display:block;
	text-align:center;
	margin:0 auto 60px;
}

#giveupcoupon #ttlArea ul.check1 {
    float: left;
    list-style: outside none none;
    margin: 0 auto;
    padding: 20px 20px 20px 200px;
}

#giveupcoupon #ttlArea ul.type1 li {
    background-image: url("/cm_g/img/list_mark.jpg");
	background-repeat: no-repeat;
	background-position:left 7px; /* left top; */
    font-size: 20px;
    margin: 0;
    padding: 3px 0 8px 42px;
}

#giveupcoupon #ttlArea ul.type1 li.indent {
    padding: 3px 0 8px 30px;
}




/* #giveupcoupon .couponBnr  無料アップグレードクーポン
---------------------------------------------------- */

#giveupcoupon .couponBnr {
    margin: 20px auto 40px;
}

#giveupcoupon .couponBnr li.btn {
    background: #3278bc none repeat scroll 0 0;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    line-height: 70px;
    margin: 0 auto;
    padding-bottom: 5px;
    width: 600px;
}

#giveupcoupon .couponBnr li a {
    background: #3688d8 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    line-height: 70px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    vertical-align: 5px;
    width: 600px;
}

#giveupcoupon .couponBnr li a:hover {
    color: #a0c7ed;
}



/* #giveupcoupon .Upgrade  無料アップグレードキャンペーンのエリア
---------------------------------------------------- */

#giveupcoupon .Upgrade {
	background-color:#eeeeee;
	clear:both !important;
	margin: 0 0 40px;
    padding: 0 0 1px;
}

#giveupcoupon .Upgrade p {
	border-bottom:1px solid #cccccc;
}

#giveupcoupon .Upgrade .explanation {
	margin:0 0 30px;
	padding:0px 60px;
	border-top:1px solid #ffffff;
	clear:both;
}

#giveupcoupon .Upgrade .explanation dl {
    margin: 0 -80px 0 0;
    overflow: hidden;
    width: 800px;
	background-image:url("/cm_g/img/windows10/bg_explanation.png");
	background-repeat:no-repeat;
	background-position:left bottom;
}

#giveupcoupon .Upgrade .explanation dt{
	text-align:center;
	margin:20px 140px 30px;
	width:446px;
}

#giveupcoupon .Upgrade .explanation dd {
	float:left;
}

#giveupcoupon .Upgrade .explanation dd.merit01 {
	margin:0 84px 0 0;
	padding:0;
}

#giveupcoupon .Upgrade .explanation dd.merit02 {
	margin:0 56px 0 0;
	padding:0;
	width:172px;
}

#giveupcoupon .Upgrade .explanation dd.merit02 span {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    padding: 14px 0 0;
    text-align: center !important;
}

#giveupcoupon .Upgrade .explanation ul {
	clear:both !important;
	padding:20px 0 0;
}

#giveupcoupon .Upgrade .explanation ul li {
	font-size:14px;
}



/* 小見出し
------------------------- */
#giveupcoupon h2.contentBar {
	background: #eee none repeat scroll 0 0;
	border-left: 10px solid #aaa;
	color: #333;
	margin: 40px 0 30px;
	padding: 15px 20px;
	width: 790px;
}



/* #giveupcoupon #merit  メリット
---------------------------------------------------- */

#giveupcoupon ul#merit {
	margin:0 -30px 50px 0;
	padding:0;
    width: 870px;
}

#giveupcoupon ul#merit li {
    float: left;
    margin: 0 30px 30px 0;
    width: 260px;
	height:300px;
}

#giveupcoupon ul#merit li dt, #giveupcoupon ul#merit li dd {
	line-height:1.5;
}

#giveupcoupon ul#merit li dl {
	width:260px;
	margin:0;
	padding:0;
}

#giveupcoupon ul#merit li dt {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}

#giveupcoupon ul#merit li dd {
    font-size: 15px;
    margin: 0;
    padding: 0 0 10px;
}



/* #giveupcoupon #flow  ご利用の流れ
---------------------------------------------------- */

#giveupcoupon #flow {
    height: 140px;
    margin-bottom: 20px;
    position: relative;
}
#giveupcoupon #flow dt {
    left: 24px;
    position: absolute;
    z-index: 6;
}
#giveupcoupon #flow dd {
    margin: 0;
    padding: 0;
}
#giveupcoupon #flowchart li {
    margin-left: -16px;
    width: 150px;
}
#giveupcoupon #flowchart .f1 {
    left: 139px;
    position: absolute;
    z-index: 5;
}
#giveupcoupon #flowchart .f2 {
    left: 312px;
    position: absolute;
    z-index: 4;
}
#giveupcoupon #flowchart .f3 {
    left: 488px;
    position: absolute;
    z-index: 3;
}
#giveupcoupon #flowchart .f4 {
    left: 659px;
    position: absolute;
    z-index: 2;
}



/* #giveupcoupon #preparation  ご用意いただくもの
---------------------------------------------------- */
#giveupcoupon #preparation p.txt1 {
    padding: 12px 0 8px 14px;
}

#giveupcoupon #preparation {
	border: 1px solid #ccc;
	height: 100%;
	margin: 30px 0 30px;
	overflow: hidden;
}

#giveupcoupon #preparation dl {
	margin:0 auto;
}

#giveupcoupon #preparation #prepareList dd {
    padding: 0 20px 0 24px;
}

#giveupcoupon #preparation #prepareList dd li {
    display: inline;
}

#giveupcoupon #preparation #prepareList ul {
    padding-left: 10px;
}

#giveupcoupon #preparation #supplement {
	width: 800px;
	margin: 0 auto 20px;
	border-top: 1px solid #cccccc;
}

#giveupcoupon #preparation #supplement dt {
	text-align:center;
	font-size:20px !important;
	font-weight:bold;
	padding: 20px 0 20px;
}

#giveupcoupon #preparation #supplement dd {
	line-height: 1;
	text-align: left;
	font-size: 15px;
	margin-bottom: 0;
	padding-left: 0px;
	margin-left: 10px;
}



/* 印刷する
---------------------------------------------------- */
.spPrint {
	width: 838px;
	border: 1px solid #CCC;
	text-align: center;
	padding: 19px 0;
}

.spPrint img {
	padding: 15px 0 10px 0;
}


/* margin
---------------------------------------------------- */
.ma30_0 { margin: 0 0 30px 0; }
