@charset "Shift-JIS";

/* BASIC
--------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	overflow-y:scroll;
}
body {
	position:relative;
	height:100%;
	line-height:1.4;
	text-align:center;
	color:#333333;
	letter-spacing:0;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Sans-Serif;
	/* font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; */
	background: url(/resources/images/bg.gif) left top repeat;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
br { letter-spacing:0; }
img{ border:0 none; }
input,select,textarea { vertical-align:middle;color:#333333; }
textarea{ padding:1px;color:#333333; }
table,td,th{ color:#333333;border-collapse:separate; }
ul,ol,li { list-style:none; }
a { outline:none; }


/* LINK
--------------------------------------------------------------*/
a,
a:link {
	text-decoration:none;
	color:#333333;
}
a:visited {
	text-decoration:none;
	color:#333333;
}
a:active {
	text-decoration:underline;
	color:#333333;
}
a:hover {
	text-decoration:underline;
	color:#333333;
}


/* GENERAL CLASS
--------------------------------------------------------------*/
.dispBlock { display:block !important; }
.dispNone { display:none !important; }

.taL { text-align:left !important; }
.taR { text-align:right !important; }
.taC { text-align:center !important; }

.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }

.noBr { white-space:nowrap; }
.brBefore { page-break-before:always; }

.fb { font-weight:bold; }

.iconL { display:inline !important;vertical-align:middle;margin:0 5px 0 0 !important; }
.iconR { display:inline !important;vertical-align:middle;margin:0 0 0 5px !important; }
.icon { display:inline !important;vertical-align:middle;margin:0 5px !important; }

a.linkR{
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(/resources/images/icon/right.gif) no-repeat 2px 0.45em;
	padding-left:10px;
}
a.linkPop{
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(/resources/images/icon/blank.gif) no-repeat left 0.4em !important;
	padding-left:12px;
}
a.linkPdf{
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(/resources/images/icon/pdf.gif) no-repeat right top !important;
	padding-right:18px;
}
a.linkUp{
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(/resources/images/icon/up.gif) no-repeat 0 0.5em;
	padding-left:10px;
}
a.linkDown{
	display:inline-block;
	/display:inline;
	/zoom:1;
	background:url(/resources/images/icon/down.gif) no-repeat 0 0.5em;
	padding-left:10px;
}

.floR { float:right; }
.floL { float:left; }
.rect { overflow:hidden;_zoom:1; }

.txtS{font-size:75% !important;}
.txtM{font-size:100% !important;}
.txtL{font-size:120% !important;}
.txtGreen{color:#92ab2c;}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */

.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }

.ml0 { margin-left:0px !important; }
.ml3 { margin-left:3px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }

.mr0 { margin-right:0px !important; }
.mr3 { margin-right:3px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }

.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }

.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.pl60 { padding-left:60px !important; }

.pr0 { padding-right:0px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }
.pr60 { padding-right:60px !important; }

/* FORM ELEMENTS
--------------------------------------------------------------*/
.imeOff { ime-mode:disabled; }

input.width700,
textarea.width700,
select.width700 {
	width:700px;
}
input.width650,
textarea.width650,
select.width650 {
	width:650px;
}
input.width600,
textarea.width600,
select.width600 {
	width:600px;
}
input.width550,
textarea.width550,
select.width550 {
	width:550px;
}
input.width500,
textarea.width500,
select.width500 {
	width:500px;
}
input.width450,
textarea.width450,
select.width450 {
	width:450px;
}
input.width400,
textarea.width400,
select.width400 {
	width:400px;
}
input.width350,
textarea.width350,
select.width350 {
	width:350px;
}
input.width300,
textarea.width300,
select.width300 {
	width:300px;
}
input.width250,
textarea.width250,
select.width250 {
	width:250px;
}
input.width200,
textarea.width200,
select.width200 {
	width:200px;
}
input.width150,
textarea.width150,
select.width150 {
	width:150px;
}
input.width100,
textarea.width100,
select.width100 {
	width:100px;
}
input.width80,
textarea.width80,
select.width80 {
	width:80px;
}
input.width50,
textarea.width50,
select.width50 {
	width:50px;
}
input.width30,
textarea.width30,
select.width30 {
	width:30px;
}
/*
#head_btn_pc {
	width:100%;
background: url(/resources/images/bg.gif) left top repeat;
}
	
#head_btn_pc a { display: block;
margin: 0 auto;
padding: 19px 0px;
width: 244px;
height: 26px;
background: url(/resources/images/btn/btn_nyugyo_top.png) no-repeat left top #ffffff;
font-size:20px;
}
*/

/* スマートフォンサイトボタン */
#head_btn_pc a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:url(/recipe/resources/images/bg_04.jpg) repeat-x center center;
	-webkit-background-size:1px 84px;
	-moz-background-size:1px 84px;
	background-size:1px 84px;
	display:block;
	width:480px;
	height:90px;
	text-decoration:none;
	text-align:center;
	color:#333;
	border:solid 1px #ccc;
	font: 42px/1.231 "ヒラギノ角ゴ Pro W6";
	position:relative;
	top:0;
	left:476px;
}
#head_btn_pc a span {
	display:block;
	border:solid 1px #fff;
	font-size:42px;
	line-height:84px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#sp_header {
	width: 960px;
	margin: 0 auto;
	padding:16px 0;
}