@charset 'utf-8';


body
{
    font-size: 12px;
				padding: 0px 0px 0px 0px;
				background: #ffffff;
}

.clear
{
    clear: both;
}

.nospace
{
	   padding: 0px;
				margin: 0px;
}

.need
{
  color: #ff2222;
  font-weight: bold;
}

.font1 { font-size: 1px; }
.font2 { font-size: 2px; }
.font3 { font-size: 3px; }
.font4 { font-size: 4px; }
.font5 { font-size: 5px; }
.font6 { font-size: 6px; }
.font7 { font-size: 7px; }
.font8 { font-size: 8px; }
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font21 { font-size: 21px; }
.font22 { font-size: 22px; }
.font23 { font-size: 23px; }
.font24 { font-size: 24px; }
.font25 { font-size: 25px; }
.font26 { font-size: 26px; }
.font27 { font-size: 27px; }
.font28 { font-size: 28px; }
.font29 { font-size: 29px; }
.font30 { font-size: 30px; }
.font31 { font-size: 31px; }
.font32 { font-size: 32px; }
.font33 { font-size: 33px; }
.font34 { font-size: 34px; }
.font35 { font-size: 35px; }
.font36 { font-size: 36px; }
.font37 { font-size: 37px; }
.font38 { font-size: 38px; }
.font39 { font-size: 39px; }
.font40 { font-size: 40px; }
.font41 { font-size: 41px; }
.font42 { font-size: 42px; }
.font43 { font-size: 43px; }
.font44 { font-size: 44px; }
.font45 { font-size: 45px; }
.font46 { font-size: 46px; }
.font47 { font-size: 47px; }
.font48 { font-size: 48px; }

.floatright
{
    float: right;
}
.floatleft
{
    float: left;
}

.nowrap
{
    white-space: nowrap;
}

.textcenter
{
    text-align: center;
}

