@charset "utf-8";

/* ボックスの最後でfloatをクリア
-------------------------------------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{display:inline-block;}

/*IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*IE-mac*/
/*ボックスの最後でfloatをクリア*/

.clear{clear: both;}

div.wrapper{margin:0 auto; padding:0; width:980px; text-align:left;}

/*------------------------
 header
--------------------------*/
div#header,div#header_e{width:980px; position:relative;}
div#header h1,div#header_e h1{
	margin:0;
	text-align:center;
	font-size:0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

/*------------------------
 gmenu
--------------------------*/
/* gmenu */
#gmenu * {position: absolute;}
#gmenu {
	height: 40px;
	position: relative;
	margin-bottom: 35px;
}
#gmenu ul { list-style: none; }
#gmenu a { display: block; }
#gmenu li { display: block; top: 40px; }


/* gmenu 1 */
#gmenu1 li, #gmenu1 a { width: 160px; height: 40px; }
#gmenu1 .home { top: 0px; left: 0px; }

#gmenu1 .home a { background: url("../images/g_menu_01.png") no-repeat; }
#gmenu1 a:hover { background-position: 0 -40px; }

 /* gmenu 2 */
#gmenu2 li, #gmenu2 a { width: 164px; height: 40px; }
#gmenu2 .komeko { top: 0px; left: 160px; }
#gmenu2 .series { top: 0px; left: 324px; }
#gmenu2 .recipe { top: 0px; left: 488px; }
#gmenu2 .seisan { top: 0px; left: 652px; }
#gmenu2 .toiawase { top: 0px; left: 816px; }

#gmenu2 .komeko a { background: url("../images/g_menu_02.png") no-repeat; }
#gmenu2 .series a { background: url("../images/g_menu_03.png") no-repeat; }
#gmenu2 .recipe a { background: url("../images/g_menu_04.png") no-repeat; }
#gmenu2 .seisan a { background: url("../images/g_menu_05.png") no-repeat; }
#gmenu2 .toiawase a { background: url("../images/g_menu_06.png") no-repeat; }
#gmenu2 a:hover { background-position: 0 -40px; }


.hide { display: none; }


/*------------------------
 Contents
--------------------------*/
div#mainContents{margin:0 0 30px;}
div.rightMain{float:right; width:720px; display:inline;}
div.leftSubnavi{float:left; width:230px; background-color:#fff; display:inline;}
div.leftSubnavi a:hover{opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
div.leftSubnavi h2{margin:0; padding:0;}
div.leftSubnavi ul{margin:0; padding:0; list-style:none;}
div.leftSubnavi li{margin:0; padding:0; border-top:1px #e5dfd8 solid; line-height:1.6;}
div.leftSubnavi li a{padding:10px 15px 10px 35px; background:url(../images/arrow_black.png) no-repeat 18px center; display:block; color:#333; font-size:14px; text-decoration:none;}
div.leftSubnavi li a span{font-size:11px; color:#333;}


/**** コンテンツ共通 ****/
.floatLeft{ float: left; margin: 0 20px 0 0;}
.floatRight{ float: right; margin: 0 0 0 20px;}
.textCenter{text-align: center;}
.textRight{text-align: right;}

.t10{font-size: 77%;}
.t16{font-size: 122%;}

.fontBlue{ color:#6fb6ca;}
.fontRed{color: #ff0000;}
.fontGray{color: #666;}
.fontBlack{color: #222;}
.fontOrange{color:#ff8f01;}
.fontPink{color:#ffa2a2;}
.imgText{font-size: 0;}

.arrowBlack{padding: 0 0 0 12px; background:url(../images/arrow_black.png) no-repeat left center;}

.wakuGray{padding:10px; border:3px #ddd solid; background-color:#fff;}
.wakuRed{padding:10px; border:2px #ff0000 solid;}

.coner{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.conerTop{-moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; -moz-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px;}
.conerBottom{-moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; -moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px;}

/*------------------------
 footer
--------------------------*/
div#footer{
	width:980px;
	background-image: url(../images/bg_f_boder.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
	margin-top: 30px;
	text-align:center;
}

ul.footerSubBtn{margin:0 115px; padding:0; list-style:none;}
ul.footerSubBtn li{float:center; margin:0; padding:0; display:inline;}

p.copy{margin:0; padding:20px 0; font-size:10px; color:#585045; font-family:Verdana, Geneva, sans-serif; text-align:center;}
p.copy_e{margin:0; padding:0 0 20px 0; font-size:10px; color:#585045; text-align:center;}

#page-top{margin:0; position:fixed; z-index:100; bottom:30px; right:30px;}
#page-top a{cursor:pointer;}
#page-top a:hover{opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}