@charset "UTF-8";


div#contentsMax {
}

div#contentsMax h3 {
	padding-left: 1em;
}


/*===================================

         帆布かばん一覧ページ

====================================*/

      /* タイプの名称（画像）*/

div#type-tote h4,
div#type-shoulder h4,
div#type-boston h4,
div#type-ruck h4,
div#type-sunb h4,
div#type-komono h4,
div#type-easy h4,
div#type-order h4 {
	text-align: center;
	margin: 2px 5px 5px 0px;
	padding-bottom: 1px;
}

div#type-tote,
div#type-easy,
div#type-order {
	float: left;
	width: 270px;
	margin: 11px 0 12px 10px;
}
*html div#type-tote {
	margin-left: 6px;
}

div#type-shoulder {
	float: left;
	width: 180px;
	margin: 11px 0 12px 32px;
}

div#type-boston,
div#type-ruck {
	float: left;
	width: 90px;
	margin: 11px 0 12px 32px;
}

div#type-komono {
	clear: both;
	float: left;
	width: 92px;
	height: 111px;
	margin: 11px 0 22px 10px;
}
*html div#type-komono {
	margin-left: 6px;
}
div#type-sunb {
	clear: both;
	float: left;
	width: 92px;
	height: 111px;
	margin: 11px 0 22px 10px;
}
*html div#type-sunb {
	margin-left: 6px;
}


div#type-easy {
	width: 364px;
	height: 640px;
	margin: 11px 0 22px 18px;
	padding: 1px
}
div#type-order {
	width: 235px;
	height: 111px;
	margin: 11px 0 22px 19px;
}

div#totop {
	clear: both;
}


/*=====      リンクなし画像    ===========*/

img.linkless {
	width: 78px;
	height: 78px;
	margin: 3px 2px;
	border: 2px dashed #eeeeee;
}


/*===     商品画像(マウスオーバー)   ===*/

div#type-tote a img,
div#type-shoulder a img,
div#type-boston a img,
div#type-ruck a img,
div#type-sunb a img,
div#type-tote a:hover img,
div#type-shoulder a:hover img,
div#type-boston a:hover img,
div#type-ruck a:hover img,
div#type-sunb a:hover img {
	width: 78px;
	height: 78px;
	margin: 3px 2px;
	border: 2px solid #ffeeee;
}
div#type-tote a:hover img,
div#type-shoulder a:hover img,
div#type-boston a:hover img,
div#type-ruck a:hover img,
div#type-sunb a:hover img {
	border: 2px solid #660000;
}



div#type-easy a img,
div#type-easy a:hover img {
	width: 60px;
	height: 75px;
	margin: 3px 2px;
	border: 2px solid #ffeeee;
}
div#type-easy a:hover img {
	border: 2px solid #660000;
}

div#type-order a img,
div#type-order a:hover img {
	width: 106px;
	height: 75px;
	margin: 3px 2px;
	border: 2px solid #ffeeee;
}
div#type-order a:hover img {
	border: 2px solid #660000;
}






/*=====       New!マーク     ===========*/

img#new {
	width: 38px;
	height: 16px;
	position: relative;
	top: -80px;
	left: 6px;
}
img#new2 {
	width: 38px;
	height: 16px;
	position: relative;
	top: -90px;
	left: 53px;
}


/*===================================

  ボストン・ショルダー・トート・リュック
	各タイプの先頭ページ

====================================*/

div#contents table.display {
   margin: 20px 0 20px 10px;
   border-collapse: separate;
   border-spacing: 10px;
}

div#contents table.display th {
   vertical-align: middle;
	width: 20px;
}

div#contents table.display th a img {
   text-align: center;
   margin-bottom: 10px;
   border: 2px solid #cccccc;
}

div#contents table.display th a:hover img {
   border: 2px solid #660000;
}

div#contents table.display td {
   font-size:75%;
   text-align: left;
   line-height:140%;
   vertical-align:top;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom:10px;
   padding-top: 5px;
}

div#contents table.display td p {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	font-size: 122%;
	margin-top: 1em;
}

div#contents table.display td p.title {
	font-size: 13px;
	font-weight: bold;
	margin: 0px auto 2px 1px;
	padding-left: 2px;
	border-left: solid 4px #99cc99;
}


div#contents table.display td div.detail {
	margin-top: 11px;
   margin-left: 110px;
}

span.arrow {
   background: url(../images/hanpu/arrow.gif) no-repeat 0 50%;
   padding-left: 16px;
}

