/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
table, td, th {vertical-align: middle;}
a img {border: none;}

/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: url(http://tomisen.com/pic-labo/page-bg2010.gif) repeat;
	color: #444;
	font: normal 75% Arial,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	text-align: center;
}


/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 10pt; margin: -7px 0 0 5px;}
h2 {font-size: 10pt;}
h3 {font-size: 10pt;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links */

a:focus,a:hover,a:visited {color: #37657d;}
a {
	color: #ce576c;
	text-decoration: none;
}
a:hover {text-decoration: none;}


/* Text elements */

p {margin-bottom: 1em;}


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {
	list-style-type: decimal;
	margin-left: 1.9em;
}

dl {margin: 0 0 10px 10px;}
dl dt {font-weight: normal;}
dd {margin: 0 0 10px 10px;}

.large {font-size: 10pt;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

/* 
   Forms 
------------------------------------------------------------------- */

label {
	cursor: pointer;
	font-weight: bold;
}
label.checkbox, label.radio {font-weight: normal;}
legend {
	font-weight: bold;
	font-size: 1.2em;
}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.5em 0;
	padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}


/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}


/* 
   Posts 
------------------------------------------------------------------- */

.post {margin-bottom: 20px;}
.post img.left, .post img.right {margin-bottom: 0;}
.post-body {padding-left: 10px;}
.post-body img.left, .post-body img.right {margin-bottom: 1em;}

/* 
   Layout 
------------------------------------------------------------------- */

/* Wrapper */

#site-wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

/* Header */

#header {
margin: 0;
padding: 0;
}

#welcomeheading {
margin: 0 0 0 15px;
width:298px;
height: 55px;
display:block;
}

#welcomeheading a {
padding-top: 10px;
display:block;
}

.kwicks {
/* recommended styles for kwicks ul container */
list-style: none;
position: relative;
margin: 40px 0 15px 0;
padding: 12px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

* html .kwicks {
margin: 15px 0 40px 0;
border-bottom: none;
}

.kwicks li{
/* these are required, but the values are up to you (must be pixel) */
width: 126px;
height: 200px;
display: block;
overflow: hidden;
}

.kwicks.horizontal li {
/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
float: left;
}


/* Main */

.main {margin: 24px 0;}
.main#main-two-columns {background: url('http://www.tomisen.com/img2/main-two-columns.gif') repeat-y right top;}
.main#main-two-columns #main-content {width: 640px;}


/* Sidebar */

#sidebar {width: 215px;}


/* Sections */

.section {margin-bottom: 24px;}

.section p {margin: 15px 0px; text-align: center;}

.section-title {
	background:url(/sobarecipe/images/h234back.gif);
	font: normal 10pt Arial,'ＭＳ Ｐゴシック',sans-serif;
	margin-bottom: 16px;
	padding: 7px 0 5px 30px;
	height: 16px;
	padding/*\**/: 8px 0 4px 30px\9;
}
#sidebar .section-title {margin-bottom: 8px;}

#accordion {width:195px; margin:0; padding:0;}
.accordion {width:195px; color:#ce576c; text-align: left;}
.accordion dt {width:175px; border:2px solid #ddd; padding:5px 8px 5px 8px; margin-top:5px; cursor:pointer;}
.accordion dd {overflow:hidden;}
.accordion span {display:block; width:175px; border:2px solid #ddd; border-top:none; padding:8px; line-height:170%;}
.accordion dd {margin:0; padding:0}
html>/**/body .accordion dd { overflow /*\**/: visible\9 }

* html .accordion dt {width:195px;}
* html .accordion span {width:195px;}
* html #accordion {margin-left:-8px;}
*:first-child+html #accordion {margin-left:-17px;}



/* Footer */

#footer {
	color: #777;
	padding: 16px 0 4px;
}
#footer-left {margin:10px 0 0 15px;}
#footer-right {
	margin:12px 15px 0 0;
	text-align: right;
}
#footer p {margin-bottom: 0.4em;}

#footer ul {
margin:0px auto;
text-align:center;
margin-top:20px;
margin-bottom:5px;
margin-right:35px;
}

#footer ul li {
display:inline;
margin-right:5px;
padding-left:10px;
line-height:1.1;
border-left:1px solid #333;
}

#footer ul li.utilityHome {
border-left:0;
}

.footerinfo {
float: left;
background: url(http://tomisen.com/pic-labo/blog_css_tips30_04.gif);
text-align: center;
padding-top: 10px;
margin:0 6px 10px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 144px;
height: 200px;
}

.footerinfo2 {
float: left;
background: url(http://tomisen.com/pic-labo/blog_css_tips30_04.gif);
text-align: center;
padding-top: 10px;
margin:0 0 10px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 144px;
height: 200px;
}

div.rm2 a {
display: block;
height: 25px;
line-height: 25px;
width: 90%;
padding: 2px 0px 2px 10px;
margin-bottom: 5px;
margin-left: 5px;
border-bottom: 1px dashed #c1c1c1;
background:url(/sobarecipe/images/li_footer.gif) no-repeat left;
}

div.rm2 a:hover {
display: block;
height: 25px;
line-height: 25px;
width: 90%;
padding: 2px 0px 2px 10px;
margin-bottom: 5px;
margin-left: 5px;
background: #272727;
border-bottom: 1px dashed #37657d;
background:url(/sobarecipe/images/li_footer2.gif) no-repeat left;
}

/*for IE6 */
* html div.rm2 a {
display: inline;
zoom: 1;
}

/*for IE7 */
*:first-child+html div.rm2 a {
display: inline;
zoom: 1;
}

.rm3 {
border: 1px solid #ccc;
padding: 2px 10px;
margin-left: 450px;
}

.imgs{
margin:5px;
height:75px;
width:100px;
}


.imgsd img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93);
-moz-opacity: 0.93;
}

.imgsd:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.imgsd img{
border: 2px solid #ccc;
}

.imgsd:hover img{
border: 2px solid #fff;
}

div.centering p {
display: table-cell;
vertical-align: middle;
margin: 0;
padding-left:10px;
}

div.centering {
border-bottom:1px solid #ccc;
width:98%;
}

/*for IE6 */
* html .centering p {
display: inline;
zoom: 1;
}

/*for IE7 */
*:first-child+html .centering p {
display: inline;
zoom: 1;
}

/* 
   IE Fixes (zzz)
------------------------------------------------------------------- */
* html #footer-left {width: 700px;}
}
* html table {
	line-height: 1.5;
}


/* 商品紹介クラス */

.syouhin {
margin-top: 20px;
border: 1px solid #ddd;
padding: 10px;
}

.syouhin a {
text-decoration: underline;
padding-left: 15px;
}