/* CSS Document */

/*////////////////////////////// body //////////////////////////////*/

*{
		margin:0;
		padding:0;
}

body{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		font-size:100%;
		line-height:140%;
		font:"ＭＳ Ｐゴシック", "Osaka−等幅";
}

#my_body{
		width:100%;
}


/*////////////////////////////// header部分 ////////////////////////*/

/* =============================================== */
/** 最上位置のカラム */
/* ----------------------------------------------- */
#my_header{
		width:100%;
		border-bottom:2px solid #ffffff;
		background-color:#ffffff;
		height:60px;
		font-size:35%;
		text-align:right; 
}

/* =============================================== */
/** 2段目　左カラム */
/* ----------------------------------------------- */

#my_header2-1{
		width:50%;
		border-bottom:2px solid #ffffff;
		background-color:#ffffff;
		height:100px;
		float:left;
}

/* ===================== */
/** shopname部分 */
/* --------------------- */
#my_header2-1-1{
		width:350px;
		border-bottom:2px solid #ffffff;
		background-color:#ffffff;
		height:100px;
		margin:0 auto;
		background-image:url(img/shopname.gif);
		text-align:left;
		line-height:100px;
		font-family: "Century Gothic";
		font-size: 250%;
		float:left;
}

/* =============================================== */
/** 2段目　右カラム */
/* ----------------------------------------------- */
#my_header2-2{
		width:50%;
		border-bottom:2px solid #ffffff;
		background-color:#ffffff;
		height:100px;
		float:right;
}

/* ===================== */
/** 2段目　右カラム内部 */
/* --------------------- */
#my_header2-2-1{
		width:210px;
		border-bottom:2px solid #ffffff;
		background-color:#ffffff;
		height:120px;
		margin:0 auto;
		text-align:right; 
		float:right;

}

/* ===================== */
/** 2段目　右カラム「お問合せ」部分 */
/* --------------------- */
#my_header2-2-1-1{
		width:99px;
		border-bottom:2px solid #ffffff;
		background-color:#ffffff;
		float:left;
		height:33px;
}

/* ===================== */
/** 2段目　右カラム「カートを見る」部分 */
/* --------------------- */
#my_header2-2-1-2{
		width:99px;
		border-bottom:2px solid #ffffff;
		background-color:#ffffff;
		float:right;
		height:33px;
}

/* ===================== */
/** 2段目　右カラム「サポート他」部分 */
/* --------------------- */
#my_header2-2-1-3{
		position: relative;
		top:35px;
		width:180px;
		border-bottom:2px solid #fffffff;
		background-color:#ffffff;
		height:69px;
		margin:0 auto;
		background-image:url(img/dp-template1_r4_c13.gif);
}


/*////////////////////////////// contents部分 //////////////////////////////*/

/* =============================================== */
/** contents　左右カラム */
/* ----------------------------------------------- */
#contents1{
		margin:0;
		position:relative;
		background-color:#ffffff;
		font-size:75%;
		line-height:140%;
		font:"ＭＳ Ｐゴシック", "Osaka−等幅"

}

/* ============================= */
/**「ホーム　>＞　カテゴリ」カラム*/
/* ----------------------------- */
#contents1-0{
		width:100%;
		height:20px;
		margin:0;
		padding:0;
		border-bottom:2px
		background-color:#ffffff;
}

/* ============================= */
/** indexページの contents左カラム*/
/* ----------------------------- */
#contents1-1{
		width:180px;
		float:left;
		padding-top:0px;
		padding-right:1px;
		padding-left:1px;
		background-color:#cccccc;
}
/* ============================= */
/** indexページの contents左カラム*/
/* ----------------------------- */
#contents1-1-2{
		width:180px;
		float:left;
		padding-top:0px;
		padding-right:1px;
		padding-left:1px;
		background-color:#ffffff;
}

/* ============================= */
/** indexページの contents中央カラム*/
/* ----------------------------- */
#contents1-1-5{
		width:59%;
		padding-top:0px;
		padding-right:5px;
		padding-left:10px;
		background-color:#ffffff;
		text-align:right;
		float:left;


}


/* ============================= */
/** indexページの contents右カラム*/
/* ----------------------------- */
#contents1-2{
		width:127px;
		margin:0;
		padding-top:0px;
		padding-right:1px;
		padding-left:1px;
		background-color:#cccccc;
		float:right;
		text-align:center;
}

/* ============================= */
/** 各カテゴリページの contents左カラム*/
/* ----------------------------- */
#contents1-3{
		width:36%;
		float:left;
		text-align:left;

}

/* ============================= */
/** 各カテゴリページの contents右カラム*/
/* ----------------------------- */
#contents1-4{
		width:64%;
		margin:0;
		padding:0;
		background-color:#ffffff;
		float:right;

}

