@charset "utf-8";

/* Share */

.Secondbody h2 {
	background:url(../common/images/title/h2_use_bg.gif) no-repeat bottom left;
	height: 58px;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding-left: 54px;
	padding-top: 10px;
	font-size: 174%;
	font-weight:normal;
}

.Secondbody h2 span {
	font-size: 75%;
	color:#32B4EB;
	padding-right:10px;
}


.Secondbody .lead {
	margin:0 10px 15px 18px;
	line-height:180%;
}

.Secondbody .lead dt { margin-bottom:15px; }
.Secondbody .lead dd { }

.Secondbody ul.anchor-pr,
.Secondbody ul.anchor-ev,
.Secondbody ul.anchor-ac,
.Secondbody ul.anchor-an,
.Secondbody ul.anchor-re,
.Secondbody ul.anchor-sh,
.Secondbody ul.anchor-sc {
	padding:10px 5px 5px 15px;
	margin:15px 0 20px 0;
	overflow:hidden;
	_zoom:1;
}

.Secondbody ul.anchor-pr li,
.Secondbody ul.anchor-ev li,
.Secondbody ul.anchor-ac li,
.Secondbody ul.anchor-an li,
.Secondbody ul.anchor-re li,
.Secondbody ul.anchor-sh li,
.Secondbody ul.anchor-sc li {
	float:left;
	margin:0 0 10px 34px;
	padding:0 0 0 15px;
	background: url(../common/images/icon/icon_arrow_01.gif) no-repeat left 4px;
	font-size:85%;
	line-height:160%;
	width:220px;
}

.Secondbody ul.anchor-pr { background:#FAC19E; }
.Secondbody ul.anchor-ev { background:#F8D6C5; }
.Secondbody ul.anchor-ac { background:#F0E4E7; }
.Secondbody ul.anchor-an { background:#FEEADE; }
.Secondbody ul.anchor-re { background:#DCD0E8; }
.Secondbody ul.anchor-sh { background:#D5BD84; }
.Secondbody ul.anchor-sc { background:#BEF1D8; }

.Secondbody .Red { color:#CC0000; }



/* メリット */
/*
.Secondbody #Merit {
	width:675px;
	background:url(images/frame_01_bottom.gif) no-repeat left bottom;
	padding-bottom:30px;
	margin-bottom:30px;
}
*/
.Secondbody #Merit .inner {
	margin:0 10px;
	background:url(images/Frame_bg_promotion.jpg) no-repeat right top;
}

.Secondbody #Merit .Box-First  {
	position:relative;
	clear:both;
	width:625px;
	margin:5px 0 0 15px;
	padding:0;
}

.Secondbody #Merit .Box-First h3 {
	position: relative;
	left:-4px;
	margin:0;
	padding:5px 0 0 0;
	background:none;
}

.Secondbody #Merit .Box-First p {
	position:absolute;
	top:5px;
	left:140px;
	width:300px;
	line-height:180%;
}

.Secondbody #Merit .Box  {
	position:relative;
	clear:both;
	width:625px;
	margin:12px 0 0 15px;
	padding:0;
}

.Secondbody #Merit .Box h3 {
	position: relative;
	left:-4px;
	margin:0;
	padding:12px 0 0 0;
	background:url(images/line_01.gif) repeat-x left top;
}

.Secondbody #Merit .Box p {
	position:absolute;
	top:15px;
	left:140px;
	width:300px;
	line-height:180%;
}

.Secondbody #Merit .Btn  {
	position:relative;
	clear:both;
	width:625px;
	margin:12px 0 0 15px;
	padding:18px 0 0 0;
	background:url(images/line_03.gif) repeat-x left top;
	text-align:right;
}

/* 注文から納品まで */

.Secondbody #Schedule {
	clear:both;
	width:675px;
	background:url(images/frame_02_bottom.gif) no-repeat left bottom;
	margin:40px 0 40px 0;
	padding-bottom:30px;
}

