/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;

}

/*bodyのスタイル*/

body {
text-align: center;
margin: 0px;
padding: 0px;
background:url(../commonimg/bg.jpg) repeat-x 0 0;
line-height:1.8em;
}

p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
font-size:12px;
}

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

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

a {color: #1B6B33;}
	
a:hover {color:#CC0000;}

li{list-style:none;}

td{text-align:left;}

p{
	margin:10px 0px;
	text-align:left;}



p.tcenter{
	text-align:center;}

h1{
	margin:0px 0 15px;
	float:left;
	text-align:left;
	width:315px;}

#right h2.h2top{
	margin:0px 0px 5px;}
	
#right h2.h2stop{
	margin:0px 0px 15px;}

#right h2.h2sb{
	margin:30px 0px 15px;}

#right h3{
	margin:30px 0px 15px;}

#right h3.h3top{
	margin:0px 0px 12px;}
	
#right h3.h3top2{
	margin:0px 0px 5px;}
	
#right div.divmark{
	margin:0px 0px 5px;}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
text-align:center;
margin:0px auto;
width:1008px;
font-size:12px;
padding:0px 0px 0px;
background:url(../commonimg/mbg.gif) repeat-y 0 0;
}

#hbg{
	background:url(../commonimg/headerbg.jpg) no-repeat right 0;
	padding:0px;
margin:0px auto;
width:1000px;}

#wrapper{
	width:960px;
	margin:0 auto;}


/*headerのスタイル*/
#header {
	padding:20px 0 0;
}

#hleft{
	width:340px;
	float:left;
	margin:0 0 0;
	height:52px;}

#hleft ul{
	margin:23px 0 0;}

#hleft li{
	float:left;
	margin:0 9px 0 0px;}

#hleft li.hmem{
	float:left;
	margin:0 0 0 0px;}
	
#hright{
	width:380px;
	float:right;
	margin:10px 0 0;
	height:79px;}
	
#main{
	width:960px;
	margin:15px auto 0;}

#main_top{
	width:960px;
	margin:0px auto 0;}	
		

#left{
	margin:0px 22px 20px 0;
	width:220px;
	float:left;}

.leftbg{
	background:#EAEFCF;
	margin:0 0 10px;
	padding:10px 0px 5px;}

.leftbox{
	border:#CCCCCC solid 1px;
	background:#FFFFFF;
	padding:5px 0px;
	margin:0 0 10px;}
.leftbox ul{
	margin:5px 0 10px;}
.leftbox li{
	background:url(../commonimg/list03.gif) no-repeat 5px 5px;
	padding:0 0 0 20px;
	text-align:left;}

#left p{
	font-size:11px;
	line-height:1.5em;
	margin:5px 0;}

#left input.input1{
	width:175px;}

#right{
	margin:0 0 20px;
	width:718px;
	float:right;}

.mitsubachi{
	background:url(../commonimg/bnr_mitsubachi.jpg) no-repeat 0 0;
	width:718px;
	height:739px;
	position:relative;
	margin:0 0 10px;}

.mitsu_btn{
	position:absolute;
	top:678px;
	left:172px;}

.rbox{
	background:url(../commonimg/boxm.gif) repeat-y 0 0;
	width: 720px;
	height:200px;}

.rbox td{
	padding:3px 3px;}

.rbox td.tdl{
	background:url(../commonimg/list01.gif) no-repeat 5px 9px;
	padding:3px 3px 3px 18px;}

.rbox td.tcenter{
	text-align:center;
	padding:25px 0 0;}

.rbox02{
	background:url(../commonimg/aboutm.jpg) repeat-y 0 0;}
.rbox02 p{
	margin:0;
	font-size:11px;
	line-height:1.5em;}
.rbox02 p.tright{
	font-size:11px;
	text-align:right;
	line-height:1.5em;}

.pickupr{	
	width:225px;
	float:right;}
.pickupr p{
	font-size:11px;
	line-height:1.5em;
	margin:0;}

.pickupr p.ps15{
	font-size:15px;
	line-height:1.5em;
	margin:0 0 5px;
	padding:0 0 0 13px;
	background:url(../commonimg/list02.gif) no-repeat 0 9px;}
	
.itthinkr{
width:595px;
padding-left:15px;
float:left;}
	
.itthinkr p{
	font-size:11px;
	line-height:1.5em;
	margin:0;}

.itthinkr p.ps15{
	font-size:15px;
	line-height:1.5em;
	margin:0 0 5px;
	padding:0 0 0 13px;
	background:url(../commonimg/list02.gif) no-repeat 0 9px;}
	
