@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, Verdana, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #3f3c3b;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll; overflow-x: hidden;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	text-align: left;
	background: #f2f2f2;
}
/* !header
---------------------------------------------------------- */
#header {
	position: relative;
	height: 100px;
}
#headerInner {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 1000;

	-webkit-box-shadow: -3px 2px 4px rgba(7,4,4,.1);
	-moz-box-shadow: -3px 2px 4px rgba(7,4,4,.1);
	box-shadow: -3px 2px 4px rgba(7,4,4,.1);

}
	#headerIn {
		position: relative;
		margin: 0 auto;
		width: 954px;
		text-align: left;
		overflow: hidden;
	}
		#headerLogo {
			float: left;
			padding: 32px 36px 34px 30px;
		}
		#headerLinks {
			position: absolute;
			right: 0;
			/*float: right;*/
			width: 625px;
			font-size: 10px;
			overflow: hidden;
		}
			#headerLinks ul {
				overflow: hidden;
				position: absolute;
				/*right: 92px;*/
				/*width: 555px;*/
				padding: 10px 0 7px;
				float: left;
				padding-left: 4px;
			}
				#headerLinks ul li {
					float: left;
					margin-right: 20px;
				}
				#headerLinks ul li.last {
					margin-right: 0;
				}
					#headerLinks ul li a {
						color: #4f4e4e;
						padding-bottom: 1px;
					}
			#headerLinks p {
				width: 37px;
				float: right;
				margin-top: 10px;
			}
				#headerLinks p a {
					display: block;
				}
			#headerLinks p .sns_fb{
					width: 30px;
			}



/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	float: right;
	position: relative;
	width: 700px;
	height: 62px;
	margin-bottom: 6px;
	margin-top: 32px;
}
	#gNavi li {
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		width: 140px;
		height: 62px;
	}
	#gNavi li#gNav01 { left: 0;}
	#gNavi li#gNav02 { left: 149px;}
	#gNavi li#gNav03 { left: 278px;}
	#gNavi li#gNav04 { left: 435px;}
	#gNavi li#gNav05 { left: 576px;}
		#gNavi li a {
			display: block;
		}
		#gNavi li#gNav01 a { margin-left: 0;}
		#gNavi li#gNav02 a { margin-left: -149px;}
		#gNavi li#gNav03 a { margin-left: -278px;}
		#gNavi li#gNav04 a { margin-left: -435px;}
		#gNavi li#gNav05 a { margin-left: -576px;}
		#gNavi li a:hover,
		#gNavi li a:focus {
			margin-top: -62px;
		}
	body#g01 #gNav01 a,
	body#g02 #gNav02 a,
	body#g03 #gNav03 a,
	body#g04 #gNav04 a,
	body#g05 #gNav05 a {
		margin-top: -62px;
	}

/* !gNavi2
---------------------------------------------------------- */
.gNavi2 {
	display: block;
	float: right;
	position: relative;
	width: 700px;
	margin-bottom: 6px;
	margin-top: 32px;
}
.gNavi2_list {
	font-size: 0;
}
.gNavi2_list li {
	width: 25%;
	display: inline-block;
}
.gNavi2_list li a {
	display: inline-block;
	width: 100%;
	height: 62px;
	background: url(../images/common/gnavi02.png) no-repeat;
}
.gNavi2_list li .gNavi2_link01 { background-position: -175px 0; }
body#g01 .gNavi2_list li .gNavi2_link01,
.gNavi2_list li .gNavi2_link01:hover { background-position: -175px -62px; }
.gNavi2_list li .gNavi2_link02 { background-position: 0px 0; }
body#g02 .gNavi2_list li .gNavi2_link02,
.gNavi2_list li .gNavi2_link02:hover { background-position: 0px -62px; }
.gNavi2_list li .gNavi2_link03 { background-position: -350px 0; }
body#g03 .gNavi2_list li .gNavi2_link03,
.gNavi2_list li .gNavi2_link03:hover { background-position: -350px -62px; }
.gNavi2_list li .gNavi2_link04 { background-position: -525px 0; }
body#g05 .gNavi2_list li .gNavi2_link04,
.gNavi2_list li .gNavi2_link04:hover { background-position: -525px -62px; }

