/*!
 * parts.css
 */


 
/* common */

h2 { text-align:center; margin:80px 0 70px; }

strong { background:#f6cb93; }

.attn { text-align:right; color:#666; }

a img.linkimg{ background:none!important; }
a:hover img.linkimg{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none!important; }

/* //common */


#header {  }
	#header .datesLogo { margin:6px 0 12px 0; }
	#header .btn { margin:17px 0 0 0; }
	#header a.btn { text-decoration:none; }
	#header .spentasLogo { margin:10px 0 10px 0; }
	#header p { margin-bottom:0px; }
	#header p a { text-decoration:none; color:#222; }
	#header p a:hover,#header p a:active { color:#999; }

#menu { background:#383838; padding:10px 0 2px 0; text-align:center; }
	#menu ul li { display:inline; border-right:1px #515151 solid; padding:0 12px; }
	#menu ul li:last-child { border:none; }

#main { background:url(../images/main_bg.png) 0 0 repeat; }
	#main .mainImg { background:url(../images/main_img.jpg) top center repeat-x; height:220px; }
	#main h1 { text-align:center; margin:0; padding-top:25px; }
	#main .catch { max-width:100%; }
	#main .product { margin-top:-22px; margin-bottom:-20px; }


#cnt01 {  } 
	#cnt01 .about { padding:0 0 120px 0; } 
	#cnt01 ul.list1 { padding:0; margin:0; } 
	#cnt01 ul.list1 li { background:url(../images/cnt01_icn.png) 0 3px no-repeat; padding:0 0 0 30px; margin:0 0 23px 0; font-size:24px; list-style:none; } 
	#cnt01 .recommend { background:url(../images/cnt01_bg.png) 0 0 repeat; padding-bottom:30px; } 
	#cnt01 .recommend h3 { text-align:center; } 
	#cnt01 ul.list2 { padding:0; margin:60px 0 0 20px; } 
	#cnt01 ul.list2 li { background:url(../images/cnt01_icn2.png) 0 4px no-repeat; padding:0 0 0 38px; margin:0 0 23px 0; font-size:30px; list-style:none; font-weight:bold; color:#562e17; } 
	#cnt01 .illust1 { margin-top:-30px; max-width:100%; }
	#cnt01 .illust2 { margin-top:50px; max-width:100%; }
	#cnt01 .datesImg { max-width:100%; }


#cnt02 { background:#faf5e0; padding-bottom:100px; } 
	#cnt02 h3 { margin-bottom:15px; } 
	#cnt02 .row dl { background:#fff; margin-top:80px;  min-height:320px;
	border-radius: 6px;					/* CSS3‘�ˆÄ */  
    -webkit-border-radius: 6px;			/* Safari,Google Chrome—p */  
    -moz-border-radius: 6px;			/* Firefox—p */
	} 
	#cnt02 .row dl dt { text-align:center; } 
	#cnt02 .row dl dt img { margin-top:-85px; } 
	#cnt02 .row dl dd { font-size:16px; } 
	#cnt02 .row dl dd  ul { padding:30px 40px; margin:0; } 
	#cnt02 .row dl dd  ul li { list-style:none; margin-bottom:15px; } 
	#cnt02 .memoSttl { max-width:100%; }
	#cnt02 .memo { text-align:center; background:url(../images/cnt02_memoBg.png) 0 0 repeat; width:90%; margin:60px auto 0 auto; }
	#cnt02 .memo p img { margin-top:-40px; }
	#cnt02 .memo p { margin:0; }
	#cnt02 .memo dl { margin:0; padding:0 40px 40px 40px; }
	#cnt02 .memo dd { }
	#cnt02 .memo dd.answr { border:2px solid #e94609; font-weight:bold; font-size:18px; padding:30px 15px; margin:40px 0 12px 0; }
	#cnt02 .memo dd.answr span { font-size:24px; color:#e94609; }
	#cnt02 .memo dd.attn { margin-bottom:35px; }
	#cnt02 .memo dd.txt { text-align:left; font-size:16px; }
	#cnt02 .shadow { background:url(../images/cnt02_memoShadow.png) center 0 no-repeat; height:30px; }


#cnt03 { padding-bottom:100px; } 
	#cnt03 h2 { margin:80px 0 40px; } 
	#cnt03 .sttl1 { margin-bottom:60px; }
	#cnt03 .sttl1 .icn { margin:0 0 -88px 60px; }
	#cnt03 .sttl1 h3 { text-align:center; color:#fff; font-size:24px; background:#cf7b0e; padding:12px 0 10px 0;
	border-radius: 60px;					/* CSS3‘�ˆÄ */  
    -webkit-border-radius: 60px;			/* Safari,Google Chrome—p */  
    -moz-border-radius: 60px;			/* Firefox—p */
	} 
	#cnt03 .sttl2 { margin:40px 0 60px 0; }
	#cnt03 .sttl2 .icn { margin:0 0 -88px 60px; }
	#cnt03 .sttl2 h3 { text-align:center; color:#fff; font-size:24px; background:#804c2d; padding:12px 0 10px 0;
	border-radius: 60px;					/* CSS3‘�ˆÄ */  
    -webkit-border-radius: 60px;			/* Safari,Google Chrome—p */  
    -moz-border-radius: 60px;			/* Firefox—p */
	} 
	#cnt03 .row img { width:100%; } 
	#cnt03 .row dl { margin:12px 0 40px 0; padding:0; } 
	#cnt03 .row dt { margin:0 0 5px; font-weight:bold; color:#cf7b0e; font-size:16px; } 
	#cnt03 .rich dt { color:#804c2d; } 


