/*【共通】初期設定*/
body {
  background: #fff; color: #000; font-size: 11px; margin:0; padding:0; font-family: sans-serif;
}
p {
  margin:0px; padding:0px;
}
h1 {
  text-align:right;
}


/*【共通】それぞれのページの画面サイズ設定中身の要素が伸びたらこちらのheightとRMSのiFrameのheightも変える。*/
.leftnavipage {width:185px; height:1750px; overflow:hidden;}/*leftnaviのサンキューバナー表示時はheight:1955px;非表示時は1750px;!!!!!!RMSのiFrameの幅も同様に変える!!!!!*/
.headerpage {width:960px; height:450px; overflow:hidden;}/*headerのサンキューバナー表示時はheight:600px;非表示時は450px;!!!!!!RMSのiFrameの幅も同様に変える!!!!!*/
.footerpage {width:960px; height:3000px; overflow:hidden;}
.mainpage {width:740px; height:285px; overflow:hidden;}
.main2page {width:730px; height:970px; overflow:hidden;}
.main3page {width:730px; height:400px; overflow:hidden;}
.newspage {overflow:hidden; height:auto;}
.faqpage {width:700px; height:1600px; overflow:hidden;}
.shipinfo-takuhai{width:720px; height:220px; overflow:hidden; margin:0; }
.shipinfo-nekopos{width:720px; height:500px; overflow:hidden; margin:0; }
ifreame.shipinfo-frame{height:340px !important;}


/*【共通】各見出しの表示設定*/
.lctext {
  margin:0 0 3px 0; font-size:14px; color:#f00; font-weight:bold;
}
.ctext {
  padding:0; margin:13px 0 0 5px; font-size:14px; color:#ffaa00; font-weight:bold;
}
.leftt {
  margin:20px 0 3px 0; font-size:14px; color:#ffaa00; font-weight:bold; 
}

.lefttf {
  padding:7px 0 0 8px; margin:0; font-size:14px; color:#fff; font-weight:bold; text-align:left;
}





/*【ヘッダー】ヘッダーの上半分位置設定*/
.header1 {
  margin:0; padding:0 0 7px 0; width:960px; height:92px;
}


/*【ヘッダー】創快健美ロゴの位置設定*/
.rogo {
  padding:0 0 10 0; margin:0; float:left;
}


/*【ヘッダー】決算方法マークの位置設定*/
.delimark {
  padding:20px 0 0 50px; margin:0; float:left; 
  width:400px; 
}


/*【ヘッダー】お気に入りボタンの位置設定*/
.fav {
  padding:30px 0 0 0; margin:0; float:right;
}


/*【ヘッダー】タイトル横の会社概要等のボタンの位置設定*/
.menu{
  width: 550px; float:left; margin:0; padding:15px 0 0 40px;
}
.menu ul {
  zoom: 1; width: 712px;
}
.menu ul:after { 
  content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; 
}
.menu li {
  float: left;
}


/*【ヘッダー】ヘッダーの下半分位置設定*/
.header2 {
  margin:0; padding:0 0 3px 0; width:960px; height:92px;
}


/*【ヘッダー】注目キーワードの設定*/
.search {
  padding:0; width:380px; height:82px; color:#fff; font-size:13px; float:left; background-image: url("cssimg/head.png");
  background-size:100%; background-repeat: no-repeat; background-position: left top; margin:0 0 0 3px;
}
.search p {margin:15px 0 0 15px;}
.search a {
  font-size:12px; padding:7px; color:#fff; text-decoration:underline;
}


/*【ヘッダー】検索窓と検索ボタンの調整*/
input[type=text], select { 
  outline: none; float:left;
}
input[type=text] { 
  border:none; line-height:25px; padding:0; padding-left:5px; font-size:13px; margin:0; margin:0 0 15px 15px;
}
input[type=submit]{
  border:#fff 2px solid; background:#000; color:#fff; width:35px; height:25px; padding:0px; position:relative; margin:5px; margin-top:0px; cursor:pointer;
}
in {
  position:relative;
}


/*【ヘッダー】レビューコンテストのバナー位置設定*/
.slider {
  margin:5px 0 0 0; padding:0; width:550px; float:right;
}



