body , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { 
margin:0;padding:0;}
html{width:100%;height:100%;margin:0;padding:0;}
body {width:100%;height:100%;margin:0;padding:0;text-align: center;
font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
li { list-style-type:none;}
img {width:100%;border:none; vertical-align:bottom;}



/* --- 全体の設定 --- */
a:link {color:#ab8c45;}
a:visited {color:#7c5909;}
a:hover {color:#dccaa2;}
a:active {color:#dccaa2;}
a{text-decoration:none;}

a:hover img {opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6;}



/* --- ヘッダ フッタ--- */
div #wrap1{width:100%;top:margin:0;text-align:center;}
div #wrap2{width:1000px;margin:10% auto;}
div #footer {bottom:0;width:100%;height:auto;margin:0;}
div #footer-inner {width:100%;height:30px;margin:0 auto;font-size:1.5em;text-align:center;}
div #footer-inner a:link{color:#dccaa2;}
div #footer-img {width:100%;height:60px;margin:0 auto;background:#ff0000;text-align:center;}

div #left {width:20%;margin:5% auto;float:left;}
div.left-inner {text-align:left;margin:10% auto;}
div #right {width:76%;margin:5% 2%;float:left;}
div.right-inner  {width:100%;text-align: center;}




/* --- 検索 --- */

form.search {margin:0px;position: relative;}
#btn {width:160px; height:32px;margin:2px 0px;padding: 2px 0px;position: relative;font-size:16px;background:#dccaa2;
border-left:2px #dccaa2 solid;border-right:2px #dccaa2 solid;border-top:2px #dccaa2 solid;border-bottom:2px #dccaa2 solid; font-weight:bold; color:#ffffff;}
#search-text {width:700px; height:32px; line-height:34px; margin:2px 0;padding: 2px 0px 2px 30px;font-weight:bold;font-size:16px;
border-left:2px #dccaa2 solid;border-right:2px #dccaa2 solid;border-top:2px #dccaa2 solid;border-bottom:2px #dccaa2 solid; color:#dccaa2;
}







/* --- 特集の設定 --- */


.keyword-list {width:90%;margin:1% auto;color:#ffd179;border:1px #ffd179 solid;}
.toplink{font-size:1.2em; padding:0.7% 1% 1% 2%;
background:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.jp/4431530/bn/menu_triangle4.gif) no-repeat 0 0.45em;background-size:0.8em;background-position:}

span{font-size:1.2em; margin:5% auto 1% auto;color:#ffd179;}




/* --- menu --- */


section h1,dt { background-color: #ffffff;border-bottom: solid 1px #dccaa2;margin-bottom: 1px;padding: 10px;color: #ab8c45;
		cursor: pointer;position: relative;font-size:16px;}
section h1:before,dt:before {display: block;content: "";position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);
		top: 50%;right: 15px;width: 10px;height: 10px;margin-top: -8px;background: #dccaa2;font-size:16px;}
section h1:after,dt:after {display: block;content: "";position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);
		top: 50%;right: 15px;width: 10px;height: 10px;margin-top: -13px;background: #ffffff;font-size:16px;}
section h1.active:before,dt.active:before {margin-top: -2px;font-size:16px;}
section h1.active:after,dt.active:after {margin-top: 3px;font-size:16px;}
section li,dd {background-color: #ffffff;border-bottom: solid 1px #fbf6eb;padding: 8px 0 8px 24px;}
section li a {position: relative;display: block;}
section li a:before{display: block;content: "";position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);
		top: 50%;right: 17px;width: 10px;height: 10px;margin-top: -5px;background: #dccaa2;}
section li a:after{display: block;content: "";position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);
		top: 50%;right: 22px;width: 10px;height: 10px;margin-top: -5px;background: #ffffff;}
h3{width: 100%;padding: 10px;margin-top: 10px;background: #ffffff;color:#fe9a4f;font-size:12px;}




/* --- top10 --- */

div.top10{width:100%;margin:5% auto;border:1px #dccaa2 solid;}
div.top10-in {width:90%;margin:5% auto;}
.top10-img {width:90%;margin:5% auto;}



/* --- right-list --- */

.pick-bn {width:100%;margin:1% auto;}
.pick-item-out {width:22.7%;margin:2% 1% 1% 1%;float:left;text-align:center;font-size:0.8em;border:solid 1px #fbf6eb;}
.pick-item-in {width:90%;margin:1% auto;text-align:center;}
img.pick-item {width:98%;margin:1% auto;}


.sub-item {width:49%;margin:0.5%;float:left;text-align:center;}
.sub-item-out {width:47.3%;margin:2% 1%;float:left;text-align:center;font-size:0.8em;border:solid 1px #fbf6eb;}
.sub-item-in {width:90%;margin:1% auto;text-align:center;}
img.sub-item {width:98%;margin:1% auto;}

.menu-top {width:100%;margin:0 auto 5%  auto;}



/* ---
div.itemlist{width:25%;float:left;margin:5% 0;text-align:center;}
--- */

.listlink {margin:1% 0 5% 0;position: relative;width:100%;background:#dccaa2;}
.listlink a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;color:#ffffff;}
div.listlink-in {padding:1%;text-align:center;font-size:1.4em;color:#ffffff;}

.bn-mini {margin:5% 0 0 0;}