/* !mainimg
---------------------------------------------------------- */
#mainimg {
}
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 954px;
	text-align: left;
	position: relative;
	background: #FFF;
}

/* !main
---------------------------------------------------------- */
#main01 {
	float: left;
	width: 714px;
}
#main02 {
	float: right;
	width: 674px;
}

/* !sub
---------------------------------------------------------- */
#sub01 {
	float: right;
	width: 240px;
}
#sub02 {
	float: left;
	width: 240px;
}

/* !h1_heading01
---------------------------------------------------------- */
.h1_heading01 {
	height: 50px;
	line-height: 50px;
}
	.h1_heading01 h1 {
		padding: 12px 10px 0 40px;
	}

	.h1_heading01.type01 {
		background: #ff945b;
	}
	.h1_heading01.type02 {
		background: #71d3db;
	}
	.h1_heading01.type03 {
		background: #f26963;
	}
	.h1_heading01.type04 {
		background: #a8b0bb;
	}
	.h1_heading01.type05 {
		background: #43bfa7;
	}
	.h1_heading01.type06 {
		background: #ffac29;
	}
	.h1_heading01.type07 {
		background: #fd98ab;
	}
	.h1_heading01.type08 {
		background: #000201;
	}
  .h1_heading01.type09 {
    background: #4694D1;
  }
  .h1_heading01.type10 {
    background: #f87c75;
  }
  .h1_heading01.type11 {
    background: #ae76c0;
  }
  .h1_heading01.type12 {
    background: #daa0a4;
  }
  .h1_heading01.type13 {
    background: #989ebd;
  }
.h2_heading01 {
	height: 50px;
	line-height: 50px;
}
	.h2_heading01 h2 {
		padding: 15px 10px 0 40px;
	}
		.h2_heading01.type01 {
			background: #d4d9e0;
		}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: fixed;
	bottom: 75px;
	right:  20px;
}
/* !footer
---------------------------------------------------------- */
#footer {
	text-align: left;
	background: #f2f2f2;
	font-size: 11px;
}
	#footerIn {
		width: 954px;
		margin: 0 auto;
	}
		#footerLinks {
			overflow: hidden;
			width: 954px;
			padding: 30px 0 50px;
		}
			#footerLinks li {
				float: left;
			}
				#footerLinks li a {
					border-right: 1px solid #CCCCCC;
					color: #3f3c3b;
					display: block;
					height: 12px;
					line-height: 12px;
					padding: 0 14px 1px;
				}
				#footerLinks li.first a {
					border-left: 1px solid #CCCCCC;
				}
.bnr-cremeetrouge {
	text-align: center;
	padding-bottom: 30px;
}
.bnr-cremeetrouge a {
	display: inline-block;
}
.bnr-cremeetrouge a:hover {
	opacity: 0.7;
}
	#copyright {
		width: 100%;
		padding: 31px 0 47px;
		background: #fff;
		color: #838181;
		text-align: center;
	}

/* !biggerlink
---------------------------------------------------------- */


.biggerlink:hover * {
	text-decoration: underline;
}


