@charset "utf-8";
/* CSS Document
茶色 #851
ピンク #f58
 */


*{ margin:0px; padding:0px;}
a img{ border:none; background:none;}
table{ border:0;}
p,ul,li,dt,dd,dl,h1,h2,h2,h3,h4,h5,h6,body{ margin:0; padding:0;}
ul,li{ list-style-type:none;}
em{ font-style:normal;}
a:link, a:visited, a:active{ color:#851;}
a:hover{ color:#f58;}
a:hover img{ opacity: 0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80)";}
body{ background:#ffeaf0; color:#333; font-size:14px; line-height:1.5; background:url(/img/bg.png);}
body,input,textarea,select,option{ font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}

.mode{ ime-mode:disabled;}/*han*/
.mode2{ ime-mode:active;}/*zen*/
.mode3{ ime-mode:inactive;}/*start han*/
.center{ text-align:center;}
.left{ float:left;}
.right{ float:right;}
.kome{ color:#c00;}
.bt{ text-align:center; margin:10px 0;}
.bt input{ padding:10px 0; width:150px; font-size:14px;}

input,textarea{ padding:3px;}
table{ background:#DDD; margin:12px 0; width:100%;}
th,td{ padding:10px 12px;}
th{ background:#EEE;}
td{ background:#FFF;}
th span{ font-weight:normal; color:#C00; margin:0 3px;}

.cf:after{ content: "."; display:block; clear:both; height:0; visibility:hidden;}
.cf{ min-height:1px;}
* html .cf { height:1px; /*\*//*/ height: auto; overflow: hidden; /**/}

/**
 * template
 */
div#wrapperAll{ width:920px; margin:0 auto; padding:10px 20px; background:#fff;}
div#sidebar{ width:233px; float:left;}
div#sidebar ul#pickMenu{ margin:10px 0;}
div#sidebar ul#pickMenu li{ height:95px;}
div#sidebar ul#areaMenu{ border-top:1px solid #fe97b7; margin:0 0 15px 0;}
div#sidebar ul#areaMenu li{ background:url(/img/area_bg.png) 0 0 no-repeat; height:67px;}
div#sidebar ul#areaMenu li a{ display:block; width:100%; height:100%; text-decoration:none; color:#851;}
div#sidebar ul#areaMenu li span{ display:block; padding:15px 0 0 10px; font-size:26px;}
div#sidebar ul#areaMenu li em{ font-size:12px; margin:0 5px;}
div#sidebar ul#areaMenu li strong{ font-size:12px; color:#f58; font-weight:normal;}
div#sidebar h2{ margin:0 0 10px 0;}
div#contents{ width:672px; float:right; min-height:850px;}
div#contents h3{ margin:10px 0 0 0;}
div#contents h4.hina{ background:url(/img/hina_bg.png) 0 100% no-repeat; padding:10px 0 6px 0; font-size:24px; color:#851; font-weight:normal;}
div#contents h4.hina span{ margin:0 0 0 10px; font-weight:normal; color:#f58; font-size:12px;}
div#footer{ margin:30px 0; border-top:5px solid #f58; padding-top:10px;}
div#footer{ font-size:12px;}
div#footer ul{ margin:0 0 5px 0;}
div#footer li{ display:inline;}
div#footer li a{ color:#333;}

div#title{ background:url(/img/title_bg.png) 0 0 no-repeat; width:671px; height:182px;text-align:center;}
div#title h3{  font-size:36px; color:#851; padding:40px 0 0 0;}
div#title span{ display:block; color:#f58;}

div#pageNavi{ margin:10px 0 0 0; font-size:12px;}
div#pageNavi ul{ float:left;}
div#pageNavi li{ display:inline;}
div#pageNavi p{ float:right;}
div#pageNavi p em{ color:#f58;}

ul.iconList{ line-height:180%; padding:0 0 20px 0;}
ul.iconList li{ background:url(/img/icon_list.png) 0 6px no-repeat; padding:0 0 0 18px;}



/**
 * top
 */
div.warning{ text-align:center; margin:10px 0 0 0;}
div.warning span{ background:url(/img/icon_warning.png) 0 0 no-repeat; padding:0 0 0 30px; color:#c00;}
ul#checkMenu{ margin:10px 0;}
ul#checkMenu li{ float:left;}


/**
 * inq
 */
div.inq{ margin:10px 0; padding:10px 0; text-align:center; border:solid #fe97b7; border-width:2px 0;}
div.inq h3{ font-weight:normal; color:#f58; font-size:24px;}
div.inq .txt1{ color:#556fb5; margin:10px 0; font-size:16px;}
div.inq .txt2{ color:#f58; font-size:18px;}
div.inq .txt3{ color:#851; margin:10px 0;}

/**
 * contact
 */
.contact table.frm{ border-collapse:collapse; border-spacing:0; border:1px #ff9cbb solid;}
.contact table.frm th{ padding:8px; border:#ff9cbb solid; border-width:0 0 1px 0; background:#fee4ff; color:#f58; font-weight:normal; width:20%;}
.contact table.frm td{ padding:8px; border:#ff9cbb solid; border-width:0 0 1px 1px;}
.contact table.frm td p{ display:none; margin:3px 0 0 0; color:#c00; font-weight:bold;}
.contact div.end{ border:3px solid #f58; padding:50px 0; text-align:center; background:#fff; margin:10px 0;}
.contact div.end h3{ color:#f58; font-size:32px;}
.contact div.end p{ margin-top:10px; font-size:16px;}
#loading{ text-align:center; padding:20px 0;}

/**
 * about
 */
.about h4{ font-size:24px; text-align:center; margin:20px 0 10px 0; color:#851;}
.about h4 span{ color:#f58;}
.about ul.list{ border:1px solid #851; background:#fff; color:#556fb5; font-size:18px; padding:20px; line-height:180%;}
.about p.txt1{ font-size:20px; font-weight:bold; color:#851; margin:20px 0 10px 0;}
.about p.txt2{ font-size:16px; width:75%; line-height:180%;}
.about p.txt2 span{ color:#f58;}
.about div#under{ z-index:0; position:relative;}
.about div#woman{ z-index:1; position:relative; top:-320px; left:473px; height:0;}

/**
 * faq
 */
.faq ul#qList{ color:#f58; font-size:16px; border-bottom:1px dotted #ccc; padding:20px 0;}
.faq ul#qList li{ margin:0 0 10px 0;}
.faq div.qa h4{ background:url(/img/hina_bg.png) 0 100% no-repeat; padding:10px 0 6px 0; font-size:18px; color:#851;}
.faq div.qa h4 span{ margin:0 0 0 10px; font-weight:normal; color:#f58; font-size:12px;}
.faq div.qa p{ margin:8px 0 0 0;}
.faq div.qa span{ display:block; font-size:12px; text-align:right; margin:0 0 30px 0;}


/**
 * category
 */
.category{ z-index:0; position:relative; min-height:850px;}
.category div#woman{ z-index:1; position:relative; top:200px; left:433px; height:0px;}
.category div#list{ background:#e9dbc6; width:467px; padding:10px 0; margin-bottom:20px;}
.category div#list ul{ border-top:1px solid #cfa972; width:447px; margin:0 auto;}
.category div#list li{ background:url(/img/category_list_bg.png) 0 -8px no-repeat; height:50px; border-bottom:1px solid #cfa972;}
.category div#list a{ display:block; width:100%; height:50px; font-size:20px; text-decoration:none; line-height:100%;}
.category div#list span{ display:block; padding:15px 0 0 50px;}
.category div.cate{ z-index:2; position:relative;}
.category div.cate h4{ background:#851; color:#fff; font-size:16px; font-weight:normal; padding:10px; width:35%;}
.category div.cate p{ border:1px solid #851; padding:10px; background:#fff;}
.category div.cate span{ display:block; font-size:12px; text-align:right; margin:5px 0 30px 0;}


/**
 * magazine
 */
.magazine div{ text-align:center;}
.magazine div.presentBg{ background:url(/img/magazine_bg.png) 5px 10px no-repeat; height:130px;}
.magazine div.presentBg h4{ font-size:38px; color:#f58; text-align:center; margin:20px 0; line-height:120%; font-weight:normal;}
.magazine p.txt1{ background:#fff; border:1px solid #f58; padding:20px; text-align:center; line-height:180%;}
.magazine p.txt1 span{ color:#f58;}

/**
 * point
 */
.point h4{ font-size:34px; color:#851; margin:20px 0 10px 0; text-align:center; line-height:100%; font-weight:normal;}
.point p span{ color:#f58;}
.point div#flow{ float:left;}
.point div#card{ float:right;}
.point div#card p{ font-size:12px; margin:7px 0;}


/**
 * detail
 */
.detail div#deailArea{ border:1px solid #da7; margin:10px 0; background:#fff;}
.detail div.listHead{ background:#fec; padding:0 8px; height:40px;}
.detail div.listHead ul{ padding:6px 0 0 0;}
.detail div.listHead h3{ font-size:20px; float:left; color:#f58; line-height:100%; padding:2px 0 0 0;}
.detail div.listHead ul{ float:right;}
.detail div.listHead li{ display:inline;}
.detail p.copy{ text-align:center; color:#f58; font-size:24px; margin:20px 0 0 0; line-height:100%;}
.detail p.desc{ margin:10px 0;}
.detail h4{ color:#851; font-weight:normal; font-size:18px; padding:12px 0 12px 50px; line-height:100%;}
.detail h4.iconShop{ background:url(/img/icon_shop.png) 0 0 no-repeat;}
.detail h4.iconData{ background:url(/img/icon_data.png) 0 0 no-repeat;}
.detail h4.iconMail{ background:url(/img/icon_mail.png) -10px -8px no-repeat;}
.detail table.shopData{ border-collapse:collapse; border-spacing:0; border:1px #ff9cbb solid;}
.detail table.shopData th{ padding:8px; border:#ff9cbb solid; border-width:0 0 1px 0; background:#fee4ff; color:#f58; font-weight:normal; width:20%;}
.detail table.shopData td{ padding:8px; border:#ff9cbb solid; border-width:0 0 1px 1px;}
.detail ul.taigu{ font-size:12px; color:#fff; padding:0 0 0 19px; margin:0 0 5px 0;}
.detail ul.taigu span{ display:block; padding:10px 0 0 0;}
.detail ul.taigu li{ background:url(/img/taigu_bg.png) 0 0 no-repeat; width:124px; height:40px; float:left; margin:0 1px; text-align:center; }
.detail ul.taigu li.off{ background:url(/img/taigu_bg2.png) 0 0 no-repeat; color:#ccc;}
.detail div.photo{ padding:0 0 0 20px; margin:10px 0 0 0;}
.detail div.photo div{ width:204px; float:left; margin:0 8px 0 0; font-size:12px; min-height:220px;}
.detail div.photo img{ width:204px; margin:0 0 5px 0; border:1px solid #eee;}


/**
 * list
 */
div.listData{ border:1px solid #da7; margin:10px 0; background:#fff;}
div.listData div.listHead{ background:#fec; padding:0 8px; height:40px;}
div.listData div.listHead h5,
div.listData div.listHead ul{ padding:6px 0 0 0;}
div.listData div.listHead h5{ font-size:20px; float:left;}
div.listData div.listHead h5 a{ color:#f58; text-decoration:none;}
div.listData div.listHead h5 a:hover{ text-decoration:underline;}
div.listData div.listHead ul{ float:right;}
div.listData div.listHead li{ display:inline;}
div.listData p{ padding:8px 8px 0 8px;}
div.listData div.listBody{ padding:8px;}
div.listData div.listBody img{ float:left;}
div.listData div.listBody dl{ float:right; font-size:12px; margin:8px 0 0 0;}
div.listData div.listBody dt{ float:left; width:60px;}
div.listData div.listBody dt span{ display:block; width:50px; text-align:center; background:#f58; color:#fff;}
div.listData div.listBody dd{ display:block; float:left; width:265px;}
div.listData div.listBody dt,
div.listData div.listBody dd{ margin:0 0 3px 0;}


div.pager{ position:relative; overflow:hidden;}
div.pager ul { position:relative; left:50%; float:left;}
div.pager li{ float:left; position:relative; left:-50%; margin-right:5px; border: 1px #F36 solid; font-weight: bold;}
div.pager li.prev,
div.pager li.next { border: none;}
div.pager li a { position: relative; display: block; padding: 3px 8px; color: #F36;}
div.pager li a:link,
div.pager li a:visited { text-decoration: none;}
div.pager li a:hover,
div.pager li a:active { background-color: #FCC; text-decoration: none;}
div.pager li em { display: block; font-style:normal; padding: 3px 8px; background: #F36; color: #FFFFFF;}


/*--トピックス--*/
.cf:after{ content: "."; display:block; clear:both; height:0; visibility:hidden;}
.cf{ min-height:1px;}
* html .cf { height:1px; /*\*//*/ height: auto; overflow: hidden; /**/}
.TopicsArea{ text-align:left; margin:0 0 30px 0;}
.TopicsArea .Article{ margin:10px 0 0 0;}
.TopicsArea .TopiscSub{ border-left:5px solid #f39; color:#f39; padding:5px 10px; font-size:16px; border-bottom:1px solid #f39; margin:0 0 10px 0;}
.TopicsArea .TopicsPhoto img{ max-width:240px;}
.TopicsArea .TopicsPhoto{ float:left; padding:4px; border:1px solid #ccc; margin:0 10px 10px 0;}
.TopicsArea .TopicsBody{ line-height:180%;}
.TopicsArea .TopicsDate{ text-align:right; margin:10px 0 0 0;}