/* 共通 */
* { margin: 0; padding: 0; font-size: 10pt; color: #333333; }
img { border: 0 }
a:link, a:visited { color: #0000ff; text-decoration: none; font-size: 8pt; }
a:active, a:hover { color: #ff0000; text-decoration: underline; font-size: 8pt; }
hr { margin: 0 10px 0 10px; height: 1px; border: 1px solid; color: #ffeedd; }
hr.hr-dummy { color: #ffffff; margin: 6px; }
h1 { line-height: 0px; text-indent: -9999px; }
h2 { line-height: 0px; text-indent: -9999px; }
table { border: #ffddcc 1px solid; border-collapse: collapse; line-height: 20px; }
th { background-color: #fff6e6; border: #ffffff 1px solid; font-weight: normal; font-size: 9pt; }
td { background-color: #ffffff; border: #ffeedd 1px solid; font-size: 9pt; }
body { text-align: center; background-color: #f9f9f9; }
#container { width: 802px; background: url(image/header-bcg.gif) no-repeat center top #ffffff; border: 1px #ffeedd solid; margin: 0 auto; }
#header { height: 60px; }
#header-title { float: left; }
#header-navi { float: right; margin: 24px 10px 0 0; }
#header-navi li { display: inline; }
#main { padding: 0px 15px 15px 15px; }
#main-head { width: 770px; text-align: left; margin: 0; padding: 0; }
#main-head-img { width: 200px; float: left; margin-top: 11px; }
#main-head-info { float: left; margin: 0; padding: 0; }
#main-head-item { float: right; width: 324px; height: 40px; }
#main-head-item-box { float: right; width: 264px; }
#main-head-item-box img { margin-left: 10px; border: 1px #999999 solid; }
#footer { height: 40px; padding: 10px; }
#footer-left { float: left; }
#footer-right { float: right; }
.span-red { color: #ff0000; }

/* トップページ index.html */
#top-container { width: 802px; background-color: #ffffff; border: 1px #ffeedd solid; margin: 0 auto; }
#top-header { height: 60px; background: url(image/top-header.gif) no-repeat; }
#flash-box-dummy { width: 800px; height: 250px; background: url(image/../flash-dummy.gif) no-repeat; }
#top-contents { height: 100px; }
#top-left { width: 490px; float: left; }
#top-news { text-align: left; padding: 0px 5px 10px 10px; }
#top-news-box { margin: 0px; }
.news-date { font-size: 9pt; padding: 0 10px 0 15px; line-height: 25px; }
.news-text { font-size: 9pt; padding: 0 15px 0 10px; line-height: 25px; color: #b30000; }
#top-update { text-align: left; padding: 0px 5px 10px 10px; margin-top: 10px; }
#top-update-box { margin: 0px; }
.update-date { font-size: 9pt; padding: 0 10px 0 15px; line-height: 25px; }
.update-text { font-size: 9pt; padding: 0 15px 0 10px; line-height: 25px; color: #b30000; }
#top-banner { width: 300px; float: right; padding: 0 10px 10px 0; }
#top-banner img { margin-bottom: 10px; border: 1px #999999 solid; }
#com-info { padding: 20px; }
#com-info-box { margin: 0 auto; width: 360px; border: #ffddcc 1px solid; padding: 15px; text-align: left; line-height: 15px; }
#com-info-box p { font-size: 8pt; }
#com-info-box p span { color: #b30000; }
#com-info-box a:link, #com-info-box a:visited { color: #b30000; font-size: 9pt; }
#com-info-box a:active, #com-info-box a:hover { color: #ffddcc; font-size: 9pt; }
#top-notice { width: 400px; font-size: 8pt; margin: 0 auto; padding-top: 15px; }

/* 綿花冰とは whatis.html */
.whatis-text { width: 770px; text-align: left; padding: 10px; line-height: 23px; }
.whatis-text-left { width: 430px; float: left; }
.whatis-img-right { width: 300px; float: right; }
.whatis-text-right { width: 430px; float: right; }
.whatis-text-right span, .whatis-text-left span { vertical-align: bottom; }
.whatis-img-left { width: 300px; float: left; }
.whatis-image { margin-bottom: 10px; }

/* 会社概要 company.html */
#table-company { width: 740px; }
#table-company th { width: 140px; padding: 10px; vertical-align: top; }
#table-company td { width: 600px; padding: 10px; }
#table-company td span { margin-left: 10px; }

/* 加盟店募集 shop.html */
.shop-text { width: 770px; text-align: left; padding: 10px; line-height: 23px; }
.shop-text ul { margin-left: 25px; }
#shop-text-left { float: left; width: 430px; }
#shop-text-right { float: right; width: 320px; padding-left: 20px; }
#table-shop { width: 740px; }
#table-shop th { width: 140px; padding: 10px; vertical-align: top; }
#table-shop td { width: 600px; padding: 10px; }
.shop-image { margin-bottom: 10px; }

/* お問合わせ mailform.html */
#mailform { margin: 15px 0 15px 0; }
#mailform th { width: 140px; padding: 10px; vertical-align: top; }
#mailform td { width: 560px; padding: 10px; }
#mailform-form { width: 700px; text-align: left; }
#mailform-notice-666 { color: #666666; font-size: 10pt; line-height: 25px; }
#mailform-notice-f00 { color: #ff0000; font-size: 9pt; }
#mailform-box { text-align: center; }

/* 商品情報 items.html */
.items-text { width: 770px; text-align: left; padding: 10px; line-height: 23px; }
.items-text-left { float: left; width: 430px;  height: 150px; }
.items-image-right { float: right; width: 320px; padding-left: 20px; height: 150px; }
.items-image-left { float: left; width: 320px; padding-right: 20px;  height: 150px; }
.items-text-right { float: right; width:430px;  height: 150px; }
.items-image { margin-bottom: 10px; }
.items-margin-top { margin-top: 10px; }
.line-up { padding: 0 10px 0 10px; }
.line-up th { width: 140px; padding: 8px; }
.line-up td { width: 600px; padding: 8px; }

.floatclear { clear: both; }