@charset "utf-8";


* {
 margin          : 0px;
 padding         : 0px;
}

html {
 height          : auto;
}

body {
 background      : #ffffff;
/* font-family: "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;	*/
 font-size       : 0.8em;
 margin          : 0px;
 padding         : 0px;
 color           : #333;
}
body, textarea, input, select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.c-both{
 clear           : both;
}

.alCenter {
 text-align      : center;
}

.alRight {
 text-align      : right;
}
.alLeft {
 text-align      : left;
}

.ofHidden {
 overflow        : hidden;
}

.flash {
	text-align:center;
	width:100%;
	height:700px;
	background-image: url("../index_img/back_main.jpg");
	background-position: center;
	line-height:0px;
}

img {
	border: 0;
	background-color: transparent;
/*	vertical-align: bottom;*/
}



table {
	margin-left : auto ;
	margin-right : auto ;
	border-collapse: collapse;
	cell-spacing: 0;
	border-spacing: 0px;
}
table td.top_topics {
	vertical-align:top;
}


caption,th {
	text-align: left;
}



fieldset {
	border: 0;
}



ol,ul {
	list-style: none;
}



ul ul,ol ul,ul ol,ol ol,
dl ul,dl ol,dl dl,td td {
	font-size: 100%;
}



q:before,q:after {
	content:'';
}



abbr,acronym {
	border: 0;
}

/***********************************************
  04.footer
***********************************************/

#footer {
 clear: both;
 width           : 100%;
 padding         : 20px 0px 10px 0px;
 text-align      : center;
}

.footPath {
 color           : #666666;
 margin          : 0px 0px 10px 0px;
}

#footer .footPath ul {
 list-style-type : none;
 overflow        : hidden;
}

#footer .footPath ul li {
 display         : inline;
}

/***********************************************
  10.font
***********************************************/

.fontOrange {
 color           : #f34f41;
}

.fontSmall {
 font-size       : 10px;
}

.lh {
 line-height: 1.5em;
}


/***********************************************
  11.link
***********************************************/

#mainCol a {
	color: #076bc1;
	text-decoration : none;
}

/*
a:link {
 color           : #076bc1;
 text-decoration : none;
}

a:visited {
 color           : #076bc1;
 text-decoration : none;
}

a:hover {
 color           : #076bc1;
 text-decoration : underline;
}

.footPath ul li a:link {
 color           : #6d6d6d;
 text-decoration : none;
}

.footPath ul li a:visited {
 color           : #6d6d6d;
 text-decoration : none;
}

.footPath ul li a:hover {
 color           : #6d6d6d;
 text-decoration : underline;
}

a.link1:link {
 color           : #999999;
 text-decoration : none;
}

a.link1:visited {
 color           : #999999;
 text-decoration : none;
}

a.link1:hover {
 color           : #999999;
 text-decoration : underline;
}

a.othersPagelink:link {
 color           : #ffffff;
 text-decoration : none;
}

a.othersPagelink:visited {
 color           : #ffffff;
 text-decoration : none;
}

a.othersPagelink:hover {
 color           : #fff;
 text-decoration : underline;
}
*/


/***********************************************
  12.heading
***********************************************/

/*
h1{}

h2 {
 width           : 695px;
 margin          : 0 auto 12px;
 padding         : 0px 0px 0px 5px;
}

h2.tab {
 width           : 353px;
 margin          : 0;
 padding         : 0;
}

h2.underLine {
 padding         : 0px 0px 5px 5px;
 border-bottom   : 1px dotted #333333;
}

h3.recipeHead {
 width           : 680px;
 height          : 29px;
 background      : url(../images/bk_contents_top.jpg) no-repeat;
 margin          : 0 auto;
 padding         : 14px 0px 0px 20px;
}

h3.articleDetail {
 font-size       : 1.0em;
 font-weight     : normal;
 color           : #666666;
 margin          : 0px 0px 8px 0px;
}

h4.material {
 width           : 225px;
 height          : 25px;
 background      : url(../images/bk_material_top.jpg) no-repeat;
 padding         : 10px 0px 0px 15px;
}

h4.howto {
 width           : 346px;
 height          : 25px;
 background      : url(../images/bk_recipe.jpg) no-repeat;
 padding         : 6px 0px 0px 15px;
 margin          : 0px 0px 10px 0px;
}
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

  2015年2月20日追記 リニューアル微調整分

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
    /width: 100%; /* for IE6/7 */
}
.clear {
    clear: both;
}




