@charset "UTF-8";


/*========================================


	common.css
	Recent Edit | 2013
	

========================================*/

/* œŠξ–{-------------------- */

body {
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	color:#332;
	font-size:11px;
	line-height:1.7;
	/*background-image:url(../imgs/bg01.jpg);*/
	background-position:center top;
}	

a:link {
	text-decoration: none;
	color: #CD2828;
}
a:visited {
	text-decoration: none;
	color: #CD2828;
}
a:hover {
	text-decoration: underline;
	color: #aaa;
}
a:active {
	text-decoration: none;
}
input {outline:0;}
img { border:none; padding:0; margin:0;}

h1, h2, h3, h4, h5, h6 {font-family: 'ƒqƒ‰ƒMƒm–Ύ’© Pro W3','Hiragino Mincho Pro','Hiragino Mincho ProN','‚l‚r ‚o–Ύ’©','MS PMincho',serif;}

.txt50 {font-size:50%;} .txt60 {font-size:60%;} .txt70 {font-size:70%;} .txt80 {font-size:80%;} .txt90 {font-size:90%;}
.txt110 {font-size:110%;} .txt120 {font-size:120%;} .txt130 {font-size:130%;} .txt140 {font-size:140%;} .txt150 {font-size:150%;} .txt160 {font-size:160%;} .txt170 {font-size:170%;} .txt180 {font-size:180%;} .txt190 {font-size:190%;} .txt200 {font-size:200%;}
.plr10 {padding:0 10px;}

/* œƒwƒbƒhƒtƒbƒg-------------------- */
#head, #foot {height:150px; width:100%; background-image:url(../imgs/headbg.jpg); background-position:center top;}
#headbg {height:150px; width:100%; background-image:url(../imgs/headbg6.gif); background-position:center 25px; background-repeat:no-repeat;}
#headin, #footin {width:974px; position:relative; margin:0 auto;}
#headin #logo {position:absolute; top:0px; left:25px; background:#fff;}
#headin #nav01 {position:absolute; top:25px; left:250px; background:#fff;}
#headin #nav01 img { float:left;}
#headin #info {position:absolute; top:25px; left:750px;}

#foot {border-top:#eaeaea solid 1px;}
#footbg {height:150px; width:100%; background-image:url(../imgs/footbg.gif); background-position:center 25px; background-repeat:no-repeat;}
#footin #info {position:absolute; top:25px; left:0px; background:#fff; width:424px; height:99px;}
#info p { margin:0; padding:0; padding-left:130px; padding-top:15px; letter-spacing:.1em; line-height: 1.8;}
#footin #logo {position:absolute; top:38px; left:25px; background:#fff;}
#footin #totop {position:absolute; top:25px; left:925px; width:49px; height:49px; background:#fff;}
#cr { text-align:center; width:100%; height:20px; color:#f8f8f8; background-color:#858A9B; text-shadow: 0px -1px 0px #555; padding-top:3px}

.shdw01, .shdw02, .shdw03 {background-image:url(../imgs/shdw01.gif); background-position:center top; background-repeat:repeat-x; height:15px; width:100%; }
.shdw01 { margin-bottom:5px;}
.shdw02 {background-image:url(../imgs/shdw02.gif);}
.shdw03 {background-image:url(../imgs/sdw02.png); background-repeat:no-repeat; margin-top:20px; margin-bottom:3px; opacity:.4;}
.wire {background-image:url(../imgs/wire2.gif); background-position:center top; background-repeat:no-repeat; height:18px; width:100%; background-image:none;}
.topslide {}

/* œƒƒCƒ“--------------------color:#858A9B; */
.main { margin:20px auto; width:944px;}
.main .ttlside { margin:28px 0 15px; padding:0; float:right; width:210px}
.main h3 { font-size:18px; font-weight:lighter; letter-spacing:.2em; margin:13px 0; line-height:1; padding:0px 0 0 22px; background:url(../imgs/h3.gif) no-repeat 0px 0px;}

.left { margin:0; width:231px; float:left;}
.left .bnr { margin-bottom:12px;}