.Secondbody #Schedule .inner {
	margin:15px 20px 0;
}

.Secondbody #Schedule p {
	margin-bottom:15px;
	font-weight:bold;
	line-height:180%;
}

.Secondbody #Schedule .Btn {
	clear:both;
	background:url(images/line_01.gif) repeat-x top;
	margin:15px 0 0 0;
	padding:15px 0 0 0;
	min-height:35px;
	_height:50px;

	font-size:85%;
	line-height:180%;
}

.Secondbody #Schedule .Btn a {  }


/* ケースのご案内 */

.Secondbody #Service {
	width:675px;
	background:url(images/frame_02_bottom.gif) no-repeat left bottom;
	margin-bottom:40px;
	padding-bottom:30px;
}

.Secondbody #Service .inner {
	margin:15px 19px 0;
}

.Secondbody #Service p {
	margin-bottom:15px;
}

.Secondbody #Service ul { margin-left:100px; }
.Secondbody #Service li {
	display: block;
	float:left;
	margin-right:30px;
	margin-bottom:12px;
	/*width:210px;*/

	font-size:85%;
	line-height:180%;
	text-align:center;
}

.Secondbody #Service li.Last { margin-right:0; }

.Secondbody #Service li img {
	display:block;
	margin-bottom:10px;
}

.Secondbody #Service li a { text-align:center; }


.Secondbody #Service .Btn {
	clear:both;
	background:url(images/line_01.gif) repeat-x top;
	margin:0;
	padding:15px 0 0 0;
	min-height:35px;
	_height:50px;

	font-size:85%;
}

.Secondbody #Service .Btn a { float:right; }


/* お問い合わせ */

.Secondbody #Contact {
	width:675px;
	background:url(images/frame_03_bottom.gif) no-repeat left bottom;
	margin-bottom:40px;
	padding-bottom:25px;
	clear:both;
}

.Secondbody #Contact .inner {
	margin:15px 20px 0;
}

.Secondbody #Contact p {
	color:#CC6600;
	margin-bottom:8px;
}

.Secondbody #Contact dt {
	margin-bottom:8px;
	font-size:120%;
	font-weight:bold;
}

.Secondbody #Contact dd { line-height:180%; }
.Secondbody #Contact dd em { color:#1D9BC5; }



/* --------------------------------------------------
 Merit
-------------------------------------------------- */

.Merit .Merit-Box {
	position:relative;
	clear:both;
	width:670px;
	margin:18px 0 0 5px;
	padding:0;
}

.Merit .Merit-Box h3 {
	margin:0;
	padding:18px 0 0 0;
	background:url(images/line_01.gif) repeat-x left top;
}

.Merit .Merit-Box dl {
	position:absolute;
	top:15px;
	left:130px;
	width:400px;
}

.Merit .Merit-Box dt { margin-bottom:10px; }
.Merit .Merit-Box dd {
	margin:0 15px;
	font-size:90%;
	line-height:180%;
}

.Merit .Img01 {	background:url(images/img_merit_01.gif) no-repeat right 5px; }
.Merit .Img02 {	background:url(images/img_merit_02.gif) no-repeat right 5px; }
.Merit .Img03 {	background:url(images/img_merit_03.gif) no-repeat right 5px; }
.Merit .Img04 {	background:url(images/img_merit_04.gif) no-repeat right 5px; }
.Merit .Img05 { background:url(images/img_merit_05.gif) no-repeat right 5px; }

.Merit .Btn {
	background:url(images/line_01.gif) repeat-x top;
	margin:18px 0 43px 0;
	padding:35px 0 0 90px;
}

.Merit .Btn ul {
	margin:0 10px 0 0;
	overflow:hidden;
	_zoom:1;
}

.Merit .Btn li {
	float:left;
	margin-right:10px;
}

/* --------------------------------------------------
 共通
-------------------------------------------------- */

.Anniversary,
.Promotion,
.Insentive,
.Event,
.School {
	margin-bottom: 10px !important;
}