*html span.arrow {
   background: url(../images/hanpu/arrow.gif) no-repeat 0 2px;
}




/*===================================

            右サイドバー

====================================*/


div#sidebar li.icon {
	margin: 0 0 0 12px;
	padding: 0px;
	list-style: none;
	line-height: 1em;
}

div#sidebar li.icon a img.pot {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	width: 45px;
	height: 45px;
	border: 1px solid #eedddd;
}

div#sidebar  li.icon a:hover img.pot {
	border: 1px solid #660000;
}


/*        イージーオーダーの画像                */

div#sidebar li.icon2 {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	line-height: 1em;
}
div#sidebar li.icon2 a img.pot {
	margin: 2px 0px 0 0;
	padding: 0;
	width: 32px;
	height: 40px;
	border: 1px solid #eedddd;
}
div#sidebar li.icon2 a:hover img.pot {
	border: 1px solid #660000;
}




/*===================================

            個別ページ

====================================*/

div#product {
	margin: 0 0 10px 0;
	padding: 0;
	margin-top: 5px;
	width: 275px;
	float: right;
}

/*==    かばん写真（メイン）  ==*/

div#product a img#main,
div#product a:hover img#main {
	width: 270px;
	height: 270px;
	margin: 0;
	padding: 0;
	border: solid 2px #eedddd;
}
div#product a:hover img#main {
   border: solid 2px #660000;
}


/*== メインかばん画像のＺＯＯＭボタン  ==*/

div#product a img {
	display: block;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

/*==   イージーオーダー例       ==*/

div#easysample h4 {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0px;
	border-bottom: solid 1px #99cc99;
	margin-top: 0px;
	padding-top: 14px;
}

div#easysample a img,
div#easysample a:hover img {
	float: left;
	width: 40px;
	height: 50px;
	margin: 0 3px 0 0;
	padding: 0;
	border: solid 1px #eedddd;
}
div#easysample a:hover img {
	border: solid 1px #660000;
}



/*====    かばんデータ  ====*/

div#contents dl{
   width: 280px;
   float: left;
   border-collapse:  collapse;
   border-spacing: 0 0; 
   padding: -2px 0 0 0;
   margin: 0 5px 10px 0px;
}

div#contents dt {
	font-size: 14px;
   font-weight: bold;
   color: #660000;
   margin: 0 0 0 6px;
   padding: 1px 0px 2px 12px;
   background: url('../images/hanpu/dt-button.gif') 0px 4px no-repeat;
}
div#contents dt#first {
   padding-top: 5px;
   background: url('../images/hanpu/dt-button.gif') 0px 8px no-repeat;
}
div#contents dd {
	font-size: 14px;
   line-height: 1.3em;
   padding: 0px 5px 8px 22px;
   margin: 0;
}


/******   ショッピングカート     *****/

div#cart {
	height: 80px;
	clear: both;
	font-size: 15px;
	width: 280px;
	padding: 15px;
	margin: 10px auto 18px auto;
	border: 1px solid #cccccc;
	text-align: center;
}
*html div#cart {
	margin: 10px auto 18px 145px;
}

div#cart form {
	font-size: 16px;
}

div#cart form select {
	font-size: 16px;
}

div#cart input#cartButton {
	margin-top: 11px;
}



/****** ＳＳＬ画像  カートの中身   *****/

div#sidebar img#ssl{
	margin: 10px 0 0 -1px;
}

div#sidebar img#insidecart {
	margin: 4px 0 0 5px;
}



/*===================================

        カラーバリエーション 

====================================*/

p#cv { /*    画像をクリックすると拡大     */
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
}

table#colorVariation,
table#colorVariation3,
table#colorVariation2 {
   width: 550px;
   margin: 8px auto 0 5px;
   padding: 0;
}
table#colorVariation3 { /*    ちびリュック    */
   width: 170px;
}
table#colorVariation2 { /*    サンブレラトート    */
   width: 115px;
}


table#colorVariation td,
table#colorVariation3 td,
table#colorVariation2 td {
   width: 55px;
   padding-bottom: 3px;
   text-align: center;
   font-size: 10px;
}

table#colorVariation td#here,
table#colorVariation3 td#here,
table#colorVariation2 td#here {
	color: #ffffff;
	font-weight: bold;
	background: #990000;
}

