@charset "UTF-8";
/* CSS Document */

	/*****************************************************
		
		全ての要素をリセット
		各ブラウザの表示を統一するための設定です
		
	*****************************************************/
	html {overflow-y: scroll;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
	address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
	table {	border-collapse: collapse;border-spacing: 0;}
	img,abbr,acronym,fieldset {border: 0;}
	li {list-style-type: none;}
	.line {font-size:1px;line-height:1px;}
	
	/*--- default */
	body {
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		line-height: 160%;
		background-color: #fff;
		margin: 0;
		padding: 0; 
		color: #000;
		text-align:center;
		margin:0 auto;
	}
	
	img { -ms-interpolation-mode: bicubic; }
	
	table{
		border-collapse:collapse;
	}
	
	
	/*****************************************************
		
		基本設定、リンクカラーなど
		
	*****************************************************/
	#wrap{
		width: 980px;
		margin: 0px auto 0px auto;
	}
	a:link {
		color: #666;
		text-decoration:none;
	}
	
	a:visited{
		color: #666;
		text-decoration:none;
	}
	
	a:hover{
		color: #f08ac4;
		text-decoration: underline;
	}
	
	a:active{
		color: #666;
		text-decoration:none;
	}
	.clear:after{
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .clear            { zoom: 1; } /* IE6 */
	*:first-child+html .clear { zoom: 1; } /* IE7 */
	
	a:hover img{
		filter: alpha(opacity=80);
		-moz-opacity:0.6;
		opacity:0.6;	
	}
	/*****************************************************
		
		ヘッダ #header
		devtemple2
	*****************************************************/
	#header{
		width:100%;
		background: #fff;
		text-align:center;
		padding-top:30px;
		position:fixed;
		z-index:999;
	}
	.logoarea{
		width:90%;
		margin:0 auto;
	}
	.logoarea h2{
		width:auto;
		text-align:left;
		font-size:11px;
		font-weight:lighter;
		letter-spacing:0.15em;
		float:left;
		margin-top:30px;
		margin-left:15px;
		color:#999;
	}
	.logo{
		float:left;
		overflow:hidden;
		clear:both;
	}
	.sns{
		float:right;
		margin-right:20px;
	}
	.sns li{
		width:73px;
		float:left;
		margin:0px;
		padding:0px;
		margin-top:16px;
	}
	
	/* グローバルナビゲーション */
	#gNav{
		width:100%;
		float:left;
		padding-top:15px;
		margin-top:12px;
		background-color:#fff;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		padding-bottom:15px;
		overflow:hidden;
	}
	#gNav li{
		float:none;
		background-color:#fff;
	}	
	.navigation2 {
	list-style: none;
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	letter-spacing: 0.18em;
	color: #666;
	font-weight: normal;
	text-align: center;
	font-variant: normal;
	text-decoration: none;
}
.navigation2 li	{
	display: inline;
	margin: 20px;
	color: #666;
	font-size: 12px;
	letter-spacing: 0.15em;
	text-decoration: none;
}
.navigation2 a:link		{ color: #666; text-decoration: none; }
.navigation2 a:visited	{ color: #666; text-decoration: none; }
.navigation2 a:hover	{ color: #666; text-decoration: underline; }

	
		
	/*****************************************************
		
		メインコンテンツ #rightContents
		
	*****************************************************/
	#mainContents{
		width:980px;
		text-align:center;
		margin:0 auto;
		position:relative;
		margin-bottom:30px;
	}
	#mainContents h2{
		font-size:18px; letter-spacing:0.18em;line-height:200%; font-weight:lighter;
	}
	.mainContents{
		width:980px;
		text-align:center;
		margin:0 auto;
		position:relative;
		margin-bottom:30px;
	}
	.mainContents h2{
		font-size:18px; letter-spacing:0.18em;line-height:200%; font-weight:lighter;
	}

	.top3{
		width:300px;
		float:left;
		position:relative;
		text-align:center;
		margin-top:40px;
	}
	.top5{
		width:188px;
		float:left;
		position:relative;
		text-align:center;
		margin-top:50px;
	}
	.top1{
		width:100%;
		float:left;
		position:relative;
		text-align:center;
		margin-top:40px;
	}
	.top3 p{
		text-align:center;
		margin-top:20px;
		font-size:14px;
		letter-spacing:0.1em;
	}
	.top3-ex{
		width:300px;
		float:left;
		position:relative;
		text-align:left;
		font-size:12px;
		letter-spacing:0.04em;
		line-height:150%;
		text-align:justify;
		margin-top:15px;
		padding-left:13px;
		padding-right:13px;
	}
	.pro3{
		width:300px;
		float:left;
		position:relative;
		text-align:center;
		margin-top:40px;
	}

	.pro3 p{
		text-align:center;
		margin-top:20px;
		font-size:18px;
		letter-spacing:0.1em;
	}
	.pro3-ex{
		width:300px;
		position:relative;
		text-align:center;
		font-size:12px;
		letter-spacing:0.04em;
		line-height:150%;
		margin-top:15px;
	}
	.kitchen3{
		width:300px;
		float:left;
		position:relative;
		text-align:center;
		margin-top:40px;
	}

	.kitchen3 p{
		text-align:center;
		margin-top:20px;
		font-size:14px;
		letter-spacing:0.07em;
	}

	.kitchen3-ex{
		width:300px;
		position:relative;
		text-align:center;
		font-size:12px;
		letter-spacing:0.04em;
		line-height:150%;
		margin-top:15px;
		padding:20px;
		border:1px dashed #ddd;
	}
	.recipe{
		width:980px; float:left; text-align:left; border:1px dashed #ddd; padding:40px; padding-top:30px; margin-top:45px; margin-bottom:45px;
		font-size:12px;
	}
	.recipe h2{
		font-size:30px; letter-spacing:0.15em; margin-bottom:25px; font-weight:lighter; color:#666;
	}
	.recipe table{
		width:400px;
		float:left;
		margin-right:30px;
	}
	.recipe table td{
		border:1px solid #ccc; text-align:left; padding:15px; width:50%;
	}
	.recipe p{
		width:460px;
		float:left;
		text-align:left;
	}
	.company{
		width:980px; float:left; text-align:left; border:1px dashed #ddd; padding:40px; padding-top:30px; margin-top:45px; margin-bottom:45px;
		font-size:12px;
	}
	.company h2{
		font-size:30px; letter-spacing:0.15em; margin-bottom:25px; font-weight:lighter; color:#666;
	}
	.company table{
		width:420px;
		float:left;
		margin-right:30px;
	}
	.company table td{
		border:1px solid #ccc; text-align:left; padding:15px; width:50%;
	}


	.top1 h2{
		text-align:center;
		margin-top:30px;
		font-size:20px;
		letter-spacing:0.15em;
	}
	.top1-ex{
		width:80%;
		float:left;
		position:relative;
		text-align:left;
		font-size:13px;
		letter-spacing:0.04em;
		line-height:170%;
		text-align:justify;
		margin-top:30px;
		padding-left:13px;
		padding-right:13px;
		margin-left:10%;
		margin-right:10%;
	}
	.top-about{
		width:650px;
		float:left;
		position:relative;
		text-align:center;
		margin-top:30px;
	}
	#bg-direct{
		width:100%;
		text-align:center;
		margin:0 auto;
		position:relative;
		background-image:url(../direct/images/bg.gif);
	}
	.rightContents .section{
		margin-bottom:30px;	
	}
	.title{
		width:980px;
		margin-top:40px;
		margin-bottom:30px;
		text-align:center;
	}
	.block1{
		width:980px;
		text-align:left;
		font-size:13px;
		line-height:170%;
		letter-spacing:0.15em;
		text-align:justify;
		margin-bottom:40px;
	}
	.medical-point{
		width:980px;
		float:left;
		text-align:center;
		padding:30px;
		background-color:#f7f4eb;
		margin:0 auto;
		margin-top:50px;
		position:relative;
		border:1px solid #eee;
		-webkit-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
　　　　-moz-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
　　　　border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	}
	.back-white{
		float:left;
		width:980px;
		background-color:#fff;
		margin-top:30px;
		margin-bottom:60px;
		text-align:center;
		padding-left:30px;
		padding-right:30px;
		-webkit-border-radius: 30px 30px 30px 30px / 30px 30px 30px 30px;
　　　　-moz-border-radius: 30px 30px 30px 30px / 30px 30px 30px 30px;
　　　　border-radius: 30px 30px 30px 30px / 30px 30px 30px 30px;
	}
	.company-greet{
		font-size:13px;
		width:920px;
		text-align:center;
		margin:0 auto;
		color:#000;
		line-height:160%;
		letter-spacing:0.08em;
		margin-top:50px;
	}
	.company-info{
		font-size:13px;
		width:920px;
		text-align:left;
		color:#000;
		line-height:160%;
		letter-spacing:0.03em;
		margin-top:50px;
		float:left;
	}
	.company-info table{
		width:920px;
		float:left;
	}
	.company-info table tr{
		border-bottom:1px solid #999;
	}
	.company-info table td{
		padding:20px;
		text-align:left;
	}
	.company-info-td1{
		width:210px;
		padding:20px;
		border-right:1px solid #999;
	}
	.company-access{
		font-size:13px;
		width:920px;
		text-align:left;
		color:#000;
		line-height:160%;
		letter-spacing:0.03em;
		margin-top:50px;
		float:left;
	}
	.company-title{
		width:920px;
		text-align:left; border-bottom:2px solid #bd0404; border-left:15px solid #bd0404; font-size:18px; font-weight:normal; letter-spacing:0.15em; color:#000; padding-bottom:8px; padding-top:8px; padding-left:15px; margin-bottom:30px; float:left;
	}
		

	
	/*****************************************************
		
		フッタ #footer
		
	*****************************************************/
	.pageTop{
		text-align:right;	
		margin-top:60px;
	}
	#footerWrap{
		width:100%;
		background:#ccc;
		margin-top:20px;
	}
	#footer{
		width:980px;
		margin:0 auto;	
		padding:10px 0;
		font-size:11px;
		background: #F9F6F5;
	}
	#f_nav{
		overflow:hidden;
		_zoom:1;	
		float:left;
	}
	#f_nav li{
		display:inline;	
		padding:0 1em 0 8px;
		background:url(/images/original_design_default/samplesource/3/footerDot.png) no-repeat left;
	}
	#f_nav li a:link,#f_nav li a:visited,#f_nav li a:active{
		text-decoration:none;
		color:#333;	
	}
	#f_nav li a:hover{
		text-decoration:underline;
		color:#666;	
	}
	#f_info{
		float:right;
		width:400px;
		text-align:right;
		color:#666;	
	}
	#f_info a{
		color:#666;	
	}
	
	
	
	/*****************************************************
		
		独自追加CSS
		
	*****************************************************/
	
	
	
	
	/*追加CSS------------------------------------------------------------------------------------------*/
	
	/*CSS Reset*/
	body, dl, dt, dd, li, pre,
	form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }
	address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
	ol, ul { list-style: none; margin: 0; padding: 0; }
	table { border-collapse: collapse; border-spacing: 0; } 
	caption, th { text-align: left; font-weight: normal; font-style: normal; }
	acronym, abbr, fieldset, img { border: 0;}
	:focus { outline: 0; }
	
	/* =Clearfix (all browsers)
	--------------------------------*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	/* IE6 */ 
	* html .clearfix {height: 1%;}
	/* IE7 */
	*:first-child+html .clearfix {min-height: 1px;}
	
	
	/* Common Parts
	--------------------------------*/
	
	body {
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		line-height: 160%;
		background-color: #FFF;
		margin: 0;
		padding: 0; 
		color: #000;
	}
	
	/* for lte ie6 */
	* html body {
		font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		vertical-align: baseline;
		text-align: center;
	} 
	
	/* for ie7 */
	*:first-child+html body {
		font-size: 82%;
		font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	} 
	
	/* for ie8 */
	html>/**/body {
		font-size: 82%;
		font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	} 
	
	/* for modern browser not ie8 */
	html:not(:target) body {
		font-size: 13px;
		font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	} 
	
	a,a:link,a:visited,a:active {
	
	}
	
	a:hover {
	
	}
	
	
	
  
  .f11 {
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 11px;
}

