@charset "utf-8";

<style type=text/css>
<!--

/*-----------------------------------------
Site URL:    http://dougiya.com/syohin/***.html
-------------------------------------------

スタイル一覧

 ▼商品詳細ページ（柔術衣）

 ▼商品詳細ページ（柔術衣以外のパッチ・バッグ・アンクル・ファイトショーツ）

 ▼商品詳細ページ全体

-----------------------------------------*/





/* --------------------------------------
    ▼商品個別説明ページ（柔術衣）
 -------------------------------------- */

.ju img.syokai-photo {
  float: left;
  margin: 5px;
}

.ju .syokai {
  float: right;
  width: 390px;
}
.ju .syokai_460 {
  float: right;
  width: 230px;
}/* AKIRA物撮りさんの写真用 */



/* --------------------------------------
    ▼商品個別説明ページ（柔術衣以外のパッチ・バッグ・アンクル・ファイトショーツ）
 -------------------------------------- */
.exju img.syokai-photo {
  margin: 0 auto;
  text-align: center;
}

.exju .syokai {
  margin: 0 auto;
  width: 400px;
}




/* --------------------------------------
    ▼商品個別説明ページ全体
 -------------------------------------- */
#main h3 {
  margin: 0 auto;
  padding-top:10px;
  padding-bottom:20px;
  text-align: center;
  border: 0;
  font-size: 131%;
  font-weight: bold;
}


/* 商品紹介文 */
.syokai p {
  padding: 5px 15px;
}

.syokai p.kakaku {
  font-size: 108%;
  text-align: center;
}

.syokai p.kakaku span.price {
  font-size: 108%;
}




/*ズーム機能 */
div#zoom_photo {
  width: 300px;
  float: left;
  margin: 5px;
}
div#zoom460_photo {
  width: 460px;
  float: left;
  margin: 5px;
}/* AKIRA物撮りさんの写真用 */

#gallery_01 {
  margin-top: 15px;
  margin-bottom: 20px;
}
#gallery_01 img {
  padding: 3px;
}
/*set a border on the images to prevent shifting*/
#gallery_01 img{border:2px solid white;}
/*Change the colour*/
.active img{border:2px solid #333 !important;}







/* ほし評価 */
.ju  div.hoshi {
  width: 200px;
  margin: 0px auto;
  margin-bottom: 20px;
  letter-spacing : 2px;
}

.ju div.hoshi div.hoshi_list {
  width: 100px;
  float: left;
  font-size: 93%;
  padding: 0;
  text-align: right;
  margin-right: 10px;
}

.ju div.hoshi img.hoshi_img {
}






/* カゴに入れるテーブル */
table.kago {
  width: 330px;
  margin: 0px auto;
  margin-top: 10px;
  margin-bottom: 30px;
  background-color: #CCCCCC;
  letter-spacing : 2px;
}

table.kago th {
  background-color: #FFFF99;
  text-align: center;
}

table.kago td {
  background-color: #FFFFFF;
  text-align: center;
  vertical-align:middle;
}

table.kago td input {
  margin: 3px;
  padding: 7px 10px;
}

table.kago td select {
  margin: 3px;
}

table.kago td img {
  margin: 3px;
}


/* AKIRA物撮りさんの写真用　かごに入れるボタン */
div.kago_460 {
  width: 200px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border:solid 10px #CCC;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  -ms-border-radius: 1em;
}
div.kago_460 p {
  font-weight: bold;
  padding: 10px;
}/* AKIRA物撮りさんの写真用 */
div.kago_460 form {
  text-align: center;
}/* AKIRA物撮りさんの写真用 */
div.kago_460 input {
  padding: 7px 10px;
}/* AKIRA物撮りさんの写真用 */




/* サイズ表 */
table.kimono-size {
  width: 330px;
  font-size: 93%;
  margin: 5px auto;
  margin-bottom: 10px;
  background-color: #CCCCCC;
}

table.kimono-size th {
  background-color: #CCCCCC;
  text-align: center;
  padding:2px;
}

table.kimono-size td {
  background-color: #FFFFFF;
  text-align: center;
  padding:2px;
}
table.akira-size {
  width: 230px;
  font-size: 93%;
  margin: 20px auto;
  margin-bottom: 10px;
  background-color: #CCCCCC;
}/* AKIRA物撮りさんの写真用 */

table.akira-size th {
  background-color: #999999;
  text-align: center;
  padding:2px;
}/* AKIRA物撮りさんの写真用 */

table.akira-size td {
  background-color: #FFFFFF;
  text-align: center;
  padding:2px;
}/* AKIRA物撮りさんの写真用 */





/* 寸法 */

div.sunpou {
  clear: both;
  width: 700px;
}

div.sunpou h5 {
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 93%;
  font-weight: bold;
  text-align: center;
}

div.sunpou img.sunpou-photo {
  float: left;
}

div.sunpou img.sunpou-ja {
  float: left;
  margin-top: 10px;
}

div.sunpou table.kimono-sunpou {
  float: left;
  width: 400px;
  margin-top: 0px;
  font-size: 85%;
}

div.sunpou table.kimono-sunpou th {
  text-align: center;
  vertical-align: middle;
}

div.sunpou table.kimono-sunpou td {
  text-align: center;
}




/* ズームできる写真 */
.zoom_photo {
  margin-top: 50px;
}
.zoom_photo img {
  margin-left: 120px;
}



/* 拡大写真 */
div.syohin_photo {
  clear: both;
}

table.syohin_photo {
  width: 620px;
  border: 0;
  margin: 10px auto;
  font-size: 1.2em;
}

table.syohin_photo tr td {
  border: 0;
  text-align: center;
}

table.syohin_photo img {
  margin-top: 10px;
}





/* サムネイル部分のCSS */
ul.thumbs {
  margin: 0 auto;
  padding-top: 7px;
  padding-left: 10px;
}
ul.thumbs li {
  padding-right: 5px;
  padding-bottom: 5px;
}
div.syohin_photo div#photos {
  width: 700px;
  padding-top: 20px;
}
div.syohin_photo div#photos ul.photos {
  margin: 0 auto;
}





