/*◆◆◆ ユニバーサルセレクタ ◆◆◆*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,iframe{
  margin : 0px;
  padding : 0px;
  }



/*◆◆◆ 色の設定 ◆◆◆*/

span.red{
  color : #ff0000;
  }

span.blue{
  color : #0000ff;
  }

span.black{
  color : #000000;
  }

span.white{
  color : #ffffff;
  }

span.yellow{
  color : #999900;
  }

span.green{
  color : #006600;
  }



/*◆◆◆ 強調の設定 ◆◆◆*/

strong.red{
  color : #ff0000;
  }

strong.blue{
  color : #0000ff;
  }

strong.black{
  color : #000000;
  }

strong.white{
  color : #ffffff;
  }

strong.yellow{
  color : #999900;
  }

strong.green{
  color : #006600;
  }



/*◆◆◆ 下線の設定 ◆◆◆*/

span.underline{
  text-decoration : underline;
  }



/*◆◆◆ floatの解除 ◆◆◆*/

div.clearboth{
  clear : both;
  }



/*◆◆◆ bodyの設定 ◆◆◆*/

/*=== 通常のhtml ===*/
body#default{
  background-color : #99ff66;
  text-align : center;
  }

/*=== commonフォルダ内のhtml ===*/
body#common_html{
  background-color : #ffffff;
  text-align : left;
  }



/*◆◆◆ ラッパー ◆◆◆*/

div#wrapper{
  background-color : #ffffff;
  border : solid 5px #ff6600;
  width : 800px;
  text-align : left;
  margin : 0 auto 0 auto;
  }



/*◆◆◆ ヘッダー ◆◆◆*/

div#header{
  width : 730px;
  margin : 0px 0px 0px 30px;
  }


/*=== ロゴ ===*/
div#logo{
  width : 264px;
  float : left;
  margin : 30px 0px 0px 0px;
  }

#logo h1{
  font-size : 10px;
  line-height : 100%;
  }

#logo p{
  font-size : 10px;
  line-height : 100%;
  }


/*=== フリースペース ===*/
div#freespace{
  width : 466px;
  float : left;
  margin : 30px 0px 0px 0px;
  }

iframe#freespace_f{
  width : 466px;
  height : 60px;
 }


/*=== freespace.html ===*/

div#freespace_wrapper{
  width : 466px;
  height : 60px;
  margin : 0px;
  }

div#icon{
  font-size : 14px;
  line-height : 30px;
  font-weight : bold;
  padding : 30px 0px 0px 344px;
  }

#icon a{
  width : 120px;
  background : url(../image/mypage_logo.gif) no-repeat;
  display : block;
  text-decoration : none;
  color : #ffffcc;
  padding : 0px 0px 0px 0px;
  text-indent : 40px;
  }

#icon a:hover{
  background-position : top right;
  color : #ffffff;
  }


/*=== メニューバー ===*/

div#menubar{
  width : 730px;
  margin : 5px 0px 25px 0px;
  }
iframe#menubar_f{
  width : 730px;
  height : 60px;
  }


/*=== menubar.html ===*/

div#menubar_layout{
  width : 730px;
  height : 60px;
  background-color : #999966;
  font-size : 14px;
  line-height : 99%;
  font-weight : bold;
  text-align : center;
  }

#menubar_layout a{
  width : 120px;
  background : url(../image/menuber.gif) no-repeat;
  display : block;
  float : left;
  text-decoration : none;
  color : #006600;
  margin-right : 2px;
  padding : 23px 0px 23px 0px;
  }

/*=== カートを見るの余白 ===*/
a#menubar_layout2{
  margin : 0px;
 }

#menubar_layout a:hover{
  background-position : top right;
  color : #003300;
  }



/*◆◆◆ メッセージ用のスペース ◆◆◆*/

/* iframe#message_f、message_layoutの */
/* heightの数字を変更する */
/* 表示：margin-bottomを20pxに */
/* 非表示：margin-bottomを0pxに */

div#message{
  width : 730px;
  margin : 0px 0px 0px 30px;
  }

/* 表示：heightを変更 */
/* 非表示：heightを0pxに */
iframe#message_f{
  width : 730px;
  height : 0px;
  }


/*=== message.html ===*/
div#message_layout{
  width : 730px;
  height : 0px;
  }

#message_layout p{
  font-size : 14px;
  line-height : 20px;
  text-align : center;
  }


/*◆◆◆ パンくずリスト ◆◆◆*/

div#breadcrumb{
  width : 690px;
  font-size : 13px;
  line-height : 120%;
  text-align : left;
  margin : 0px 0px 15px 50px;
  }