#cnt04 { background:#faf5e0; padding-bottom:100px; } 
#cnt05 { background:#faf5e0; padding-bottom:100px; } 
	#cnt04 .row img,#cnt05 .row img { width:100%; } 
	#cnt04 .row dl,#cnt05 .row dl { margin:12px 0 40px 0; padding:0; } 
	#cnt04 .row dt,#cnt05 .row dt { margin:0 0 5px; font-weight:bold; font-size:16px; } 
	#cnt04 .row dd.small,#cnt05 .row dd.small { margin-bottom:15px; } 



#cnt06 { /*background:#faf5e0;*/ padding-bottom:100px; } 
	#cnt06 .shopList { background:url(../images/cnt06_bdrBg.png) 0 top repeat-x; width:90%; margin:0 auto; } 
	#cnt06 dl { font-size:16px; background:url(../images/cnt06_bdrBg.png) 0 bottom repeat-x; margin:0; padding:30px 10px; } 
	#cnt06 dt { display:table-cell; width:300px; } 
	#cnt06 dd { display:table-cell; } 
	#cnt06 .shopList .attn { margin:15px 0 0 0; } 


#cnt07 { background:#faf5e0; padding-bottom:100px; } 
	#cnt07 .row { width:90%; margin:0 auto; } 
	#cnt07 dt { font-size:20px; font-weight:bold; margin-bottom:15px; } 
	#cnt07 a { text-decoration:none; }
	#cnt07 .btn-lg{padding:15px 30px;font-size:20px;line-height:1.3333333;border-radius:6px;}
	#cnt07 .btn-primary{ width:100%;}



#pagetop { background:#faf5e0; padding-bottom:20px; }

#footer { background:#222222; padding:30px 0; }
	#footer #copy { color:#fff; font-size:12px; }
	#footer p { margin:0; }


/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 767px) {
#header .datesLogo { width:100%; }
#header .btn { margin: 14px 0 0 0; width:100%; }

h2 { margin:60px 0 40px; }
#cnt03 h2 { margin:60px 0 40px; } 
#cnt02,#cnt04,#cnt05,#cnt06,#cnt07 { padding-bottom:50px; } 

#cnt01 ul.list1 li { background:url(../images/cnt01_icn.png) 0 3px no-repeat; padding:0 0 0 30px; margin:0 0 18px 0; font-size:20px; } 
#cnt01 .about { padding:0 0 5px 0; } 
#cnt01 .datesImg { width:60%; } 
#cnt01 .illust1 { width:80%; margin:1.6em 0 0 1.6em; } 
#cnt01 .illust2 { width:100%; } 
#cnt01 ul.list2 li { background: url(../images/cnt01_icn2.png) 0 2px no-repeat; font-size: 24px; }
#cnt01 ul.list2 { margin:30px 0 0 20px; }


#cnt02 .row dl { margin-top:100px; }
#cnt02 .keyTtl1,#cnt02 .keyTtl2 { width:40%; } 
#cnt02 .memo p img { width:50%; }
#cnt02 .memo dl { margin:0; padding:0 20px 20px 20px; }
#cnt02 .memo dd.answr { font-size:16px; padding:15px 10px; margin:25px 0 8px 0; }
#cnt02 .memo dd.answr span { font-size:20px; }
#cnt02 .shadow { background-size:contain; }

#cnt03 .sttl1,#cnt03 .sttl2 { text-align:center; }
#cnt03 .sttl1 .icn,#cnt03 .sttl2 .icn { margin:0; width:15%; }
#cnt03 .sttl1 h3,#cnt03 .sttl2 h3 { font-size:20px; padding:10px 6px;
	border-radius: 6px;					/* CSS3‘�ˆÄ */  
    -webkit-border-radius: 6px;			/* Safari,Google Chrome—p */  
    -moz-border-radius: 6px;			/* Firefox—p */
}

#cnt06 dt { display:block; margin-bottom:6px; } 
#cnt06 dd { display:block; } 

#cnt07 .row { width:100%; } 

#pagetop img { width:15%; }
}