body {
	background:url(../index_img/bg_body.jpg) no-repeat top center #000000;
	text-align:center !important;
	}
.flash {
	height:560px;
	background-image:none;
	background-position:top center;
	}

#contentsWrap {
	width:920px;
	margin: 0 auto;
	text-align:center;
	}
#contentsWrap div#indexWrap {
	width:840px !important;
	width:920px;
	margin: 0 auto;
	padding: 20px 40px;
	background:#ffffff;
	}
/*
#contentsWrap a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
	}
*/
#contentsWrap p.newsBnn {
	margin: 0 0 6px 0;
	background:#ffffff;
	}

/* navi */
#contentsWrap ul#indexNav {
	width:920px;
	height:90px;
	}
	#contentsWrap ul#indexNav li {
		display:inline;
		float:left;
		padding:0 0 0 5px;
		background:#000000;
		}
	#contentsWrap ul#indexNav li.first {
		padding:0;
		}


/* mainCol
-------------------------------------- */
div#indexWrap div#mainCol {
	float: left;
	width: 600px;
	text-align: left;
}

a.link:after {
    margin-left: 4px;
    content: "\f105";
    color: #666;
    font-family: FontAwesome;
    font-size: 12px;
}

#topNews {
	margin: 20px 0 10px 0;
	text-align: left;
}
#topNews p {
	margin: 0 40px 14px 0;
	font-size: 13px;
	line-height: 1.6;
}
#topNews ul li {
	display: inline;
	margin: 0 10px 0 0;
  	font-size: 12px;
}
#topNews ul li a:after {
    margin-left: 4px;
    content: "\f105";
    color: #666;
    font-family: FontAwesome;
    font-size: 12px;
}

p.oem {
	margin: 0 0 40px 0;
	font-size: 10px;
	text-align: left;
}

#blogNews {
	margin: 0 40px 40px 0;
}
#blogNews h2,
#mediaNews h2 {
	margin: 0 0 14px 0;
	padding: 1px 0 1px 8px;
	border-left: 4px solid #2e4500;
	font-size: 14px;
	font-weight: bold;
}
#blogNews p.more {
	margin: 0 0 10px 0;
	text-align: right;
}
#blogNews dl {
 		width: 45em;
 		margin: 0;
 		padding: 0;	
}
#blogNews dt {
 		clear: left;
  		float: left;
  		width: 7em;
		margin: 8px 0 0 0;
 		padding: 0;
 		line-height: 1.4;
}
#blogNews dd {
   		float: left;
  		width: 38em;
 		margin: 8px 0 0 0;
 		padding: 0;
 		line-height: 1.4;
}

/*
div#socialWrap {
	width:600px;
	overflow:hidden;
	padding:10px 0 20px 0;
}
*/

#mediaNews {
	margin: 0 40px 36px 0;
}
#mediaNews dl {
 		width: 560px;
 		margin: 0;
 		padding: 0;	
}
#mediaNews dl dt {
 		clear: left;
  		float: left;
  		width: 30%;
		margin: 8px 0 0 0;
 		padding: 0;
 		line-height: 1.4;
}
#mediaNews dl dd {
   		float: left;
  		width: 70%;
 		margin: 8px 0 0 0;
 		padding: 0;
 		line-height: 1.4;
}
#mediaNews span.postDay {
    font-size: 12px;
    color: #666;
    margin: 0 8px 0 0;
}
#mediaNews span.icon {
    display:inline-table;
    box-sizing: border-box;
    width: 7em;
    font-size: 11px; 
    color:#fff;
    text-align: center;
    background:#ba211f;
    margin:0 10px 0 0;
    padding: 2px;
}


/* sideCol
-------------------------------------- */
#indexWrap div#sideCol {
	float: right;
	width: 220px;
	text-align: center;
}
#indexWrap div#sideCol p {
	padding: 0 0 10px 0;
}
#indexWrap div#sideCol ul.banner {
	margin: 0;
	padding: 0;
}
#indexWrap div#sideCol ul.banner li {
	margin: 0 0 10px 0;
}
#indexWrap div#sideCol ul.banner li img {
	display: block;
}

#indexWrap div#sideCol ul.banner li.mini {
	margin: 0 0 20px 0;
}


/* footer
-------------------------------------- */
#contentsWrap div#indexWrap div#footer {
	clear: both;
}