table#colorVariation td a img,
table#colorVariation3 td a img,
table#colorVariation2 td a img {
   border: solid 2px #eedddd;
   width: 50px;
   height: 50px;
}
table#colorVariation td a:hover img,
table#colorVariation3 td a:hover img,
table#colorVariation2 td a:hover img {
   border: solid 2px #660000;
   width: 50px;
   height: 50px;
}

table#colorVariation td img,
table#colorVariation3 td img,
table#colorVariation2 td img {
   border: 2px dashed #cc9999;
   width: 50px;
   height: 50px;
}


        /*   カラーバリエーション Ｈ４  */


        /*   細部  */

p#detail {
	font-size: 12px;
   text-align: center;
   padding-bottom: 0px;
   margin-bottom: 2px;
}

div#detailPhoto {
   margin: 3px;
   clear: both;
}

div#detailPhoto div.dPhoto {
	margin: 8px 0 0 0;
	padding: 0px;
	width: 150px;
}
div#detailPhoto div.dPhoto a img,
div#detailPhoto div.dPhoto a:hover img {
	margin: 5px auto 1px 5px;
	padding: 0;
	border: solid 2px #eedddd;
}

div#detailPhoto div.dPhoto a:hover img {
	border: solid 2px #660000;
}

div#detailPhoto div.dPhoto p.dPhotoZoom {
	font-size: 11px;
	margin: 2px auto 0px auto;
	text-align: center;
}


div#detailPhoto div.dComment {
	margin: 6px 2px 10px 0px;
	padding: 0px;
	width: 370px;
	float: right;
	clear: both;
}
div#detailPhoto div.dComment h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 6px auto 0.6em 1px;
	padding: 1px 1px 1px 4px;
	border-left: solid 4px #99cc99;
	border-bottom: dashed 1px #99cc99;
}



/*===================================

          イージーオーダー

====================================*/

div#contents img#staff_s {
	float: right;
	margin-left: 12px;
	margin-top: 8px;
}

div#about-eo {
	background-color: #ccddff;
	margin-right: 170px;
}


/*        カラーバリエーション        */

div#contents div.colorVariation,
div#contents div#StitchVariation {
   display: inline-block;
   width: 545px;
   border: solid 1px #dddddd;
   margin: 16px auto 10px 6px;
   padding: 0;
}
*html div#contents div.colorVariation,
*html div#contents div#StitchVariation {
   margin: 16px auto 10px 5px;
}
div#contents div.colorVariation p,
div#contents div#StitchVariation p {
   font-size: 14px;
   font-weight: bold;
   margin: 6px 0px 4px 5px;
   padding: 0 0 0 18px;
   background: url('../images/hanpu/CVicon.gif') 1px 4px no-repeat;
}
div#contents div.colorVariation table,
div#contents div#StitchVariation table {
   text-align: center;
	margin: 0 3px;
}

div#contents div.colorVariation table td {
   width: 52px;
   padding-bottom: 3px;
   text-align: center;
   font-size: 10px;
}
div#contents div#StitchVariation table td {
	width: 44px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 9px;
}

div#contents div.colorVariation table td img {
   border: outset 1px #eeeeee;
}
div#contents div#StitchVariation table td img {
   border: outset 1px #eeeeee;
	width: 36px;
	height: 36px;
}


/*前と後の画像*/

div#contents table.ex {
	margin-left: 48px;
        margin-top: 16px;
	margin-bottom: 10px;
	border-collapse: collapse;
}

div#mcontents table.ex td {
	text-align: center;
}

div#contents table.ex td p {
	padding: 0;
	margin: 3px 0;
	font-size: 75%;
	text-align: center;
}
div#contents table.ex td p.italic {
	padding-top: 8px;
	font-style: italic;
}
div#contents table.ex td p.italic span.b {
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
}


div#contents td.photo a img,
div#contents td.photo a:hover img {
	width: 200px;
	height: 250px;
	border: 1px solid #eedddd;
}
div#contents td.photo a:hover img {
	border: 1px solid #660000;
}

div#contents td.arrow_after img {
	margin: 0 14px 0 16px;
}

div#contents p.eo-price {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 32px;
}



/*    イージーオーダーの価格表    */


div#contents table.price {
	width: 380px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 22px 0 18px 95px;
}

div#contents table.price th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
    font-size: 12px;
}
div#contents table.price th span.mini {
    font-size: 88%;
	letter-spacing: 1px;
	font-weight: normal;
	margin-left: 2px;
}


div#contents table.price td,
div#contents table.price td.right {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
    font-size: 14px;
}
div#contents table.price td.right {
    text-align: right;
}


/*            注文時に記入する事             */