.monitor_back{
	width:366px;
	height:235px;
	background:url(../itthink/img/monitor_back.jpg) no-repeat 0 0px;
	float:left;}
	
	.monitor_back_in{
	padding:15px;}
	
#footer01{
	border:1px solid #999999;
	background:url(../commonimg/fbg.jpg) no-repeat right 0;
	padding:0px 0px 10px;
	margin:0 0 20px;}

#footer01 h3{
	margin:20px 0 10px;
	text-align:left;}
#footer01 h4{
	margin:15px 0 0px;
	text-align:left;}

#footer01 p{
	font-size:11px;
	line-height:1.5em;
	margin:0 5px 10px;}

#footer02 li {
	display: inline;
	margin: 0px;
	padding-right: 4px;
	padding-left: 5px;
	font-size:11px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:1.5em;
	border-right: 1px solid #333333;
}

#footer02 a{
	font-size:11px;
	text-decoration:none;
	color:#333333;}

#footer02 a:hover{
	font-size:11px;
	text-decoration:none;
	color:#BD023B;}

#footer02 {
	border-top:solid 1px #EBE8E0;
	padding:10px 0 0;
	margin:0 0 10px;}
	
#footer02 ul {
	margin:0px;
	padding:0px 0px 0px;
}

#footer02 li.noline{
	border:none;
}

#footer03{
	background:#EAEFCF;
	width:960px;
	padding:15px 0px 10px 0px;
	margin:0 0 15px;
	position:relative;}

#footer03 p{
	margin:0 0 0 150px;}

.fo03logo{
	position:absolute;
	top:-10px;
	left:30px;}
	
.fo04l{
	width:620px;
	float:left;
	text-align:right;}

.fo04l a{
	color:#B2B1AC;
	font-size:11px;
	text-decoration:none;}

.hcambg{
	position:relative;
	width:960px;
	height:331px;}

.btcam{
	position:absolute;
	top:249px;
	width:162px;
	height:22px;
	right:78px;}




p.pan{
	margin:0px 0px 15px;}

.gbox{
	background:#E2F3E3;
	width:698px;
	margin:0 auto;}

.gbox p{
margin:0 10px 10px;}

.gbox p.tright{
margin:0 10px 0px;
text-align:right;}

.subpage{
	width:704px;
	margin:0 auto;}

.subpage p{
	margin:10px;}

.faqpage{
	width:704px;
	margin:0 auto;}
	

.faqpage ul{
	width:698px;
	margin:0 auto;}

.faqpage li{
	text-align:left;
	background:url(../faq/img/qmark.jpg) no-repeat 5px 0;
	padding:3px 0 10px 38px;}
	
.faqbox{
	background:#E2F3E3;
	width:698px;
	padding:5px 0 10px;
	margin:0 auto;}

.faqbox p{
	margin:0px 20px;}
	
ul.line li{
	background:url(../commonimg/tdline.gif) repeat-x 0 bottom;
	text-align:left;
	padding:3px;}

/*recipiのスタイル*/

.recipitantan{
	background:url(../recipe/img/tantanman/subheader.jpg) no-repeat 0 0;
	width:718px;
	position:relative;
	height:350px;}

.recipitantanmore{
	position:absolute;
	top:230px;
	left:34px;}

.recipisakichi{
	background:url(../recipe/img/sakichi/subheader.jpg) no-repeat 0 0;
	width:718px;
	position:relative;
	height:325px;}

.recipisakichimore{
	position:absolute;
	top:230px;
	left:34px;}
	
.recipimanchou{
	background:url(../recipe/img/manchou/subheader.jpg) no-repeat 0 0;
	width:718px;
	position:relative;
	height:325px;}

.recipimanchoumore{
	position:absolute;
	top:250px;
	left:34px;}

.zairyou{
	width:355px;
	background:url(../recipe/img/tantanman/zairyou_m.jpg) repeat-y 0 0 ;}
.zairyou p{
	margin:0 20px;}

.make li { list-style-position:outside;
list-style:decimal;
padding:0 0 5px;
margin:0 0 0 18px;
text-align:left;}

.make ol{
	margin:0 0 30px;}

.point01{
	background:url(../recipe/img/tantanman/point1.jpg) no-repeat right 0;}

.point02{
	background:url(../recipe/img/tantanman/point2.jpg) no-repeat right 0;}

.point03{
	background:url(../recipe/img/tantanman/point3.jpg) no-repeat right 0;}

.point04{
	background:url(../recipe/img/sakichi/point1.jpg) no-repeat right 0;}

