/*
	標準スタイルシート
*/

/* 標準部分 */

body {
	margin           : 0px;
	text-align       : center;
	font-size        : 14px;
	line-height      : 18px;
	//font-family      : 'MS PGothic', sans-serif;
	font-family      : 'メイリオ', sans-serif;
	color            : #555555;
	background-color : #f8f8f8;
	/*background-image : url( ./img/background/SX016_L.jpg );*/
}

table {
	font-size   : 14px;
	line-height : 18px;
	margin      : 0px auto;
	text-align  : center;
	color       : #555555;
}
td{
	font-size   : 14px;
}

div {
	font-size   : 14px;
	margin      : 0px auto;
}

a:link{
	color           : #555555;
	text-decoration : none;
}
a:visited{
	color           : #555555;
	text-decoration : none;
}

a:hover{
	color            : #555555;
	text-decoration  : underline;
}

a:active{
	color            : #555555;
	background-color : #fff8f8;
	text-decoration  : none;
}

img{
	border : none;
}
img.board1px{
	border-style : solid;
	border-width : 1px;
	border-color : #e8e8e8 #cccccc #bbbbbb #e8e8e8
}
img.board2px{
	border-style : solid;
	border-width : 2px;
	border-color : #e8e8e8 #cccccc #bbbbbb #e8e8e8
}

ul{
	list-style-type  : none;
	width            : 158px;
	margin           : 0px;
	padding          : 0px;
	vertical-align   : middle;
}
li{
	display             : block;
	padding             : 5px 0px;
	text-indent         : 16px;
	background          : no-repeat;
	background-position : 2px;
	line-height         : 16px;
	font-size           : 14px;
	border              : #999999 1px;
	border-style        : none none dashed none;
}
li.information{
	background-image    : url( ./img/icon/arrow-normal.gif );
}
li.products{
	background-image    : url( ./img/icon/arrow-product.gif );
}

table.indexCell{
	text-align : left;
}

/* ヘッダタグ */
h1, h2, h3, h4, h5, h6 {
	color       : #555555;
	text-align  : left;
	font-weight : normal;
	font-size   : 14px;
	line-height : 100%;
}

h1 {
	margin           : 0px auto;
	font-size        : 13px;
	width            : 958px;
	background-color : #ededed;
	padding          : 1px;
	padding-top      : 2px;
}

h2 {
	margin           : 10px auto 7px auto;
	padding          : 8px 6px 12px 12px;
	width            : 612px;
	color            : #444444;
	background-color : #f1fafc;
	background-image : url( ./img/header/h2/H2Background.gif );
	font-size        : 15px;
	font-weight      : bold;
}

h2.image {
	margin           : 10px auto 3px auto;
	padding          : 6px 0px;
	text-align       : center;
	color            : #000000;
	background-color : #ffffff;
	background-image : none;
}

h3 {
	margin           : 20px auto 0px auto;
	padding          : 4px 5px 8px 12px;
	width            : 583px;
	color            : #444444;
	background-color : #f3faec;
	background-image : url( ./img/header/h3/H3Background.gif );
	font-size        : 14px;
	font-weight      : bold;
}

h3.image {
	padding          : 0px;
	width            : 600px;
	background-color : #ffffff;
	background-image : none;
	border           : none;
}

/* ページ内クラス */
#wrapper{
	width            : 960px;
	background-color : #fcfcfc;
}
#container{
	float : right;
}
#mainBody{
	text-align       : center;
	vertical-align   : top;
	background-color : #ffffff;
	width            : 640px;
	height           : 100%;
	padding          : 0px 0px 15px 0px;
	margin           : 0px auto;
	float            : left;
}

.mainBody{
	text-align       : center;
	vertical-align   : top;
	background-color : #ffffff;
	width            : 940px;
	height           : 100%;
	padding          : 0px 10px 15px 10px;
	margin           : 0px auto;
}

#pageHeader{
	width            : 960px;
	text-align       : left;
	vertical-align   : top;
}

.topMenu{
	width            :120px;
	height           :30px;
}
#leftMenu{
	text-align       : left;
	vertical-align   : top;
	width            : 157px;
	background-color : #fcfcfc;
	border           : #cccccc 1px;
	border-style     : none solid;
	padding          : 0px;
	float            : left;
}
.leftMenuHeader{
	width            :158px;
	height           :40px;
}
.leftMenuHead{
	color            : #555555;
	background-color : #8be174;
	background-image : url( ./img/background/leftMenuHeadBackGround.jpg );
	border           : #999999 1px;
	border-style     : solid none;
	margin-top       : 5px;
	padding          : 2px;
	font-size        : 14px;
}
.leftMenuLink{
	display          : block;
	line-height      : 16px;
	width            : 140px;
	margin           : 0px 0px 0px 5px;
	padding          : 2px;
	font-size        : 14px;
	border           : #999999 1px;
	border-style     : none none dashed none;
}
#rightMenu{
	text-align       : left;
	vertical-align   : top;
	width            : 158px;
	background-color : #fcfcfc;
	border           : #cccccc 1px;
	border-style     : none solid;
	padding          : 0px;
	float            : right;
}
.rightMenuHeader{
	width            :158px;
	height           :20px;
}
.rightMenuBanner{
	width            :158px;
	height           :120px;
}

#pageFooter{
	vertical-align   : bottom;
	width            : 960px;
	background-color : #babade;
	padding          : 3px 0px;
}

