@charset "utf-8";

@import url("../packages/panther/css/import.css");

/* body以下メインフレーム */
body{
    background: url("/img/common/body_bg.gif") #000;
}

#wrapper{
    border-left:solid 1px #84104C;
    border-right:solid 1px #84104C;
    width:1000px;
    margin:0 auto;
    background:#000000;
}

div#container {
    width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    background: url("/img/common/side_bg2.gif") #000 repeat-y;
    text-align: left;
}

div#one_maincolumn{
    background: #fff;
    margin:0;
    padding:10px 95px 20px;
}

/* ヘッダー、パンくず */
div#header {
    background: url("/img/common/header_bg.jpg") no-repeat bottom;
    width: 1000px;
    height: 114px;
    margin: 0 auto;
	position:relative;
}

div#header div#information{
	padding:0;
	position:absolute;
	top:36px;
	right:15px;
}

div#header img#logo{
	position:absolute;
	bottom:3px;
	left:32px;
}

div#header h1{
    font-size: 12px;
    font-weight: normal;
    height:16px;
	margin:0 auto;
	background:#F41E8D;
	color:#FFFFFF;
	width:980px;
	padding:2px 10px;
}

div#header ul#navi{
	position: absolute;
	bottom:3px;
	right:31px;
}

div#header ul#navi li{
	float:left;
}

div#header ul#navi li a{
	display:block;
	width:160px;
	height:35px;
	text-indent:-9000px;
	/*\*/
	overflow: hidden;
	/**/
}

div#header ul#navi li.menu1 a{
	background:transparent url(/img/common/header_navi.jpg) no-repeat 0 -35px;
}

div#header ul#navi li.menu1 a:hover{
	background:transparent url(/img/common/header_navi.jpg) no-repeat 0 -0px;
}

div#header ul#navi li.menu2 a{
	background:transparent url(/img/common/header_navi.jpg) no-repeat -160px -35px;
}

div#header ul#navi li.menu2 a:hover{
	background:transparent url(/img/common/header_navi.jpg) no-repeat -160px -0px;
}

div#header ul#navi li.menu3 a{
	background:transparent url(/img/common/header_navi.jpg) no-repeat -320px -35px;
}

div#header ul#navi li.menu3 a:hover{
	background:transparent url(/img/common/header_navi.jpg) no-repeat -320px -0px;
}

div#pankuzu{
	color:#fff;
	height:25px;
	width:940px;
	margin:15px auto 15px;
	padding:5px 10px 0;
	background:url(/img/common/pankuzu_bg.gif) #000 no-repeat;
}

div#pankuzu a,
div#pankuzu a:hover{
	color:#fff;
}

div#pankuzu .left{
	float:left;
}

div#pankuzu .right{
	float:right;
}

div#two_maincolumn p#topicpath{
	padding:10px 40px 0px;
	font-size:10px;
}

div#one_maincolumn p#topicpath{
	padding:0px 0px 15px;
	font-size:10px;
}

/* メインカラム */
div#two_maincolumn {
    float: left;
    width: 660px;
    padding: 0;
}

div#two_maincolumn div#index{
	background:#000000;
}

div#two_maincolumn div#index h2,
div#two_maincolumn div.news h2{
    padding: 0;
}

div#two_maincolumn img.mainbnr{
	margin:0 0 20px 0;
}

div#two_maincolumn dl.notice{
	border:solid 1px #CCCCCC;
	background:#EDEDED;
	color:#FF0367;
	margin:0 0 20px 0;
	position:relative;
}

div#two_maincolumn dl.notice dt{
	width:100px;
	position:absolute;
	top:22%;
	left:10px;
}

div#two_maincolumn dl.notice dd{
	padding:10px;
	border-left:solid 1px #CCCCCC;
	width:517px;
	float:right;
}

div#two_maincolumn div.make,
div#two_maincolumn div.news,
div#two_maincolumn div.skin{
	padding:13px;

}

div#two_maincolumn div.make{
	background:#F9E2FD;
	margin:0 0 20px 0;
}

div#two_maincolumn div.skin{
	background:#CAEBFD;
}

div#two_maincolumn div.news{
	background:#F9E2FD;
}

div#two_maincolumn div.make div.inside,
div#two_maincolumn div.news div.inside,
div#two_maincolumn div.skin div.inside{
	padding:1px;
	background:#FFFFFF;
}


div#two_maincolumn div.make div.inside,
div#two_maincolumn div.news div.inside{
	border:solid 1px #FF3399;
}

div#two_maincolumn div.skin div.inside{
	border:solid 1px #98CCFE;
}

div#two_maincolumn div.make ul,
div#two_maincolumn div.skin ul{
	margin:15px 0 10px 10px;
}

div#two_maincolumn div.make ul li,
div#two_maincolumn div.skin ul li{
	display:inline;
	margin:0 10px 0;
}

div#two_maincolumn .news_wrap{
	background:#000000;
	padding:20px 0;
}

div#two_maincolumn div#newsarea{
	width:608px;
	overflow: auto;
	height:235px;
	color:#333;
	padding:10px;
}

div#two_maincolumn div#newsarea p{
	font-size:11px;
}

div#two_maincolumn div#newsarea dt,
div#two_maincolumn div#newsarea dd{
	font-size:13px;
}

div#two_maincolumn div#newsarea dt{
	font-weight:bold;
}

