@charset "UTF-8";

/* ------ ハリオグラス株式会社 ------ */

/* ------ http://www.hario.co.jp/         ------ */
/* ------ http://www.hario.com/           ------ */

/* 初期設定
---------------------------------------------------------------------- */

*{
  margin:0;
  padding:0;
  color:#333333;
  font-size:12px;
  font-weight:normal;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing:1px;
}

/* ブラウザスタイルの初期化(IE6など一部ブラウザ向け) */

th,td,form,ul,li{
  margin:0;
  padding:0;
  color:#333333;
  font-size:1em;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing:1px;
}

/* 全体設定
---------------------------------------------------------------------- */

strong{font-weight:bold;}

ul{
	list-style-type:none;
}

a{
  color:#D50077;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
}

a:hover{color:#666666;}

img{border:0;}

hr{
  clear:both;
	visibility:hidden;
	height:0;
}


/* 枠
---------------------------------------------------------------------- */

#frame{
	width:780px;
	margin:0 auto;
	background-image: url(../campaign/images/back.jpg);
	background-repeat: repeat-y;
}
body {
	background-repeat: repeat;
}


/* header
---------------------------------------------------------------------- */

#headerR,#headerL{
  float:left;
	margin:5px 0;
}

#headerR{width:85px;}
#headerL{width:695px;}

h1,#headerL p{

}

h1{
  margin:0 0 5px 0;
	color:#666666;
}

#topImg{
  clear:both;
	margin:0 0 20px 0;
}

/* contents
---------------------------------------------------------------------- */

#contents p.img1{
  margin:0 0 5px 0;
}

#contents p#font1{
	font-size:22px;
	font-family:"HG正楷書体-PRO", Osaka, "ＭＳ Ｐゴシック";
	font-weight:bold;
	color:#336699;
	margin:0 0 20px 30px;
}

#contents h2{
	width:780px;
	padding:20px 0 0 0;
	height:82px;
	font-size:23px;
	font-family:"HG正楷書体-PRO", Osaka, "ＭＳ Ｐゴシック";
	font-weight:bold;
	color:#D50077;
	text-align:center;
	line-height:27px;
	margin:0 0 20px 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}


#item{
  width:600px;
	margin:0 0 20px 90px;
}


#item tr td{
  text-align:center;
	width:300px;
}

#item tr td h3{
  font-weight:bold;
	letter-spacing:1px;
	line-height:20px;
}

#item tr td p{
  letter-spacing:1px;
	line-height:20px;
}

#item tr td p span.font1{
  text-decoration:line-through;
}

#item tr td p span.font2{
  color:#CC0000;
	font-size:16px;
	font-weight:bold;
}

#item tr td p a.font3{
  font-size:16px;
	font-weight:bold;
}

#item tr td p.font4{
  margin:5px 0;
}

#point{
  width:700px;
	margin:0 0 20px 40px;
}

#point tr td{
  width:233px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}

#amazon{
	border-bottom:#999999 3px solid;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 20px;
}


.font5{
  letter-spacing:1px;
	line-height:16px;
	margin:0 20px 20px 20px;
}


.font6{
	font-size:18px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#shadow #frame #contents #tokubetu #set_text .font7 {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 18px;
	line-height: 22px;
}

#shadow #frame #contents #caption1 {
	height: 380px;
	padding-bottom: 10px;
	width: 779px;
	background-image: url(../campaign/images/double-02.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#shadow #frame #contents #kurojoka {
	height: 180px;
	padding-bottom: 10px;
}
#shadow #frame #contents #kurojoka #kuromidasi {
	clear: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 20px;
}

#shadow #frame #contents #caption1 #caption {
	width: 540px;
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	top: 0px;
}


/* footer
---------------------------------------------------------------------- */

#footer{
	margin:0 0 0px 0;
	border-top:3px solid #999999;
	padding:5px 0 0 0;
}

#footer p{
  line-height:20px;
}

#f a{
  font-size:10px;
}

#copyright{font-size:10px;}






#shadow {
	height: auto;
	background-repeat: repeat-y;
	background-position: center center;
	background-image: url(../campaign/images/gr_back.jpg);
}