/* !imgSlide01
---------------------------------------------------------- */
.imgSlide01Wrap {
	overflow: hidden;
	width: 505px;
	margin: 0 auto;
}
	.imgSlide01Wrap .imgSlide01 {
		overflow: hidden;
		position: relative;
	}

		.imgSlide01Wrap .imgSlide01 .ul_slide01 {
			overflow: hidden;
			text-align: center;
			margin-bottom: 20px;
		}
			.imgSlide01Wrap .imgSlide01 .ul_slide01 li {
				float: left;
				width: 100%;
			}
				.imgSlide01Wrap .imgSlide01 .ul_slide01 li a img {
					border: 1px solid #cbcaca;
				}

		.imgSlide01Wrap .imgSlide01 .btnPrev {
			background: #cbcaca url(../images/common/ico_arrow_prev01.png) no-repeat center;
			width: 26px;
			height: 50px;
			position: absolute;
			top: 114px;
			left: 0;
		}
			.imgSlide01Wrap .imgSlide01 .btnPrev a {
				display: block;
				height: 50px;
				text-decoration: none;
				text-indent: -99999px;
			}
		.imgSlide01Wrap .imgSlide01 .btnNext {
			background: #cbcaca url(../images/common/ico_arrow_next01.png) no-repeat center;
			width: 26px;
			height: 50px;
			position: absolute;
			top: 114px;
			right: 0;
		}
			.imgSlide01Wrap .imgSlide01 .btnNext a {
				display: block;
				height: 50px;
				text-decoration: none;
				text-indent: -99999px;
			}


	.imgSlide01Wrap .ul_list01 {
		overflow: hidden;
		text-align: center;
	}
		.imgSlide01Wrap .ul_list01 li {
			display: inline-block;
			margin: 0 22px 0 0;
		}
			.imgSlide01Wrap .ul_list01 li.last {
				margin: 0;
			}