/* --------------------------------------------------
 Anniversary
-------------------------------------------------- */

.Anniversary #Merit {
	width:675px;
	background:url(images/frame_01_bottom.gif) no-repeat left bottom;
	padding-bottom:30px;
	margin-bottom:30px;
}

.Anniversary #Merit .inner {
	background:url(images/anniversary/Frame_bg_anniversary.jpg) no-repeat right top;
}

.Anniversary #Merit .Box-First h3 {
	margin:0;
	padding:5px 0 0 0;
	background:none;
}

.Anniversary #Merit .Box-First p {
	position:absolute;
	top:5px;
	left:140px;
	width:320px;
	line-height:180%;
}

.Anniversary #Merit .Box h3 {
	margin:0;
	padding:12px 0 0 0;
	background:url(images/line_03.gif) repeat-x left top;
}

.Anniversary #Merit .Box p {
	position:absolute;
	top:15px;
	left:140px;
	width:300px;
	line-height:180%;
}


.Anniversary #Type,
.Anniversary #Type02 {
	width:675px;
	background:url(images/line_01.gif) repeat-x left top;
}

.Anniversary #Type .inner {
	margin:4px 0 0;
	padding:10px 0 15px 0;
	background:url(images/line_02.gif) repeat-y center top;
}

.Anniversary #Type .Box {
	display:inline;
	float:left;

	width:325px;
	margin:0 24px 0 0;
	padding:0;
}

.Anniversary #Type .Last,
.Anniversary #Type02 .Last {
	margin:0;
	padding:0;
}

.Anniversary #Type dd {
	margin:0 0 8px 0;
	padding:0 0 0 5px;
}

.Anniversary #Type02 .inner {
	margin:4px 0 0;
	padding:10px 0 15px 0;
	overflow:hidden;
}

.Anniversary #Type02 .Box {
	display:inline;
	float:left;

	width:425px;
	margin:0;
	padding:0 0 30px 0;
}

.Anniversary #Type02 dd {
	margin:0 0 8px 0;
	padding:0 0 0 5px;
}

.Anniversary .notes {
	font-size:75%;
}

/*.Anniversary #Estimate {
	display:inline;
	margin-left:10px;
	margin-bottom:30px;
}

.Anniversary #Estimate .Box  {
	margin:0;
	width:100%;
	padding:12px;
	/*background:url(images/frame_05_bottom.gif) no-repeat left bottom;
	border:1px solid #33AB99;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.Anniversary #Estimate .Box h3 {
	display:block;
	float:left;
	background:#73CF94;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-size:120%;
	margin:0;
	padding:10px;
}

.Anniversary #Estimate .Box p {
	/* width:218px; 
	float:left;
	margin-left:10px;
	margin-bottom:20px;
	line-height:180%;
}

.Anniversary #Estimate .Box .Btn {
	margin-left:10px;
}
*/


/* --------------------------------------------------
 Promotion
-------------------------------------------------- */

.Promotion #Merit {
	width:675px;
	background:url(images/frame_06_bottom.gif) no-repeat left bottom;
	padding-bottom:30px;
	margin-bottom:30px;
}

.Promotion #Merit .inner {
	background:url(images/promotion/Frame_bg_promotion.jpg) no-repeat right top;
}

.Promotion #Merit .Box-First h3 {
	position: relative;
	left:-4px;
	margin:0;
	padding:5px 0 0 0;
	background:none;
}

.Promotion #Merit .Box-First p {
	position:absolute;
	top:5px;
	left:140px;
	width:320px;
	line-height:180%;
}

.Promotion #Merit .Box h3 {
	position: relative;
	left:-4px;
	margin:0;
	padding:12px 0 0 0;
	background:url(images/line_04.gif) repeat-x left top;
}

.Promotion #Merit .Box p {
	position:absolute;
	top:15px;
	left:140px;
	width:300px;
	line-height:180%;
}

