@charset "UTF-8";

/* --------------------------------------------------
	SiteName : cosmo
	FileName : save-use.css
	Description : gmile save & use_site styles
	
	== TOC =========================================
	1 : common styles
	2 : save styles
	3 : use_site styles
	
-------------------------------------------------- */


/* 1. common styles
================================================== */
#Conts h1{
	margin-bottom:10px;
}
#Conts h2{
	margin-bottom:15px;
}


/* pointList */
#Conts ul.pointList{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
#Conts ul.pointList img{
	vertical-align:bottom;
}
#Conts ul.pointList li{
	float:left;
	margin:0 12px 10px 0;
}

/* indentList */
#Conts ul.indentList{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
#Conts ul.indentList li{
	padding-left:0.5em;
	text-indent:-0.5em;
}

/* moreInfoSection */
#Conts .moreInfoSection{
	margin-top:15px;
	background:#efefef none;
}
#Conts .moreInfoSection h3{
	padding:15px 25px;
}
#Conts .moreInfoSection div{
	padding:10px 25px 10px 25px;
	border-top:solid 1px #b9c1c4;
}
#Conts .moreInfoSection ul.linkList li{
	margin-bottom:1em;
	background-image:url(../../../common/image/icn_arw_02.gif);
	background-position:0 0.1em;
	line-height:1.3;
}
#Conts .moreInfoSection ul.linkList li strong{
	font-size:95%;
	font-weight:normal;
	color:#3361b7;
}
#Conts .moreInfoSection ul.linkList li span.small{
	display:inline-block;
	margin-top:5px;
}
#Conts .moreInfoSection p{
	margin:0 0 1em 0;
}
#Conts .moreInfoSection p.small{
	margin:0;
}

/* leadSection */
#leadSection{
	margin-bottom:10px;
}
#leadSection p{
	float:left;
	width:265px;
	padding-left:5px;
}
#leadSection div{
	float:right;
	width:293px;
}

/* pageTOC */
#pageTOC{
	margin-bottom:20px;
}
#pageTOC ul{
	list-style:none;
	margin:0;
	padding:0;
}
#pageTOC img{
	vertical-align:bottom;
}
#pageTOC li{
	float:left;
	margin:0 9px 10px 0;
}
#pageTOC p{
	clear:both;
	margin:0;
}


/* 2. save styles
================================================== */
/* save01 */
#save01{
	margin-bottom:30px;
}
#save01 .leadSection{
	margin-bottom:5px;
}
#save01 .leadSection p{
	margin:0;
	float:left;
	width:385px;
}
#save01 .leadSection div{
	float:right;
	width:170px;
}

/* save02 */
#save02{
	margin-bottom:30px;
}
#save02 .leadSection{
	margin-bottom:10px;
}
#save02 .leadSection p{
	margin:0;
	float:left;
	width:415px;
}
#save02 .leadSection div{
	float:right;
	width:140px;
}

/* save03 */
#save03{
	margin-bottom:30px;
}
#save03 div.clearfix{
	margin-bottom:15px;
}
#save03 div.clearfix p{
	margin:0;
	padding:10px 0 0 0;
	float:left;
	width:277px;
}
#save03 div.clearfix div.qr-code{
	float:right;
	width:283px;
	margin-left: 10px;
	margin-top: 10px;
}
#save03 div.clearfix div.qr-code p{
	float:left;
	width:140px;
	margin-left: 10px;
}
#save03 div.clearfix div.qr-code img{
	float:right;
	width:77px;
	margin-right: 40px;
}

/* save04 */
#save04 .leadSection{
	margin-bottom:10px;
}
#save04 .leadSection p{
	margin:0;
	float:left;
	width:345px;
}
#save04 .leadSection div{
	float:right;
	width:198px;
}
#save04 h3.save04ttl{
	margin-bottom:10px;
	color:#1b50b8;
}
#save04 div.clearfix{
	margin-bottom:20px;
}
#save04 div.clearfix div.fltL{
	width:335px;
}
#save04 div.clearfix div.fltR{
	width:215px;
}
#save04 div.clearfix p{
	margin:0;
}


/* 3. use_site styles
================================================== */
/* use01 */
#use01{
	margin-bottom:30px;
}
#use01 .leadSection{
	margin-bottom:5px;
}
#use01 .leadSection p{
	margin:0;
	float:left;
	width:385px;
}
#use01 .leadSection div{
	float:right;
	width:162px;
}

p.notes{margin:0; padding-top:5px; color:red; font-weight:bold;}