/* ============================= */
/**左右カラムの次の段カラム*/
/* ----------------------------- */
#contents2{
		margin:auto;
		position:relative;
		float:right;
		background-color:#ffffff;
}

/* ============================= */
/**「 上に戻る」カラム*/
/* ----------------------------- */
#contents2-1{
		width:100%;
		height:20px;
		float:right;
		margin:0;
		border-bottom:2px
		background-color:#ffffff;
		text-align:left;
}

/* ============================= */
/**「 上に戻る」の次の段から下カラム*/
/* ----------------------------- */
#contents2-2{
		width:100%;
		float:left;
		margin:0;
		background-color:ffffff;
		font-size: 50%;
		text-align:left;
}

/* ============================= */
/**「商品紹介」のコンテンツ*/
/* ----------------------------- */
#contents2-3{
		width:100%;
		float:left;
		margin:0;
		background-color:ffffff;
}



/* =============================================== */
/** @Comment */
/* ----------------------------------------------- */

.contents p{
		margin:1em 0;
}

/* ======================== */
/** indexページcontents　左カラム */
/* ------------------------ */
.contents-in{
		margin:0;
}

/* ============================= */
/**「 上に戻る」部分*/
/* ----------------------------- */
.contents-in1{
		margin:2em;
		background-color:#ffffff;
		font-size: 120%;
		font-weight: bold;
}

/* ======================== */
/** indexページcontents　右カラム */
/* ------------------------ */
.contents-in2{
		background-color:#ffffff;
		font-size: 100%;
}

/* ======================== */
/** 各カテゴリページcontents　左カラム */
/* ------------------------ */
.contents-in3{
		margin:auto;
		background-color:#ffffff;
		font-size: 100%;
		text-align:left;
}

/* ======================== */
/** 各カテゴリページcontents　右カラム */
/* ------------------------ */
.contents-in4{
		margin:auto;
}
/* ============================= */
/**「 上に戻る」の次の段*/
/* ----------------------------- */
.contents-in3{
		margin:2em;
		background-color:#ffffff;
		font-size: 100%;
}



/*////////////////////////////// footer部分 //////////////////////////////*/

/* =============================== */
/** footerカラム　最上段　カテゴリリンク箇所 */
/* ------------------------------- */
#my_footer{
		width:100%;
		clear:both;
		background-color:#ffffff;
		border-top:2px solid #ffffff;
		text-align:center;
		padding:1em 0;
}

/* ================================ */
/** footerカラム　最２段　販売者概要他リンク箇所 */
/* -------------------------------- */
#my_footer1{
		width:100%;
		clear:both;
		background-color:#ffffff;
		border-top:2px solid ffffff;
		text-align:center;
		padding:1em 0;
		font-size: 100%;
}

/* ================================= */
/** footerカラム　最下段　Copyright箇所 */
/* --------------------------------- */
#my_footer2{
		width:100%;
		clear:both;
		background-color:#ffffff;
		border-top:2px solid #ffffff;
		text-align:center;
		padding:1em 0;
		font-size: 80%;
}


/*////////////////////////////// ？？？ //////////////////////////////*/

/* =============================== */
/** footerカラム　最上段　カテゴリリンク箇所 */
/* ------------------------------- */
A:LINK {
		color: #0066CC;
		text-decoration: none;
}
A:VISITED {
		text-decoration: none;
		color: #006666;
}
A:HOVER {
		text-decoration: underline;
		color: #FF6600;
}
A:ACTIVE {
		text-decoration: none;
		color: #006666;
}

/*////////////////////////////// span style //////////////////////////////*/

/* =============================== */
/** contents内　「ようこそ、kankann へ！」 */
/* ------------------------------- */
.style3 {
		font-family: "Century Gothic";
		font-size: 100%;
		font-weight: bold;
}

/* =============================== */
/** contents内上位　「ホーム　＞　カテゴリ」 */
/* ------------------------------- */

.style10 {
		font-size: 120%;
		color: #0000ff;
		font-weight: bold;
}

/* =============================== */
/**」 */
/* ------------------------------- */

.style11 {
		font-family: Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
		font-size: 140%;
		font-weight: bold;
		color:#000000
}

/* =============================== */
/** contents内　「項目タイトル　（グッズ別カテゴリ一覧他）」 */
/* ------------------------------- */
.style12 {
		font-family: Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
		font-size: 130%;
		font-weight: bold;
		color:#000000
}

/* =============================== */
/** 各商品150×150　商品名 */
/* ------------------------------- */
.style13 {
		color: #000000;
		font-weight: bold;
		text-align:left;
}
/* =============================== */
/** 各商品150×150　値段 */
/* ------------------------------- */
.style14 {
		color: #ff0000;
		font-weight:;
}