.Promotion #Merit .Box p.wide {
	position:absolute;
	top:15px;
	left:140px;
	width:330px;
	line-height:180%;
}

.Promotion #Merit .Btn  {
	position:relative;
	clear:both;
	width:625px;
	margin:12px 0 0 15px;
	padding:18px 0 0 0;
	background:url(images/line_04.gif) repeat-x left top;
	text-align:right;
}

.Promotion #Type,
.Promotion #Type02 {
	width:675px;
	background:url(images/line_01.gif) repeat-x left top;
}

.Promotion #Type .inner {
	margin:4px 0 0;
	padding:10px 0 15px 0;
	background:url(images/line_02.gif) repeat-y center top;
	overflow:hidden;
}

.Promotion #Type .Box {
	display:inline;
	float:left;

	width:325px;
	margin:0 24px 0 0;
	padding:0;
}

.Promotion #Type .Last,
.Promotion #Type02 .Last {
	margin:0;
	padding:0;
}

.Promotion #Type dd {
	margin:0 0 8px 0;
	padding:0 0 0 5px;
}

.Promotion #Type02 .inner {
	margin:4px 0 0;
	padding:10px 0 15px 0;
}

.Promotion #Type02 .Box {
	display:inline;
	float:left;

	width:425px;
	margin:0;
	padding:0 0 30px 0;
}

.Promotion #Type02 dd {
	margin:0 0 8px 0;
	padding:0 0 0 5px;
}

.Promotion .notes {
	font-size:75%;
}

#Estimate {
	clear:both;
	display:inline;
	margin-left:10px;
	margin-bottom:30px;
}

#Estimate .Box  {
	margin:0;
	width:96%;
	padding:12px;
	/*background:url(images/frame_05_bottom.gif) no-repeat left bottom;*/
	border:1px solid #33AB99;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	overflow:hidden;
}

#Estimate .Box h3 {
	display:block;
	float:left;
	background:#73CF94;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-size:110%;
	padding:5px 10px;
	line-height:120%;

}

#Estimate .Box p {
	/* width:218px; */
	display:block;
	float:left;
	margin:5px 0 10px 10px;
	line-height:180%;
}

#Estimate .Box .Btn {
	margin-left:10px;
	float:right;
}

.flow-type {
	display:inline;
	width:292px;
	float:left;
	background:#32B4EB;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-weight:bold;
	font-size:130%;
	text-align:center;
	padding:10px 10px 15px 10px;
	line-height:200%;
	margin:0 10px 15px 0;
}

.non-margin { margin-right:0 !important; }


/* --------------------------------------------------
 Event
-------------------------------------------------- */

.Event .imgR img { margin-bottom:25px; }

.Event .imgR a {
	display:block;
	margin:0 17px;
}

.Event #Type,
.Event #Type02 {
	width:675px;
	background:url(images/line_01.gif) repeat-x left top;
}

.Event #Type .inner {
	margin:4px 0 0;
	padding:10px 0 15px 0;
	background:url(images/line_02.gif) repeat-y center top;
	overflow:hidden;
}

.Event #Type .Box {
	display:inline;
	float:left;

	width:325px;
	margin:0 24px 0 0;
	padding:0;
}

.Event #Type .Last,
.Event #Type02 .Last {
	margin:0;
	padding:0;
}

.Event #Type dd {
	margin:0 0 8px 0;
	padding:0 0 0 5px;
}

.Event #Type02 .inner {
	margin:4px 0 0;
	padding:10px 0 15px 0;
}

.Event #Type02 .Box {
	display:inline;
	float:left;

	width:425px;
	margin:0;
	padding:0 0 30px 0;
}

.Event #Type02 dd {
	margin:0 0 8px 0;
	padding:0 0 0 5px;
	line-height:180%;
}

.Event .notes {
	font-size:75%;
}

