@charset "UTF-8"; /*
★基本領域
★メインの全体の部品
★トライセルからのスタイル
★トライセルに渡した見本
★各ページごとのスタイル
★追加で作成中のスタイル
*/
/*--------------------基本領域--------------------*/
/* basic layout */
* { font-style: normal; margin: 0px; padding: 0px; }
body { font-family: sans-serif; font-size: 80%; line-height: 1.5; color: #333333; background-color: #FFFFFE; }
hr { display: none; }
#wrapper { margin: 0px auto; width: 941px; border-bottom: 2px solid #FF0000; background-color: #FFFFFF; border-right: 3px solid #999999; border-left: 3px solid #999999; }
#navigation { height: 33px; width: 941px; clear: both; }
#principalCover { height: 100%; width: 941px; margin-bottom: 10px; float: left; background-color: #FFFFFF; }
#principal { width: 921px; height: auto; margin-top: 10px; margin-left: 10px; float: left; background-repeat: repeat-y; }
#sidebar { padding: 0px 0px 5px; float: left; width: 170px; background-color: #FFFFFF; height: 100%; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000;}
#sideList { width: 160px; float: left; margin: 0px 5px; display: inline; border-bottom: 1px dotted #CCC; }
#main { float: right; width: 741px; height: 100%;}
#pankuzuList { height: 28px; width: 731px; margin-left: 0px; display: inline; float: right; margin-right: 5px; }
#mainbox { width: 731px; float: right;display: inline; }
#footer { color: #333333; clear: both; width: 941px; }
#header { width: 941px; clear: both; margin-bottom: 5px; display: inline-block; }
#header a:active { left: +1px; top: +1px; position: relative; }
#header h1 { background-image: none; font-size: 10px; line-height: 1.1em; float: left; color: #FFFFFF; margin-top: 1px; margin-left: 2px; text-align: left; }
.headerLead { background-color: #FF0000; height: 14px; width: 931px; float: left; clear: both; display: inline-block; margin: 0px 0px 2px 5px; }
.headerLead p { font-size: 9px; float: right; line-height: 1em; color: #FFFFFF; padding-top: 1px; text-align: right; }
.headerLeft { float: left; width: 463px; display: inline; padding-left: 5px; }
.headerLeft p { float: left; }
.headerLeftUe { float: left; width: 463px; height: 83px; }
#header h2 { width: 312px; height: 80px; clear: both; }
.headerLeftShita { float: left; width: 463px; }
.headerRight { float: right; width: 468px; }
.headerRightUe { float: right; width: 463px; height: 83px; padding-right: 5px; }
.headerRightUe p { float: right; }
.headerRightShita { float: left; width: 468px; }
#sideListLogin { display: inline-block; padding: 0px; position: relative; }
#sideListKaimono { display: inline-block; padding: 0px; }
.headerRightMigiShita p { margin: 0px 0px 2px; }
.headerFloatImage { padding: 0px; float: left; margin: 0px; }
.siteKensaku { width: 150px; margin-top: 2px; }
/* header styles */
/* footHeader styles */
#footHeader { width: 941px; margin-bottom: 5px; }
#footHeader a:active { left: +1px; top: +1px; position: relative; }
#footHeader p.fhp1 { background-image: none; font-size: 10px; line-height: 1.1em; float: left; color: #FFFFFF; margin-top: 1px; margin-left: 2px; text-align: left; text-transform: uppercase; }
/* footer styles */
#footer address { text-align: center; font-size: 83%; }
#footerLink p { text-align: center; padding-bottom: 8px; font-size: 88%; }
/* navigation styles */
#navigation ul { background-color: #FFFFFF; float: left; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
#navigation ul li { float: left; list-style: none; }
#navigation ul li a { height: 30px; display: block; width: 93px; display: block; border-left: 1px solid #333333; background-repeat: no-repeat; }
#navigation ul li a:active { position: relative; left: +1px; }
/* syohinNavigation styles 商品ナビゲーション
------------------------------*/
#syohinNavigation { height: 34px; width: 941px; clear: both; margin-bottom: 3px; }
#syohinNavigation ul { float: left; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
#syohinNavigation ul li { float: left; list-style: none; }
#syohinNavigation ul li a { height: 30px; display: block; width: 93px; display: block; background-color: #FFFFFF; border-left: 1px solid #333333; background-repeat: no-repeat;}
#syohinNavigation ul li a:active { position: relative; left: +1px; }
/* sidebar styles */
#sidebar dl { }
#sidebar dd { }
#sidebar dt { font-size: 110%; text-decoration: none; line-height: 1.2; display: block; width: 155px; background-color: #FFFFFF; padding-left: 0px; padding-top: 5px; padding-bottom: 3px; font-weight: bold; }
#sidebar dt.sideColor01 { color: #FF0000; }
#sidebar dt.sideColor01 a { color: #FF0000; text-decoration: underline; }
#sidebar dt.sideColor02 { color: #0033CC; }
#sidebar dt.sideColor02 a { color: #0033CC; text-decoration: underline; }
#sidebar dt.sideColor03 { color: #009900; }
#sidebar dt.sideColor03 a { color: #009900; text-decoration: underline; }
#sidebar dt.sideColor04 { color: #FF6600; }
#sidebar dt.sideColor04 a { color: #FF6600; text-decoration: underline; }
#sidebar dt.sideColor05 { color: #FFCC00; }
#sidebar dt.sideColor05 a { color: #FFCC00; text-decoration: underline; }
#sidebar dt.sideColor06 { color: #FF3399; }
#sidebar dt.sideColor06 a { color: #FF3399; text-decoration: underline; }
#sidebar dt.sidebarH2Red { font-size: 120%; color: #FFFFFF; text-decoration: none; line-height: 22px; text-align: center; height: 22px; width: 156px; font-weight: bold; background-color: #FF0000; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; display: block; }
#sidebar dt.sidebarH2Red a { color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px; }
#sidebar dt.sidebarH2Red a:hover { color: #FFFF00; text-decoration: none; }
#sidebar dt.sidebarH2Blue { font-size: 120%; color: #FFFFFF; text-decoration: none; line-height: 22px; text-align: center; height: 22px; width: 156px; font-weight: bold; background-color: #0000FF; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; display: block; }
#sidebar dt.sidebarH2Blue a { color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px; }
#sidebar dt.sidebarH2Blue a:hover { color: #FFFF00; text-decoration: none; }
#sidebar ul { width: 160px; background-color: #FFFFFF; }
#sidebar ul li { list-style: none; padding-left: 5px; border-bottom: 1px dotted #CCC; }
#sidebar ul li a { color: #666666; width: 137px; font-size: 86%; text-decoration: none; font-weight: bold; padding-left: 13px; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 1.2em; }
#sidebar ul li a:hover { color: #333333; text-decoration: none; font-weight: bold; background-color: #FFFF00; }
#sidebar ul li a:active { color: #FF0000; background-color: #FFFF00; position: relative; top: +1px; font-weight: bold; }
#sidebar ul.sideNaviColor01 li a { background-image: url(../images/sidenaviImage/sideNaviColor01.png); background-repeat: no-repeat; background-position: left center; }
#sidebar ul.sideNaviColor02 li a { background-image: url(../images/sidenaviImage/sideNaviColor02.png); background-repeat: no-repeat; background-position: left center; }
#sidebar ul.sideNaviColor03 li a { background-image: url(../images/sidenaviImage/sideNaviColor03.png); background-repeat: no-repeat; background-position: left center; }
#sidebar ul.sideNaviColor04 li a { background-image: url(../images/sidenaviImage/sideNaviColor04.png); background-repeat: no-repeat; background-position: left center; }
#sidebar ul.sideNaviColor05 li a { background-image: url(../images/sidenaviImage/sideNaviColor05.png); background-repeat: no-repeat; background-position: left center; }
#sidebar ul.sideNaviColor06 li a { background-image: url(../images/sidenaviImage/sideNaviColor06.png); background-repeat: no-repeat; background-position: left center; }
#sidebar p { margin: 5px 0px 0px; padding: 0px; border-bottom: 1px dotted #CCC; }
#sidebar a { padding: 0px; margin: 0px; }
#sidebar a img { width: 160px; background-color: #FF0000; display: inline; margin-bottom: 5px; }
#sidebar a:active { left: +1px; top: +1px; position: relative; }
#sideList div.sideListBox { width: 160px; margin: 0px; padding: 0px 0px 5px; }
#sideList #sideKaisyaBox { width: 148px; margin: 0px 0px 5px; background-color: #eeeeee; padding: 5px; border: 1px solid #666666; }
#sideList #sideKaisyaBox ul { background-color: #eeeeee; background-image: none; width: auto; margin: 0px; padding: 0px; }
#sidebar #sideKaisyaBox ul li a { color: #333333; font-size: 86%; text-decoration: none; font-weight: bold; margin: 0px; padding: 0px; display: inline; line-height: 1.5; }
#sidebar #sideKaisyaBox ul li a:hover { text-decoration: underline; background-color: #eeeeee; }
#sidebar #sideKaisyaBox ul li a:active { background-color: #CCCCCC; position: relative; top: +1px; }
#sidebar .sideListBox .sideTitleBanner a img { margin: 0px; padding: 0px; }
/*--------------------ここまで　基本領域--------------------*/

/*--------------------メインの全体の部品--------------------*/
/* タイトル／文字 main styles */
#main h1 { clear: both; padding-bottom: 6px; }
#main h2 { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/h2mainTitle.png); background-repeat: no-repeat; padding-left: 28px; font-size: 130%; color: #FFFFFF; line-height: 34px; height: 34px; display: block; margin-bottom: 8px; clear: both; }
#main h2 a:link{ color: #FFFFFF; text-decoration: none; }
#main h2 a:visited{ color: #FFFFFF; text-decoration: none; }
#main h2 a:hover { text-decoration: underline; }
#main h2 a:active { color: #FFFF00; }
#main h3 { font-size: 120%; font-weight: bold; margin-bottom: 10px; padding-top: 3px; padding-bottom: 1px; padding-left: 5px; border-bottom: 1px solid #FF0000; border-left: 4px solid #FF0000; color: #333333; border-top: 1px solid #FF0000; border-right: 1px solid #FF0000; background-color: #FFFFCC; clear: both; }
#main h4 { font-size: 115%; font-weight: bold; margin-bottom: 4px; padding-left: 13px; background-image: url(../images/mainTitleImage/h4mainTitle.jpg); background-repeat: no-repeat; background-position: left top; margin-top: 0px; clear: both; }
#main h4.markNashiH4Title { font-size: 115%; font-weight: bold; margin-bottom: 4px; padding-left: 0px; background-image: none; margin-top: 0px; clear: both; }
#main  h4.markNashiH4Green { font-size: 125%; font-weight: bold; margin-bottom: 4px; padding-left: 0px; background-image: none; clear: both; color: #009966; margin-top: 0px; }
#main h5 { font-size: 110%; font-weight: bold; margin-bottom: 2px; padding-left: 15px; background-image: url(../images/mainTitleImage/h5mainTitle.jpg); background-repeat: no-repeat; background-position: left top; clear: both; }
#main h6 { font-size: 105%; font-weight: bold; clear: both; }
#main h6.h6yajirushi { font-size: 110%; font-weight: bold; padding-left: 16px; background-image: url(../images/mainTitleImage/h6yajirushi.jpg); background-repeat: no-repeat; background-position: left center; clear: both; margin-bottom: 2px; padding-top: 2px; color: #FF3300; margin-top: 16px; }
#main p { margin-bottom: 12px; }
#main .bigFont { font-size: 200%; font-weight: bold; }
#main .smallFont { font-size: 90%; }
#main .bigMiddleFont { font-size: 150%; font-weight: bold; line-height: 1.3em; }
#main .big120font { font-weight: bold; font-size: 120%; }
#main .center { text-align: center; }
#main .rightSide { text-align: right; }
em{ font-weight: bold; color:#f00; }
#main em.emBlue { font-weight: bold; color: #0000FF; }
/*安マンタイトル*/
#main h3.yasumanfaceH3 { font-size: 150%; font-weight: bold; margin-bottom: 10px; background-image: url(../images/mainTitleImage/yasumanfaceTitleH4.gif); margin-top: 0px; clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 36px; background-position: 6px center; height: 26px; line-height: 28px; border-top: 1px solid #FF0000; border-right: 1px solid #FF0000; border-bottom: 1px solid #FF0000; border-left: 4px solid #FF0000; }
#main h3.yasumanfaceH3month { font-size: 180%; font-weight: bold; margin-bottom: 10px; background-image: url(../images/mainTitleImage/yasumanfaceTitleH4.gif); margin-top: 0px; clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 36px; background-position: 6px center; height: 30px; line-height: 32px; border-top: 1px solid #00F; border-right: 1px solid #00F; border-bottom: 1px solid #00F; border-left: 4px solid #00F; color: #00F; }
#main h3.yasumanH3face { font-size: 140%; font-weight: bold; background-image: url(../images/mainTitleImage/yasumanfaceTitleH4.gif); clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 40px; background-position: 12px center; height: 36px; line-height: 36px; margin: 0px 30px 10px; border: 2px solid #FF0000; }
#main h4.yasumanfaceH4 { font-size: 170%; font-weight: bold; margin-bottom: 4px; background-image: url(../images/mainTitleImage/yasumanfaceTitleH4.gif); margin-top: 0px; clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 32px; background-position: left center; height: 30px; line-height: 32px; }
#main h4.yasSaraniimanara { font-size: 170%; font-weight: bold; margin-bottom: 4px; background-image: url(../images/mainTitleImage/imanaraTitleH4.gif); margin-top: 0px; clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 110px; background-position: left center; height: 32px; line-height: 32px; }
#main h4.yasRedLineTitleH4 { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px; color: #FF0000; font-size: 140%; height: 28px; line-height: 28px; margin: 0px; }
#main h4.yasBlueLineTitleH4 { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px; color: #0000FF; font-size: 130%; height: 28px; line-height: 30px; margin: 0px 0px 4px; border-bottom: 1px solid #0000FF; display: block; }
#main h4.yasBlackLineTitleH4 { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px; color: #333333; font-size: 120%; height: 28px; line-height: 30px; margin: 0px 0px 6px; border-bottom: 1px solid #333333; display: block; }
/*安マンタイトル付き枠*/
#main h4.yasumanfaceTop { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px; color: #FF0000; font-size: 140%; height: 28px; line-height: 28px; margin: 0px; }
#main div.yasFullRedCover { height: auto; width: 698px; border: 1px solid #FF0000; margin-bottom: 15px; padding: 15px 15px 5px; display: block; float: left; }
#main div.yasFullRedBox { float: left; width: 698px; height: auto; }
#main div.yasFullRedLeft { float: left; width: 90px; height: auto; }
#main div.yasFullRedLead { float: left; width: 330px; height: auto; }
#main div.yasFullRedRight { float: right; width: 270px; }
#main div.yasNidanCover { float: left; width: 731px; padding-bottom: 20px; }
#main div.yasNidanBox { float: left; width: 365px; display: block; }
#main div.yasNidanLeft { height: auto; width: 326px; border: 1px solid #FF0000; padding: 12px 12px 0px; display: block; float: left; margin: 0px; }
#main div.yasNidanPhoto { float: left; width: 82px; height: auto; }
#main div.yasNidanLead { float: right; width: 234px; height: auto; }
/*ピンポイントキャンペーン用　yasNidanLeft以降*/
#main div.yasPinpoUeCover { width: 326px; clear: both; float: left; padding-bottom: 6px; }
#main div.yasPinpoUeCover p { margin: 0px; padding: 0px; }
#main div.yasPinpoPhoto { float: left; width: 166px; height: auto; }
#main div.yasPinpoLead { float: right; width: 150px; }
#main div.yasPinpoShitaCover { width: 326px; clear: both; float: left; }
#main h5.yasPinpoTitle { background-color: #FFFFFF; background-image: none; color: #FF0000; font-size: 150%; margin: 0px; padding: 0px; }
#main .pinpointButton  { width: 320px; float: left; padding-bottom: 10px; }
#main .pinpointButton ul li { float: left; list-style: none; }
#main .pinpointButton ul li a { color: #FF0000; text-decoration: none; text-align: left; display: block; height: 30px; width: 288px; line-height: 30px; font-weight: bold; font-size: 120%; padding-left: 14px; background-image: url(../images/campaignImage/pinpoButton.jpg); background-repeat: no-repeat; margin: 0px; }
#main .pinpointButton ul li a:hover { color: #FFFF00; background-image: url(../images/campaignImage/pinpoButtonhover.jpg); background-repeat: no-repeat; text-decoration: none; }
#main div.yasPinpoAkiImage { width: 326px; clear: both; float: left; padding: 12px 12px 0px; }
/* 画像　images styles */
a img { border-style: none; }
/* 画像位置設定　main image styles */
#main p img.imageRightFloat { float: right; }
#main p img.imageLeftFloat { float: left; }
#main p img.imageFullSize { clear: both; padding-bottom: 6px; width: 720px; }
#main p img.imageFullBottom18 { clear: both; padding-bottom: 18px; width: 700px; }
#main p img.image700Size { clear: both; width: 700px; }
#main p img.image600wakuSize { clear: both; width: 610px; border: 1px solid #999999; }
#main p img.image500Size { clear: both; padding-bottom: 6px; width: 500px; margin-right: 12px; }
#main p img.image500Bottom18 { float: left; clear: both; padding-bottom: 18px; width: 500px; }
#main p img.imageSetumei { clear: both; padding-bottom: 6px; width: 450px; float: left; margin-right: 12px; }
#main p.yajirushiClear { clear: both; float: left; }
/* リンク設定（メイン）　link styles */
#main a:link { color: #0000FF; text-decoration: underline; }
#main a:visited { color: #009900; text-decoration: underline; }
#main a:hover { color: #FF6600; text-decoration: none; }
#main a:active { text-decoration: none; position: relative; left: +1px; top: +1px; }
/* テーブル設定（メイン）　main table styles */
#main table { width: 100%; border-collapse:collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-bottom: 10px; clear: both; }
#main table.tableShita0 { margin-bottom: 2px; }
.tableSyuttenBox { font-size: 80%; text-align: right; height: auto; width: 730px; line-height: 1.2; }
.tableNokiTableBox { font-size: 90%; text-align: right; height: auto; width: 730px; line-height: 1.5; padding-top: 2px; }
#main table.tableHaba80 { width: 80%; }
#main table.tableHaba50 { width: 50%; }
#main table.tableSshot { width: 85%; margin-left: 16px; }
#main table p { margin: 0px; padding: 0px; }
#main table th { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; background-color: #FFFFCC; padding: 6px 8px; font-weight: bold; }
#main table td { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 6px 8px; }
#main table th.tableThLeft { text-align: left; font-weight: bold; }
#main table td.tableTdCenter { text-align: center; }
#main table td.tableTdRight { text-align: right;}
#main table th.tableThBackTitle { background-color: #FFCC99; text-transform: uppercase; }
#main table th.tableThBackFFFFEE { background-color: #FFFFEE; }
#main table td.tableTdBackFFFFEE { background-color: #FFFFEE; }
#main table .tableThTdHaba05 { width: 5%; }
#main table .tableThTdHaba09 { width: 9%; }
#main table .tableThTdHaba10 { width: 10%; }
#main table .tableThTdHaba11 { width: 11%; }
#main table .tableThTdHaba13 { width: 13%; }
#main table .tableThTdHaba15 { width: 15%; }
#main table .tableThTdHaba17 { width: 17%; }
#main table .tableThTdHaba18 { width: 18%; }
#main table .tableThTdHaba20 { width: 20%; }
#main table .tableThTdHaba21 { width: 21%; }
#main table .tableThTdHaba22 { width: 22%; }
#main table .tableThTdHaba23 { width: 23%; }
#main table .tableThTdHaba25 { width: 25%; }
#main table .tableThTdHaba27 { width: 27%; }
#main table .tableThTdHaba30 { width: 30%; }
#main table .tableThTdHaba33 { width: 33%; }
#main table .tableThTdHaba35 { width: 35%; }
#main table .tableThTdHaba37 { width: 37%; }
#main table .tableThTdHaba40 { width: 40%; }
#main table .tableThTdHaba43 { width: 43%; }
#main table .tableThTdHaba45 { width: 45%; }
#main table .tableThTdHaba50 { width: 50%; }
#main table .tableThTdHaba55 { width: 55%; }
#main table .tableThTdHaba60 { width: 60%; }
#main table .tableThTdHaba65 { width: 65%; }
#main table.tableCenter { text-align: center; }
#main table.tableRenryo { text-align: center; font-size: 90%; }
#main table.tableTdRight td { text-align: right; }
#main table.tableShortTdRight { width: 70%; }
#main table.tableShortTdRight td { text-align: center; }
#main table .tableThTdHaba10right0 { width: 10%; border-right-style: none; }
/* ナビゲーション設定（メイン）　main navi styles */
#main #mainNaviBox  { width: 731px; float: left; padding-bottom: 12px; }
#main #mainNaviBox ul li { float: left; list-style: none; }
#main #mainNaviBox ul li a { color: #FF0000; text-decoration: none; text-align: left; display: block; height: 30px; width: 224px; margin-right: 5px; line-height: 30px; font-weight: bold; font-size: 100%; padding-left: 14px; background-image: url(../images/mainNaviImage/mainNaviBar.jpg); background-repeat: no-repeat; margin-bottom: 5px; }
#main #mainNaviBox ul li a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverMainNaviBar.jpg); background-repeat: no-repeat; text-decoration: none; }
#main .subNaviBox  { width: 731px; float: left; padding-bottom: 12px; }
#main .subNaviBox ul  { padding-left: 10px; }
#main .subNaviBox ul li { float: left; list-style: none; }
#main .subNaviBox ul li a { color: #FFFFFF; text-decoration: none; text-align: left; display: block; height: 28px; width: 327px; line-height: 28px; font-weight: bold; font-size: 100%; padding-left: 18px; background-repeat: no-repeat; margin-bottom: 5px; margin-right: 10px; background-image: url(../images/mainNaviImage/subNaviBar.jpg); }
#main .subNaviBox ul li a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverSubNaviBar.jpg); background-repeat: no-repeat; text-decoration: none; }
/* リストの設定（メイン）　main List styles */
#main ul.listBasicStyle { list-style: circle; margin-bottom: 12px; margin-left: 16px; }
#main ul.listBasicShita0Style { list-style: circle; margin-bottom: 0px; margin-left: 16px; }
#main ul.listBasicAkiStyle { list-style: circle; margin-bottom: 6px; margin-left: 28px; }
#main ul.listBasicStyle li { margin: 0px; padding: 0px; }
#main ul.listBasicShita0SDisctyle { list-style: square; margin-bottom: 0px; margin-left: 16px; }
#main ul.listBasicDiscStyle { list-style: square; margin-bottom: 12px; margin-left: 24px; }
#main ul.listBasicDiscStyle li { margin: 0px; padding: 0px; }
#main ul.listNumberBigStyle { list-style: decimal; margin-bottom: 12px; padding-left: 24px; margin-top: 4px; }
#main ul.listNumberBigStyle li { font-size: 160%; }
#main ul.listNumberBigStyle ul li { font-size: 90%; }
#main ul.listNumberMiddleStyle { list-style: decimal; margin-bottom: 12px; padding-left: 24px; margin-top: 4px; }
#main ul.listNumberMiddleStyle li { font-size: 120%; }
#main ul.listNumberStyle { list-style: decimal; margin-bottom: 12px; padding-left: 36px; }
#main ul.listNumberStyle li { margin: 0px; padding: 0px; }
#main div.listBasicNidan { width: 100%; padding-bottom: 8px; float: left; }
#main div.listBasicNidan ul li { float: left; padding-top: 0px; padding-right: 8px; padding-bottom: 6px; list-style: none; margin: 0px; }
#main div.listBasicNidan ul li a { display: block; width: 351px; text-decoration: none; color: #666666; font-weight: bold; background-color: #EEEEEE; border: 1px solid #CCCCCC; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; }
#main div.listBasicNidan ul li a:hover { color: #FF0000; background-color: #FFFF00; }
#main div.listBasic3dan { width: 100%; padding-bottom: 8px; float: left; }
#main div.listBasic3dan ul li { float: left; padding-top: 0px; padding-right: 8px; padding-bottom: 6px; list-style: none; margin: 0px; }
#main div.listBasic3dan ul li a { display: block; width: 229px; text-decoration: none; color: #666666; font-weight: bold; background-color: #EEEEEE; border: 1px solid #CCCCCC; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; }
#main div.listBasic3dan ul li a:hover { color: #FF0000; background-color: #FFFF00; }
/* センター入りのボタン（メイン） main buttonCenter styles */
#main ul.buttonCenter { width: 730px; float: left; padding-bottom: 10px; }
#main ul.buttonCenter li { float: left; list-style: none; }
#main ul.buttonCenter li a { color: #FFFFFF; text-decoration: none; text-align: center; display: block; height: 30px; width: 730px; margin-right: 5px; margin-bottom: 5px; line-height: 28px; font-weight: bold; font-size: 120%; background-image: url(../images/goriyoImage/buttonCenterOrange.jpg); background-repeat: no-repeat; background-position: center; }
#main ul.buttonCenter li a:hover { color: #FFFFFF; text-decoration: none; background-image: url(../images/goriyoImage/buttonCenterBlue.jpg); background-repeat: no-repeat; background-position: center; }
/* 説明のBox（メイン） main Box styles */
#main div.setumeiBox { width: 630px; margin-left: 44px; border: 3px double #FF0000; padding: 6px 8px; margin-bottom: 16px; }
#main div.setumeiBox p { padding: 0px; margin: 0px; font-size: 90%; line-height: 1.3; }
#main div.setumeiBox p.bigfontsetumei { font-size: 120%; }
#main div.campaignSetumeiBox { width: 630px; margin-left: 44px; border: 3px double #FF0000; padding: 6px 8px; margin-bottom: 16px; }
#main div.campaignSetumeiBox p { padding: 0px; margin: 0px; font-size: 110%; line-height: 1.3; }
#main div.setumeiSmallBox { width: 420px; margin-left: 0px; border: 3px double #FF0000; padding: 6px 8px; margin-bottom: 16px; }
#main div.setumeiSmallBox p { padding: 0px; margin: 0px; font-size: 90%; line-height: 1.3; }
/* よくあるお問い合わせの設定（メイン）　main mainShitumonCover styles */
#main .mainShitumonCover { float: left; width: 630px; display: block; margin-bottom: 12px; margin-left: 50px; }
#main .mainShitumonCover h6.shitumonImageUe { background-image: url(../images/mainPartsImage/mainPartsShitumon.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px; padding: 0px; border-style: none; height: 38px; display: block; float: left; width: 630px; }
#main .mainShitumonCover h6.shitumonImageShita { background-image: url(../images/mainPartsImage/mainPartsShitumonShita.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px; padding: 0px; border-style: none; height: 9px; display: block; float: left; width: 630px; }
#main .mainShitumonBox { float: left; width: 628px; border-right: 1px solid #FF0000; border-left: 1px solid #FF0000; display: block; }
#main .mainShitumonBox p { margin-left: 10px; margin-bottom: 0px; }
#main .mainShitumonCover ul { width: 600px; padding-top: 3px; padding-left: 14px; }
#main .mainShitumonCover ul li { list-style: none; padding-bottom: 4px; }
#main .mainShitumonCover ul li a { padding-left: 16px; background-image: url(../images/mainPartsImage/mainPartsShitumonQ.jpg); background-repeat: no-repeat; background-position: left top; display: block; }
/* パンくずリストmain pankuzuList styles */
#main #pankuzuList p { font-size: 100%; font-weight: normal; }
#main #pankuzuList p a { font-weight: bold; }
#main #pankuzuList p a:hover { color: #0000FF; text-decoration: none; }
#main #pankuzuList p a:active { color: #FF6600; text-decoration: none; }
/* コメントボタン　commentButton styles */
#main #commentButton { clear: both; float: left; width: 725px; display: block; height: 30px; padding-left: 5px; }
#main .commentButtonBox { float: left; width: auto; display: block; height: 30px; padding-right: 12px; }
#main .commentTwiButtonBox { float: left; width: 100px; display: block; height: 30px; padding-right: 10px; }
/*kouseiButton */
#main ul.kouseiButton { width: 400px; background-color: #FFFFFF; padding-left: 12px; float: left; padding-bottom: 10px; }
#main ul.kouseiButton li { float: left; list-style: none; }
#main ul.kouseiButton li a { color: #FFFFFF; text-decoration: none; text-align: left; display: block; height: 25px; width: 180px; margin-bottom: 5px; line-height: 25px; font-weight: bold; font-size: 100%; padding-left: 28px; background-image: url(../images/mainPartsImage/cusKouseiGreen.jpg); background-repeat: no-repeat; }
#main ul.kouseiButton li a:hover { color: #FFFFFF; background-image: url(../images/mainPartsImage/cusKouseiOrange.jpg); background-repeat: no-repeat; text-decoration: none; }
#main ul.kouseiButton li a:active { color: #FFFF00; }
/*--------------------ここまで　メインの全体の部品--------------------*/
/*--------------------トライセルからのスタイル-------------------*/
/* パンくずリスト170501 */
#pankuzuList ol li{display:inline-block;}
/* 色指定 */
.red { color: #FF0000; }
/*_/_/_/_/_/カレンダー用_/_/_/_/_/*/
/* カレンダー全体を囲う */
#main .calendar{ border:1px solid #888; background-color:#FFF; margin:3px 0px 3px 0px; }
/* カレンダー上部にある日付 */
#main .calendar-header{ text-align:right; text-align: center; }
/* テーブル */
#main table.calendar-content{ border:0px; padding:0px 1px 0px 1px; }
/* tdに対して */
#main .calendar td{ color:#666666; border:0px; font-size:80%; text-align:center; line-height:1; padding:3px 0px 3px 0px; }
/* 休日のtdに対して */
#main td.dayOff{ color:#f00; }
/* 土日のtdに対して */
#main td.week_sun,td.week_sat{ color: red; }
/* トップページの今日 */
#main .calendar td.today{ border:1px solid #00F; }
/*_/_/_/_/_/買い物かごのテーブル用	_/_/_/_/_/*/
/* thに対して */
th.thShort { width:100px; }
th.thMiddle { width:140px; }
th.thLong { width:200px; }
#matrix { clear: both; }
p.catalogTableCaption{ display: inline-block; font-size:100%; padding:5px 15px 6px 10px; font-weight:normal; -moz-border-radius: 12px; -webkit-border-radius: 12px; background-color: #FFFFCC; border: 3px solid #FF0000; color: #333333; font-weight: bold; }
.fontBig{font-size:160%; padding:0px 5px 0px 0px; color: #FF0000; }
/*_/_/_/_/_/カレンダー専用ページ_/_/_/_/_/*/
/* カレンダー全体を囲う */
#main .bigCalendar .calendar{ width:335px; border:1px solid #999999; background-color:#FFF; float:left; color:#666666; padding: 3px 10px 10px; font-weight: normal; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
/* カレンダー上部にある年月 */
#main .calendar-header{ text-align: center; font-size: 130%; font-weight: bold; }
/* テーブル */
#main .bigCalendar table.calendar-content{ border:1px solid #999999; padding:0px; margin:1px; width: 335px; }
/* すべてのtdに対して */
#main .bigCalendar .calendar td{ background-color:#FFFFFF; color:#666666; text-align:center; line-height:1; padding:5px 0px; font-weight: normal; border: 1px solid #999999; font-size: 110%; }
/* 休業日のtdに対して */
#main .bigCalendar .calendar td.dayOff{ background-color:#FFCCCC; color: #FF0000; font-weight: bold; }
/* 専用ページの今日 */
#main .bigCalendar .calendar td.today{ border:2px solid #00F; }
/* 日月火水木金土のtd */
#main .bigCalendar .calendar tr.week_header td{ color: #333333; font-weight: bold; }
/* googleInput */
.googleInput{ width:90%; margin-bottom:5px; }
/* security_code */
.security_code{ color:#555555; font-size:12px; }
.security_code_em{ color:#FF0000; }
/* 404ページ */
#goog-fixurl input#goog-wm-qt{ width:300px; }
#goog-fixurl input#goog-wm-sb{ width:100px; }
/* ログイン時のクーポン表示*/
.userPresentationMessageContainer { padding: 20px; position: absolute; left:155px; opacity:0.95; }
.userPresentationMessage { border:5px solid #F00; position: relative; background: #FFF; padding:20px; width:156px; margin-bottom: 20px; border-radius: 50px; box-shadow:2px 2px 4px #333; z-index:1; }
.userPresentationMessage:before { border:5px solid #F00; content: ''; position: absolute; background: #FFF; height: 30px; width: 30px; border-radius: 20px; top: -15px; left: -15px; box-shadow:1px 1px 3px #555; opacity:0.9; }
.userPresentationMessage:after { border:5px solid #F00; content: ''; position: absolute; background: #FFF; height: 20px; width: 20px; border-radius: 15px; top: -30px; left: -33px; box-shadow:1px 1px 3px #555; opacity:0.8; }
/* 以下のCSS変更しない事　------------------------------*/
input,textarea{ width:75%; }
input.auto{ width:auto; padding: 0px 10px 0px 10px; }
input.auto[type="submit"]{ background-color:#FFF; font-size: 14px; border: 3px solid #9fa0a0; padding:8px 25px; cursor: pointer; }
input.auto:hover[type="submit"]{ background-color:#DDD; }
/*--------------------ここまで　トライセルからのスタイル--------------------*/
/*--------------------トライセルに渡した見本スタイル--------------------*/
/* ボタンの見本です */
#main .systemButtonBlue a { color: #0000FF; text-decoration: none; text-align: left; display: block; height: 30px; width: 224px; margin-right: 5px; line-height: 30px; font-weight: bold; font-size: 100%; padding-left: 14px; background-image: url(../images/mainNaviImage/buttonSystemBlue.gif); background-repeat: no-repeat; margin-bottom: 5px; float: left; }
#main .systemButtonRed a { color: #FF0000; text-decoration: none; text-align: left; display: block; height: 30px; width: 224px; margin-right: 5px; line-height: 30px; font-weight: bold; font-size: 100%; padding-left: 14px; background-image: url(../images/mainNaviImage/buttonSystemRed.gif); background-repeat: no-repeat; margin-bottom: 5px; float: left; }
#main .systemButtonBlue a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverButtonSystemBlue.gif); background-repeat: no-repeat; text-decoration: none; }
#main .systemButtonRed a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverButtonSystemRed.gif); background-repeat: no-repeat; text-decoration: none; }
#main .systemTateButtonBlue a { color: #0000FF; text-decoration: none; text-align: left; display: block; height: 30px; width: 224px; margin-right: 5px; line-height: 30px; font-weight: bold; font-size: 100%; padding-left: 14px; background-image: url(../images/mainNaviImage/buttonSystemBlue.gif); background-repeat: no-repeat; margin-bottom: 5px; }
#main .systemTateButtonRed a { color: #FF0000; text-decoration: none; text-align: left; display: block; height: 30px; width: 224px; margin-right: 5px; line-height: 30px; font-weight: bold; font-size: 100%; padding-left: 14px; background-image: url(../images/mainNaviImage/buttonSystemRed.gif); background-repeat: no-repeat; margin-bottom: 5px; }
#main .systemTateButtonBlue a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverButtonSystemBlue.gif); background-repeat: no-repeat; text-decoration: none; }
#main .systemTateButtonRed a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverButtonSystemRed.gif); background-repeat: no-repeat; text-decoration: none; }
/* フォームのボタンの見本です　form styles */
#main input.buttonForm { font-size: 120%; color: #FFFFFF; width: 100px; font-weight: bold; background-color: #FF9900; border: 3px outset #FF9900; }
#main ul.buttonLogin { width: 300px; float: left; }
#main ul.buttonLogin li { float: left; list-style: none; }
#main ul.buttonLogin li a { color: #FFFFFF; text-decoration: none; text-align: left; display: block; height: 30px; width: 187px; margin-right: 5px; line-height: 28px; font-weight: bold; font-size: 120%; padding-left: 28px; background-image: url(../images/loginImage/buttonOrange.jpg); background-repeat: no-repeat; padding-bottom: 10px; }
#main ul.buttonLogin li a:hover { color: #FFFF00; background-image: url(../images/loginImage/buttonBlue.jpg); background-repeat: no-repeat; text-decoration: none; }
/* メッセージテーブルの見本です　message table styles */
#main table.messageTable { width: 100%; border-collapse:collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-bottom: 10px; }
#main table.messageTable th { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; background-color: #FFFFCC; padding: 6px 8px; font-weight: bold; }
#main table.messageTable th.messageCustomer { background-color: #FFCCFF; }
#main table.messageTable th.messageHeisya { background-color: #CCFFFF; }
/* 価格表の見本です　kakaku table styles */
#main table.kakakuTable { border-collapse:collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-bottom: 10px; clear: both; width:auto; }
#main table.kakakuTable th { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; background-color: #FFFFCC; padding: 6px 8px; font-weight: bold; width:100px; }
#main table.kakakuTable td { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 6px 12px 6px 6px; text-align: right; }
#main #kakakuhyoCover { margin-bottom: 8px; height: auto; width: 700px; float: left; }
#main #kakakuhyoSetumeibun { float: left; width: 590px; }
#main #kakakuhyoImage { width: 100px; height: auto; float: right; clear: none; }
#main #kakakuhyoCover p { margin: 0px; padding: 0px; }
/* 買い物かご用の見本です */
#main table.kagoSelectTable { width: 100%; border-collapse:collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-bottom: 10px; }
#main table.kagoSelectTable th { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; background-color: #FFFFCC; padding: 6px 8px; font-weight: bold; }
#main table.kagoSelectTable td { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 6px 8px; text-align: center; }
#main table.kagoOptionTable { width: 100%; border-collapse:collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-bottom: 10px; }
#main table.kagoOptionTable th { line-height: 1.4; font-size: 100%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; background-color: #FFFFCC; padding: 6px 8px; font-weight: bold; }
#main table.kagoOptionTable td { line-height: 1.4; font-size: 90%; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 6px 8px; }
#main table.kagoSyosaiTable { width: 100%; border-collapse:collapse; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin-bottom: 10px; }
#main table.kagoSyosaiTable th { line-height: 1.4; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; background-color: #FFFFCC; padding: 4px 8px; font-weight: bold; }
#main table.kagoSyosaiTable td { line-height: 1.4; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 4px 8px; }
#main table.kagoSyosaiTable .kagoSyosaiRight { text-align: right; }
#main table.kagoSokeikakaku { width: 100%; border-collapse:collapse; margin-bottom: 10px; border: 2px solid #FF0000; }
#main table.kagoSokeikakaku th { line-height: 1.4; font-size: 150%; text-align: center; background-color: #FF0000; padding: 6px 8px; font-weight: bold; width: 140px; color: #FFFFFF; }
#main table.kagoSokeikakaku td { line-height: 1.4; font-size: 150%; padding: 6px 8px; text-align: right; font-weight: bold; }
#main table td.kagoTotalPrice { font-weight: bold; font-size: 120%; text-align: right; width: 100px; }
#main h3.jyohoNyuryoku { border-bottom: 2px solid #0000FF; border-left: 2px solid #0000FF; color: #0000FF; border-top: 2px solid #0000FF; border-right: 2px solid #0000FF; background-color: #FFFFFF; }
.redBox{ border:solid 1px #F00; background-color: #FEE; padding: 30px 0px 30px 30px; margin: 10px 0px 10px 0px; }
/* 納期計算機 */
#main table.nokilkeisan { width: auto; }
#main table.nokilkeisan td { padding: 0px; }
/* 新着情報の見本です　message table styles */
div.shintyakuBottom { border-bottom: 1px dotted #AAA; padding: 16px; }
/*--------------------ここまで　トライセルに渡した見本スタイル--------------------*/
/*--------------------各ページごとのスタイル--------------------*/
/*---------------トップページ---------------*/
/* topJyohoTable styles */
#main table.topJyohoTable { width: 100%; border-collapse:collapse; margin-bottom: 10px; clear: both; border-top: 2px solid #666666; border-left: 2px solid #666666; }
#main table.topJyohoTable td { line-height: 1.4; font-size: 95%; border-right: 2px solid #666666; border-bottom: 2px solid #666666; }
#main table.topJyohoTable p { margin: 0px; padding: 0px; }
#main table.topJyohoTable p a { text-decoration: none; }
#main table.topJyohoTable div.nitiji { margin-top: 8px; margin-bottom: 10px; height: auto; width: auto; margin-left: 20px; }
/* mainTopBox */
#home #mainTopBox { padding: 0px; float: left; width: 730px; margin: 0px 0px 4px; }
#home #mainTopBox h2 { background-image: url(../images/mainTitleImage/h2homeMainTitle.png); background-repeat: no-repeat; border-width: 0px; padding-left: 28px; font-size: 145%; color: #FFFFFF; line-height: 34px; height: 34px; display: block; margin-bottom: 4px; clear: both; font-weight: bold; }
#home #mainTopBox p { margin: 0px; padding: 0px; }
#home #mainTopBox a { margin: 0px; padding: 0px; }
#home #mainTopBox a:active { left: 0px; top: 0px; position: relative; }
/*バナー用DIV フル〜3枠-----*/
#home #mainTopBox div.mtbPRfull { width: 730px; margin: 0px 0px 10px; display: inline; float: left;}
#home #mainTopBox div.mtbPRfloatHalf { padding: 0px; float: left; width: 365px; margin: 0px; }
#home #mainTopBox div.mtbPRfloatLeft { padding: 0px; float: left; width: 243px; margin: 0px; }
#home #mainTopBox div.mtbPRfloatFourLeft { padding: 0px; float: left; width: 182px; margin: 0px; }
/*-----商品紹介-----*/
/* homeSyohinBox */
#home .homeSyohinBox { padding: 0px; float: left; width: 730px; margin: 0px 0px 8px; line-height: 1.3em; }
/*商品一段用*/
#home .homeSyohinBox .hkbsDanIchi { width: 730px; float: left; display: block; margin-bottom: 10px; }
#home .homeSyohinBox .hkbsNormal { height: 135px; float: left; width: 236px; margin-right: 5px; border: 1px solid #666; }
#home .hkbsNormal .hkbsNormalBox { float: left; height: 130px; width: 230px; margin-top: 6px; margin-left: 5px; display: inline; }
#home h3.hkbsNormalH3 { background-image: none; padding-left: 5px; font-size: 120%; border-left: 4px solid #FF0000; border-top-style: none; border-right-style: none; height: 20px; line-height: 20px; display: block; background-color: #FFFFFF; text-align: left; margin-bottom: 5px; border-bottom: 1px solid #999999;}
#home h3.hkbsServiceH3 { background-image: none; padding-left: 5px; font-size: 120%; border-left: 4px solid #00CC00; border-top-style: none; border-right-style: none; height: 20px; line-height: 20px; display: block; background-color: #FFFFFF; text-align: left; margin-bottom: 5px; border-bottom: 1px solid #333; }
#home span.hkbsNormalH3 { background-image: none; padding-left: 5px; font-weight:bold; font-size: 120%; border-left: 4px solid #FF0000; border-top-style: none; border-right-style: none; height: 20px; line-height: 20px; display: block; background-color: #FFFFFF; text-align: left; margin-bottom: 5px; border-bottom: 1px solid #999999 ;}
#home span.hkbsServiceH3 { background-image: none; padding-left: 5px; font-weight:bold; font-size: 120%; border-left: 4px solid #00CC00; border-top-style: none; border-right-style: none; height: 20px; line-height: 20px; display: block; background-color: #FFFFFF; text-align: left; margin-bottom: 5px; border-bottom: 1px solid #333; }

#home .hkbsNormalBox .hkbsPhotoLead { float: left; height: 72px; width: 230px; display: block;}
#home .hkbsPhotoLead .hkbsPhotoBox { float: left; height: 70px; width: 90px; background-color: #FFFFFF; }
#home .hkbsPhotoLead .hkbsLeadBox { float: right; width: 128px; margin-right: 5px; }
#home .hkbsPhotoLead .hkbsLeadBox p { font-size: 90%; line-height: 1.3em;}
/*商品値段ノーマル用*/
#home .hkbsNedanBox { float: right; display: block; height: 24px; background-repeat: no-repeat; background-position: right center; font-size: 100%; text-align: right; line-height: 28px; font-weight: bold; width: 228px; }
#home .hkbsNedanBox a { text-decoration: underline; }
#home .hkbsNedanBoxNb { float: right; display: block; height: 28px; background-repeat: no-repeat; background-position: right center; font-size: 100%; text-align: right; line-height: 28px; font-weight: bold; width: 350px;}
#home .hkbsNedanBoxNb a { text-decoration: underline; }
/*商品一段大枠用*/
#home .homeSyohinBox .hkbsNormalBig { float: left; width: 358px; border: 1px solid #333; margin-right: 5px; }
#home .hkbsNormalBig .hkbsNormalBigBox { float: left; width: 352px; margin-top: 6px; margin-left: 5px; display: inline; }
#home .hkbsNormalBigBox .hkbsNbPhotoLead { float: left; width: 352px; display: block; }
#home .hkbsNbPhotoLead .hkbsNbPhotoBox { float: left; width: 125px; background-color: #FFFFFF; height: 95px; margin-bottom: 5px; }
#home .hkbsNbPhotoLead .hkbsNbLeadBox { float: right; width: 215px; margin-right: 5px; }
#home .hkbsNbPhotoLead .hkbsNbLeadBox p { font-size: 100%; line-height: 1.3em; }
/*-----商品紹介より下部-----*/
/*インフォメーション*/
#main .homeInformationCover { padding: 0px; float: left; width: 730px; margin: 0px 0px 8px; line-height: 1.4em; }
#main .homeInfCover { padding: 0px; float: left; width: 730px; margin: 3px 0px 0px; }
#main .homeInfPbox { float: left; width: 730px; margin-bottom: 8px; }
#main .homeInfCover h3 { margin-bottom: 7px; background-color: #FFFFFF; border-left-color: #0066FF; border-style: none none solid solid; border-bottom-color: #333333; }
/*新着情報＆お客様の声*/
#home div.homeKomokuBox { padding: 0px; float: left; width: 730px; margin: 0px 0px 10px; display: inline; }
#home div.homeKomokuBox dl.homeShintyaku { margin-bottom: 4px; }
#home div.homeKomokuBox dl.homeShintyaku dt { font-weight: bold; line-height: 1.4; margin-bottom: 2px; color: #999999; text-align: right; }
#home div.homeKomokuBox dl.homeShintyaku dd { line-height: 1.4; margin-bottom: 6px; clear: both; }
#home div.homeKomokuBox dl.homeOkyakusama { margin-bottom: 4px; }
#home div.homeKomokuBox dl.homeOkyakusama dt { font-weight: bold; line-height: 1.4; margin-bottom: 2px; }
#home div.homeKomokuBox dl.homeOkyakusama dd { line-height: 1.4; margin-bottom: 6px; }
#home div.homeKomokuBox h3 { font-size: 120%; font-weight: bold; margin-bottom: 4px; padding-left: 15px; background-image: url(../images/mainTitleImage/h5mainTitle.jpg); background-repeat: no-repeat; background-position: left top; clear: both; border-style: none; height: 20px; background-color: #FFF; line-height: 1.2em; }
/*---------------ご利用ガイド---------------*/
/*ご利用ガイド メイン */
#goriyo #goriyoBox { padding: 0px; float: left; width: 510px; margin: 0px 0px 20px; }
#goriyo #goriyoBox p { line-height: 1.4; font-size: 110%; margin: 0px; padding: 0px; }
#goriyo #goriyoBox p.goriyoRed { font-size: 90%; font-weight: bold; color: #FF0000; }
#goriyo #goriyoBox .gorNumberCover { float: left; width: 510px; }
#goriyo #goriyoBox .gorNumberBox { float: left; width: 510px; height: 32px; }
#goriyo #goriyoBox .gorNumYajiCover { width: 510px; float: left; }
#goriyo #goriyoBox .gorNumYajiBox { float: left; width: 220px; height: 32px; padding-top: 10px; }
#goriyo #goriyoBox .gorYajirushiBox { float: right; width: 280px; height: 42px; }
#goriyo .goriyoLeadBox { padding: 8px; border: 2px solid #0000FF; float: left; width: 480px; background-color: #FFFFCC; }
#goriyo #goriyoBox ul.goriyoList { padding-left: 16px; font-size: 110%; }
#goriyo #goriyoBox ul.goriyoList li { list-style: circle; line-height: 1.3em; }
#goriyo #goriyoBox ul.goriyoList ul { padding-left: 20px; font-size: 90%; }
#goriyo #goriyoBox ul.goriyoList ul li { list-style: square; color: #FF0000; line-height: 1.3em; }
#goriyo #goriyoBox h4 { font-size: 160%; line-height: 28px; font-weight: bold; color: #0000FF; height: 28px; padding-left: 32px; background-image: none; float: left; width: 170px; }
#goriyo #goriyoBox h4.goriyoTitle01 { background-image: url(../images/goriyoImage/goriyoTitle01.jpg); background-repeat: no-repeat; background-position: left center; }
#goriyo #goriyoBox h4.goriyoTitle02 { background-image: url(../images/goriyoImage/goriyoTitle02.jpg); background-repeat: no-repeat; background-position: left center; }
#goriyo #goriyoBox h4.goriyoTitle03 { background-image: url(../images/goriyoImage/goriyoTitle03.jpg); background-repeat: no-repeat; background-position: left center; }
#goriyo #goriyoBox h4.goriyoTitle04 { background-image: url(../images/goriyoImage/goriyoTitle04.jpg); background-repeat: no-repeat; background-position: left center; }
#goriyo #goriyoBox h4.goriyoTitle05 { background-image: url(../images/goriyoImage/goriyoTitle05.jpg); background-repeat: no-repeat; background-position: left center; }
#goriyo #goriyoBox h4.goriyoTitle06 { background-image: url(../images/goriyoImage/goriyoTitle06.jpg); background-repeat: no-repeat; background-position: left center; }
#goriyo #goriyoBox h5.gorYajirushiMail { background-image: url(../images/goriyoImage/gorYajirusiMail.jpg); background-repeat: no-repeat; height: 42px; width: 188px; background-position: left center; line-height: 42px; font-size: 80%; color: #FF0000; padding-left: 92px; display: block; }
#goriyo #goriyoBox h5.gorYajirushi { background-image: url(../images/goriyoImage/gorYajirushi.jpg); background-repeat: no-repeat; height: 42px; width: 188px; background-position: left center; line-height: 42px; font-size: 80%; color: #FF0000; padding-left: 92px; display: block; }
#goriyo .goriyoLeadBox .goriyoKoseiBox { background-color: #FFFFFF; border: 2px solid #0000FF; margin-bottom: 8px; margin-top: 8px; padding: 8px; }
#goriyo .goriyoKoseiBox h6.gorKoseiH6Blue { background-color: #0000FF; display: block; text-align: center; padding-top: 2px; padding-bottom: 2px; font-size: 120%; margin-bottom: 8px; color: #FFFFFF; }
#goriyo .goriyoKoseiBox h6.gorKoseiH6Red { background-color: #FF0000; display: block; text-align: center; padding-top: 2px; padding-bottom: 2px; font-size: 120%; margin-bottom: 8px; color: #FFFFFF; }
#goriyo .goriyoLeadBox .goriyoKoseiUtiBox { background-color: #FFE0D1; border: 2px solid #FF0000; padding: 8px; margin-top: 4px; margin-bottom: 4px; font-weight: bold; }
#goriyo #goriyoBox .gorTugoCover { float: left; }
#goriyo #goriyoBox .gorOtodoke { float: left; width: 500px; text-align: center; font-size: 200%; color: #FFFFFF; background-color: #FF0000; display: block; padding-top: 4px; padding-bottom: 4px; font-weight: bold; margin-bottom: 8px; }
#goriyo #goriyoBox .gorTyuiBox { font-size: 86%; color: #FF0000; width: 510px; height: auto; float: left; }
/* 右のサイドバー */
#goriyo #goriyoRight { padding: 0px; float: right; width: 210px; margin: 0px; }
#goriyo #goriyoRight h4 { font-size: 115%; font-weight: bold; margin-bottom: 4px; padding-left: 13px; background-image: url(../images/mainTitleImage/h4mainTitle.jpg); background-repeat: no-repeat; background-position: left top; margin-top: 0px; clear: both; }
#goriyo #goriyoRight ul.listGoriyoStyle { list-style: circle; margin-bottom: 8px; margin-left: 16px; }
#goriyo #goriyoRight ul.listGoriyoStyle li { margin: 0px; padding: 0px; }
/*---------------商品一覧〜各商品---------------*/
/*上部リード */
.ichiranLeadCover { float: left; width: 708px; margin-bottom: 15px; padding-top: 8px; padding-right: 10px; padding-left: 10px; border: 1px solid #CCCCCC; }
.ichiranLeadCover p { padding: 0px; margin: 0px 0px 8px; }
.ichiranLeadCover img { margin-bottom: 12px; }
.ichiranLeadCover .ichiranPhotoBox { margin: 0px; float: left; width: 150px; display: inline; }
.ichiranLeadCover .ichiranLeadBox { float: right; width: 545px; margin: 0px 0px 3px; padding: 0px; display: inline; }
/*商品一覧の表示*/
#syohin #syohinIchiran { float: left; width: auto; display: inline-block; }
#syohin .ichiranCover { float: left; width: 730px; padding-bottom: 16px; }
#syohin .ichiranBox { float: left; width: 243px; }
#syohin .ichiranSetumei { width: 210px; height: 80px; display: block; margin-bottom: 8px; border: 1px solid #666666; padding: 5px; }
#syohin .ichiranOptionSetumei { width: 210px; height: 60px; display: block; margin-bottom: 8px; border: 1px solid #666666; padding: 5px; }
#syohin .ichiranSetumei .ichSetLeftBox { float: left; width: 125px; height: 80px; margin: 0px; padding: 0px; }
#syohin .ichiranSetumei .ichSetRightBox { float: right; height: 80px; width: 80px; margin: 0px; padding: 0px; }
#syohin .ichiranSetumei .ichSetRightBox img{ margin: 0px; padding: 0px; }
#syohin .ichiranSetumei .ichSetLeftBox p,
#syohin .ichiranSetumei .ichSetLeftFullBox p,
#syohin .ichiranOptionSetumei .ichSetLeftOptionBox p { font-size: 80%; line-height: 1.2; }
#syohin .ichiranSetumei .ichSetLeftFullBox { float: left; width: 210px; height: 80px; margin: 0px; padding: 0px; }
#syohin .ichiranOptionSetumei .ichSetLeftOptionBox { float: left; width: 210px; margin: 0px; padding: 0px; height: 60px; }
#syohin .ichiranCover h3 { padding: 2px 0px 2px 3px; background-color: #FFFFFF; border-left: 2px solid #FF0000; border-top-style: none; border-right-style: none; border-bottom: 1px solid #999999; width: 120px; font-size: 110%; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; line-height: 1.2em; }
#syohin .ichiranCover h4 { padding: 0px 0px 0px 3px; background-color: #FFFFFF; border-left: 2px solid #FF0000; border-top-style: none; border-right-style: none; border-bottom: 1px solid #999999; width: 205px; font-size: 110%; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; background-image: none; }
#syohin .ichiranCover ul { list-style: circle; padding-left: 16px; font-size: 110%; }
#syohin .ichiranCover ul.listBasicInList { list-style: disc; }
/*各ページの説明用BOX*/
#syohin #syohinBox { float: left; padding-top: 10px; padding-left: 10px; height: 176px; width: 707px; }
#syohin #syohinPhoto { border: 2px solid #999999; width: 246px; height: 172px; float: left; background-color: #FFFFFF; }
#syohin #syohinPhoto p { margin: 0px; padding: 0px; }
#syohin #syohinPhoto p a { margin: 0px; padding: 0px; }
#syohin #syohinPhoto p a img { height: 171px; width: 245px; }
#syohin #syohinSetsumei { float: left; height: 176px; width: 446px; background-color: #FFFFFF; padding-left: 10px; display: inline; }
#syohin #syohinSetsumei p { line-height: 1.5em; font-size: 100%; }
/*商品別のBOX色分け*/
#syohin .syohinCover01 { float: left; height: 196px; width: 727px; border: 2px solid #FF0000; margin-bottom: 10px; display: inline; }
#syohin .syohinCover02 { float: left; height: 196px; width: 727px; border: 2px solid #FF6600; margin-bottom: 10px; display: inline; }
#syohin .syohinCover03 { float: left; height: 196px; width: 727px; border: 2px solid #FF3399; margin-bottom: 10px; display: inline; }
#syohin .syohinCover04 { float: left; height: 196px; width: 727px; border: 2px solid #9900CC; margin-bottom: 10px; display: inline; }
#syohin .syohinCover05 { float: left; height: 196px; width: 727px; border: 2px solid #FFCC00; margin-bottom: 10px; display: inline; }
#syohin .syohinCover06 { float: left; height: 196px; width: 727px; border: 2px solid #33FF00; margin-bottom: 10px; display: inline; }
#syohin .syohinCover07 { float: left; height: 196px; width: 727px; border: 2px solid #009900; margin-bottom: 10px; display: inline; }
#syohin .syohinCover08 { float: left; height: 196px; width: 727px; border: 2px solid #3399FF; margin-bottom: 10px; display: inline; }
#syohin .syohinCover09 { float: left; height: 196px; width: 727px; border: 2px solid #0033CC; margin-bottom: 10px; display: inline; }
#syohin .syohinCover10 { float: left; height: 196px; width: 727px; border: 2px solid #996633; margin-bottom: 10px; display: inline; }
/*オプション説明のテーブル */
#syohin table td img { margin: 0px; padding: 0px; }
/*価格表へのボタン */
#main ul.buttonKakakuhyo { width: 730px; float: left; padding-bottom: 8px; }
#main ul.buttonKakakuhyo li { float: left; list-style: none; }
#main ul.buttonKakakuhyo li a { color: #FFFFFF; text-decoration: none; text-align: center; display: block; height: 34px; width: 730px; margin-right: 5px; margin-bottom: 5px; line-height: 34px; font-weight: bold; font-size: 150%; background-image: url(../images/buttonKakakuhyoImage/buttonCenterBlue.jpg); background-repeat: no-repeat; background-position: center; }
#main ul.buttonKakakuhyo li a:hover { color: #FFFFFF; text-decoration: none; background-image: url(../images/buttonKakakuhyoImage/buttonCenterOrange.jpg); background-repeat: no-repeat; background-position: center; }
/*見積もり歓迎*/
#syohin .nidanButtonCover { float: left; width: 731px; margin-bottom: 20px; }
#syohin .nidanButtonCover ul { float: left; }
#syohin .nidanButtonCover ul li { float: left; list-style: none; }
#syohin .nidanButtonCover ul li a { height: 200px; display: block; width: 345px; display: block; background-repeat: no-repeat; background-position: left top; margin-left: 15px; }
#syohin .nidanButtonCover ul li a:active { position: relative; left: +1px; }
#syohin .nidanButtonCover ul li#leftSimulatorBox a { background-image: url(../images/syohinImage/syohinSimulatorButton.png); }
#syohin .nidanButtonCover ul li#leftSimulatorBox a:hover { background-image: url(../images/syohinImage/syohinSimulatorHover.png); }
#syohin .nidanButtonCover ul li#rightMitumoriBox a { background-image: url(../images/syohinImage/syohinMitumoriButton.png); }
#syohin .nidanButtonCover ul li#rightMitumoriBox a:hover { background-image: url(../images/syohinImage/syohinMitumoriHover.png); }
/*値引き一覧のテーブル*/
#syohin th.nebikiSyohin { font-size: 120%; }
#syohin td.nebikiShinkakaku { font-size: 170%; font-weight: bold; color: #FF0000; text-align: right; }
#syohin td.nebikiMaekakaku { text-decoration: line-through; font-size: 100%; text-align: right; }
/*レタッチ・スキャニング*/
#main .photoBalue01  { width: 412px; float: left; padding-bottom: 12px; }
#main .photoBalue01 ul li { float: left; list-style: none; }
#main .photoBalue01 ul li a { display: block; height: 203px; width: 400px; background-repeat: no-repeat; background-image: url(../images/syohinImage/balue01before.jpg); }
#main .photoBalue01 ul li a:hover { background-image: url(../images/syohinImage/balue01after.jpg); background-repeat: no-repeat; }
#main .photoBalue02  { width: 412px; float: left; padding-bottom: 12px; }
#main .photoBalue02 ul li { float: left; list-style: none; }
#main .photoBalue02 ul li a { display: block; height: 298px; width: 400px; background-repeat: no-repeat; background-image: url(../images/syohinImage/balue02before.jpg); }
#main .photoBalue02 ul li a:hover { background-image: url(../images/syohinImage/balue02after.jpg); background-repeat: no-repeat; }
#main .photoBalue03  { width: 412px; float: left; padding-bottom: 12px; }
#main .photoBalue03 ul li { float: left; list-style: none; }
#main .photoBalue03 ul li a { display: block; height: 320px; width: 400px; background-repeat: no-repeat; background-image: url(../images/syohinImage/balue03before.jpg); }
#main .photoBalue03 ul li a:hover { background-image: url(../images/syohinImage/balue03after.jpg); background-repeat: no-repeat; }
#main .photoBasic01  { width: 412px; float: left; padding-bottom: 12px; }
#main .photoBasic01 ul li { float: left; list-style: none; }
#main .photoBasic01 ul li a { display: block; height: 320px; width: 400px; background-repeat: no-repeat; background-image: url(../images/syohinImage/basic01before.jpg); }
#main .photoBasic01 ul li a:hover { background-image: url(../images/syohinImage/basic01after.jpg); background-repeat: no-repeat; }
#main .photoBasic02  { width: 412px; float: left; padding-bottom: 12px; }
#main .photoBasic02 ul li { float: left; list-style: none; }
#main .photoBasic02 ul li a { display: block; height: 320px; width: 400px; background-repeat: no-repeat; background-image: url(../images/syohinImage/basic02before.jpg); }
#main .photoBasic02 ul li a:hover { background-image: url(../images/syohinImage/basic02after.jpg); background-repeat: no-repeat; }
#main .photoBasic03  { width: 412px; float: left; padding-bottom: 12px; }
#main .photoBasic03 ul li { float: left; list-style: none; }
#main .photoBasic03 ul li a { display: block; height: 390px; width: 400px; background-repeat: no-repeat; background-image: url(../images/syohinImage/basic03before.jpg); }
#main .photoBasic03 ul li a:hover { background-image: url(../images/syohinImage/basic03after.jpg); background-repeat: no-repeat; }
#main .photoFine01  { width: 412px; float: left; padding-bottom: 12px; }
#main .photoFine01 ul li { float: left; list-style: none; }
#main .photoFine01 ul li a { display: block; height: 616px; width: 400px; background-repeat: no-repeat; background-image: url(../images/syohinImage/fine01before.jpg); }
#main .photoFine01 ul li a:hover { background-image: url(../images/syohinImage/fine01after.jpg); background-repeat: no-repeat; }
/*デザイン制作*/
#syohin .desSamFullCover { width: 731px; margin: 0px 0px 12px; padding: 0px; float: left; }
#syohin .desSamCover { width: 730px; margin: 0px 0px 12px; padding: 0px; float: left; }
#syohin .desSamCover .desSamBox { width: 243px; margin: 0px; padding: 0px; float: left; }
#syohin .desSamBox img { margin: 0px; padding: 0px; border: 1px solid #CCCCCC; }
/*各商品ページでの広告バナー */
#syohin .syohinBannerDiv { display: inline-block; float: left; width: 729px; text-align: center; margin-bottom: 3px; height: auto; }
#main div.yasMiddleCover { margin-left: 80px; }
#main div.yasMiddleRedCover { height: auto; width: 550px; border: 1px solid #FF0000; margin-bottom: 15px; padding: 12px 12px 0px; display: block; float: left; }
#main div.yasTopRedCover { height: auto; width: 534px; border: 1px solid #FF0000; margin-bottom: 15px; padding: 12px 12px 0px; display: block; float: left; }
/*---------------目的別に選ぶ---------------*/
/*目的別に選ぶ*/
#mokuteki #main h3 { background-image: url(../images/mainTitleImage/h3mokutekiTitle.jpg); background-repeat: no-repeat; border-width: 0px; font-size: 125%; color: #FFFFFF; line-height: 26px; height: 30px; display: block; margin-bottom: 8px; clear: both; text-align: center; border-style: solid; }
#mokuteki #main h4 { font-size: 250%; font-weight: bold; padding-left: 50px; background-image: url(../images/mainTitleImage/h4mokutekiTitle.jpg); background-repeat: no-repeat; background-position: left top; margin-top: 0px; clear: both; line-height: 50px; height: 50px; padding-bottom: 8px; }
#mokuteki #main h5 { font-size: 130%; font-weight: bold; margin-bottom: 2px; padding-left: 30px; background-image: url(../images/mainTitleImage/h5mokutekiTitle.jpg); background-repeat: no-repeat; background-position: left top; clear: both; line-height: 26px; }
#mokuteki #main h1 { font-size: 27px; font-weight: bold; margin-bottom: 16px; padding-left: 70px; background-image: url(../images/mokutekiImage/mokutekiH1back.jpg); background-repeat: no-repeat; background-position: left center; clear: both; background-color: #FF0000; vertical-align: middle; height: 70px; line-height: 1.2em; padding-top: 10px; padding-bottom: 0px; color: #FFFFFF; display: block; }
.mokutekiCover { float: left; width: 728px; padding-bottom: 16px; }
.mokutekiBox { float: left; width: 182px; }
.mokutekiCover h6 { font-size: 120%; font-weight: bold; margin-bottom: 8px; padding-top: 3px; padding-bottom: 2px; padding-left: 3px; border-bottom: none; border-left: none; color: #FFFFFF; border-top: none; border-right: none; background-color: #03C; clear: both; width: 165px; background-image: none; line-height: 1.2; }
.mokutekiCover ul { list-style: circle; padding-left: 16px; font-size: 100%; }
/*-------------データ入稿その前に-------------*/
/*データ入稿その前に*/
#nyukomaeni #mainbox .nyukomaeniFullCover { float: left; width: 709px; margin: 0px 0px 12px; padding: 10px 10px 0px; border: 1px solid #999999; display: inline; }
#nyukomaeni #mainbox p.nyumaeTyuiFont { font-size: 150%; font-weight: bold; margin-bottom: 8px; }
#nyukomaeni .nyumaePhotoCover { float: left; width: 201px; margin: 0px; padding: 0px; }
#nyukomaeni .nyumaePhotoCover p { margin: 0px; padding: 0px; }
#nyukomaeni .nyumaeMainCover { float: right; width: 495px; margin: 0px; padding: 0px; }
#nyukomaeni .nyumaeMainCover p { margin-bottom: 8px; }
#nyukomaeni .nyumaeMainCover h3 { background-color: #FFFFFF; border-width: 0px 0px 2px; border-style: none none solid; background-image: url(../images/nyukomaeniImage/nyumaeTitleH3.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px; color: #FF0000; font-size: 120%; margin-top: 0px; margin-right: 0px; margin-left: 0px; }
#nyukomaeni .nyumaeMainCover h4 { background-image: url(../images/nyukomaeniImage/nyumaeTitleH4.gif); background-repeat: no-repeat; background-position: left; margin-left: 0px; line-height: 25px; height: 25px; padding-left: 78px; color: #0000FF; margin-bottom: 12px; margin-top: 0px; display: block; }
#nyukomaeni #main div.nyumaeNaviBox  { width: 495px; float: left; padding-bottom: 8px; }
#nyukomaeni #main div.nyumaeNaviBox ul li { float: left; list-style: none; }
#nyukomaeni #main div.nyumaeNaviBox ul li a { color: #FF0000; text-decoration: none; text-align: left; display: block; height: 30px; width: 224px; margin-right: 5px; line-height: 30px; font-weight: bold; font-size: 100%; padding-left: 14px; background-image: url(../images/mainNaviImage/mainNaviBar.jpg); background-repeat: no-repeat; margin-bottom: 5px; }
#nyukomaeni #main div.nyumaeNaviBox ul li a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverMainNaviBar.jpg); background-repeat: no-repeat; text-decoration: none; }
#nyukomaeni .nyumaeNyukoCover { float: left; width: 495px; margin: 0px 0px 12px; padding: 0px; }
#nyukomaeni .nyumaeNyukoCover .nyumaeNyukoButton { width: 100px; margin: 0px 20px 0px 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; float: left; text-align: center; }
/*---------------よくあるご質問---------------*/
/*よくあるご質問 */
#shitumon #main dl { border-right: 1px solid #FF0000; border-bottom: 1px solid #FF0000; width: 728px; }
#shitumon #main dl dt { font-weight: bold; background-color: #FFFFCC; padding: 4px 6px 4px 23px; border-top: 1px solid #FF0000; border-left: 1px solid #FF0000; font-size: 100%; background-image: url(../images/shitumonImage/shitumonQ.jpg); background-repeat: no-repeat; background-position: left top; }
#shitumon #main dl dd { border-top: 1px solid #FF0000; border-left: 1px solid #FF0000; padding: 4px 6px 4px 23px; font-size: 100%; background-image: url(../images/shitumonImage/shitumonA.jpg); background-repeat: no-repeat; background-position: left top; }
#shitumon #main dl dd ul { padding-left: 36px; }
#shitumon #main dl dd ul li { list-style: decimal; }
#shitumon #main h3 a { color: #333333; }
#shitumon #main h6 { font-size: 80%; font-weight: normal; text-align: right; padding-right: 4px; padding-bottom: 4px; }
#shitumon ul.listShitumonNumber { list-style: decimal; margin-bottom: 12px; padding-left: 28px; }
/*---------------安マン---------------*/
/*プロフィール*/
.yasFullCover { width: 730px; margin-bottom: 10px; float: left; }
.yasLeftBox { width: 260px; float: left; }
.yasLeftBox img { margin: 0px 0px 10px; padding: 0px; }
.yasRightBox { width: 460px; float: right; }
.yasRightBox table { font-size: 90%; }
.yasRightBox table th { text-align: right; width: 130px; margin-right: 3px; }
.yasRightBox table td { }
.yasIllustBox { float: left; width: 730px; height: auto; display: block; margin: 0px; padding: 0px; }
.yasIllustBox .yasPhotoBox { float: left; border: 1px solid #999999; margin-right: 10px; margin-bottom: 10px; height: 230px; width: 230px; display: block; }
.yasIllustBox .yasPhotoBox img { padding: 0px; margin: 0px; }
.yasIllustBox .yasPhotoBox p { text-align: center; display: block; margin: 0px; padding: 0px; width: 230px; height: 18px; }
.yasKabeLeftBox { width: 400px; float: left; }
.yasKabeRightBox { width: 320px; float: right; }
.yasKabeRightBox h5 { font-size: 110%; font-weight: bold; margin-bottom: 2px; padding-left: 15px; background-image: url(../images/mainTitleImage/h5mainTitle.jpg); background-repeat: no-repeat; background-position: left top; width: 90px; float: left; }
.yasIllustBox .yasHirobaPhoto { float: left; border: 1px solid #999999; margin-right: 10px; margin-bottom: 10px; width: 170px; display: block; }
.yasIllustBox .yasHirobaPhoto img { padding: 0px; margin: 0px; }
#yasuman .yasIllustBox .yasHirobaPhoto p { text-align: center; display: block; margin: 0px; padding: 0px; width: 170px; height: 18px; font-size: 90%; }
.yasLeftHalf { width: 325px; float: left; }
.yasRightHalf { width: 375px; float: right; }
/*BBSのページ01　bbsyasuman styles*/
#bbsyasuman #bbsLeadCover { float: left; width: 698px; margin-bottom: 10px; padding-top: 15px; padding-right: 15px; padding-left: 15px; border: 1px solid #CCCCCC; }
#bbsyasuman #bbsLeadCover p { padding: 0px; margin: 0px; }
#bbsyasuman #bbsLeadCover img { margin-bottom: 12px; }
#bbsyasuman #main h3 { font-size: 115%; font-weight: bold; margin-bottom: 4px; padding-left: 13px; background-image: url(../images/mainTitleImage/h4mainTitle.jpg); background-repeat: no-repeat; background-position: left center; margin-top: 0px; clear: both; border-width: 0px; border-style: none; background-color: #FFFFFF; }
#bbsyasuman #main h4 { font-size: 110%; font-weight: bold; margin-bottom: 2px; padding-left: 15px; background-image: url(../images/mainTitleImage/h5mainTitle.jpg); background-repeat: no-repeat; background-position: left top; clear: both; }
#bbsyasuman #bbsLeadCover .bbsLeadPhotoBox { margin: 0px; float: left; width: 150px; display: inline; }
#bbsyasuman #bbsLeadCover .bbsLeadBox { float: right; width: 530px; margin: 0px 0px 10px; padding: 0px; display: inline; }
#bbsyasuman #bbsFormCover { float: left; width: 731px; height: auto; }
#bbsyasuman #bbsFormCover .bbsFormLeft { float: left; width: 400px; }
#bbsyasuman #bbsFormCover .bbsFormRight { float: right; width: 250px; }
#bbsyasuman #bbsFormCover .bbsFormRight p { text-align: right; }
#bbsyasuman #main table { width: 100%; border-collapse:collapse; margin-bottom: 10px; clear: both; border-top: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; border-left: 2px solid #CCCCCC; }
#bbsyasuman #main table th { border-bottom: 2px solid #CCCCCC; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; margin-right: 2px; margin-left: 2px; }
#bbsyasuman #main table td { text-align: center; border-bottom: 1px solid #CCCCCC; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; padding-top: 10px; padding-bottom: 10px; }
#bbsyasuman #main table .bbsTableTitle { text-align: left; width: 55%; padding-right: 4px; padding-left: 0px; }
/*BBSのページ02　bbsMessage styles*/
#bbsMessage .bbsMesCover { float: left; border: 2px solid #CCCCCC; width: 726px; margin: 0px 0px 20px; padding: 0px 0px 010px; }
#bbsMessage .bbsMesCover h3 { font-size: 120%; font-weight: bold; padding-top: 8px; padding-bottom: 4px; padding-left: 15px; border-bottom: 2px solid #CCCCCC; color: #333333; background-color: #FFFFCC; clear: both; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; margin: 0px 0px 10px; float: left; display: block; width: 711px; }
#bbsMessage #main p { margin: 0px; color: #666666; padding: 0px; }
#bbsMessage .bbsMessageBox { float: left; width: 680px; margin-top: 10px; margin-left: 25px; display: inline; padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }
#bbsMessage .bbsMesNameCover { float: left; width: 680px; display: inline-block; margin: 0px 0px 10px; padding: 0px; }
#bbsMessage .bbsMesNameBox { float: left; width: 530px; font-size: 110%; font-weight: bold; margin: 0px; padding: 0px; display: inline-block; }
#bbsMessage .bbsMesNameCover h4 { background-image: url(../images/bbsImage/bbsYasumanIcon.jpg); background-repeat: no-repeat; background-position: left top; margin-bottom: 0px; font-weight: bold; color: #0000FF; padding: 2px 0px 0px 36px; float: left; display: block; }
#bbsMessage .bbsMesTimeBox { float: right; display: block; }
#bbsMessage .bbsMesPbox { clear: both; float: left; width: 680px; height: auto; }
/*BBSのページ03　bbsMessage styles*/
#bbsyasuman .bbsNaviBox  { width: 530px; float: left; padding-bottom: 12px; padding-top: 16px; }
#bbsyasuman .bbsNaviBox ul li { float: left; list-style: none; }
#bbsyasuman .bbsNaviBox ul li a { color: #FF0000; text-decoration: none; text-align: left; display: block; height: 30px; width: 224px; margin-right: 5px; line-height: 30px; font-weight: bold; font-size: 100%; padding-left: 14px; background-image: url(../images/mainNaviImage/mainNaviBar.jpg); background-repeat: no-repeat; margin-bottom: 5px; }
#bbsyasuman .bbsNaviBox ul li a:hover { color: #FFFF00; background-image: url(../images/mainNaviImage/hoverMainNaviBar.jpg); background-repeat: no-repeat; text-decoration: none; }
/*---------------キャンペーン---------------*/
/*キャンペーン*/
#campaign .camFullCover { width: 730px; margin-bottom: 10px; float: left; }
#campaign .camLeftBox { width: 220px; float: left; }
#campaign .camLeftBox img { margin: 0px 0px 10px; padding: 0px; }
#campaign .camRightBox { width: 500px; float: right; }
/*---------------会社案内---------------*/
/*リンク */
.daiichiLink a { color: #333333; }
.daiichiLink a:hover { color: #333333; text-decoration: none; }
#company table td.daiichiTableLink a { color: #333333; }
#company table td.daiichiTableLink a:hover { color: #333333; text-decoration: none; }
/*---------------サイトマップ---------------*/
/*サイトマップ*/
#mainbox div.sitemapBox { float: left; width: 225px; padding-bottom: 16px; padding-right: 15px; }
#mainbox div.sitemapBox ul { list-style: circle; padding-left: 16px; }
/*---------------お客様に提案のページ---------------*/
/*お客様に提案のページ */
#syohin .teianBox { margin-bottom: 24px; }
/*---------------説明のページ---------------*/
/*説明のページ*/
.ichiranDivCover { float: left; width: 730px; padding-bottom: 16px; }
.ichiranDivBox { float: left; width: 243px; }
.ichiranDivCover ul { list-style: circle; padding-left: 16px; font-size: 110%; }
/*---------------会員登録に関して---------------*/
/* 会員登録について */
#main div.kaiTorokuhe { width: 731px; float: left; }
#main div.kaiTorokuhe ul li { float: left; list-style: none; margin-bottom: 16px; }
#main div.kaiTorokuhe ul li a { display: block; height: 56px; width: 731px; background-image: url(../images/kaiintorokuImage/kaiKaiintorokuHe.jpg); background-repeat: no-repeat; background-position: center top; padding: 0px; margin: 0px; }
#main div.kaiTorokuhe ul li a:hover { background-image: url(../images/kaiintorokuImage/kaiKaiintorokuHeHover.jpg); background-repeat: no-repeat; }
#main div.kaiYajirusiBanner { height: auto; width: 731px; background-image: none; margin: 0px 0px 4px; padding: 0px; float: left; display: block; }
#main ul.listKaiinStyle { list-style: decimal; margin-bottom: 4px; margin-left: 16px; padding-left: 4px; font-size: 120%; }
#main ul.listKaiinStyle li { margin: 0px; padding: 0px; }
/*画像ありの説明*/
#main div.kaiTejyunCover { width: 730px; margin-bottom: 10px; float: left; }
#main div.kaiTejyunCover img { margin: 0px; padding: 0px 0px 6px; }
#main div.kaiTejyunLbox { width: 250px; float: left; }
#main div.kaiTejyunRbox { width: 470px; float: right; }
/*---------------初めてご利用になる方へ---------------*/
/*タイトル*/
#hajimete #main h2.hajimeteH2Title { height: auto; width: 731px; background-image: none; margin: 0px 0px 10px; padding: 0px; }
#hajimete #main h3.hajimeteInsatuTuhan { height: 43px; width: 731px; background-image: url(../images/hajimeteImage/hajiInsatuTuhan.jpg); margin: 0px 0px 10px; padding: 0px; background-repeat: no-repeat; }
#hajimete #main h3.hajimeteKaiinTokuten { height: 43px; width: 731px; background-image: url(../images/hajimeteImage/hajiKaiinTokuten.jpg); margin: 0px 0px 10px; padding: 0px; background-repeat: no-repeat; }
#hajimete #main h3.hajiIroiroshitumon { height: 43px; width: 731px; background-image: url(../images/hajimeteImage/hajiIroiroshitumon.jpg); margin: 0px 0px 10px; padding: 0px; background-repeat: no-repeat; }
#hajimete #main h4.hajiWakabamark { background-image: url(../images/hajimeteImage/h3hajimete.jpg); background-repeat: no-repeat; border-width: 0px; padding-left: 28px; font-size: 115%; color: #000000; line-height: 32px; height: 30px; background-color: #FFFFFF; padding-bottom: 6px; }
/*ご利用の流れ*/
#hajimete #main h5.hajiH5step01 { background-image: url(../images/hajimeteImage/hajiH5step01.jpg); background-repeat: no-repeat; padding-left: 58px; color: #0000FF; margin-bottom: 6px; font-size: 120%; }
#hajimete #main h5.hajiH5step02 { background-image: url(../images/hajimeteImage/hajiH5step02.jpg); background-repeat: no-repeat; padding-left: 58px; color: #0000FF; margin-bottom: 6px; font-size: 120%; }
#hajimete #main h5.hajiH5step03 { background-image: url(../images/hajimeteImage/hajiH5step03.jpg); background-repeat: no-repeat; padding-left: 58px; color: #0000FF; margin-bottom: 6px; font-size: 120%; }
#hajimete #main h6.hajiStepYajirusi { background-image: url(../images/hajimeteImage/hajiStepYajirusi.jpg); background-repeat: no-repeat; height: 24px; float: left; width: 130px; margin-left: 0px; display: block; background-position: center; }
/*---------------アンケート---------------*/
#main h3.yasQuestTitle { background-color: #FFFFCC; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px; font-size: 140%; margin: 12px 0px 10px; padding-top: 4px; padding-bottom: 2px; line-height: 1.3em; color: #333333; }
#main h4.yasQuestH4Title { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; font-size: 120%; margin: 20px 0px 10px; line-height: 1.3em; color: #333333; padding: 0px 0px 0px 44px; }
/*---------------365日語録---------------*/
#main div.columnCover{ width: 730px; float: right; }
#main div.columnMainBox{ float: left; width: 515px; }
#main div.columnPageBox{ float: left; width: 515px; text-align: center; margin: 0px; padding: 0px; }
#main div.columnLeadBox{ float: left; width: 489px; margin-bottom: 12px; display: inline; border: 1px solid #999999; padding-top: 12px; padding-right: 12px; padding-left: 12px; }
#main div.columnDayBox{ float: left; width: 515px; margin-bottom: 24px; border-bottom: 1px solid #999999; display: inline; }
#main div.columnRightBox{ float: right; width: 200px; }
#main h3.yascolumnTitle { background-color: #FFFFCC; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; font-size: 140%; margin: 12px 0px 4px; line-height: 1.2em; color: #333333; padding: 6px 0px 2px 40px; }
#main h4.yascolumnThema { background-image: none; font-size: 100%; border-bottom: 1px dotted #666666; margin-bottom: 8px; padding-left: 0px; }
#main p.columntime{ float: right; margin: 0px; padding: 0px; }
/*---------------印刷用語集---------------*/
#main div.yogoshuCover{ width: 730px; float: right; }
#main div.yogoshuMainBox{ float: left; width: 515px; }
#main div.yogoshuGyowakeBox{ float: left; width: 515px; }
#main div.yogoshuNidanBox{ float: left; width: 235px; padding-left: 15px; }
#main div.yogoshuToTopBox{ float: left; width: 515px; }
#main div.yogoshuToWordBox{ float: left; width: 515px; text-align: center; }
#main div.yogoshuRightBox{ float: right; width: 200px; }
#main div.yogoshuTangoBox{ float: left; width: 515px; border-bottom: 1px dotted #666666; margin-bottom: 12px; }
#main h3.yogoshuTitle { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; font-size: 140%; margin: 0px 0px 8px; line-height: 1.2em; color: #333333; padding: 6px 0px 2px 40px; }
#main div.yogoshuTangoBox h3{ padding: 0px; border-width: 0px; border-style: none; background-color: #FFFFFF; margin: 0px; font-size: 110%; }
#main div.yogoshuTangoBox h4{ background-image: none; padding: 0px; font-size: 100%; font-weight: normal; }
#main div.yogoshuGyowakeBox a { text-decoration: none; color: #333333; }
#main div.yogoshuGyowakeBox a:hover { color: #000000; text-decoration: underline; }
/*公開しています*/
#kokai table.kokaiMainTable { margin: 0px; padding: 0px; border-collapse:collapse; width: 728px; }
#kokai table.kokaiMainTable p { margin-bottom: 4px; }
#kokai table.kokaiMainTable th { width: 100px; text-align: left; vertical-align: top; }
#kokai table.kokaiMainTable td img { border: 1px solid #0000FF; width: 588px; }
/*メルマガ*/
#mailmagazine #mainbox ul { border-top: 1px solid #333333; padding-top: 16px; }
#mailmagazine #mainbox ul li { list-style: none; border-bottom: 1px dotted #999999; margin-bottom: 12px; }
#mailmagazine #mainbox ul li a { background-image: url(../images/mainTitleImage/yasumanfaceTitleH4.gif); background-repeat: no-repeat; background-position: left center; display: block; padding-left: 28px; text-decoration: none; font-size: 110%; padding-top: 3px; padding-bottom: 3px; }
/* 印刷物の掲載のお願い　main onegaiYasumanCover styles */
#main .onegaiYasumanCover { float: left; width: 630px; display: block; margin-bottom: 20px; margin-left: 70px; margin-top: 10px; }
#main .onegaiYasumanCover h6.onegaiImageUe { background-image: url(../images/dotekiImage/onegaiYasuman.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px; padding: 0px; border-style: none; height: 38px; display: block; float: left; width: 590px; }
#main .onegaiYasumanCover h6.onegaiImageShita { background-image: url(../images/dotekiImage/onegaiYasuman.Shita.jpg); background-repeat: no-repeat; background-position: center top; margin: 0px; padding: 0px; border-style: none; height: 9px; display: block; float: left; width: 590px; }
#main .onegaiYasumanBox { float: left; width: 588px; border-right: 1px solid #FF0000; border-left: 1px solid #FF0000; display: block; }
#main .onegaiYasumanBox p { margin-left: 10px; margin-bottom: 0px; }
/*インタビュー*/
.interviewCover { width: 730px; float: left; }
.interviewLeftImageBox { width: 260px; float: left; }
.interviewRightImageBox { width: 260px; float: right; }
.interviewLeftPBox { width: 450px; float: left; }
.interviewRightPBox { width: 450px; float: right; }
.interviewCover img { margin: 0px 0px 10px; padding: 0px; }
.interviewPyasuman { background-image: url(../images/interviewImage/intPyasface.jpg); background-repeat: no-repeat; background-position: left top; font-size: 120%; padding-left: 36px; }
.intMemberCover { width: 710px; float: left; background-color: #FFC; padding: 10px; margin-top: 10px; }
.intMemberLeftBox { width: 200px; float: left; }
.intMemberRightBox { width: 490px; float: right; }
/*ランディングページ*/
#landingpageCover { height: 100%; width: 941px; margin-bottom: 10px; float: left; background-color: #FFFFFF; }
#landingpage { width: 901px; height: auto; margin-top: 20px; margin-left: 20px; float: left; clear: both; margin-bottom: 20px; }
#landingpage .lpimagebox { margin: 0px; padding: 0px; clear: both; float: left; }
#landingpageToroku { width: 901px; height: auto; margin-top: 20px; margin-left: 20px; float: left; clear: both; }
#landingpageIframe { width: 740px; height: auto; margin-top: 20px; margin-left: 100px; float: left; clear: both; }
/* 総合商品一覧　styles */
#main .sogoIchiranCover { float: left; width: 730px; padding-bottom: 10px; clear: both; }
#main table.ichiranTable { width: 100%; border-collapse:collapse; border-top: 1px solid #000000; border-left: 1px solid #000000; margin-bottom: 2px; clear: both; border-right: 1px solid #000000; }
#main table.ichiranTable th { line-height: 1.4; font-size: 100%; border-right: 1px solid #000000; text-align: center; background-color: #F00; padding: 6px 8px; font-weight: bold; width: 15%; border-bottom: 1px solid #000000; color: #FFF; }
#main table.ichiranTable th.ichTabWebpress7 { background-color: #00F; }
#main table.ichiranTable td { line-height: 1.4; font-size: 95%; padding: 4px 6px 2px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; margin: 0px; vertical-align: top; }
#main table.ichiranInTable { width: 100%; border-collapse:collapse; margin-bottom: 2px; clear: both; border: 0px none #FFF; }
#main table.ichiranInTable td { border: 0px none #FFF; width: 25%; }
#main ul.listIchTableList { list-style: circle; margin-left: 12px; }
#main ul.listIchTableList li { margin: 0px; padding: 0px; }
#main .sogoIchiranCover h3 { font-size: 150%; font-weight: bold; margin-bottom: 6px; background-image: url(../images/mainTitleImage/yasWface.jpg); margin-top: 0px; clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 50px; background-position: 0px center; height: 26px; line-height: 28px; border-top: none; border-right: none; border-bottom: 1px solid #000; border-left: none; }
#main .sogoIchiranCover h3.yasYasmanFace { background-image: url(../images/mainTitleImage/yasYasmanface.jpg); padding-left: 28px; }
#main .sogoIchiranCover h3.yasSevenFace { background-image: url(../images/mainTitleImage/yasSevenface.jpg); padding-left: 28px; }
#main .sogoIchiranCover h4 { font-size: 150%; font-weight: bold; margin-bottom: 6px; background-image: url(../images/mainTitleImage/yasWface.jpg); margin-top: 0px; clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 50px; background-position: 0px center; height: 26px; line-height: 28px; border-top: none; border-right: none; border-bottom: 1px solid #000; border-left: none; }
#main .sogoIchiranCover h4.yasYasmanFace { background-image: url(../images/mainTitleImage/yasYasmanface.jpg); padding-left: 28px; }
#main .sogoIchiranCover h4.yasSevenFace { background-image: url(../images/mainTitleImage/yasSevenface.jpg); padding-left: 28px; }
#main .sogoIchiranNavi  { width: 731px; float: left; padding-bottom: 15px; }
#main .sogoIchiranNavi ul li { float: left; list-style: circle; margin-left: 15px; }
#main .sogoIchiranNavi ul li a { color: #FF0000; text-decoration: underline; text-align: left; display: block; height: 24px; width: 222px; margin-right: 5px; line-height: 24px; font-weight: bold; font-size: 110%; background-repeat: no-repeat; margin-bottom: 2px; }
.torikeshiLine { text-decoration: line-through; }
/*--------------------ここまで各ページごとのスタイル--------------------*/
/*--------------------追加で作成中のスタイル--------------------*/
/*LPページ */
.syohinLpDiv { float: left; width: 730px; margin-bottom: 6px; height: auto; }
/*---------------会員登録に関して---------------*/
/* ポイントについて */
#main div.pointToAmazon { width: 731px; float: left; }
#main div.pointToAmazon ul li { float: left; list-style: none; margin-bottom: 16px; }
#main div.pointToAmazon ul li a { display: block; height: 56px; width: 731px; background-image: url(../images/pointImage/pointToAmazon.jpg); background-repeat: no-repeat; background-position: center top; padding: 0px; margin: 0px; }
#main div.pointToAmazon ul li a:hover { background-image: url(../images/pointImage/pointToAmazon.jpg); background-repeat: no-repeat; }
/* 新規会員登録LPについて */
.kaiinlpJitsugen { width: 650px; float: left; margin-left: 40px; margin-bottom: 25px; font-size: 90%; }
.kaiinlpJitsugen p { line-height: 1.8em; }
.kaiinlpToroku { float: left; width: 300px; margin-left: 205px;	}
.kaiinlpToroku p { font-size: 90%; text-align: center; color: #F60; margin-top: 5px; }
/* ランキングについて */
#main h4.yasumanfaceTitleH4 { font-size: 120%; font-weight: bold; margin-bottom: 8px; background-image: url(../images/mainTitleImage/yasumanfaceTitleH4.gif); margin-top: 0px; clear: both; background-color: #FFFFFF; background-repeat: no-repeat; padding-left: 36px; background-position: 6px center; line-height: 26px; height: 26px; }
ul.listRank { list-style: decimal inside; margin-bottom: 4px; text-decoration: none; font-size: 100%; margin-left: 4px; line-height: 1.5em; }
/* 読み物について */
#main div.bookMain { float: left; width: 725px; margin-left: 5px; margin-top: 10px; }
#main div.bookLeft { float: left; width: 725px; }
#main div.bookRight { float: right; width: 200px; }
#main div.bookMain h2.bookLeft_h2 { font-size: 140%; font-weight: bold; color: #666666; clear: both; line-height: 1.4em; border-bottom: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 4px solid #999999; margin-bottom: 12px; padding-top: 10px; padding-left: 6px; background-image: none; background-color: #FFF; }
#main div.bookMain h3.bookLeft_h3 { font-size: 130%; font-weight: bold; color: #666666; clear: both; margin-bottom: 16px; padding-left: 28px; background-image: url(../images/bookImage/book_h3Title.jpg); background-repeat: no-repeat; background-position: left center; line-height: 1.4em; border-bottom: 1px dashed #999999; border-top: 1px dashed #999999; padding-top: 6px; padding-bottom: 4px; background-color: #FFF; border-right-style: none; border-left-style: none; }
#main div.bookMain h4.bookLeft_h4 { font-size: 130%; font-weight: bold; clear: both; color: #666666; border-left: 5px solid #ffd539; padding-left: 6px; padding-top: 3px; padding-bottom: 0px; margin-bottom: 12px;  background-image: none; }
#main div.bookMain h5.bookLeft_h5 { font-size: 120%; font-weight: bold; clear: both; color: #666666; text-decoration: underline; }
#main div.bookMain p { line-height: 1.8em; color: #777; margin-bottom: 15px; }
div.mainVideoBanner { margin: 0px 0px 10px; padding: 0; position: relative; overflow: hidden; height: auto; background-position: center center; background-repeat: no-repeat; float: none; clear: both; width: 730px; background-color: #FFF; text-align: center; display: inline-block; vertical-align: middle; clip: rect(-30px,auto,auto,auto); }
.headerMessage { background-color: #FFFF00; width: 939px; float: left; clear: both; display: inline-block; font-size: 100%; color: #000; padding-top: 2px; padding-bottom: 2px; padding-right: 0px; }
#main h4.yasumanfaceTopMini { background-color: #FFFFFF; background-image: url(../images/mainTitleImage/yasumanfaceTop.gif); background-repeat: no-repeat; background-position: left center; padding-left: 40px; color: #000000; font-size: 100%; height: 24px; line-height: 24px; margin: 0px 0px 12px; }
#home h3.hkbsService110H3 { background-image: none; padding-left: 5px; font-size: 110%; border-left: 4px solid #00CC00; border-top-style: none; border-right-style: none; height: 20px; line-height: 20px; display: block; background-color: #FFFFFF; text-align: left; margin-bottom: 5px; border-bottom: 1px solid #333; }
#main .htbFullRedCover { height: auto; width: 716px; border: 2px solid #FF0000; padding: 10px 5px 8px; display: block; float: left; }
#main .htbFullRedCover .htbFrcFourLeft { padding: 0px; float: left; width: 159px; margin-top: 0px; margin-right: 10px; margin-left: 10px; }
/*キャンペーン内の商品掲載の表示*/
.camIchiranCover { float: left; width: 730px; padding-bottom: 16px; }
.camIchiranBox { float: left; width: 243px; }
.camIchiranCover ul { list-style: circle; padding-left: 16px; font-size: 110%; }
.camIchiranCover ul.listBasicInList { list-style: disc; }
/*---------------よくあるご質問---------------*/
/*QandAご質問 */
#syohin #main dl { border-right: 1px solid #FF0000; border-bottom: 1px solid #FF0000; width: 728px; }
#syohin #main dl dt { font-weight: bold; background-color: #FFFFCC; padding: 4px 6px 4px 23px; border-top: 1px solid #FF0000; border-left: 1px solid #FF0000; font-size: 100%; background-image: url(../images/shitumonImage/shitumonQ.jpg); background-repeat: no-repeat; background-position: left top; }
#syohin #main dl dd { border-top: 1px solid #FF0000; border-left: 1px solid #FF0000; padding: 4px 6px 4px 23px; font-size: 100%; background-image: url(../images/shitumonImage/shitumonA.jpg); background-repeat: no-repeat; background-position: left top; }