h3
{
  color: #0099cc;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

/*
 * 新ヘッダー
 */
#header2
{
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#header2 div.welcomearea
{
    background-color: #024F9F;
    height: 25px;
}

#header2 div.welcomearea a,
#header2 div.welcomearea a:hover,
#header2 div.welcomearea a:visited
{
    color: #ffffff;
}

#header2 ul.dropdown-menu a,
#header2 ul.dropdown-menu a:hover,
#header2 ul.dropdown-menu a:visited
{
    color: #000000;
}


#header2 div.welcome
{
    color: #ffffff;
    text-weight: bold;
    width: 970px;
    padding: 3px 0px;
}

#header2 div.submenu {
    margin: 0px 0px 0px 5px;
    float: left;
}

#header2 div.menuarea
{
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    padding: 0px;
    margin: 0px;
}

#header2 div.menu
{
    width: 970px;
    height: 50px;
    padding: 0px;
    margin: 0px;
}

#header2 div.menu div.menulogo
{
    height: 50px;
    width: 200px;
    float: left;

}

#header2 div.menuitem
{
    height: 50px;
    width: 180px;
    border-left: 1px solid #999999;
    text-align: center;
    padding: 12px 0px 0px 0px;
    margin: 0px;
    float: right;
    font-size: 14px;
    text-weight: bold;

}

#header2 div.menuitemlast
{
    border-right: 1px solid #999999;
}

#header2 div.active
{
    background-color: #1d7dff;
}
#header2 div.active a,
#header2 div.active a:hover,
#header2 div.active a:visited
{
    color: #ffffff;
}



#header2 div.menuitemlast
{
    border-right: 1px solid #999999;
}

/*
 * ヘッダー
 */
#header
{
    clear: both;
    background-color: #f9f9f9;
    border-bottom: 1px solid #CECECE;
    width: 100%;
    height: 60px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}
#header div.headercontents
{
    width: 970px;
}

#header div.helplink
{
    width: 770px;
    height:30px;
    margin: 0px;
}

#header div.helplinkeach
{
    margin-left: 15px;
    color: #ff8080;
}

#header div.helplinkeach a,
#header div.helplinkeach a:visited
{
    color: #ff8080;
}

#header div.tabmenu
{
    clear: both;
    float: left;
}

#header div.tabmenu div
{
    float: left;
}

#header div.menu
{
    width: 120px;
    height: 25px;
    text-align: center;
    margin: 0px 5px 0px 0px;
    padding: 3px 0px;
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

#header div.mypage
{
    margin-left: 80px;
}

#header div.active
{
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}

.leftarea
{
    width: 195px;
    padding: 0px 0px 0px 10px;
    margin: 0px 5px 0px 0px;
}

#searcharea
{
    clear: both;
    width:100%;
    background-color: #1d7dff;
    padding: 15px 10px;
    margin: 0px;
}

#searcharea div.search
{
    width: 970px;
}

#menu div.searchmenu
{
    width: 970px;
    padding: 10px 0px 10px 50px;
}

#graymenu
{
    width: 100%
    padding: 0px;
    background: #eeeeee;

}

#graymenu div.searcharea
{
    width: 970px;
    padding: 10px 10px 10px 10px;
    background: #eeeeee;
}

div.detailmenubt
{
   width: 100px;
   padding: 0px 0px 5px 10px;
   color: #FFFFFF;
}

#detailmenubutton a,
#detailmenubutton a:hover,
#detailmenubutton a:link,
#detailmenubutton a:visited
{
  color: #FFFFFF;
}

#detailmenu
{
 z-index: 0;
	border:1px solid #fff;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fafafa));
	background: -moz-linear-gradient(top, #f2f2f2, #fafafa);
	font-size:12px;
	-moz-box-shadow:1px 1px 3px #555;
	-webkit-box-shadow:1px 1px 3px #555;
	-box-shadow:1px 1px 3px #555;
	outline:none;
	padding:6px 5px 6px 20px;
	width:295px;
	margin:3px 0px;

	list-style:none;
	width:900px;
	padding:6px 5px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;

	line-height: 24px;

	clear: both;
}

#detailmenu input,
#detailmenu select,
#graymenu input,
#graymenu select
{
  height: 20px;
  padding: 0px 5px;
}

.partnersearch
{
  background-color: #FFFFFF;
  color: #40ABE9;
  border: 2px solid #40ABE9;
  font-size:12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 14px;
  width: 30px;
  padding: 1px 5px;

}

.psmini
{
  font-size:10px;
  height: 12px;
  margin: 1px;
}

.subjectlink,
.subjectlink a,
.subjectlink a:hover
{
   color: #1d7dff;
   font-size: 14px;
   font-weight: bold;
}

.price
{
   color: #990000;
   font-size: 14px;
   font-weight: bold;
}

.ordermess
{
   color: #990000;
   font-size: 14px;
}
/*
 * メインコンテンツ
 */
#contents
{
  width: 100%;
}

#contents div.contentbody
{
  padding: 10px;
}

#contents div.sidemenu
{
  border: 1px solid #CECECE;
  padding: 0px;
}

#contents div.resultarea
{
    float: right;
    width: 100%;
    margin: 0 0 0 -200px;
}

#contents div.result
{
    margin: 0 0 0 200px;
    min-width: 770px;
}

#contents div.serachinfo
{
    border: 1px solid #CECECE;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #f9f9f9;

    padding: 0px;
    margin: 0px 0px 12px 10px;

    width:100%;
}

#contents div.searchinfotop
{
    border-bottom: 1px solid #CECECE;
    padding: 5px 10px;
    line-height: 21px;
}

#contents div.searchinfobottom
{
    background-color: #ffffff;
    padding: 5px 10px;
}

/*
 * サイドバー
 */
#sidebar
{
    width: 200px;
    margin-bottom:10px;
    border: 1px solid #024F9F;
}

#sidebar h3
{
    font-size: 12px;
    color: #ffffff;
    display: inline;


}

#sidebar div.subject
{
    padding: 3px 5px;
    border-bottom: 1px solid #024F9F;
    background-color: #1d7dff;
    width: 100%;
}

/*
 * フッター
 */

#footer
{
    position: static;
    clear: both;
	   margin-top: 10px;
				border-top: 1px solid #000000;
				background: #ffffff;
}

#footer div.cont
{
    width: 970px;
    margin: 0px auto;
}

p.copyright
{
    width: 100%;
				background: #000000;
				color: #ffffff;
				text-align: center;
				padding: 10px 0px;
}

/*
 * 商品表示用
 */
.showcase
{
    margin: 0px auto;
				padding: 0px 5px;


}

h3.showcaseh3
{
    font-size: 14px;
    color: #d56a00;
    display:inline;
}

.showcaseeachitemarea
{
}


.showcaseeachitem
{
    font-size: 12px;
    border: 1px solid #999999;
    padding: 0px 0px 10px 0px ;
    margin: 0px 7px 11px 7px;
    text-align: center;
    position: relative;
    background: white;

    border-radius:         3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;

    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.5);
    box-shadow: 0px 1px 1px rgba(0,0,0,.5);

}

.showcaseeachitemlist
{
    text-align: left;
}

.showcaseitemimage
{

    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #999999;

    -webkit-border-top-left-radius:  3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft:      3px;
    -moz-border-radius-topright:     3px;

    position: relative;
}

.showcaseitemimagelistarea
{
   float: left;
   text-align: center;
}
.showcaseitemimagelist
{
   width: 100px;
   margin: 10px;
}

.showcaseitemtags
{
    position : absolute;
    top: 10px;
    left: 20px;
}

.showcaseitemnote
{
    padding: 10px;
    text-align: left;
}

span.showcaseprice
{
    color: #dd3333;
    font-size: 14px;
}

.showcaseselectnum
{
    width:90px;
    display:inline;
    margin-right: 10px;
}

.shocaseitem
{
    font-size: 12px;
    border: 1px solid #999999;
    padding: 0px 0px 10px 0px ;
    margin: 0px 7px 11px 7px;
    text-align: center;
    position: relative;
    background: white;

    border-radius:         3px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;

    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.5);
    box-shadow: 0px 1px 1px rgba(0,0,0,.5);

}


/*
 * フォーム関連
 */

.formhiddennum
{
    border: 1px solid #dddddd;
    height: 27px;
    padding: 4px 5px;
    font-size: 12px;
}

.notnull
{
    text-weight: bold;
    color: #ee4444;
}

.notnullinput
{
    background: #eeaaaa;
    border: 1px solid #ee4444;
}

.radioGreen input {
	display: none;
}
.radioGreen label{
    display: block;
    float: left;
    cursor: pointer;
	width: 60px;
	margin: 0;
	padding: 5px 10px;
	background: #bdc3c7;
	color: #869198;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.radioGreen label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.radioGreen label:last-of-type{
	border-radius: 0 3px 3px 0;
}
.radioGreen input[type="radio"]:checked + .switch-on {
	background-color: #0c87e8;
	color: #fff;
}
.radioGreen input[type="radio"]:checked + .switch-off {
	background-color: #0c87e8;
	color: #fff;
}

.radioGreenOne input{
	display: none;
}
.radioGreenOne label{
	display: block;
	float: left;
	cursor: pointer;
	width: 80px;
	margin: 0;
	padding: 5px 10px;
	border-right: 1px solid #abb2b7;
	background: #bdc3c7;
	color: #555e64;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.radioGreenOne label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.radioGreenOne label:last-of-type{
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}
.radioGreenOne input[type="radio"]:checked + label {
	background-color: #0c87e8;
	color: #fff;
}
.input-group-addon
{
font-size: 12px;
}

a.whitelink,
a.whitelink:hover,
a.whitelink:visited
{
    color: #ffffff;
    text-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
}

/*
 *  lightbox 用
 */
ul.photos {
  padding: 0px;
  margin: 0px auto;
  text-align: center;
  list-style: none;
}
ul.photos li {
  display: inline;
  width: 76px;
  height: 76px;
  margin: 0px;
}

ul.photos li img {
  border: 1px solid #999999;
  padding: 3px;
  margin: 3px 5px;
}

ul.photos a.horizontal img,
ul.photos a.effectable img {
  padding: 0px 0px;
}
ul.photos a.vertical img {
  padding: 0px 15px;
}

/*
 * トグルボタン
 */
 
 .onoffswitch1 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch1-checkbox {
    display: none;
}

.onoffswitch1-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 5px;
}