/*.Event #Estimate {
	display:inline;
	float:left;
	margin-left:10px;
	margin-bottom:30px;
}

.Event #Estimate .Box  {
	margin:0;
	width:237px;
	padding:0 0 12px 0;
	background:url(images/frame_05_bottom.gif) no-repeat left bottom;
}

.Event #Estimate .Box h3 {
	margin:0;
	padding:0;
}

.Event #Estimate .Box p {
	width:218px;
	margin-left:10px;
	margin-bottom:20px;
	line-height:180%;
}

.Event #Estimate .Box .Btn {
	margin-left:10px;
}
*/

/* --------------------------------------------------
 School
-------------------------------------------------- */

.School #Type {
	width:675px;
	background:url(images/line_01.gif) repeat-x left top;
	clear:both;
}

.School #Type .inner {
	margin:4px 0 0;
	padding:10px 0 15px 0;
	background:url(images/line_02.gif) repeat-y center top;
	overflow:hidden;
}

.School #Type .Box {
	display:inline;
	float:left;

	width:325px;
	margin:0 24px 0 0;
	padding:0;
}

.School #Type .Last {
	margin:0;
	padding:0;
}

.School #Type dd {
	margin:0 0 8px 0;
	padding:0 0 0 5px;
}

.School #Type dd.notes {
	font-size:75%;
}

/*.School #Estimate {
	clear:both;
	width:675px;
	margin-bottom:30px;
	padding-top:42px;
	background:url(images/line_01.gif) repeat-x left top;
}

.School #Estimate .Box  {
	position:relative;
	clear:both;
	width:675px;
	margin:0;
	padding:0 0 15px 0;
	background:url(images/frame_04_bottom.gif) no-repeat left bottom;
}

.School #Estimate .Box h3 {
	margin:0;
	padding:0;
}

.School #Estimate .Box p {
	position:absolute;
	top:15px;
	left:140px;
	width:210px;
	line-height:180%;
}

.School #Estimate .Box .Btn {
	position:absolute;
	top:10px;
	left:400px;
	width:262px;
}
*/
.example { 
	display:block;
	margin-top:5px;
	text-align:center;
}

/* --------------------------------------------------
 Incentive
-------------------------------------------------- */

.Incentive #Point {
	clear:both;
	width:675px;
	margin-bottom:30px;
}

.Incentive #Point .Box  {
	position:relative;
	clear:both;
	width:675px;
	margin:25px 0 0 0;
	padding:0 0 12px 0;
	min-height:300px;
	background:url(images/incentive/frame_incentive02.gif) no-repeat left bottom;
}

.Incentive #Point .Box h3 {
	margin:0;
	padding:25px 0 0 20px;
	background:url(images/incentive/frame_incentive01.gif) no-repeat left top;
}

.Incentive #Point .Box p {
	position:absolute;
	top:90px;
	left:30px;
	width:400px;
	line-height:180%;
}

.Incentive #Point .Box a.Btn,
.Incentive #Point02 .Box02 a.Btn {
	margin-top:10px;
	display:block;
	width:300px;
}


.Incentive #Point .Box .Photo {
	position:absolute;
	top:25px;
	left:420px;
	width:179px;
	margin-left:15px;
}

.Incentive #Point02 {
	clear:both;
	width:675px;
	margin-bottom:30px;
}

.Incentive #Point02 .Box02  {
	position:relative;
	clear:both;
	width:675px;
	margin:25px 0 0 0;
	padding:0 0 12px 0;
	background:url(images/incentive/frame_incentive04.gif) no-repeat left bottom;
	min-height:300px;
}

.Incentive #Point02 .Box02 h3 {
	margin:0;
	padding:25px 0 0 20px;
	background:url(images/incentive/frame_incentive03.gif) no-repeat left top;
}

.Incentive #Point02 .Box02 p {
	position:absolute;
	top:90px;
	left:30px;
	width:400px;
	line-height:180%;
}

.Incentive #Point02 .Box02 .Photo {
	position:absolute;
	top:25px;
	left:420px;
	width:179px;
	margin-left:15px;
}

.store { 
	display:block;
	margin-top:5px;
}