/*◆◆◆ メイン ◆◆◆*/

div#main{
  width : 730px;
  margin : 0px 0px 25px 30px;
  }


/*=== サイドバー ===*/
/* サイドバー210px(余白25px)＋コンテンツ495px＝730px */

div#sidebar{
  width : 210px;
  float : left;
  }


/*=== カテゴリ ===*/
/* タイトル：40px　カテゴリのリスト：30px */
/* iframe#category_fのheightは、border用に6px加算 */

div#category{
  width : 210px;
  }

iframe#category_f{
  width : 200px;
  height : 756px;
  }


/*=== category.html ===*/

div#category_layout{
  width : 200px;
  }

/* カテゴリ一覧 */
div#category_list{
  width : 194px;
  height : 750px;
  border : solid 3px #ff6600;
  margin : 0px 0px 0px 0px;
  }

div.category_title{
  width : 194px;
  height : 40px;
  background-color : #ff9933;
  }

.category_title p{
  font-size : 13px;
  line-height : 40px;
  font-weight : bold;
  text-align : center;
  color : #333300;
  }

#category_layout ul{
  list-style-type : none;
  font-size : 13px;
  line-height : 30px;
  }

#category_layout a{
  width : 194px;
  background : url(../image/category_layout.gif) no-repeat;
  display : block;
  text-decoration : none;
  text-indent : 25px;
  color : #003366;
  }

#category_layout a:hover{
  background-position : top right;
  color : #ff0099;
  text-indent : 25px;
  }


/*=== コンテンツ ===*/
/* _margin：は、Internet Explorer6用 */

div#content{
  width : 495px;
  float : left;
  margin : 0px 0px 0px 25px;
  _margin : 0px 0px 0px 12px;
  }

/*=== コンテンツ広告用のスペース ===*/
/* 表示：はmargin-bottomを15pxに */
/* 非表示：margin-bottomを0pxに */

div#content_ad{
  width : 495px;
  text-align : center;
  margin : 0px 0px 15px 0px;
  }

iframe#content_ad_f{
  width : 478px;
  height : 120px;
  }

/*--- content_ad.html ---*/

div#topbanner_layout{
  width : 478px;
  height : 120px;
  }

img#topbanner_l{
  margin : 0px 10px 0px 0px;
  }



/*◆◆◆ インフォメーション ◆◆◆*/
/* heightの合計＝線10px＋タイトル65px×○行＋テキスト20px×○行 */

div#information{
  width : 730px;
  margin : 0px 0px 25px 30px;
  }

iframe#information_f{
  width : 730px;
  height : 1055px;
  }


/*=== information.html ===*/

div#information_layout{
  width : 730px;
  height : 1055px;
  }

div#information_line{
  width : 730px;
  height : 10px;
  background : url(../image/footer_line.gif) no-repeat;
  }

/*=== インフォメーション・左側と右側に共通する項目 ===*/
/* 1行でheight:65px／テキスト20px＋マージン上25px＋下15px */

div.information_title{
  width : 350px;
  background-color : #ff9933;
  margin : 25px 0px 14px 0px;
  }

.information_title p{
  font-size : 15px;
  line-height : 25px;
  font-weight : bold;
  color : #660033;
  margin : 0px 15px 0px 15px
  }

/* 1行でheight:20px */
div.information_text{
  width : 350px;
  }

.information_text p{
  font-size : 14px;
  line-height : 20px;
  color : #330033;
  margin : 0px 14px 0px 14px;
  }


/*=== インフォメーション・左側 ===*/

div#information_left{
  width : 350px;
  float : left;
  }


/*=== インフォメーション・右側 ===*/

div#information_right{
  width : 350px;
  float : left;
  margin : 0px 0px 0px 30px;
  }



/*◆◆◆ フッター ◆◆◆*/

/* heightは、下の余白25pxを追加した数字 */
div#footer{
  width : 730px;
  height : 103px;
  margin : 0px 0px 0px 30px;
  }

iframe#footer_f{
  width : 730px;
  height : 78px;
  }


/*=== footer.html ===*/

div#footer_layout{
  width : 730px;
  height : 78px;
  }

div#footer_line{
  width : 730px;
  height : 10px;
  background : url(../image/footer_line.gif) no-repeat;
  margin : 0px 0px 20px 0px;
  }

div#owner{
  width : 730px;
  height : 15px;
  margin : 0px 0px 10px 0px;
  }

div#copyright{
  width : 730px;
  height : 15px;
  text-align : center;
  }

#copyright p{
  font-size : 15px;
  line-height : 100%;
  }