@charset "utf-8";


/* ==================== レイアウト ==================== */

body	{
	margin: 0;
	text-align: center;  
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:url(../image/bg.png) ;
	background-position:center;
    font-size: 100%;
	color:#333;
}
a:link { color: #b41d23; }
a:visited { color: #b41d23; }
a:hover { color: #b41d23; }
a:active { color: #b41d23; }
img {border-style:none;}

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

#container	{
    width:960px;
	position:relative;
    margin: 0 auto;
	text-align:center;
		background-image: url(../image/bg_item.png);

	}


.tweet {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	top: 20px;
	left: 20px;
	height: 40px;
	width: 60px;
	}
	

.btnt{
	display: block;
	position: absolute;
	background-image: url(../image/btn_s.png);
	height: 30px;
	width: 400px;
	top: 1130px;
	left: 500px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
.btnt a{
	background-image: url(../image/btn_tenpo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	width: 400px;
	display:block;
	text-indent:-9999px;
}

.btnt a:link,
.btnt a:active,
.btnt a:visited{
	background-position: 0px 0px;
}

.btnt a:hover{
	background-position: 0px -30px;
}


/* ==================== ヘッダー ==================== */

#header	{height:400px; margin:0;}


#titlecp {
	width:960px;
	height: 110px;
		background-image: url(../image/title_cp.jpg);
	text-indent:-9999px;
	margin:0　20px 0　0;
}

#tokuten {
	width:860px;
	float:left;
	margin:20px 50px 0 30px;
	padding:20px;
	text-align:left;
	border:2px double #622078;
	font-size:1em;
	background-color:#fff;
	border-radius: 15px;        
-webkit-border-radius: 15px;   
-moz-border-radius: 15px;   
}

#titleitem {
	width:960px;
	height: 110px;
	background-image: url(../image/title_item.png);
	text-indent:-9999px;
	margin:0;
}

#titleitem2 {
	width:960px;
	height: 110px;
	background-image: url(../image/title_item2.png);
	text-indent:-9999px;
	margin:0;
}

/* ==================== ▼goods ==================== */

h1,h2 {	display:none; text-indent:-9999px;}

.caution{
	width:860px;
	float:left;
	margin:20px 50px 20px 30px;
	padding:15px;
	text-align:left;
	border:2px double #622078;
	font-size:1em;
	background-color:#fff;
	border-radius: 15px;        
-webkit-border-radius: 15px;   
-moz-border-radius: 15px;   
}

.caution h3{
	color: #ff0000;
    font-size: 1em;
	font-weight: bold;
	line-height: normal;
	text-align: center;
margin: 0;
padding: 0;}

ul.caution{
	margin: 0 10px;
	padding: 0; 
}

.caution li{
	color: #666;
	font-size:.85em;
	line-height: normal;
	font-weight:100;
	margin: 5px 0;
	list-style-type:none;
}

.caution h4{
	color: #666;
	font-size:.75em;
	line-height: normal;
	margin: 0 30px;
	font-weight:100;
	
}



#pagetop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 20px;
  cursor: pointer;
  background:#622078;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size:1em;
  font-weight:bold;
}


#copyright	{
	clear:both;
	width: 100%;
	padding: 20px 0;
	background-color:#191919;
	float:left;
	}
	
	#copyright address {
	font-style:normal;
	text-align:center;
	line-height:150%;
	color: #FFF;
	}

.clear{ clear: both;}



#idContents01{
	width:500px;
	height:40px;
        padding:5px;
}


/*リスト*/
ul.item {
	margin:5px 5px;
	padding: 5px 0 5px 5px;
	list-style-type:none;
	float:left;
	 display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
}
.item li {
	width:300px;
	padding:5px 0px 5px 0px;
	margin:5px 5px;
	float:left;
	overflow:hidden;
	text-align:left;
	border: 2px solid #622078;
	color: #383c3c;
	background: #FFFFFF;
		border-radius: 15px;       
-webkit-border-radius: 15px;   
-moz-border-radius: 15px; 
}

.item li2 {
	width:925px;
	padding:5px 0px 5px 0px;
	margin:5px 5px;
	float:left;
	overflow:hidden;
	text-align:left;
	border: 2px solid #622078;
	color: #383c3c;
	background: #FFFFFF;
		border-radius: 15px;       
-webkit-border-radius: 15px;   
-moz-border-radius: 15px; 
}


.readbox {
    background-color: #622078;
    margin: 5px 0 0 0;
    padding: 5px 10px;
	text-align:left;
	font-size:1em;
	color: #FFFFFF;
			border-radius: 10px;       
-webkit-border-radius: 10px;   
-moz-border-radius: 10px;
		width: auto;
}



/*font*/
.name {
	padding: .25em 0 .25em .25em;
    font-size: 1em; 
    display:inline;
    color: #333; 
	font-weight: bold;
}

.pricebox{
  text-align:right;
	padding: 0;
	margin: 0;
}


.pricebox h3 {
    font-size: 1.5em; 
    display:inline;
    color: #b41d23; 
	text-align: right;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.pricebox h4 {
    font-size: 1.2em; 
    display:inline;
    color: #b41d23; 
	font-weight: normal;
		padding: 0;
	margin: 0;
}


/*font*/

.btn {
    width:60%;
	margin: 10px auto;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
	padding: .5em 0;
    color:#fff;
    background-color:#c40c14;
    border-radius:20px;
    box-shadow: 0 1px 3px #CCC;
}

a.btn {color: #fff;}
.btn:hover  {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}