div#two_maincolumn div#newsarea dd{
	padding-left:20px;
}

div#two_maincolumn div#newsarea a{
	color:#FF0066;
	font-weight:bold;
}

div#newsarea dl {
	background:transparent url(/img/common/line.gif) no-repeat scroll center bottom;
	padding:10px 0;
}

div#two_maincolumn .links{
	background:url(/img/links_bg.gif);
	padding:10px;
}

div#two_maincolumn .links li{
	display:inline;
}

div#two_maincolumn .links li img{
	margin:5px;
}

div.subarea h3 {
	background:url(/img/common/attention.gif) no-repeat;
	padding-left:40px;
}

/* 右カラム */
div#rightcolumn{
	width:280px;
	float: right;
	margin: 0 0 0 0;
}

div#rightcolumn #sidebnr{
	height:435px;
	background:#000000;
}

div#rightcolumn #sidebnr img{
	margin:0 0 7px 0;
}

div#rightcolumn .sidebox{
	margin:10px 0 20px 10px;
	width: 240px;
	background:#FFFFFF;
	padding: 10px;
	border:solid 1px #C31871;
}

div#rightcolumn img.qr{
	background:#000000;
	margin: 0 10px 15px;
}

div#rightcolumn div#loginarea,
div#rightcolumn div#cartarea,
div#rightcolumn div#categoryarea{
	margin:10px 0 20px 10px;
	width: 256px;
	background:#FFFFFF;
	padding: 1px;
	border:solid 1px #C31871;
}

div#rightcolumn div#loginarea img.new{
	margin-bottom:10px;
}

div#rightcolumn div#loginarea .btn{
	margin-bottom:10px;
}

div#rightcolumn div#loginarea .wrap{
	padding:0px 20px;
}

div#rightcolumn div#cm{
	margin:10px 0 20px 10px;
	padding:1px;
	width: 256px;
	padding:1px;
	background:#FFFFFF;	
	border:solid 1px #C31871;
}

div#rightcolumn h3{
	border-bottom:solid 1px #C1940F;
	margin: 0 0 5px 0;
}

div#rightcolumn div#guidearea{
	margin:10px 0 20px 10px;
	padding:0;
	width: 260px;
}

ul#categorytree{
	margin:10px 30px;
}

div#rightcolumn div#cartarea p{
	padding:5px 20px 8px;
	margin:5px auto;
}

div#detailtitle,
div#listtitle{
	background:url(/img/common/title_bn.gif) no-repeat;
	border:none;
	padding:0 0 0 20px;
	color:#000;
	width:560px;
}

div#detailtitle h2,
div#listtitle h2{
	font-size:23px;
	font-weight:bold;
	padding:6px 0 7px 30px; 
}

input.box51[type="image"] {
	height:26px;
	width:148px;
	margin:5px auto 0;
}

/* フッター、トップへのリンク */
#pagetop {
    width: 960px;
    margin: -1px auto 0;
	clear:both;
    padding: 15px 20px;
    background: #000;
    text-align: right;
}

#footer {
    width: 984px;
    margin: 0 auto;
    padding: 15px 8px;
    border-top: 1px solid #ff6699;
    background-color: #EB2475;
    font-size: 90%;
    color: #fff;
    text-align: left;
}

#footer a,
#footer a:hover{
	color:#FFFFFF;
}

/* パンサーガールズ */
table.noborder{border:none;}
table.noborder td{border:none;}

/* 各商品ページ、お知らせボックス */
div#two_maincolumn div.notice{
    width:538px;
    margin:15px auto;
    padding:10px 20px 0;
    border:solid 1px #FFCC66;
    background:#FFFFCC;
    line-hright:1.5em;
}

div#two_maincolumn div.notice p{
    padding:0 0 10px 0;
}

div#two_maincolumn div.notice a{
    font-weight:bold;
}

/* メディア掲載 */
div#one_maincolumn div.media_wrap{
	border-bottom:solid 1px #CCCCCC;
	padding:15px 20px;
	clear: both;
}

div#one_maincolumn div.media_wrap h3{
	padding:0 0 5px 0;
}

div#one_maincolumn div.media_wrap img.right{
	float:right;
	padding: 0 0 0 20px;
}

div#one_maincolumn h2.media{
	padding:0 0 30px 0;
}

/* clearfix
------------------------------------------------ */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#one_maincolumn:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#one_maincolumn {
  min-height: 350px;
}

* html #one_maincolumn {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* メイクのレッスン by EB tsuji
------------------------------------------------ */

div#lesson_container {
  width:750px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

div#lesson_header {
  margin:10px 0;
  text-align:left;
}

div#headbox {
  margin:10px 0;
  text-align:left;
}

div#boxleft {
  margin:10px 20px 10px 0;
  width:300px;
  float:left;
  text-align:left;
}

div#boxright {
  margin:10px 0;
  width:430px;
  float:right;
  text-align:left;
}

div.imgtxt {
  margin:5px 0;
  width:160px;
  float:left;
  text-align:left;
}
div.txt {
  margin:5px 0;
  width:270px;
  float:right;
  text-align:left;
}

div#bottombox {
  width:100%;
  clear: both;
}


/* アイコレ by EB tsuji　20100525
------------------------------------------------ */
div#ikore {
  margin:10px 0;
  width:550px;
  text-align:left;
}