@charset "UTF-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, figure,
blockquote,ul, ol, dl, dt, dd, form{
 margin:0;
 padding:0;
 }

/* 旧サイトの踏襲 */
/*********************************
 * 基本スタイルのリセット
 *********************************/
ol, ul {
	list-style: none;
	padding: 0;
}

/*********************************
 * 
 *********************************/
a {
	color: #333;
	text-decoration: none;
	/*border-bottom: 1px #af1655 solid;*/
}
a:hover {
	color: #af1655;
}

body {
	margin: 0;
	background-color: #FFF;
	font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 10pt;
	color: #333;
}
.page-general {
	margin: auto 0 auto;
}

/* 解除 */
.clearfix:after	{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


a img{ border: none;}

.btn{
  background: none;
 -webkit-transition: 0.3s ease-in-out; 
         transition: 0.3s ease-in-out;
}
.btn:focus{
  background: none;
}

.btn:hover{
  background: none;
 opacity: 0.7;
 filter: alpha(opacity=70);
}



header{
 width: 100%;
 height: 90px;
 padding-top: 14px;
 background-color: #AF1E55;
 color: #fff;
 position: fixed;
 top: 0;
 z-index: 999;
 -moz-transition: height 0.3s;
 -o-transition: height 0.3s;
 -webkit-transition: height 0.3s;
 transition: height 0.3s;
}
header .headerinner{
 width: 872px;/* 960-44-44 */
 padding: 0 44px;
 margin: 0 auto;
}
header h1,
header #headerTools{
 float: left;
}
header h1{
 padding-top: 6px;
 width: 176px;
}
header #headerTools{
 width: 640px;
 margin-left: 55px;
}
header #link{
 height: 26px;
 font-size: 0;
 line-height: 0;
 text-align: right;
}
header #link li{
 display: inline-block;
}
header #cart,
header #acc img:first-child{
 margin-right: 10px;
}
header #acc{
 font-size: 18px;
 line-height: 1.0;
 margin-right: 30px;
 font-family: YuMincho,	'Yu Mincho',	san-serif;
}
header #acc a{
 color: #fff;
}
header #acc a span{
 position: relative;
 top: -5px;
}
header #guide{
 margin-right: 20px;
}
header nav{
 height: 38px;
 margin-top: 25px;
}
header nav > ul,
header nav form{
 float: left;
}
header nav > ul{
 width: 352px;
}
header nav > ul > li{
 float: left;
}
header nav > ul li:first-child{
 margin-right: 84px;
}
header form{
 width: 214px;
 font-size: 0;
 margin-left: 70px;
}
header input{
 vertical-align: bottom;
 margin: 0;
 border: none;
}
header input[type="text"]{
 width: 178px;
 height: 18px;
 padding: 3px;
 border-top: 1px solid #bd7194;
 border-right: 1px solid #deb9ca;
 border-bottom: 1px solid #e5c7d5;
 border-left: 1px solid #e5c7d5;
 font-size: 15px;
 font-family: YuMincho,	'Yu Mincho',	san-serif;
}
header input[type="text"]::-webkit-input-placeholder{ color: #333;}
header input[type="text"]::-moz-placeholder{ color: #333;}
header input[type="text"]:-ms-input-placeholder{ color: #333;}
header input[type="text"]:placeholder-shown{ color: #333;}

header nav #gnavi > li{
 position: relative;
}
header nav #gnavi > li:hover:after{
 content: "";
 width: 100%;
 height: 0;
 position: absolute;
 bottom: 10px;
 left: 0;
 border-bottom: 1px solid #e7ccd9;
 font-size: 0;
 line-height: 0;
}
header nav #gnavi li .submenu{
 position: absolute;
 top: 38px;
 width: 960px;
 height: auto;
 background-color: #AF1E55;
 z-index: 999;
 display: none;
}
header nav #gnavi li .submenu > div{
 padding: 50px 100px;
 font-size: 120%;
 line-height: 1.4;
}
header nav #gnavi li .submenu ul{
 width: 340px;
 float: left;
}
header nav #gnavi li .submenu ul:first-child{
 margin-right: 80px;
}
header nav #gnavi li .submenu li{
 margin: 5px 0;
}
header nav #gnavi li .submenu a{
 display: block;
 color: #fff;
 background: url(../img/bullet_arrow.png) no-repeat 330px center;
}
header nav #gnavi li .submenu a:hover{
 text-decoration: underline;
}
#subm_feature{
 left: -275px;
}
#subm_category{
 left: -475px;
}

/* small header */
header.smaller{
 height: 45px;
 padding-top: 7px;
}
header.smaller h1{
 padding-top: 0;
}
header.smaller h1 img{
 width: 106px;
}
header.smaller #link{
 width: 60px;
 padding-top: 7px;
 float: right;
 text-align: left;
}
header.smaller #acc a span,
header.smaller #acc a img.img_sign,
header.smaller #guide,
header.smaller #cpinfo{ display: none;}
header.smaller #acc img:first-child{
 margin-right: 0;
}
header.smaller #acc{
 margin-right: 0;
}
header.smaller nav{
 width: 580px;
 float: left;
}
header.smaller nav{
 margin-top: 7px;
}
header.smaller nav ul li:first-child{
 margin-right: 42px;
}
header.smaller form{
 margin-left: 0;
}
header.smaller #subm_category{
 left: -433px;/*-42px*/
}
/* small header */

#main
{
	margin: 104px auto 0 auto;
}


aside#ec_info,
footer{
 width: 100%;
}
aside#ec_info{
 background-color: #fffbf3;
}
aside#ec_info .inner{
 width: 870px;/* 960-45-45 */
 margin: 0 auto;
 padding: 22px 45px;
}
aside#ec_info h2{
 font-size: 140%;
 font-weight: normal;
}
aside#ec_info h2 span{
 border-left: 2px solid #ccc;
 margin-left: 10px;
 padding-left: 10px;
}
aside#ec_info h2+div{
 display: table;
 margin: 30px 0 20px 0;
}
aside#ec_info h2+div dl{
 display: table-cell;
 width: 380px;
}
aside#ec_info h2+div dl:first-child{
 padding-right: 45px;
}
aside#ec_info h2+div dl:last-child{
 padding-left: 45px;
}
aside#ec_info dl dt{
 font-size: 120%;
}
aside#ec_info dl dd p{
 font-size: 90%;
 padding-left: 1.5em;
 margin-bottom: 20px;
}
aside#ec_info dl dd figure#cal{
 text-align: center;
}
aside#ec_info dl dd figure#cal img{
 width: 280px;
}
aside#ec_info ul{
 display: table;
}
aside#ec_info ul li{
 display: table-cell;
 border-left: 2px solid #ccc;
}
aside#ec_info ul li:first-child{
 border-left: none;
}
aside#ec_info ul li a{
 display: block;
 padding: 0 30px;
}
aside#ec_info ul li:first-child a{
 padding: 0 30px 0 0;
}
footer{
 background-color: #e5e0d7;
}
footer small{
 display: block;
 width: 960px;
 margin: 0 auto;
 padding: 22px 0;
 text-align: center;
 font-family: Verdana, Geneva, "sans-serif";
}