@charset "UTF-8";



/*
	--------------------------------
	更新日: 2014-09-26
	--------------------------------
*/



/* --------------------------------
　　wrapper
-------------------------------- */

#wrapper { background:#fdd000; color:#5a2f1a; border-bottom: 10px solid #5a2f1a;}
#wrapperBg { background: url(https://www.otsuka.co.jp/soycarat/common/img/bg_02.gif) repeat-x;}



/* --------------------------------
	ヘッダ
-------------------------------- */

div#header { position:relative; margin:0 auto; width:960px; height: 114px;}
div#header h1 { width:220px; float:left; }
div#header #gnav { width:533px; background:url(https://www.otsuka.co.jp/soycarat/common/img/gnav.gif) no-repeat; float:right; }
div#header #gnav li { float:left; }

div#header #gnav li a { display:block; position:relative; padding:104px 0 0 0; width:141px; height:0; background-image:url(https://www.otsuka.co.jp/soycarat/common/img/gnav.gif); background-repeat:no-repeat; overflow:hidden; }
div#header #gnav li.top a { background-position:0 0; }
div#header #gnav li.soy a { background-position:-141px 0; }
div#header #gnav li.product a { background-position:-282px 0; }
div#header #gnav li.plus1 a { background-position:-423px 0; width: 110px;}

div#header #gnav li.top a:hover { background-position:0 -104px; }
div#header #gnav li.soy a:hover { background-position:-141px -104px; }
div#header #gnav li.product a:hover { background-position:-282px -104px; }
div#header #gnav li.plus1 a:hover { background-position:-423px -104px; }

div#header .share { z-index: 10; position:absolute; top:114px; right:0; width: 220px; height: 40px; background: #5a2f1a;}
div#header .share ul { padding: 5px 0 0 10px;}
div#header .share ul li { float:left; padding:0 0 0 10px;}
div#header .share ul li.twitter { width: 68px;}

body#top #header #gnav li.top a { background-position:0 -208px; }
body#soy #header #gnav li.soy a { background-position:-141px -208px; }
body#product #header #gnav li.product a { background-position:-282px -208px; }



/* --------------------------------
　　ボディ
-------------------------------- */

#body { margin:0 auto; width:870px; }

#body .title { position:relative; }
#body .title h2 { padding:40px 0 0; }
#body .title p.btnPlus1 { position:absolute; right:0; bottom:-2px; }

#body #maincontent { margin:30px 0 0 0; padding: 0 0 30px; background:#fff; }



/* --------------------------------
	スマートフォンサイトナビ
-------------------------------- */

#spNav {
	border-bottom: 1px solid #d2d1d1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededee), color-stop(100%, #f7f7f7));
	background: -webkit-linear-gradient(top, #ededee 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ededee 0%, #f7f7f7 100%);
}
#spNav ul.btn {
	width: 920px;
	margin: 0 auto;
	padding: 40px 0 0;
}
#spNav ul.btn li {
	margin: 0 0 40px;
	padding: 38px 0;
	border: 2px solid #a4a4a4;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e7e7e7));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #e7e7e7 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%, #e7e7e7 100%);
	box-shadow: 0 0 0 2px #fff inset;
	text-shadow: 1px 1px 1px #fff;
	text-align: center;
}
#spNav ul.btn li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 48px;
	font-weight: bold;
	line-height: 48px;
	text-decoration: none;
	color: #5a2f1a;
}