﻿@charset "utf-8";


/** reset **/
html{color:#000;background:#FFF;overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section, article, aside, hgroup, header, footer, nav, figure, figcaption, summary{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;-ms-interpolation-mode: bicubic;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
strong{ font-weight:bold;}
em{ font-style:italic;}
br{letter-spacing:normal;}
img{vertical-align:middle;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
body{font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",sans-serif;text-shadow:0px 1px 1px #ffffff;}

/** defo **/
p{padding:10px 0;letter-spacing:0.05em;line-height:1.5em;font-size:100%;}
p strong{color:#888888; font-weight:bold;}
h1,h2,h3,h4,h5,h6{letter-spacing:0.1em;font-size:100%;}
blockquote{padding:5px;background-color:#ffe3bc;margin:10px 0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
ul.list{}
ul.list li{list-style:none;background:url(images0910/dot.png) no-repeat 0px 0px;padding:0 10px 10px 18px; margin:0; font-size:80%;}
img.pict,
article .mt-image-none,
article .mt-image-center,
article .mt-image-left,
article .mt-image-right{padding:3px;margin:0 3px;background-color: #FFFFFF;border:3px solid #EDEDED;}
.r{ float: right;display:inline; width:49%;}
.l{ float: left;display:inline; width:49%;}
.cf{/zoom:1;}
.cf:after{content:'';display:block;clear:both;}

/** table **/
table{ border-color:#ffffff;border-style:none;}
table td{padding:3px;}
table.hyou{font-size:100%;border:none;margin:10px auto;empty-cells:hide;}
table.hyou caption{ font-size:132%;font-weight:bold;text-align:left;margin:20px 0 0 0 ;padding:0 1em 15px;border-bottom:3px solid #000;}
table.hyou th,
table.hyou td{padding:1em 1em;margin:0 1px ;empty-cells:hide;text-align:left !important; border:0 none #fff; border-bottom:1px dotted #ccc;}
table.hyou th{background:#ffffff;text-align:left !important;vertical-align:top; white-space:nowrap;}

/** form **/
.form{ margin:20px 200px;}
.form label{clear:both; display:block;padding:0 0 2px 0;}
.form select{padding:2px;border-width:1px;border-style:solid;
border-top-color: #000;border-right-color: #ccc;border-bottom-color: #ccc;border-left-color: #ccc;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.form .text{ width:98%;padding:2px;border-width:1px;border-style:solid;
border-top-color: #000;border-right-color: #ccc;border-bottom-color: #ccc;border-left-color: #ccc;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.form .text.name,
.form .text.yuubin,
.form .text.tel{width:150px;}
.form textarea{ height:130px;}
.form div{ margin:0 0 15px 0;}
.form .submit{ padding:5px 10px;margin:10px auto;text-align:center;}
.form .subbox{ text-align:center;border:2px #990000 solid;padding:5px;margin:20px 70px;}


/** link **/
a			{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
a:link		{text-decoration:underline;color:#888888;cursor:pointer;}
a:visited	{text-decoration:underline;color:#888888;}
a:hover		{text-decoration:underline;color:#888888;filter:alpha(opacity=75,style=0);opacity:0.75;-moz-opacity:0.75;}
a:active	{text-decoration:underline;color:#888888;filter:alpha(opacity=50,style=0);opacity:0.50;-moz-opacity:0.50;}
a:hover img		{filter:alpha(opacity=75,style=0);}
a:active img	{filter:alpha(opacity=50,style=0);}

/** base **/
html,body,#all{min-height:700px;}
html{background:#ffffff;height:100%;}
body{text-align:center;color:#000;}
header{padding:0 0 30px 0;}
footer{clear:both;padding:0 0 20px 0;}

header,footer,.linkbox{/zoom:1;}
header:after,footer:after,.linkbox:after{content:'';display:block;clear:both;}

/** header **/
 header nav { padding:10px 0; }
  header nav ul { text-align:right; }
  header nav li { display:inline; }
  header nav a {  }
  header nav img{  }

  header nav a{filter:alpha(opacity=20);opacity:0.20;-moz-opacity:0.20;margin:0 -7px 0 0;}
  header nav{margin:0 7px 0 0;}
  header nav a img{filter:alpha(opacity=20);}
  .roll header nav .roll a,
  .nomb header nav .nomb a,
  .fild header nav .fild a,
  .dico header nav .dico a,
  .repi header nav .repi a,
  .roll header nav .roll a:hover,
  .nomb header nav .nomb a:hover,
  .fild header nav .fild a:hover,
  .dico header nav .dico a:hover,
  .repi header nav .repi a:hover,
  .shop header nav .shop a:hover,
  .mail header nav .mail a:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;cursor:default;}
  .roll header nav .roll a img,
  .nomb header nav .nomb a img,
  .fild header nav .fild a img,
  .dico header nav .dico a img,
  .repi header nav .repi a img{filter:alpha(opacity=100);}

 header .topimg {  }
  header .topimg a {  }

.shopfukidashi{ padding:0 10px; display:none; text-align:center;}

/** footer **/
footer .link{float:right;width:300px;text-align:right;}

/** footer **/
#s nav li			{height:24px; margin:0 0 7px;background:url(http://www.rolladex.co.jp/images/menu_bg.png);}
#s nav li a,
#s nav li a:link	{background:#fff;display:block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
#s nav li a:hover	{background-color:transparent;}
#s nav li a img		{margin:0 0 0 15px;}
.top #s nav .top a,
.news #s nav .news a,
.conc #s nav .conc a,
.item #s nav .item a,
.feature #s nav .feat a,
.catalogarchive #s nav .cata a,
.shop #s nav .shop a,
.cont #s nav .cont a,
.recr #s nav .recr a
{background:#fff;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;cursor:default;_background-color:transparent;*background-color:transparent;}

#s .blnd {margin:20px 0 30px 0;text-align:center;}
#s .blnd li{margin:0 0 5px 0;}

a.linkbox		{text-decoration:none;color:#000;padding:5px;display:block;}
a.linkbox:hover	{background-color:#f0f0f0;}

article .entrytitle { font-size:108%;font-weight:bold;margin:0 0 3px; }
article time { font-size:70%;color:#737373;display:block;margin:0 0 3px; }
article .entrybody {  }
article .gomore {font-size:78%;color:#737373;}
 article span.gomore {text-decoration:underline;margin:0 0 0 10px; }
 article div.gomore {text-decoration:none;}
article .image {text-align:center;border:1px #eee solid;}

 .cate article .entrytitle { display:inline;}
 .cate article time { display:inline;}
 .cate article .image { float:left; margin:0 5px 5px 0;width:75px;height:75px;}
 .item .entryex		{ margin:15px 0;padding:15px; background-color:#efefef;}

/** .entry **/
.pankuz{ font-size:smaller;color:#888; margin:0 0 15px 0;}
.pankuz a{ text-decoration:none;}

 .entry article { margin:0 0 10px; }
  .entry article a {  }
   .entry article a h3.entrytitle {  }
   .entry article.entrybox { border-bottom:1px #ccc dotted; margin-bottom:10px; padding-bottom:10px; }
   .entry article.entrybox time { border-bottom:1px #ccc dotted; margin-bottom:10px; padding-bottom:10px;display:block; }
   .entry article a .entrybody {  }
   .entry article a .entrymore {  }

article.entrypn { width:49%; }
 article.entrypn a { }
  article.entrypn a .name {background-color:#888;color:#ffffff;font-size:77%;padding:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-align:center;text-shadow:0 0 0 #000;font-family:Arial, Helvetica, sans-serif;}
  article.entrypn a h3.entrytitle {  }
  article.entrypn a time {  }
  article.entrypn .image {width:75px;height:75px;}
article.entryprev { float:left; }
article.entrynext { float:right; }
article.entryprev .image { float:left; margin:0 8px 8px 0;}
article.entrynext .image { float:right; margin:0 0 8px 8px ;}
article.entryprev .name {margin:0 220px 5px 0;}
article.entrynext .name {margin:0 0 5px 220px;}

.entry .box,
.cate .box	{ padding:10px 10px 20px 10px;}

.newsindex article,
.cate article{ margin:0 0 20px; }

.entrybox {padding:10px 0 0 0;}

.topfeat .image { width:85px !important; height:105px;}


