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

/* ##### 基本 ##### */

h1,h2,h3,h4,h5,h6,h7 { margin:0px; padding:0px; }

body { margin:0px; padding:0px; background-color: #f5efdf; }
body,div,td,th { font-size:15px; line-height:20px; -webkit-text-size-adjust:none }

ul, ol, li, dl, dt, dd {
	margin:0px;
	padding:0px;
	list-style:none;
}
* {	font-size:12px; line-height:1.5em; }
img { vertical-align: bottom; display:block; }

input{outline:none;}

/* 共通 */
header { width:100%; height:30px; background-color: #FFFFFF; display: block; }
#logo { display:block; width:320px; height:30px; text-indent:-9999px; background-image:url(/images/campaign/cookpad/sp/pgm_logo.gif); background-repeat: no-repeat; background-position: left top; margin-right: auto; margin-left: auto; }
div#copyright { color:#000000; font-size:10px; background-color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; text-align: center; }

div#main { width:320px; margin:0 auto; background-color: #FFFFFF; }
div#main p { width:300px; margin:0 auto; padding:5px 0; font-size:14px; }
div#main02 { width:320px; margin:0 auto; background-color: #FFFFFF; padding:0 0 20px 0; }
div#main02 p { width:290px; margin:0 auto; padding:5px 0; font-size:14px; }

/* 固有 */
h1#index_ttl { margin:10px 0 0 0; }
h2#index_lead { font-weight:bold; font-size:inherit; line-height:inherit; margin:2em 0 1em 0; }
input#index_input_txt { display:block; width:240px; text-align:center; margin:0 auto; font-size:20px; } 
input#index_input_btn { display:block; margin:8px auto 0 auto; }
div#index_tokuten { margin:12px 0; }

a#btn1 { display:block; width:273px; margin:0px auto 4px auto; }
a#btn2 { display:block; width:273px; margin:0px auto 24px auto; }
a#btn3 { display:block; width:273px; margin:24px auto; }

/* ## フッタ ## */
div#footer { clear:both; background-color: #211513; }
div#footer .term { font-size:10px; text-decoration:none; color:#000; background-image: url(/images/campaign/cookpad/sp/foot.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; height: 44px; width: 288px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

div#copyright { color:#000000; font-size:10px; background-color: #FFFFFF; padding-top: 2px; padding-bottom: 2px; text-align: center; 
}

div#guide_link{ width: 177px; margin-right: auto; margin-left: auto; margin-top: 24px; padding-left: 111px; }
div#guide_link a{ background-image: url(/images/campaign/cookpad/sp/guide.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; padding: 0px; height: 27px; width: 177px; margin: 0px; } 

p.copyright{ display: block; text-align: right; background-color: #383838; color: #FFF; font-size: 10px; padding: 6px; overflow: hidden; }
p.copyright img{ float: left; }

/*------------------------
		guide
------------------------*/
dl{ width: 288px; margin-right: auto; margin-left: auto; border-bottom-width: 20px; border-bottom-style: solid; border-bottom-color: #ffffff; }
dl dd{ padding-top: 10px; padding-right: 4px; padding-bottom: 10px; padding-left: 4px; background-color: #FFFFFF; }
dl dd .fontBlueB{ color: #0292ED; font-weight: bold; }
dl dd table.cp_point{ width: 270px; border-left-width: 1px; border-left-style: solid; border-left-color: #0292ED; margin-right: auto; margin-left: auto; margin-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #0292ED; }
dl dd table.cp_point th{ background-color: #0292ED; padding: 6px; color: #FFFFFF; text-align: left; }
dl dd table.cp_point td{ font-size: 12px; line-height: 14px; padding: 4px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #0292ED; border-bottom-color: #0292ED; }
.fontRed{ color: #FF0000; font-weight:bold; }
.fontRed_s{ color: #FF0000; font-weight:bold; font-size:12px; }
.fontBlue{ color: #008cd0; font-weight:bold; }

dl#guide_box dt{ height:23px; color:#FFF; font-size:14px; font-weight:bold; padding-left:4px; background-image: url(/images/campaign/cookpad/sp/guide_01.png); margin:20px 0 0 0; }

dl dd ul{ padding-right: 6px; padding-left: 6px; }
dl dd ul li{ line-height: 14px; padding-bottom: 6px; }


/*カテゴリ*/
ul.cate{ list-style: none; margin:5px 0 30px 0; padding: 0; }
ul.cate li{ list-style: none; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #c7611e; background: #ff8814;
vertical-align:bottom; }
ul.cate li:last-child{ border-bottom: 0px; }
ul.cate li a{ position: relative; display: block; margin: 0; padding: 0 10px 0 10px; color: #fff; font-weight: bold; text-decoration: none; font-size:15px; }
ul.cate li a:before{
	display: block;
	content: "";
	position: absolute;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 10px solid transparent; 
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
}

/*メニュー枠*/
p.catetit {	font-size:15px; color:#320c0c; font-weight:bold; background-image: url(/images/campaign/cookpad/sp/catetit.gif);  height:23px; margin:0; line-height:23px;
}
ul.menu { width:295px; padding:0 10px; margin:10px 0;}
li.ph { width:80px; float:left; overflow : hidden;}
li.txt { width:204px; float:left; padding:5px 0 0 10px; vertical-align:top; margin:0 0 10px 0; overflow : hidden; font-size:98%}
span.number { font-size:11px; color:#320c0c; font-weight:bold;}
span.title { font-size:120%; color:#e26d12; font-weight:bold;}
span.user { font-size:12px; color:#320c0c; font-weight:bold;}
li.btnTohyo { font-weight:bold; text-align:center; text-decoration:underline; padding:10px 0; border-bottom:1px solid #ddd; font-size:20px; }
li.cate { text-align:right; text-decoration:underline; padding:10px 0; border-bottom:1px solid #ddd; }
a:visited,
a:link { color:#bc1b00;	text-decoration:none; }
a:hover { color:#e73e04; text-decoration:underline; }
li.btnChoose { clear:both; }

/*チェックボックス*/
input[name='tohyoCheck']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	border:0;
	width:267px;
}
form.tohyoForm label {
	padding:5px 10px;
    cursor: pointer;
	position:relative;
	left:15px; display:block;
}

.btn_tohyo02 { position:relative; left:10px; }
.btn_tohyo02 input { width: 287px; height: 49px; background: url(/images/campaign/cookpad/sp/btn_tohyo02.gif); cursor: pointer; border: none;	text-indent: -99999px; }
.btmTxt { clear:both; width:300px; padding:0 10px 10px 10px; }
strong { font-weight:bold; color:#e73e04; font-size:15px; }