div#contents ol.infolist {
	font-size: 18px;
	margin: 25px 8px 22px 8px;
	padding: 10px;
	border: solid 1px #ddcccc;
}

div#contents ol.infolist li {
	margin-left: 1em;
	line-height: 1.6em;
	list-style-type: none;
	list-style-position: outside;	
}

div#contents ol.infolist li#first {
	margin-top: 1px;
	text-align: center;
}

div#contents ol.infolist li#last {
	margin-bottom: 10px;
}

div#contents ol.infolist li table {
	margin-top: 6px;
	margin-left: 12px;
	border: 1px solid #eedddd;
}

div#contents ol.infolist li table td {
	font-size: 10px;
	text-align: center;
	padding: 2px;
}

div#contents ol.infolist li table td img {
	height: 40px;
	width: 40px;
	border: 1px solid #eedddd;
	margin: 2px 1px 0 0 ;
}

div#contents span.infomini {
	font-size: 12px;
}

div#contents span.infomini2 {
	font-size: 12px;
	margin-left: 22px;
}

div#contents p.returned {
	margin-left: 60px;
	margin-top: 22px;
	margin-bottom: 20px;  
}




/*===================================

          オーダーメイド

====================================*/

div#about-om {
	background-color: #ffffcc;
	margin-top: 10px;
	margin-right: 6px;
	padding: 2px 5px 6px 5px;
}


/*          かばんの写真           */

div#contents div.omInt {
   margin: 18px 3px 4px 3px;	
   padding-top: 10px;
   clear: both;
}
div#contents div.omInt div.omPhoto {
	width: 175px;
	text-align: center;
	padding: 0px;
	float: left;
}
div#contents div.omInt div.omPhoto p.omNumber {
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 0px;
}
div.omPhoto img {
	margin: 0;
	padding: 0;
}

div.omPhoto a img,
div.omPhoto a:hover img {
	clear: both;
	margin: 1px 0px 2px 0px;
	padding: 0;
	border: solid 1px #cccccc;
}
div.omPhoto a:hover img {
	border: solid 1px #666666;
}

div.omPhoto p.omZoom {
	font-size: 11px;
	padding: 0px;
	margin: 1px auto 0px auto;
	text-align: center;
}

div.omInt div.omComment {
	margin: 5px 2px 10px 1px;
	padding: 0px;
	width: 376px;
	float: right;
}
div.omInt div.omComment h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 3px auto 0.6em 1px;
	padding: 1px 1px 1px 4px;
	border-left: solid 4px #99cc99;
	border-bottom: dashed 1px #99cc99;
}





/*===================================

           お手入れ方法

====================================*/

ul#care {
	margin-left: 1em;
	padding-left: 1em;
	line-height: 1.6em;
}

ul#care li {
	list-style-type: disc;
}




/*===================================

        人気ランキング

====================================*/

div#contents p#right {
	text-align: right;
	margin: 5px 5px 0px auto;
}



div#contents table#rank {
	margin: 16px 5px 18px 3px;
	border-collapse: separate;
	border-spacing: 5px;
}

div#contents table#rank th {
	vertical-align: middle;
	width: 30px;
}

div#contents table#rank td.image {
   text-align: center;
   vertical-align: middle;
	padding: 0px;
}

div#contents table#rank td.image a img {
	height: 150px;
	width: 150px;
   text-align: center;
   border: 2px solid #cccccc;
}

div#contents table#rank td.image a:hover img {
   border: 2px solid #660000;
}

div#contents table#rank td {
	padding: 3px 0px 20px 8px;
   font-size: 75%;
   text-align: left;
   line-height: 140%;
   vertical-align: top;
}

div#contents table#rank td p {
	margin: 1em 0 0 5px;
	padding: 0;
	line-height: 1.4em;
	font-size: 122%;
}

div#contents table#rank td p.title {
	font-size: 13px;
	font-weight: bold;
	margin: 0px auto 2px 0px;
	padding-left: 2px;
	border-left: solid 4px #99cc99;
	border-bottom: dotted 1px #99cc99;
}

div#contents table#rank td div.detail {
	text-align: center;
	margin-top: 11px;
}

div#contents img#pr {
	float: right;
	margin: 10px;
}
div#contents p.h4 {
	margin-top: 25px;
}
div#contents p.h4-right {
	margin-top: 21px;
	margin-right: 18px;
	text-align: right;
}
div#contents p.right {
	margin-right: 18px;
	text-align: right;
}