/* =============================== */
/**  商品紹介ページ　*/
/* ------------------------------- */
.style15 {
		font-size: 120%;
		line-height:140%;
		font:"ＭＳ Ｐゴシック", "Osaka−等幅"

}

/* =============================== */
/** */
/* ------------------------------- */
.style16 {
		color: #FFFFFF;
}

/* =============================== */
/**  商品紹介ページ　*/
/* ------------------------------- */
.style17 {
		color: #000000;
		font-size: 130%;
		line-height:140%;
		font-weight: bold;
		font:"ＭＳ Ｐゴシック", "Osaka−等幅"

}

/* =============================== */
/**  index 商品　キャッチコピー*/
/* ------------------------------- */
.style18 {
		color: #000000;
		font-size: 160%;
		line-height:140%;
		font-weight: bold;
		font:"HG丸ｺﾞｼｯｸM-PRO"

}

/* =============================== */
/** index 商品　カテゴリリンク */
/* ------------------------------- */

.style19 {
		font-size: 120%;
		color: #000000;
		font-weight: bold;
}

/* =============================== */
/** index 商品　カテゴリリンク */
/* ------------------------------- */

.style20 {
		font-size: 300%;
		color: #000000;
		font-weight: bold;
}

/* =============================== */
/** index 商品　カテゴリリンク */
/* ------------------------------- */

.style21 {
		font-size: 120%;
		color: #ff0000;
		font-weight: bold;
}


/* =============================== */
/**  index 商品　キャッチコピー（ワイシャツネクタイセット）*/
/* ------------------------------- */
.style22 {
		color: #ff0000;
		font-size: 180%;
		line-height:140%;
		font-weight: bold;
		font:"HG丸ｺﾞｼｯｸM-PRO"

}

/* =============================== */
/**  index 上に戻る（途中）*/
/* ------------------------------- */
.style23 {
		color: #ff0000;
		font-size: 120%;
		line-height:140%;
		font-weight: bold;
		font:"HG丸ｺﾞｼｯｸM-PRO"


}


/* =============================== */
/**」 */
/* ------------------------------- */





 /* ↓フォントのスタイル↓ */

.bold {
  font-weight: bold;
}
        
.red {
  color: #FF0000;
}

.white {
  color:#FFFFFF;
}

.dilute-gray {
  color:#444444;
}

.font-14 {
  font-size: 14px;
}

.font-20 {
  font-size: 20px;
}

.inline-center {
  text-align: center;
}

.inline-left{
  text-align: left;
}

.inline-right{
  text-align: right;
}


 /* ↓リンクについてここから↓ */

a:link, a:active, a:visited {
  color: #0033cc;
  text-decoration: none;
}
          
a:hover {
  color: #CC0000;
  text-decoration: underline;
}


 /* ↓本体のスタイル↓ */

#body-box {
  width: 760px;
  border: 1px solid #CCCCCC;
  margin-top:8px;
}
 /* ↓商品紹介部分のスタイル↓ */
      
#contents-box {
  border-bottom: 1px dotted #FFCC33;
  padding-top:5px;
  margin-bottom: 20px;
}

#catch3 {
  font-size: 15px;
  line-height:1.5em;
  margin-top: 20px;
}

.price-box {
  width:100%;
  line-height:1.5em;
  margin:10px 0;
}

#catch7 {
  font-size: 20px;
  line-height:1.5em;
  margin: 40px 50px;
}

#bottom-name {
  margin:0;
  line-height:1.5em;
}

.line-title {
  background-color: #FEFF74;
  padding: 5px;
  margin: 50px 50px 0;
}

.item-explain {
  margin: 20px 50px;
}
        
#item-cart {
  width: 520px;
  padding: 5px 20px 0;
  margin: 30px auto;
  background-color: #FCFAAE;
}

#item-cart img {
  margin:5px;
}

 /* ↓商品スペックのスタイル↓ */

#item-detail {
  border: 1px solid #F0E68C;
  width: 680px;
  margin: 10px auto;
}

#item-detail-in {
  padding: 5px 10px;
}

.spec {
  padding:0 10px;
}

 /* ↓フッターのスタイル↓ */

#to-top {
  margin-left: 5px;
}
        
#footer {
  font-size: 10px;
  background-color: #FFFF7E;
  padding: 1px;
}

.copy {
  width:66%;
  line-height:1em;
  margin:3px;
}

.tpl {
  width:30%;
  line-height:1em;
  margin:3px 5px;
}

#footer-link {
  color: #cccccc;
  font-size: 10px;
}


#header-box {
  width:760px;
  height:120px;
  background-image:url("https://www.moshimo.com/images/dekisugi/header/42.jpg");
}

.text-color-1 {
  color:#FFFFFF;
}

.text-color-2 {
  color:#FFFFFF;
}

.text-color-3 {
  color:#333333;
}


-->