.right { margin:0; width:698px; margin-left:15px; float:left;}
.right h2 { margin:5px 0; padding:0; float:left;}
.right h6 { margin:50px 0 20px; padding:0; padding-left:115px; font-size:15px; color:#685977;}
.right .back { margin:35px 0 30px; padding:0; text-align:center; font-size:15px; color:#685977;}

.item,
.rcp {width:100%; margin:10px 0 60px; line-height:1.9; padding-top:20px; padding-bottom:35px; border-bottom:#eaeaea dotted 1px;}
.item .ph { float:left; margin-left:25px;}
.itxt {float:right; margin-right:25px; width:420px;}
.item h1{ margin:12px 0; font-size:20px; padding:0 0 0 5px; border-left:#858A9B solid 6px; line-height:1;}
.item h4{ margin:8px 0; font-size:12px; font-weight:lighter; background:url(../imgs/bg02.jpg); border:#eaeaea solid 1px; padding:10px 12px;}
.item h5{ margin:8px 0 15px; font-size:12px; font-weight:lighter;}
.ircp img{ float:left; margin-right:5px;}

.rcp {padding-bottom:55px; position:relative;}
.rcp .ph { float:left; margin-top:40px; margin-left:48px; border:1px dashed #ddd;}
.rtxt {float:right; margin-right:20px; width:245px;}
.rcp h1{ margin:0 0 12px; font-size:18px; padding:0 0 0 5px; border-left:#858A9B solid 6px; line-height:1;}
.ingre { margin:20px 0; font-size:12px; font-weight:lighter; background:url(../imgs/bg_sq.jpg); border:#f7f7f7 solid 1px; position:relative;}
.ingre ul { margin:0; padding:10px 12px 10px; font-size:13px; line-height:2.5;}
.ingre li { margin:0; list-style: inside katakana-iroha; font-size:12px; line-height:2.0; padding-left:2px;}
.pin {width:20px; height:23px; position:absolute; background:url(../imgs/pin01.gif) no-repeat; left:113px; top:-10px;}
.prces{ margin:8px 0 15px; font-size:12px; font-weight:lighter;}
.prces ul { margin:0; padding:10px 4px 0 16px; font-size:11px;}
.prces li { margin:0; padding-left:2px; margin-bottom:8px; list-style: decimal;}

/* œƒŒƒVƒs-------------------- */
.rcpex {padding-top:35px;}
.rcpexph { width:88px; overflow:hidden; z-index:1; margin:0; padding:0; float:left;}
.rcpthumb {float:left; padding:10px 0;}
.rcpitem {position:absolute; top:-92px; left:-10px;}
div.thumb1{
    display:block;
    width:232px;
    height:200px;
    overflow:hidden;
    position:relative;
    z-index:1;
	margin:0;
	padding:0;
}
div.thumb1 img{
    position:absolute;
}
.thumbposi1{top:-50px; left:-9px;}
div.thumb2{
    display:block;
    width:232px;
    height:200px;
    overflow:hidden;
    position:relative;
    z-index:1;
	margin:0;
	padding:0;
}
div.thumb2 img{
    position:absolute;
	max-height:242px;
}
.thumbposi2{top:-25px; left:5px;}

/* œ•\-------------------- */
table.topline { width:220px; float:left; margin-right:19px; margin-bottom:25px;}
table.topline th {text-align:center;}
table.topline th h2 { font-size:16px; padding-top:20px; margin:0; line-height:1; color:#443; letter-spacing:.1em; float:none; }
table.topline td { padding:8px 11px; line-height:1.9; font-size:10px;}

table.concept { width:436px; float:left; margin:6px 5px 35px; border:#f3f3f3 solid 1px; padding:10px 15px; background:url(../imgs/bg02.jpg);}
table.concept td {  padding:10px; text-align:center; line-height:26px;}

table.tpx { width:100%; margin-bottom:35px;}
table.tpx th { width:100px; padding:7px 8px; background:url(../imgs/bg01.jpg); text-align:center;}
table.tpx td { padding:7px 8px; text-align: left; border-bottom:#eaeaea dotted 1px;}
/* œƒVƒƒƒh[-------------------- */
.left img,
table.topline th img { -webkit-box-shadow: 0 1px 9px -2px #ddd; -moz-box-shadow: 0 1px 9px -2px #ddd; box-shadow: 0 1px 9px -2px #ddd;}
table.noshdw th img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.ingre{ -webkit-box-shadow: 0 1px 5px -2px #bbb; -moz-box-shadow: 0 1px 5px -2px #bbb; box-shadow: 0 1px 5px -2px #bbb;}

.noshdw img{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/* œipad‚½‚Δ-------------------- */
@media screen and (orientation:portrait) {
.left img,
.ingre,
table.topline th img,
table.noshdw th img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
/* ‹L“ό */
}

/* œipad‚ζ‚±-------------------- */
@media screen and (orientation:landscape) {
}


/* œretina‚Θ‚η-------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
}