/*【ヘッダー】サンキュークーポンのバナー表示設定*/
.thankyou {
 width:960px;
 height:144px;
 font-size:17px;
 background-image: url("cssimg/thk.jpg");
 background-size:100%; background-repeat: no-repeat; background-position: left top;
 margin:0 0 10px 0;
}
.thankyou a {
        display:block;
	width: 960px;
	height:144px;
        text-decoration: none;
        color:#6398f7;
}


/*【ヘッダー】アイコンメニューの設定*/
.hmenu {height:120px; margin:0; padding:0;}
.hicon a {width:118px; margin:0 0 0 2px; float:left; height:71px;}
.slide {
 width:116px; height:95px; color:#fff; font-size:10px; font-family:sans-serif; letter-spacing: -1px; line-height:1.4;}
.slide a {color:#000; text-decoration:none;
}
.slide a:hover {color:#000; font-weight:bold;}
.slide ul {list-style-type:none;}
.wrap {
width:116px; margin:0 0 0 4px; float:left;
}
ul.slt1 {
width:116px; height:95px; padding:10px 5px; box-sizing: border-box; margin:0;}

.hic1{background-image: url("cssimg/h1.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic2{background-image: url("cssimg/h2.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic3{background-image: url("cssimg/h3.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic4{background-image: url("cssimg/h4.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic5{background-image: url("cssimg/h5.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic6{background-image: url("cssimg/h6.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic7{background-image: url("cssimg/h7.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic8{background-image: url("cssimg/h8.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}

.hic1:hover{background-image: url("cssimg/hh1.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic2:hover{background-image: url("cssimg/hh2.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic3:hover{background-image: url("cssimg/hh3.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic4:hover{background-image: url("cssimg/hh4.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic5:hover{background-image: url("cssimg/hh5.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic6:hover{background-image: url("cssimg/hh6.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic7:hover{background-image: url("cssimg/hh7.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}
.hic8:hover{background-image: url("cssimg/hh8.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; padding:0;}

a.tit {display:block; width: 116px; height:20px; text-decoration: none; color:#fff;}


/*【ヘッダー】横スライドバナー位置設定*/
.slideSampleThumbnail {
  list-style: none;
  width:620px;}
.imgli{
  float:left;}


/*【ヘッダー】バナーとスライダーを並べる*/
.hb1 {margin:0 0 0 5px; float:left; width: 310px; height: 56px; overflow:hidden;}
.hb2 {margin:0 10px; float:left; width: 310px; height: 56px; }
.hb3 {margin:0; float:left; width: 310px; height: 56px; }
.hbanner {width:960px; height:56px;}


/*【ヘッダー】重要なお知らせ*/
.juyou {
  margin:0 0 10px 3px; padding:0; width:955px; height:42px; border:solid 1px #adadad;
  background-image: url("cssimg/juyou.png"); background-size:100%; background-repeat: no-repeat; background-position: left top;
}
.jutx {float:left; width:150px; font-size:14px; color:#fff; font-weight:bold; margin:10px 0 0 10px;}
.news {float:right; display:table; width:720px; height:41px;}
.news span {
    display:table-cell; vertical-align:middle; font-size:12px;
}
* html .news span {/* IE 6 */
  display:inline; zoom:1;
}
*:first-child+html .news span {/*IE 7*/
  display: inline; zoom: 1;
}


/*【ヘッダー】重要なお知らせツールチップ*/
.tooltip {
  border: 1px solid #000; position: absolute; top:169px; left:3px; width:955px; height:250px; z-index:99999; overflow:hidden;
}
.set_tooltip {
  background-color:#f0f0f0; display:inline;
}
.set_tooltip:hover {
  text-decoration:underline;
}

/*【ヘッダー】重要なお知らせ(ニュースページ news.html)*/

.newst {width:955px; height:18px; margin:0; background:#000; color:#fff; padding: 2px 0 2px 0 ; text-align:center; font-size:13px; font-weight:bold;
}
.newstp {width:940px; padding:10px; font-size:13px; line-height:14px;
}
.newsd {display:none;}
.close a{display:none;}
.news-wrap {background:#fff; width:955px; height:270px;  overflow:hidden;}

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




/*【ヘッダー(アンサーページ)】よくあるご質問のアンサーページ*/
h3 {font-weight:bold; font-size:18px; margin:20px 5px 0 5px;}
.archive2 .subMenu2 {width:686px;}
.q {width:686px; background:#f0f0f0; margin:5px; padding:2px; border:1px solid #000;}
.q:hover { background:#7a7a7a; border:1px solid #000; color:#fff;}
.ques {width:686px; font-size:18px; font-weight:bold;}
.ans {width:666px; font-size:15px; padding:10px; background:#fff; color:#000;}





/*【レフトナビ】バナーの表示設定*/
.lb img{margin:10px 0 0 0;}


/*【レフトナビ】カレンダーの位置設定*/
.cal {
  margin:10px; padding:0;}
.calender {
  background:url("cssimg/info2.png"); background-color:#fff; background-size:100%; background-repeat: no-repeat; background-position: left top; border:solid 1px #adadad; width:180px; height:440px; padding:10px 0 0 0; margin:0 0 15px 0;}
.calt {
  font-size:12px; width:160px; margin:0; padding:0; line-height:14px; letter-spacing: -0.1em;
}


/*【レフトナビ】注目キーワードの設定*/
.search2 {
  padding:17px 15px 0px 15px; width:475px; color:#fff; font-size:13px; float:left;
}
.search2 a {
  font-size:10px; padding: 5px; color:#fff; text-decoration:underline;
}


/*【レフトナビ】検索窓と検索ボタンの調整*/
input[type=submit][name=submit2]{
  border:#fff 2px solid; background:#000; color:#fff; width:28px; height:22px; padding:0px; position:relative; margin-left:2px; margin-top:0px; font-size:9px; cursor:pointer;
}
in2 {
position:relative;
}


/*【レフトナビ】レフトメニュー背景画像と位置表示設定*/
.leftmenu-top {
  width:180px; height:72px; padding:0; margin:0; background-image: url("cssimg/left1.png"); background-size:100%; background-repeat: no-repeat; background-position: left top;
}
.leftmenu-bottom {
  width:180px; height:30px; padding:0px; margin-top:0px; background-image: url("cssimg/left3.png"); background-size:100%; background-repeat: no-repeat; background-position: left top;
}
ol ,ul{
  list-style:none; margin-bottom:3px;
}
#leftmenu{
  width:210px; margin:0; padding:0;
}
.archive{
  color:#FFF; cursor:pointer; width:180px; height:35px; line-height:35px; background-image: url("cssimg/left2.png"); background-size:100%; background-repeat: no-repeat; background-position: left top;
}
.subMenu li{
  background-color:#fff; width:180px; margin-left:0px; padding:5px;
}
.subMenu li a{
  background-color:#fff; text-decoration:none; color:#666; font-size:11px; font-weight:normal;
}
.subMenu li a:hover { 
  text-decoration:none; color:#000; font-size:11px; font-weight:bold;
}
p.lm1 {
  padding-left:25px; font-size:13px;
}
p.lm2 {
  padding-left:25px; font-size:11px;
}


/*【レフトナビ】QRコードの位置設定*/
.qrcode {
 background:url("cssimg/info2.png"); background-color:#fff; background-size:100%; background-repeat: no-repeat; background-position: left top; border:solid 1px #adadad; text-align:center; width:180px; height:170px; padding:0; word-break: break-word; line-height:14px; padding:10px 0 0 0;
}
.qr {
  text-align:center; margin:10px; padding:0;
}





/*【メイン】ギャラリーの位置と表示設定*/
.gallery {
  padding:3px; margin:3px; float:left; border:solid 1px #adadad; background:#f0f0f0;
}
#slidewrapper {
  position: relative; background-color:#f0f0f0; width: 490px; height: 268px; overflow: hidden;
}
#slidewrapper ul li {
  display: block; float: left;
}
#images { overflow: hidden; }
#thumbs {
  height: 70px; overflow: hidden;
}
#images {
  width: 490px; height: 220px;
}
#thumbs { 
}
#thumbs img {
  width: 100px; height: 45px; margin: 3px 2px 0 2px; cursor: pointer;
}
#thumbs img.selected {
  opacity: 0.8; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80);
}
#prev {
  width: 15px; height: 45px; display: block; background: transparent url("cssimg/next.png") no-repeat 0 0; position: absolute; left: 475px; bottom: 0px;
}
#next {
  width: 15px; height: 45px; display: block; background: transparent url("cssimg/prev.png") no-repeat 0 0; position: absolute; left: 0px; bottom: 0px;
}


/*【メイン】長方形バナー位置設定*/
.bunner {
  padding:5px 0 0 0;
  margin:0;
}
.main {
margin-left:35px;
}


/*【メイン2】全国よりご注文ありがとうございます！の位置設定*/
.zenkoku {
  background:url("cssimg/takusan.png"); background-color:#f0f0f0; background-size:100%; background-repeat: no-repeat; background-position: left top; border:1px solid #adadad; margin:0 0 0 5px; width:720px; height:270px; padding:9px 0 0 0;
}
/*【メイン2】お客様より頂いたレビューをご紹介！*/
.review {
  background:url("cssimg/takusan.png"); background-color:#f0f0f0; background-size:100%; background-repeat: no-repeat; background-position: left top; border:1px solid #adadad; margin:0 0 0 5px; width:720px; height:270px; padding:9px 0 0 0;
}
/*【メイン2】沢山のご注文ありがとうございます！の位置設定*/
.takusan {
  background:url("cssimg/takusan.png"); background-color:#f0f0f0; background-size:100%; background-repeat: no-repeat; background-position: left top; border:1px solid #adadad; margin:0 0 0 5px; width:720px; height:270px; padding:9px 0 0 0;
}

/*【メイン3】ピックアップの位置設定*/
.pickup {
  background:url("cssimg/takusan.png");  background-color:#fff; background-size:100%; background-repeat: no-repeat; background-position: left top; border:1px solid #adadad; margin:0 0 0 5px; width:720px; height:7px; padding:0;
}
.banner {
width:720px; height:208px; margin:0 0 0 5px;
}
.banner img{
margin:5px 0 0 5px; float:left;}
.banner img:hover{
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
        -ms-filter: "alpha(opacity=70)";
}


/*【フッター】項目の位置と表示と背景画像設定*/
.footer {
  background:url("cssimg/footer.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; width:960px; height:39px ;padding:0; margin:0;
}
.footeri {
  background:url("cssimg/footeri.png"); background-size:100%; background-repeat: no-repeat; background-position: left top; width:270px; padding:1px 2px ; margin:10px 0; color:#fff; font-size:12px; line-height:17px;
}
.footert {
  width:270px; height:auto; padding-bottom:30px; font-size:12px; margin:0; line-break: strict; line-height:15px;
}


/*【フッター】項目の位置と表示*/
.footerc {
  overflow: hidden; margin:0; padding:0; width:960px;
}
.footerl {
  float:left; width: 270px; margin:0 25px 0 25px ; padding:0; display:inline;
}


/*【フッター】医薬品に関する注意部分の位置と表示設定*/
table.footer1 td.title {background:#7a7a7a; color:#fff; border:1px #7a7a7a solid; margin:0; padding:3px;}
table.footer2 td.title {background:#7a7a7a; color:#fff;border:1px #7a7a7a solid; margin:0; padding:3px;}

table.footer1 {width:920px; margin:20px 20px; font-size:13px;}
table.footer1 td { border:1px #7a7a7a solid; margin:0; padding:3px; height:17px;}
table.footer1 td.l {width:20%; background:#f0f0f0;}
table.footer1 td.r {width:30%;}

table.footer2 {width:920px; margin:20px 20px; font-size:13px;}
table.footer2 td { border:1px #7a7a7a solid; margin:0; padding:3px;}
table.footer2 td.l {width:20%; background:#f0f0f0;}
table.footer2 td.r {width:20%;}


/*【フッター】コピーライトの部分*/

ul.fltext {margin:60px 0 0px 0; width: 100%; height: 30px; text-align: center; font-size:12px;}

ul.fltext a {color:#000; text-decoration:none;}

ul.fltext li.flr {float:left; border-left: #d6d6d6 1px solid; padding: 0 10px; list-style: none;}

ul.fltext li.fll {margin:0 0 0 20%;float:left; border-left: #fff 1px solid; padding: 0 10px; list-style: none;}

.copyright {width: 100%; padding: 15px 0; background-color: #ffaa00; color: #fff; text-align: center; font-size:13px; }