/* --------------------------------------
    ▼フリースタイル柔術マット
 -------------------------------------- */
div.mat {
  margin-bottom: 20px;
}
.mat h3 {
  padding-top: 10px;
}
.mat p {
  width: 450px;
  margin: 0 auto;
  padding-top: 5px;
}

.mat p.kakaku {
  font-size: 131%;
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.mat p.kakaku span.price {
  font-size: 116%;
}

.mat p.souryo_mat {
  font-size: 77%;
  text-align: center;
  padding-top: 0px;
}

table.mat {
  width: 550px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 93%;
}

table.mat tr th {
  width: 80px;
}

table.mat tr td {
  padding: 15px;
}

/* カスタムメイド日本製マット */
div.custommade {
  width: 550px;
  margin: 0 auto;
  border: 1px solid #E2DFD2;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #D5EBE7;
}
div.custommade form input {
  margin: 5px;
  padding: 2px;
}
div.custommade form textarea {
  margin: 5px;
  padding: 2px;
  line-height:120%;
}
div.custommade table {
  width: 85%;
}
div.custommade h2 {
  color: #153FA1;
  text-align: center;
  padding-top:10px;
  font-size: 142%;
  font-weight: bold;
}
div.custommade table tr th.wholesale {
  background-color: #6699cc;
  color:#FFF;
  font-weight: bold;
}
div.custommade table tr td {
  background-color: #FFF;
}
div.custommade form div.submit_button {
  width: 550px;
  margin-bottom: 20px;
}
div.custommade form div.submit_button input {
  margin-top: 10px;
  padding: 10px;
  margin-left: 80px;
}
div.custommade form div.submit_button input.submit_01 {
  width: 350px;
  margin-left: 100px;
}
/*  九州学院高校_武道館マット */
.imageRow .set {
  background-color: #CCCCCC;
  padding-top: 10px;
}
.imageRow .set p {
  width: 80%;
  margin: 0 auto;
}




/* --------------------------------------
    ▼absorb WHITENING　道着用洗剤
 -------------------------------------- */
#w_tokutyo {
  width: 600px;
  margin-top: 30px;
  margin-bottom: 50px;
  margin-left: 50px;
}
#w_tokutyo h2 {
  width: 600px;
  font-size: 131%;
  padding-top: 45px;
  padding-bottom: 35px;
  background-image: url(photo/whitening_001/tokutyo_title.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}
#w_tokutyo div {
  padding: 25px 0;
  padding-left: 160px;
  padding-right: 30px;
  background-repeat: no-repeat;
  border-bottom: #666 1px dotted;
}
#w_tokutyo h4 {
  font-size: 131%;
  font-weight: bold;
  padding-bottom: 10px;
}
#w_tokutyo p {
  font-size: 92%;
}
#w_tokutyo .tokutyo_01 {
  border-top: #666 1px dotted;
  background-image: url(photo/whitening_001/01.gif);
}
#w_tokutyo .tokutyo_02 {
  background-image: url(photo/whitening_001/02.gif);
}
#w_tokutyo .tokutyo_03 {
  background-image: url(photo/whitening_001/03.gif);
}
#w_tokutyo .tokutyo_04 {
  background-image: url(photo/whitening_001/04.gif);
}
#w_tokutyo .tokutyo_05 {
  background-image: url(photo/whitening_001/05.gif);
}


/* absorbWHITENING使い方 */
.howto_wrap {
    padding-left: 50px;
}
.imageRow .set .howto {
    width: 600px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 10px;
	border-top: 1px dashed #666;
	overflow : hidden;
}
.imageRow .set .howto h4 {
    width: 390px;
    float: right;
    padding-bottom: 10px;
    font-size: 131%;
	font-weight: bold;
}
.imageRow .set .howto .single {
    width: 160px;
    float: left;
    margin-left: 20px;
    margin-right: 30px; /* テキストとの距離 */
    /* 以下、丸角とシャドウは省略 */
}
.imageRow .set .howto p {
    width: 100%;
    margin: 0;
}



-->