.onoffswitch1-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch1-inner:before,
.onoffswitch1-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch1-inner:before {
    content: "";
    padding-left: 6px;
    background-color: #2FCCFF; color: #FFFFFF;
}

.onoffswitch1-inner:after {
    content: "";
    padding-right: 6px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch1-switch {
    display: block; width: 12px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 74px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
    margin-left: 0;
}

.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
    right: 0px;
}

 .onoffswitch2 {
    position: relative; width: 70px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch2-checkbox {
    display: none;
}

.onoffswitch2-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 5px;
}

.onoffswitch2-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch2-inner:before,
.onoffswitch2-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch2-inner:before {
    content: "";
    padding-left: 6px;
    background-color: #2FCCFF; color: #FFFFFF;
}

.onoffswitch2-inner:after {
    content: "";
    padding-right: 6px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch2-switch {
    display: block; width: 12px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 54px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
    margin-left: 0;
}

.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
    right: 0px;
}

 .onoffswitch3 {
    position: relative; width: 50px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 5px;
}

.onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner:before,
.onoffswitch3-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch3-inner:before {
    content: "";
    padding-left: 6px;
    background-color: #2FCCFF; color: #FFFFFF;
}

.onoffswitch3-inner:after {
    content: "";
    padding-right: 6px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch3-switch {
    display: block; width: 12px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 34px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-switch {
    right: 0px;
}

 .onoffswitch4 {
    position: relative; width: 125px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch4-checkbox {
    display: none;
}

.onoffswitch4-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 5px;
}

.onoffswitch4-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch4-inner:before,
.onoffswitch4-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch4-inner:before {
    content: "";
    padding-left: 6px;
    background-color: #2FCCFF; color: #FFFFFF;
}

.onoffswitch4-inner:after {
    content: "";
    padding-right: 6px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch4-switch {
    display: block; width: 12px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 109px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-inner {
    margin-left: 0;
}

.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-switch {
    right: 0px;
}

 .onoffswitch5 {
    position: relative; width: 150px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch5-checkbox {
    display: none;
}

.onoffswitch5-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 5px;
}

.onoffswitch5-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch5-inner:before,
.onoffswitch5-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch5-inner:before {
    content: "";
    padding-left: 6px;
    background-color: #2FCCFF; color: #FFFFFF;
}

.onoffswitch5-inner:after {
    content: "";
    padding-right: 6px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch5-switch {
    display: block; width: 12px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 134px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch5-checkbox:checked + .onoffswitch5-label .onoffswitch5-inner {
    margin-left: 0;
}

.onoffswitch5-checkbox:checked + .onoffswitch5-label .onoffswitch5-switch {
    right: 0px;
}


/*
 * 商品詳細
 */

#productinfo
{
}

#productinfo div.img
{
    margin: 0px 10px 10px 0px;
    float: left;
}

#productinfo div.memoinfo,
div.memoinfo
{
  font-size: 10px;
  color: #4444dd;
  margin-top: 15px;
}

div.memoinfo
{
  padding: 10px 20px;
}

#productinfo span.zoom
{
  font-size: 20px;
  color: #2222ee;
}


#shopstocks
{
}

#shopstocks div.pricearea
{
  float: left;
  width: 150px;
}

#shopstocks div.typearea
{
  float: left;
  width: 40px;
  text-align: center;
}

#shopstocks div.type:before {
  content: "\A";
  white-space: pre;
}

#shopstocks div.type
{
  margin-top: 10px;
}

#shopstocks span.price
{
  color: #ee3333;
  font-size: 20px;
}

#shopstocks span.offprice
{
  color: #dd6666;
  font-size: 14px;
}

#shopstocks span.stockinfo
{
  color: #6666dd;
  font-size: 12px;
}

#shopstocks div.remarksarea
{
  width: 350px;
  float: left;
}

#shopstocks div.cartarea
{
  float: right;
}

#relationprd
{
}

#relationprd h3
{
    background-color: #1e90ff;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 5px;

}

#relationprd div.contents
{
    padding: 10px 20px;
}

#relationprd div.product
{
    float: left;
    margin-right: 10px;
}




/*
 * カート
 */
#cart
{
  width: 970px;
  padding: 10px 20px;
}

#cart span.price
{
  color: #ee3333;
  font-size: 16px;
}

#cart div.delete
{
  margin: 20px 0px 0px 20px;
}

#ordernavi
{
  width: 970px;
  text-align: center;
  margin: 10px 0px 10px 0px;
}

#ordernavi li
{
  display: inline;
  margin-right: 20px;
}

#ordernavi span
{
  font-size:12px;
  padding: 10px 10px 10px 10px;
}

#ordernavi span.step
{
display:inline-block;
text-align:center;
vertical-align:middle;
font-size:16px;
width:24px;
height:24px;
border-radius:8px;
border:1px solid black;
padding:1px;
padding: 4px 0px 0px 0px;
border-color: #444444;
background-color: #aaaaaa;
}

#ordernavi span.stepactive
{
border-color: #ff0000;
background-color: #ffffff;
color: #dd3333;
}

/*
 * 注文画面
 */
#orderarea
{
    width: 970px;
}

#orderarea div.login
{
    width: 450px;
    border: 1px solid #9999dd;

    margin: 0px 10px 20px 10px;
}

#orderarea h3
{
    font-size: 12px;
    color: #ffffff;

    padding: 3px 5px;
    border-bottom: 1px solid #024F9F;
    background-color: #1d7dff;
    width: 100%;
}

#orderarea div.contents
{
   padding: 10px 20px;
   height: 300px;
}

#orderarea tr,
#orderarea td
{
   padding: 10px 20px;
}

#orderarea table.address tr,
#orderarea table.address td
{
   padding: 2px 20px;
}

/*
 * スマートフォン用
 */
#headersp {
  display: none;
}