.point05{
	background:url(../recipe/img/sakichi/point2.jpg) no-repeat right 0;}

.point06{
	background:url(../recipe/img/manchou/point1.jpg) no-repeat right 0;}

.point07{
	background:url(../recipe/img/manchou/point2.jpg) no-repeat right 0;}
	
	
/* topの商品一覧のスタイル */

.ichiran_l{
	width:105px;
	float:left;
	}

.ichiran_l p{
	font-size:15px;
	line-height:1.5em;
	padding-left:25px;
	
	}

.ichiran_l p.p1{
	margin:5px 0 10px 10px;
	background:url(../commonimg/list02.gif) no-repeat 15px 8px;
	}
	
.ichiran_l p.p2{
	margin:5px 0 10px;
	background:url(../commonimg/list02.gif) no-repeat 10px 14px;
	}
	
.ichiran_l p.p3{
	margin:5px 0 10px 13px;
	background:url(../commonimg/list02.gif) no-repeat 15px 8px;
	}
.ichiran_l p.p4{
	margin:5px 0 10px 10px;
	background:url(../commonimg/list02.gif) no-repeat 15px 8px;
	}
.ichiran_l p.p5{
	margin:5px 0 10px 0;
	padding-left:15px;
	background:url(../commonimg/list02.gif) no-repeat 5px 8px;
	}

.ichiran_l p.p6{
	margin:5px 0 10px 5px;
	background:url(../commonimg/list02.gif) no-repeat 15px 8px;
	color:#1B6B33;
	}
	
.ichiran_l p.p6 span{
	margin-left:-10px;
	font-size:12px;}

.bntantanbg{
	background:url(../commonimg/bnr_tantan.jpg) no-repeat 0 0;
	width:718px;
	height:106px;
	margin:0 0 15px;
	position:relative;}

.bntantanbt{
	position:absolute;
	width:300px;
	top:22px;
	right:-3px;}
	
/*otherのスタイル*/
.hyou td{
	padding:3px 5px;}
	
.hyou .tdl{
	background:url(../commonimg/tdl.gif) repeat-y 2px 0;
	padding:3px 5px 3px 15px;}
	
.hyou .tdline{
	height:5px;
	background:url(../commonimg/tdline.gif) repeat-x 0 center;}

.hyou2 td{
	font-size:11px;
	padding:3px 5px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;}

.hyou2{
	border:1px solid #CCCCCC;
	margin:0 0 15px;}
	
	.hyou3 td{
	padding:3px 5px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;}


	
.hyou2 .tdl{
	background:#E2F3E3;
	padding:3px 5px 3px 5px;}

.invhyou td{
	padding:5px 0px;}

.invhyou{
margin:0 0 20px;}
	
.borderpoint{
border-collapse: collapse;
}

.pagetop{
margin:15px 0px 25px;
text-align:right;
}

/*guideのスタイル*/
 

/*itthinkのスタイル*/
.itthink_list{
text-align:left;
margin-top:20px;}

.itthink_list li{
list-style-type:circle;
margin-left:15px;
padding-left:5px;
padding-bottom:15px;}