.pagePath{
	width             : 600px;
	text-align        : left;
	margin            : 15px auto 0px auto;
}

.product{
	padding           : 10px 0px;
	background-color  : #ffffff;
	background-repeat : repeat-x;
	background-image  : url( ./img/background/background-b2d4ff-10-600.gif );
	line-height       : 16px;
}

.productArtisan{
	padding           : 10px 0px;
	background-color  : #ffffff;
	background-repeat : repeat-x;
	background-image  : url( ./img/background/background-gray-10-350.gif );
	line-height       : 16px;
}

.product52{
	padding           : 10px 0px;
	background-color  : #fdd9e7;
	background-repeat : repeat-x;
	line-height       : 16px;
}
.product57{
	padding           : 10px 0px;
	background-color  : #fed48a;
	background-repeat : repeat-x;
	line-height       : 16px;
}
.product62{
	padding           : 10px 0px;
	background-color  : #e4f281;
	background-repeat : repeat-x;
	line-height       : 16px;
}
.product67{
	padding           : 10px 0px;
	background-color  : #a9d7fb;
	background-repeat : repeat-x;
	line-height       : 16px;
}

.indexDescription{
	width        : 105px;
	font-size    : 14px;
	line-height  : 140%;
	padding      : 0px 5px;
}
td.price{
	width          : 105px;
	font-size      : 14px;
	padding-bottom : 5px;
	text-align     : center;
	vertical-align : bottom;
}
.price{
	font-size    : 14px;
	font-weight  : bold;
	color        : #ff6666;
}
.tax{
	font-size    : 11px;
	color        : #ff6666;
}
.strikePrice{
	text-decoration : line-through;
	color           : #999999;
}

.materialList{
	background-image : url( ./img/background/background-gray-10-150.gif );
}

.plate600{
	width            : 600px;
	background-color : #ffffff;
	margin           : 10px auto 0px auto;
}
.plate600TopGreen{
	background-image : url( ./img/background/backgroundPlate600-25-top-green.gif );
}
.plate600TopBlue{
	background-image : url( ./img/background/backgroundPlate600-25-top-blue.gif );
}
.plate600TopOrange{
	background-image : url( ./img/background/backgroundPlate600-25-top-orange.gif );
}
.plate600TopPink{
	background-image : url( ./img/background/backgroundPlate600-25-top-pink.gif );
}
.plate600TopLeftCell{
	text-align       : left;
	float            : left;
	padding          : 5px 0px 0px 25px;
	color            : #ffffff;
	font-size        : 15px;
	font-weight      : bold;
}
.plate600TopRightCell{
	text-align       : right;
	padding          : 7px 15px 0px 0px;
	color            : #ffffff;
	font-size        : 15px;
}
.plate600Middle{
	background-image : url( ./img/background/backgroundPlate600-10-middle.gif );
}
.plate600Bottom{
	height           : 10px;
	background-image : url( ./img/background/backgroundPlate600-10-bottom.gif );
}

.plate610{
	width            : 610px;
	background-color : #f6f6f6;
	margin           : 15px auto 0px auto;
}
.plate610Top{
	height           : 10px;
	background-image : url( ./img/background/backgroundPlate610-10-top.gif );
}
.plate610Middle{
	background-image : url( ./img/background/backgroundPlate610-10-middle.gif );
}
.plate610Bottom{
	height           : 10px;
	background-image : url( ./img/background/backgroundPlate610-10-bottom.gif );
}

/* カレンダー */
.calendarTable{
	background-color : #999999;
	font-size        : 13px;
	text-align       : center;
}

.calendarHeader1{
	background-color : #009900;
	color            : #ffffff;
}

.calendarHeader2{
	background-color : #ffffcc;
	color            : #000000;
}

.calendarHeaderCell1{
	padding          : 2px;
}

.calendarHeaderCell2{
	width   : 17px;
	padding : 2px 3px;
}

#calendarSunday{

}
#calendarMonday{

}
#calendarTuesday{

}
#calendarWednesday{

}
#calendarThursday{

}
#calendarFriday{

}
#calendarSaturday{

}

.calendarCell{
	padding          : 2px 3px;
	background-color : #ffffff;
	text-align       : right;
}
.calendarNotDateCell{
	background-color : #f4f4f4;
	color            : #ff8888;
}

.calendarTodayCell{
	padding          : 2px 3px;
	background-color : #66ff66;
	color            : #ff0000;
}
.calendarDateCell{
	padding          : 2px 3px;
	background-color : #ffcccc;
	color            : #ff0000;
}
.calendarTodayWorkDayCell{
	padding          : 2px 3px;
	background-color : #66ff66;
	color            : #000000;
}
.calendarDateWorkDayCell{
	padding          : 2px 3px;
	color            : #000000;
}

/* ショッピングカート内 */
.detailInputTable{
	width            : 740px;
	background-color : #666666;
	margin           : 15px auto 0px auto;
}
.tableHead{
	width            : 740px;
}
.inputHead{
	width            : 150px;
	background-color : #f8f8f8;
}
.inputData{
	width            : 590px;
	background-color : #ffffff;
	text-align       : left;
}
.inputData-Input{
	width            : 590px;
	background-color : #ffffff;
	text-align       : left;
}
.inputData-Check{
	width            : 470px;
	background-color : #ffffff;
	text-align       : left;
}
.inputData-View{
	width            : 350px;
	background-color : #ffffff;
	text-align       : left;
}