@import url("http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold");
@import url("lightview.css");


/* ---------- Shared ---------- */

#ot {
	width: 740px;
	margin: 30px auto;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width:479px){
#ot{
  min-width:370px;
}
}

#ot h1 {
}

#ot h2 {
	width: 720px;
	margin: 20px 10px;
}

#ot .contents {
	width: 700px;
	margin: 20px;
}

#ot a {
	color: #696969;
	text-decoration: underline;
}

#ot a:hover {
	color: #ea4f5b;
}


/* ---------- j[ ---------- */

#ot ul.menu {
	clear: both;
	list-style: none;
	border-top: 3px double #7fc269;
	padding: 20px 45px 20px 45px;
}

#ot ul.menu li {
	display: block;
	height: 100px;
	margin: 20px 0;
}

#ot ul.menu li a img {
	background: url(../../../../img/usr/category/ot/menu_off.png) no-repeat;
	background: 
}

#ot ul.menu li a:hover img {
	background: url(../../../../img/usr/category/ot/menu_on.png) no-repeat;
}


/* ---------- eLXgj[ ---------- */

#ot #pagetop {
	clear: both;
	text-align: right;
	padding: 20px 0 0 0;
}


/* ---------- eLXgj[ ---------- */

#ot ul.menuTxt {
	clear: both;
	list-style: none;
	border-top: 3px double #7fc269;
	padding: 20px 20px 0 20px;
	margin: 0 20px
}

#ot ul.menuTxt li {
	display: block;
	margin: 0 0 10px 0;
	font-size: 14px;
}

#ot ul.menuTxt li a {
	background: url(../../../../img/usr/category/ot/menu_txt_off.png) no-repeat left;
	padding: 3px 0 3px 24px;
}

#ot ul.menuTxt li a:hover {
	background: url(../../../../img/usr/category/ot/menu_txt_on.png) no-repeat left;
}


/* ---------- ₢킹 ---------- */

#ot #info {
	margin: 50px 0;
	text-align: center;
}

#ot #info h4 {
	font-size: 140%;
	text-align: left;
	margin: 10px 0 0 120px;
}

#ot #info ul {
	font-family: "Droid Sans";
	font-size: 24px;
	font-weight: bold;
	list-style: none;
	text-align: left;
	margin: 10px 0 0 120px;
}

#ot #info ul li {
	line-height: 1em;
	margin-bottom: 5px;
}

#ot #info ul li a {
	text-decoration: none;
}


/* ---------- y[WO ---------- */

#ot #contentsTop {

}

#ot #contentsTop #lead {
	float: left;
	width: 460px;
	font-size: 120%;
	margin-bottom: 30px;
}

#ot #contentsTop #picCover {
	float: right;
	padding-bottom: 30px;
}


/* ---------- contents1 ---------- */

#ot #contents1 {
}

#ot #contents1 #lead {
	font-size: 120%;
	margin-bottom: 20px;
}

#ot #contents1 #photoL {
	float: left;
	width: 330px;
}

#ot #contents1 #photoR {
	float: right;
	width: 330px;
}

#ot #contents1 #photoL img,
#ot #contents1 #photoR img {
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 5px;
} 


/* ---------- contents2 ---------- */

#ot #contents2 {
}

#ot #contents2 #blockA {
	margin: 0 10px;
}

#ot #contents2 #blockA #textCover {
	float: left;
}

#ot #contents2 #blockA #textDetail {
	float: right;
	width: 450px;
}

#ot #contents2 #blockA #textDetail h3 {
	margin-bottom: 10px;
}

#ot #contents2 #blockA #textDetail .price {
	text-align: right;
	margin-bottom: 5px;
}

#ot #contents2 #blockA #textDetail .cap {
	margin-bottom: 10px;
}

#ot #contents2 #blockA #textDetail ul.btn {
	list-style: none;
	text-align: right;
	padding: 15px;
	margin-top: 20px;
}

#ot #contents2 #blockA #textDetail ul.btn li {
	display: block;
	/*height: 50px;*/
	margin: 10px;
}

#ot #contents2 #blockA #textDetail ul.btn li p {
	font-weight: bold;
}

#ot #contents2 #blockA #textDetail ul.btn li a img {
	background: url(../../../../img/usr/category/ot/btn_off.png) no-repeat;
}