.monitor_waku{
width:550px;
padding:15px;
margin:30px auto;
border: #FFFF99 solid 1px;
background:#FFFFCC;}

table .monitorsubimg{
width:600px;
padding:3px;
margin: 0 auto;}

.monitorsubimg td{
padding-bottom:15px;
text-align:center;
vertical-align:top;}





/*fontのスタイル*/


.txtb{
font-weight:bold;
}

.txtblue{
color:#163594;}

.txtred{
	color:#C43701;
}

.txtbred{
color:#FF0000;
font-weight:bold;
}

.txtgreenb{
	color:#40A444;
	font-weight:bold;}
	
	.txtgreen14b{
	font-size:14px;
	color:#40A444;
	font-weight:bold;}
.txtgreen{
	color:#40A444;}
.txtorange{
	color:#C53F0C;}
.txt14{
	font-size:14px;
	font-weight:bold;}

.txt14green{
color:#339900;
font-size:14px;}

.txt14orange{
color:#FF6600;
font-size:14px;}

.txt20orange{
	color:#C6400C;
	font-size:20px;}
	
.b_rightgreen_tcenter{
	font-size:12px;
background-color: #DDFFDD;
text-align:center;}

.b_rightgray_tcenter{
background-color: #E4E4E4;
font-size:12px;
text-align:center;}

/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{
	text-align:center;
	vertical-align: top;
}
.clear{clear:both;}
.vtop{vertical-align:top;}

/*margin paddingのスタイル*/
.mt5{margin:5px 0px 0px;}
.mt8{margin:12px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt35{margin:35px 0px 0px;}
.mt37{margin:37px 0px 0px;}
.mt40{margin:40px 0px 0px;}
.mt50{margin:50px 0px 0px;}

.mu3{margin:0px 0px 3px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}
.mu25{margin:0px 0px 25px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mu10r14{margin:0px 14px 10px 0px;}

.ml20{margin-left:20px;}
.mlr15{margin:0 15px 0 15px;}

.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr6{margin-right:6px;}
.mr7{margin-right:7px;}
.mr17{margin-right:17px;}
.mr18{margin-right:18px;}

.mr25{margin-right:25px;}

.mtu10{margin:10px 0px;}
.mtu20{margin:20px 0px;}
.mtu30{margin:30px 0px;}
.mtu1030{margin:10px 0 30px 0;}

	
.pd20{
padding:0 0 20px 0;}

/*widthのスタイル*/

.w105l{
	width:105px;
	float:left;}
	
.w105r{
	width:105px;
	float:right;}

.w130l{
	width:130px;
	float:left;}

.w190{
	width:190px;
	margin:0 auto;}

.w200{
	width:200px;
	margin:0 auto;}

.w210l{
	width:210px;
	float:left;}
	
.w228l{
	width:228px;
	float:left;}

.w228r{
	width:228px;
	float:right;}

.w270l{
	width:270px;
	float:left;}

.w300l{
	width:300px;
	float:left;}

.w300r{
	width:300px;
	float:right;}

.w310{
	width:310px;
	margin:0 auto;}

.w310r{
	width:310px;
	float:right;}

.w320{
	width:320px;
	margin:0 auto;}

.w330{
	width:330px;
	margin:0 auto;}

.w345l{
	width:345px;
	float:left;}

.w345r{
	width:345px;
	float:right;}

.w350{
	width:350px;}
	
.w350l{
	width:350px;
	float:left;}

.w352l{
	width:352px;
	float:left;}

.w352r{
	width:352px;
	float:right;}

.w354l{
	width:354px;
	float:left;}

.w354r{
	width:354px;
	float:right;}

.w355l{
	width:355px;
	float:left;}
	
.w366l{
	width:366px;
	float:left;}

.w385l{
	width:385px;
	float:left;}

.w380r{
	width:380px;
	float:right;}
.w400r{
	width:400px;
	float:right;}

.w400l{
	width:400px;
	float:left;}
	
	
.w420l{
	width:420px;
	float:left;}


.w440l{
	width:440px;
	float:left;}

.w440r{
	width:440px;
	float:right;}

.w455r{
	width:455px;
	float:right;}

.w510l{
	width:510px;
	float:left;}
.w500r{
	width:500px;
	float:right;}
	
.w545r{
	width:545px;
	float:right;}

.w630{
	width:630px;
	margin:0 auto;}

.w670{
	width:670px;
	margin:0 auto;}

.w680{
	width:680px;
	margin:0 auto;}

.w690{
	width:690px;
	margin:0 auto;}
	
	
.w698{
	width:698px;
	margin:0 auto;}

.w700{
	width:700px;
	margin:0 auto;}

.w710{
	width:710px;
	margin:0 auto;}
	
.w900{
	width:900px;
	margin:0 auto;}

div#mainimg {
	background: url(../commonimg/header_cam.jpg) no-repeat 0 0;
	width: 960px;
	height: 331px;
	position: relative;
	}

div#mainimg p.bt {
	position: absolute;
	top: 240px;
	right: 25px;
	width: 162px;
	height: 22px;
	display: block;
	}
	
.lh120 {line-height: 1.2em;}
.lh130 {line-height: 1.3em;}
.yell {
	background:url(../commonimg/list01.gif) no-repeat 0 5px;
	padding: 0 10px;
}

/* campaign トップのキャンペーンの為のスタイル */

.campaign04{
	background:url(../campaign/img/present04.jpg) 0 0 no-repeat;
	width:718px;
	height:102px;
	position:relative;}
	
.campaign04 div{
	position:absolute;
	top:61px;
	right:177px;
	}
	
.campaign04 p{
	text-indent:-9999px;
	margin:0;}
	

.campaign05{
	background:url(../campaign/img/present05.jpg) 0 0 no-repeat;
	width:718px;
	height:102px;
	position:relative;}
	
.campaign05 div{
	position:absolute;
	top:28px;
	right:169px;
	}