/* !FlexSlider
---------------------------------------------------------- */

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li div {
	display: table;
    width: 378px;
    height: 378px;
}
.flexslider .slides > li div p {
    width: 378px;
    height: 378px;
    display: table-cell;
    layout-grid-line: 378px;
    text-align: center;
    vertical-align: middle;
}
.flexslider .slides img {
	/*width: 100%;*/
	/*display: block;*/
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	display: block;
	width: 26px;
	height: 50px;
	margin: -25px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	/*opacity: 0;*/
	cursor: pointer;
	text-indent: -9999px;
	/*color: rgba(0,0,0,0.8);*/
	/*text-shadow: 1px 1px 0 rgba(255,255,255,0.3);*/
	/*-webkit-transition: all .3s ease;*/
	/*-moz-transition: all .3s ease;*/
	/*transition: all .3s ease;*/
	background: #cbcaca no-repeat center;
}
.flex-direction-nav .flex-prev { left: 0px; background-image: url(../images/common/ico_arrow_prev01.png) ; }
.flex-direction-nav .flex-next { right: 0px; background-image: url(../images/common/ico_arrow_next01.png) ;}
.flex-next:hover, .flex-prev:hover { opacity: 0.7; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/*.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }*/
/*.flex-direction-nav a.flex-next:before  { content: '\f002'; }*/

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 12px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	width: 8px;
	height: 8px;
	display: block;
	background: #777;
	background: rgba(0,0,0,0.2);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
/*	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}

/* !flexslider-container01
---------------------------------------------------------- */
.flexslider-container01 {
	position: relative;
	width: 505px;
	margin: 0 auto 50px;
}
.flexslider-container01 .flexslider {
	width: 378px;
	margin: 0 auto;
	border: 1px solid #cbcaca;
}

/* !btnBasic01
---------------------------------------------------------- */
.btnBasic01 {
	overflow: hidden;
	xbackground: #e0e1e1 url(../images/common/ico_arrow_prev01.png) no-repeat 10px center;
	width: 108px;
	height: 40px;
	line-height: 40px;
}
	.btnBasic01 a {
		display: block;
		height: 40px;
		font-weight: bold;
		xpadding: 0 0 0 25px;
	}
		.btnBasic01 a:hover {
			text-decoration: none;
		}

/* !boxBasic01
---------------------------------------------------------- */
.boxBasic01 {
	margin-bottom: 16px;
	overflow: hidden;
}
	.boxBasic01 div {
		display: inline-block;
	}
	.boxBasic01 .txtDate01 {
		color: #FFF;
		width: 90px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		margin: 0 6px 0 0;
		float: left;
	}
	.biggerlink:hover .boxBasic01 .txtDate01 {
		text-decoration: none;
	}
		.boxBasic01 .txtDate01.type01 {
			background: #ff945b;
		}
		.boxBasic01 .txtDate01.type02 {
			background: #a8b0bb;
		}
	.boxBasic01 .txtNew01 {
		background: #f26963;
		color: #FFF;
		width: 50px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		float: left;
	}
	.biggerlink:hover .boxBasic01 .txtNew01 {
		text-decoration: none;
	}
	.boxBasic01 .txtCosmetic01 {
		color: #FFF;
		width: 130px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		margin: 0 6px 0 0;
		float: left;
	}
	.biggerlink:hover .boxBasic01 .txtCosmetic01 {
		text-decoration: none;
	}
		.boxBasic01 .txtCosmetic01.type01 {
			background: #fdae7e;
		}
		.boxBasic01 .txtCosmetic01.type02 {
			background: #ff706a;
		}
		.boxBasic01 .txtCosmetic01.type03 {
			background: #43bfa7;
		}
		.boxBasic01 .txtCosmetic01.type04 {
			background: #5cc1c9;
		}
		.boxBasic01 .txtCosmetic01.type05 {
			background: #f78447;
		}
		.boxBasic01 .txtCosmetic01.type06 {
			background: #fb91bb;
		}
		.boxBasic01 .txtCosmetic01.type07 {
			background: #af8ee1;
		}
		.boxBasic01 .txtCosmetic01.type08 {
			background: #639ff2;
		}
		.boxBasic01 .txtCosmetic01.type09 {
			background: #abaaaa;
		}

/* !boxBasic02
---------------------------------------------------------- */


.boxBasic02 {
	padding: 40px 0 40px 40px;
}
	.boxBasic02 .imgItem01 {
		float: left;
		margin-right: 40px;
		border: 1px solid #cbcaca;
	}
.boxBasic02 .imgItem01 div {
	display: table;
    width: 258px;
    height: 258px;
}
.boxBasic02 .imgItem01 div p {
    width: 258px;
    height: 258px;
    display: table-cell;
    layout-grid-line: 258px;
    text-align: center;
    vertical-align: middle;
}

.biggerlink:hover .imgItem01  {
	-webkit-opacity: 0.7;
	-moz-opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
	opacity:0.7;
}

	.boxBasic02 .itemDetail01 {
		float: left;
		width: 354px;
		padding-right: 20px;
	}
		.boxBasic02 .itemDetail01 .icoNo01 {
			margin: -5px 0 17px 0;
		}
		.boxBasic02 .itemDetail01 .txtItemDetail01 {
			margin-bottom: 4px;
		}
			.boxBasic02 .itemDetail01 .txtItemDetail01 a {
				color: #4b4948;
				font-size: 117%;
				font-weight: bold;
			}

		.boxBasic02 .itemDetail01 .txtItemDetail02 {
			line-height: 1.8;
			margin-bottom: 23px;
		}
			.boxBasic02 .itemDetail01 .txtItemDetail02 a {
				color: #4b4948;
			}
		.boxBasic02 .itemDetail01 .btnMore01 {
			overflow: hidden;
			width: 88px;
			height: 24px;
			line-height: 24px;
			text-align: center;
			color: #fff;
		}
		 .biggerlink:hover .itemDetail01 .btnMore01 {
			text-decoration: none;
			-webkit-opacity: 0.7;
			-moz-opacity:0.7;
			-ms-filter: "alpha(opacity=70)";
			opacity:0.7;
		}
			.boxBasic02 .itemDetail01 .btnMore01.type01 {
				background: #ffac29;
			}
			.boxBasic02 .itemDetail01 .btnMore01.type02 {
				background: #f26963;
			}
			.boxBasic02 .itemDetail01 .btnMore01 a {
				display: block;
				height: 24px;
				line-height: 24px;
				color: #FFF;
				text-align: center;
			}
				.boxBasic02 .itemDetail01 .btnMore01 a:hover {
					text-decoration: none;
				}

/* !boxBasic01
---------------------------------------------------------- */
.ul_itemList01 {
	overflow: hidden;
	margin-bottom: 30px;
}
	.ul_itemList01.type01 {
		border-top: 2px solid #fef0e1;
		border-bottom: 2px solid #fef0e1;
	}
	.ul_itemList01.type02 {
		border-top: 2px solid #fdeeed;
		border-bottom: 2px solid #fdeeed;
	}
	.ul_itemList01 li {
		float: left;
		width: 238px;
		padding: 20px 0 19px 0;
		position: relative;
	}
	.ul_itemList01 li.col03 {
		width: 236px;
		border-right: 2px solid #fdeeed;
	}
		.ul_itemList01.type01 li.odd {
			background: #fef0e1;
		}
		.ul_itemList01.type01 li.even,
		.ul_itemList01.type02 li.even {
			background: #FFF;
		}
		.ul_itemList01.type02 li.odd {
			background: #fdeeed;
		}

		.ul_itemList01 li .imgList01 {
			overflow: hidden;
			background: #FFF;
			text-align: center;
			width: 128px;
			height: 128px;
			margin: 0 auto 20px;
		}
		 .ul_itemList01 li.biggerlink:hover .imgList01 {
			-webkit-opacity: 0.7;
			-moz-opacity:0.7;
			-ms-filter: "alpha(opacity=70)";
			opacity:0.7;
		}
				.ul_itemList01 li .imgList01 img {
					text-align: center;
				}
			.ul_itemList01 li.odd .imgList01 {
				border: 1px solid #FFF;
			}
			.ul_itemList01 li.even .imgList01 {
				border: 1px solid #cbcaca;
			}

.ul_itemList01 li .imgList01 div {
	display: table;
    width: 128px;
    height: 128px;
}
.ul_itemList01 li .imgList01 div p {
    width: 128px;
    height: 128px;
    display: table-cell;
    layout-grid-line: 128px;
    text-align: center;
    vertical-align: middle;
}


			.ul_itemList01 li span.type01 {
				position: absolute;
				top: 10px;
				left: 20px;
			}
			.ul_itemList01 li span.type02 {
				position: absolute;
				top: 12px;
				left: 22px;
			}

		.ul_itemList01 li .boxBasic01 {
			margin-bottom: 6px;
			padding: 0 0 0 20px;
		}

		.ul_itemList01 li .txtDetailList01 {
			margin-bottom: 11px;
			padding: 0 18px 0 20px;
		}
		.ul_itemList01 li .txtDetailList01.first {
			margin-bottom: 0;
			padding: 0 18px 0 20px;
		}
			.ul_itemList01 li .txtDetailList01 a {
				color: #4b4948;
			}
			.ul_itemList01 li .txtDetailList01 span {
				font-weight: bold;
			}


/* !pageNation01
---------------------------------------------------------- */
.pageNation01 {
	text-align: center;
	margin-bottom: 30px;
}
	.pageNation01 li {
		display: inline-block;
		border-right: 2px solid #3f3c3b;
		height: 12px;
		line-height: 12px;
		font-size: 16px;
	}
		.pageNation01 li a {
			color: #3f3c3b;
			font-weight: bold;
		}
		.pageNation01 li span {
			color: #3f3c3b;
			font-weight: bold;
		}
			.pageNation01 li.back a {
				padding: 0 15px 0 0;
			}
			.pageNation01 li.next a {
				padding: 0 0 0 15px;
			}
		.pageNation01 li.last {
			border-right: none;
		}


/* !boxSub01
---------------------------------------------------------- */
.sectionSub01 {
	overflow: hidden;
	margin-top: 2px;
}
.boxSub01 {
	padding: 20px 0 10px 0;
}
	.boxSub01.type01 {
		background: #d5d7d8;
	}
	.boxSub01.type02 {
		background: #ffcad1;
	}

	.boxSub01 .ttlSub01 {
		padding: 0 0 20px 20px;
	}
	.boxSub01 ul {
		overflow: hidden;
	}
		.boxSub01 ul li {
			overflow: hidden;
			width: 160px;
			height: 20px;
			line-height: 20px;
			margin: 0 auto 10px;
		}
			.boxSub01 ul li a {
				display: block;
				height: 20px;
				line-height: 20px;
				color: #FFF;
				text-align: center;
			}
			.boxSub01 ul li a:hover {
				text-decoration: none;
			}
			.boxSub01 ul li.col01 a {
				background: #fdae7e;
			}
			.boxSub01 ul li.col02 a {
				background: #ff706a;
			}
			.boxSub01 ul li.col03 a {
				background: #43bfa7;
			}
			.boxSub01 ul li.col04 a {
				background: #5cc1c9;
			}
			.boxSub01 ul li.col05 a {
				background: #f78447;
			}
			.boxSub01 ul li.col06 a {
				background: #fb91bb;
			}
			.boxSub01 ul li.col07 a {
				background: #af8ee1;
			}
			.boxSub01 ul li.col08 a {
				background: #639ff2;
			}
			.boxSub01 ul li.col09 a {
				background: #abaaaa;
			}

			.boxSub01.type02 ul li a {
				background: #FFF;
				color: #3f3c3b;
			}
				.boxSub01.type02 ul li a:hover {
					background: #d7d5d5;
				}

/* !boxSub02
---------------------------------------------------------- */
.boxSub02 {
	padding: 20px 0 10px 0;
	background: url(../images/common/bg_sub01.jpg) repeat-y left top;
}
	.boxSub02 .ttlSub02 {
		 padding: 0 0 20px 16px;
	}
	.boxSub02 .boxDetail01Wrap {
		/*overflow: hidden;*/
		background: #FFF;
		width: 200px;
		margin: 0 auto;
		padding: 10px;
	}
		.boxSub02 .boxDetail01Wrap .boxDetail01 {
			/*overflow: auto;*/
			padding-top: 12px;
		}
		.boxSub02 .boxDetail01Wrap .boxDetail01 .boxInner01 {
			margin-bottom: 25px;
			overflow: hidden;
			clear: both;
		}
			.boxSub02 .boxDetail01Wrap .boxDetail01 .boxInner01 .imgSub01 {
				float: left;
				display: inline;
				padding-top: 5px;
				margin-right: 10px;
			}
			.boxSub02 .boxDetail01Wrap .boxDetail01 .boxInner01 .ftBox {
			}
				.boxSub02 .boxDetail01Wrap .boxDetail01 .boxInner01 .txtSub01 {
					margin: 0 0 5px 0;
				}
					.boxSub02 .boxDetail01Wrap .boxDetail01 .boxInner01 .txtSub01 a {
						color: #f26963;
						font-size: 117%;
						font-weight: bold;
					}
				.boxSub02 .boxDetail01Wrap .boxDetail01 .boxInner01 .txtSub02 a {
					color: #4b4948;
					line-height: 1.6;
				}

/* !boxSub03
---------------------------------------------------------- */
.boxSub03 {
	padding: 20px 10px 21px 20px;
	background: #d5d7d8;
	overflow: hidden;
}
	.boxSub03 .ttlSub03 {
		padding: 0 0 23px 0;
	}
	.boxSub03 .boxArchive01 {
		overflow: auto;
		height: 617px;
		padding: 3px 0 0 0;
	}
		.boxSub03 .boxArchive01 ul{
			overflow: hidden;
		}
			.boxSub03 .boxArchive01  ul li {
				line-height: 1.7;
				margin-bottom: 18px;
			}
				.boxSub03 .boxArchive01  ul li a {
					color: #4b4948;
				}
					.boxSub03 .boxArchive01  ul li span {
						color: #f26963;
					}
						.boxSub03 .boxArchive01  ul li a:hover span {
							color: #f26963;
							text-decoration: underline;
						}


/* !Section
---------------------------------------------------------- */
.section01 {
	border-right: 2px solid #fcede4;
}
/* !h2_List
---------------------------------------------------------- */
.h2_list01 {
	height: 50px;
	line-height: 50px;
	padding-left: 40px;
}
	.h2_list01 > h2 > img {
		vertical-align: middle;
		margin: 13px 0 14px;
	}
	.h2_list01.type01 {
		background: #ffac29;
	}
	.h2_list01.type02 {
		background: #43bfa7;
	}
	.h2_list01.type03 {
		background: #9f84bb;
	}
/* !table_list01
---------------------------------------------------------- */
.table_list01 {
}
	.table_list01 table {
		width: 100%;
	}
	.table_list01 table tr {
		vertical-align: top;
	}
	.table_list01 table tr th.color01 {
		background: #fcd7a1
	}
	.table_list01 table tr th.color02 {
		background: #feecd2;
	}
	.table_list01 table tr.odd td {
		background: #fff;
	}
	.table_list01 table tr.even td {
		background: #eee;
	}
		.table_list01 table tr th div {
			padding: 25px 0 0 40px;
			color: #3f3c3b;
			font-size: 167%;
			font-weight: bold;
		}
		.table_list01 table tr td .wrap {
			/*padding: 40px;*/
			padding: 25px 30px;
		}
			.table_list01 table td .wrap .innerLeft01 {
				float: left;
				width: 190px;
				margin-right: 40px;
			}
				.table_list01 table td .title01 {
					font-size: 134%;
					margin-bottom: 10px;
				}
				.table_list01 table td .btn_link01 {
					margin-bottom: 10px;
				}
				.table_list01 table td .btn_link02 {
					width: 186px;
					height: 24px;
					line-height: 24px;
					text-align: center;
					background: #fc8a99;
				}
					.table_list01 table td .btn_link02 a {
						display: block;
						color: #fff;
						/*font-weight: bold;*/
					}
						.table_list01 table td .btn_link02 a:hover {
							text-decoration: none;
						}
					.table_list01 table td .btn_link01 ul {
						margin-left: -10px;
					}
						.table_list01 table td .btn_link01 ul li {
							float: left;
							margin-left: 10px;
							width: 88px;
							height: 24px;
							line-height: 24px;
							text-align: center;
						}
							.table_list01 table td .btn_link01 ul li.color01 {
								background: #71d3db;
							}
							.table_list01 table td .btn_link01 ul li.color02 {
								background: #43bfa7;
							}
							.table_list01 table td .btn_link01 ul li a {
								display: block;
								color: #fff;
								/*font-weight: bold;*/
							}
								.table_list01 table td .btn_link01 ul li a:hover {
									text-decoration: none;
								}
			.table_list01 table td .wrap .innerRight01 {
				overflow: hidden;
				font-size: 117%;
				line-height: 1.7;
			}
	.table_list01.type01 table tr th.color01 {
		background: #b0dcd1;
	}
	.table_list01.type01 table tr th.color02 {
		background: #e0f0eb;
	}
	.table_list01.type02 table tr th.color01 {
		background: #cfc1de;
	}
	.table_list01.type02 table tr th.color02 {
		background: #e8e3f1;
	}
	.listTable01 {
		padding: 30px 0 5px 30px;
	}
		.listTable01 ul {}
			.listTable01 ul li {
				float: left;
				width: 345px;
				margin-bottom: 25px;
			}
				.listTable01 ul li a {
					display: block;
				}
				.listTable01 ul li a .box01,
				.listTable01 ul li a .box02 {
					background: #fc8a99;
					width: 88px;
					height: 24px;
					line-height: 24px;
					color: #fff;
					/*font-weight: bold;*/
					margin-right: 10px;
					display: inline-block;
					text-align: center;
				}
				.listTable01 ul li a .box02 {
					background: #a8b0bb;
				}
					.listTable01 ul li a:hover .box01,
					.listTable01 ul li a:hover .box02  {
						text-decoration: none;
					}
				.listTable01 ul li a .txt01 {
					font-size: 117%;
					color: #3f3c3b;
					position: relative;
					top: 2px;
				}
				.listTable01 ul li a:hover .txt01 {
					-ms-filter: "alpha(opacity=100)" ;
					opacity: 1;
				}

/* !New Icon
---------------------------------------------------------- */
.newIcon02 {
	display: inline-block;
	line-height: 15px;
	padding: 1px 3px;
	margin-right: 3px;
	background: #F26963;
	color: #fff;
}


/* !sectionBottom01
---------------------------------------------------------- */
.sectionBottom01 {
	width: 873px;
	background: #e6ebf2;
	padding: 30px 0;
	}
	.sectionBottom01 .textType01 {
		margin-left: 40px;
		padding-bottom: 25px;
		}
	.sectionBottom01 ul {
		margin-left: 40px;
		}


/* !Movable Type Settings
---------------------------------------------------------- */
.entryBody {
	font-size: 117%;
	line-height: 1.8;
}
.entryBody p {
	margin-bottom: 20px;
}
.entryBody img {
	max-width: 100%;
	height: auto;
}

/* !scrollPane
---------------------------------------------------------- */
div.jspContainer {
	position: relative;
	overflow: hidden;
}
div.jspPane {
	position: absolute;
}
div.jspVerticalBar {
	position: absolute;
	width: 10px;
	height: 100%;
	top: 0px;
	right: 0px;
	background-color: #F2F2F2;
}
div.jspVerticalBar * {
	margin: 0px;
	padding: 0px;
}
div.jspCap {
	display: none;
}
div.jspTrack {
	position: relative;
}
div.jspDrag {
	position: relative;
	left: 0px;
	top: 0px;
	cursor: pointer;
	background-color: #CBCACA;
}
div.scroll-pane {
	width: 500px;
	height: 250px;
	overflow: auto;
}

/* !spHeader
---------------------------------------------------------- */
.spHeader {
	background: #F45775;
	text-align: center;
}
.spHeader a {
	display: block;
}
.spHeader a span {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 50px;
	padding: 50px 0 50px 60px;
	background: url(../images/common/ico_sp.png) no-repeat 0 50%;
	letter-spacing: 2px;
}

/* back number */

.boxBackNumber {
  padding: 30px 35px;
}
.boxBackNumber_ttl {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 20px;
  text-align: center;
}
.boxBackNumber_ttl:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -90px;
  display: block;
  width: 180px;
  height: 1px;
  background: #fc7f78;
}
.backnumberList {
}
.backnumberList .bn-item {
  float: left;
  width: 272px;
  margin-bottom: 13px;
}
.backnumberList .bn-item-in {
  display: table;
  width: 100%;
}
.backnumberList .bn-item .bn-pic {
  display: table-cell;
  width: 40px;
}
.backnumberList .bn-item .bn-pic img {
  border: 1px solid #fc7f78;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.backnumberList .bn-item .bn-title {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.boxBackNumber.type02 .boxBackNumber_ttl:after {
  background: #AE76C0;
}
.boxBackNumber.type02 .bn-item .bn-pic img {
  border: 1px solid #AE76C0;
}


.linkShopinCafe {
  text-align: center;
}

.linkShopinCafe a {
  display: inline-block;
  margin-top: 20px;
  padding: 5px 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f9cd3d;
}
.linkShopinCafe a img {
}