#ot #contents2 #blockA #textDetail ul.btn li a:hover img {
	background: url(../../../../img/usr/category/ot/btn_on.png) no-repeat;
}

#ot #contents2 #blockB {
	clear: both;
	padding-top: 30px;
}

#ot #contents2 #blockB .boxNanido {
	clear: both;
	width: 690px;
	margin: 0 0 20px 10px;
	padding-top: 20px;
}

#ot #contents2 #blockB .boxNanido h4 {
	color: #3f942b;
	font-size: 120%;
}

#ot #contents2 #blockB .boxNanido img {
	border: 1px solid #ddd;
}

#ot #contents2 #blockB .boxNanido ul.boxNanidoL {
	float: left;
	width: 480px;
	list-style: none;
}

#ot #contents2 #blockB .boxNanido ul.boxNanidoL li {
	display: block;
	float: left;
	width: 150px;
	margin: 0 8px 0 0;
}

#ot #contents2 #blockB .boxNanido h5.boxNanidoRTitle {
	font-size: 100%;
	float: right;
	width: 194px;
}

#ot #contents2 #blockB .boxNanido ul.boxNanidoR {
	float: right;
	width: 194px;
}

#ot #contents2 #blockB .boxNanido ul.boxNanidoR li {
	display: block;
	float: left;
	width: 90px;
	margin: 0 5px 5px 0;
}

#ot #contents2 #blockC {
	clear: both;
	padding-top: 30px;
}

#ot #contents2 #blockC ul {
	list-style: none;
	margin: 20px 0 0 10px;
}

#ot #contents2 #blockC ul li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

#ot #contents2 #blockD {
	clear: both;
	padding-top: 30px;
}

#ot #contents2 #blockD h3 {
	margin-bottom: 10px;
}

#ot #contents2 #blockD ul {
	list-style: none;
	margin: 5px 0 20px 20px;
}

#ot #contents2 #blockD ul li {
	margin: 0 0 3px 0;
}

#ot #contents2 #blockD h4 {
	font-size: 100%;
	margin: 0 0 0 20px;
}


/* ---------- contents3 ---------- */

#ot #contents3 {
}

#ot #contents3 h3 {
	clear: both;
	margin-bottom: 10px;
}

#ot #contents3 p.lead {
	font-size: 120%;
}

#ot #contents3 ul.photoList {
	list-style: none;
}

#ot #contents3 ul.photoList li {
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

#ot #contents3 ul.photoList li.end {
	margin: 0 0 10px 0;
}

#ot #contents3 #blockA {
	margin: 0 0 30px 10px;
}

#ot #contents3 #blockA h4 {
	clear: both;
	color: #3f942b;
	font-size: 120%;
	padding-top: 10px;
}

#ot #contents3 #blockB {
	margin: 0 0 30px 10px;
}

#ot #contents3 #blockB p.lead {
	margin-bottom: 10px;
}

#ot #contents3 #blockC {
	margin: 0 0 30px 10px;
}

#ot #contents3 #blockC ul.enjoy {
	font-size: 110%;
	margin: 10px 0 0 10px;
}

#ot #contents3 #blockC ul.enjoy li {
	background: url(../../../../img/usr/category/ot/arrow_flower.gif) no-repeat left 5px;
	padding: 2px 0 2px 20px;
}

#ot #contents3 #blockC .photo {
	margin: 0 0 0 10px;
	text-align: right;
}

#ot #contents3 #blockD {
	clear: both;
	margin: 0 0 30px 10px;
}

#ot #contents3 #blockD p {
	margin-bottom: 10px;
	font-size: 120%;
}


/* ---------- contents4 ---------- */

#ot #contents4 {
}

#ot #contents4 h3 {
	clear: both;
	margin-bottom: 20px;
}

#ot #contents4 #blockText {
	width: 660px;
	margin: 0 20px;
}

#ot #contents4 #blockText #textCover {
	float: left;
	padding-bottom: 20px;
}

#ot #contents4 #blockText #textDetail {
	float: right;
	width: 440px;
}

#ot #contents4 #blockText #textDetail h3 {
	margin-bottom: 10px;
}

#ot #contents4 #blockText #textDetail .price {
	text-align: right;
	margin-bottom: 5px;
}

#ot #contents4 #blockText #textDetail .cap {
	margin-bottom: 10px;
}

#ot #contents4 #blockText #textDetail ul.btn {
	list-style: none;
	text-align: right;
	margin-top: 10px;
}