.row 								{ margin:0 auto; width:980px; overflow:hidden; }


    /*****************************************************
		
		独自追加CSS1603
		
	*****************************************************/
	
	
	
	/*****************************************************
		
		フッター #footer
		devtemple2
	*****************************************************/
	
	#fNav{
		width:100%;
		float:left;
		text-align:center;
		margin:0 auto;
		padding-top:50px;
		padding-bottom:60px;
		border-top:1px solid #eee;
		background-color:#f08ac4;
		position:relative;
	}
	#fNav li{
		float:none;
	}
	
	.footertop{
		width:100%;
		height:10px;
		color:#666460;
		background-color:#f3f2ef;
		margin-bottom:20px;
	}
	.footer{
	background-color: #f08ac4;
	width:980px;
	margin:0 auto;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
	.footer ul{
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #fff;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	width:200px;
	float:right;
}
.footer li	{
	float:left;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: none;
	width:200px;
	text-align:left;
	height:30px;
	list-style:none;
}
.footer a:link		{ color: #fff; text-decoration: none; }
.footer a:visited	{ color: #fff; text-decoration: none; }
.footer a:hover	{ color: #fff; text-decoration: underline; }

	.footerlogo{
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #fff;
	font-weight: normal;
	text-align: left;
	font-variant: normal;
	text-decoration: none;
	background-color: #f08ac4;
	width:500px;
	float:left;
	margin-bottom:30px;
}
	.footerleft{
	font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #fff;
	font-weight: normal;
	text-align: left;
	font-variant: normal;
	text-decoration: none;
	background-color: #f08ac4;
	width:500px;
	float:left;
}

.allright { font-size:9px; letter-spacing:0.2em; text-align:center; margin-top:20px; color:#666; margin-bottom:20px; }


	/*****************************************************
		
		フューチャーデフォルトカスタム
		
	*****************************************************/

.system_content {
	margin-top: 200px;
	margin-bottom: 60px;
	margin-left: 20%;
	margin-right: 20%;
}

.FS2_itemlayout_td_Right {
	padding-left: 30px;
	text-align: left;
}

#FS2_itemlayout_E {
	margin-left: 0px;
}

.FS2_figure_table_td_figure {
	font-size: 18px;
}


	/*****************************************************
		
		カート部分
		
	*****************************************************/

.cart_product {
	width: 100%;
	font-size: 100%;
}

.cart_product table {
	width: 100%;
	border:1px solid #eee;
	margin-top: 5%;
}

.td1 {
	width: 30%;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	padding: 3%;
	text-align: left;
	background-color: #FFCCDF;
}

.td2 {
	width: 70%;
	border-bottom:1px solid #eee;
	padding: 3%;
	text-align: left;
}


	/*****************************************************
		
		170525追加
		
	*****************************************************/

	.tokutei{
		width:980px; float:left; text-align:left; padding-top:30px; margin-top:45px; margin-bottom:45px;
		font-size:12px;
	}
	.tokutei h2{
		font-size:30px; letter-spacing:0.15em; margin-bottom:25px; font-weight:lighter; color:#666;
	}
	.tokutei table{
		width:100%;
		float:left;
		margin-right:30px;
	}
	.tokutei table td{
		border:1px solid #ccc; text-align:left; padding:15px;
	}
.tokutei1 {
	width: 30%;
}
.tokutei2 {
	width: 70%;
}

	/*****************************************************
		
		170903追加
		
	*****************************************************/

.pro-kitchen {
	width: 860px;
	border:1px solid #eee;
	padding: 60px;
	margin-bottom: 40px;
	float: left;
	position: relative;
	height: auto;
	clear: both;
}
.pro-kitchen img {
	width: 400px;
	float: left;
	position: relative;
	margin-right: 60px;
}
.pro-kitchen-tx {
	width: 400px;
	float: left;
	position: relative;
	text-align: left;
	margin-top: 25px;
}
.pro-kitchen h2{
		font-size:22px; letter-spacing:0.15em; margin-bottom:10px; font-weight:lighter; color:#666; float: left; position: relative; width: 100%; line-height: 150%;
	}