#ot #contents4 #blockText #textDetail ul.btn li {
	display: block;
	height: 50px;
	margin: 0 0 10px 0;
}

#ot #contents4 #blockText #textDetail ul.btn li p {
	font-weight: bold;
}

#ot #contents4 #blockText #textDetail ul.btn li a img {
	background: url(../../../../img/usr/category/ot/btn_off.png) no-repeat;
}

#ot #contents4 #blockText #textDetail ul.btn li a:hover img {
	background: url(../../../../img/usr/category/ot/btn_on.png) no-repeat;
}

#ot #contents4 h4 {
	clear: both;
	background: #d8edd2;
	font-size: 120%;
	font-weight: bold;
	margin: 0 20px 0 20px;
	padding: 5px 10px;
}

#ot #contents4 p.caption {
	margin: 3px 20px;
	color: #FF3300;
}

#ot #contents4 ul.blockGoods {
	clear: both;
	width: 660px;
	margin: 0 20px;
	padding-top: 15px;
}

#ot #contents4 ul.blockGoods li {
	border: 1px solid #d8edd2;
	float: left;
	width: 150px;
	margin-right: 20px;
	padding: 8px;
}

#ot #contents4 ul.blockGoods li.end {
	margin-right: 0px;
}

#ot #contents4 ul.blockGoods li .photo {
	margin-bottom: 5px;
}

#ot #contents4 ul.blockGoods li h5 {
	font-size: 100%;
}

#ot #contents4 ul.blockGoods li .price {
	text-align: right;
}

#ot #contents4 ul.blockGoods li .price .tax {
	font-size: 80%;
}

#ot #contents4 ul.blockGoods li .btn {
	text-align: center;
	padding: 4px 10px;
}

#ot #contents4 ul.blockGoods li .btn a img {
	background: url(../../../../img/usr/category/ot/btn_buy_mini_off.png) no-repeat;
	width: 110px;
	height: 24px;
}

#ot #contents4 ul.blockGoods li .btn a:hover img {
	background: url(../../../../img/usr/category/ot/btn_buy_mini_on.png) no-repeat;
}

#ot #contents4 .pagetopMini {
	clear: both;
	text-align: right;
	padding: 10px 20px;
	margin-right: 10px;
}

#ot #contents4 ul.blockGoods li.othres {
	border: 0;
	float: left;
	width: 250px;
	margin-right: 10px;
	padding: 20px 0;
}

#ot #contents4 ul.blockGoods li.othres p {
	margin-bottom: 20px;
}

#ot #contents4 ul.blockGoods li.othres a img {
	background: url(../../../../img/usr/category/ot/btn_off.png) no-repeat;
}

#ot #contents4 ul.blockGoods li.othres a:hover img {
	background: url(../../../../img/usr/category/ot/btn_on.png) no-repeat;
}


/* ---------- contents5 ---------- */

#ot #contents5 {
}

#ot #contents5 dl {
	margin: 0 0 20px 0;
}

#ot #contents5 dt {
	margin: 0 0 5px 0;
}

#ot #contents5 dd {
	font-size: 120%;
	margin: 0 20px 20px 20px;
}

#ot #contents5 h3 {
	margin: 0 0 5px 0;
}

#ot #contents5 ul {
	margin: 0 0 10px 20px;
	list-style: none;
}

#ot #contents5 ul li strong {
	color: #eb6100;
	font-size: 120%;
	font-weight: normal;
}

#ot #contents5 table {
	/*width: 700px;*/
	border-collapse: collapse;
	border: 2px solid #666;
	margin: 0 auto 10px auto;
	font-size: 75%;
}

#ot #contents5 table th,
#ot #contents5 table td {
	border-top: 1px solid #666;
	border-left: 1px solid #ccc;
	padding: 5px;
	white-space: nowrap;
}

#ot #contents5 table th {
	background: #e5f3e1;
}

#ot #contents5 table td.no {
	font-weight: bold;
	text-align: center;
}

#ot #contents5 table td.pic {
	border-left: 0px;
}

#ot #contents5 table td.border-dashed {
	border-top: 1px dashed #ccc;
}

#ot #contents5 table td.space {
	white-space: normal;
}

#ot #contents5 table td strong {
	color: #eb6100;
	font-weight: normal;
}

#ot #contents5 p {
	margin: 0 10px 10px 10px;
}