* { margin: 0; padding: 0; color: #313131; font-family: 'ヒラギノ丸ゴシック','ＭＳ Ｐゴシック',arial, helvetica, sans-serif; }

img { border: 0; }

h3 { font-size: 16px; }

h3.entry-header{ font-size: 14px; }
h3.entry-header a:link { color: #666666; text-decoration: none; }
h3.entry-header a:visited { color: #666666; text-decoration: none; }
h3.entry-header a:hover { color: red; text-decoration: none; }

p,strong,li { font-size: 12px; line-height: 18px; }

a { color: #666;text-decoration: none;  }

a.basic:hover { color:#FDA923; }
a.junior:hover { color:#68CA25; }
a.soft:hover { color:#FF9391; }
a.baby:hover { color:#D7CA47; }
a.goods:hover { color:#40C7FE; } 

.bar { width: 600px; display: block; clear: both;  }

.entry_box { margin:25px 0 20px 15px; }

.boxA { width:200px; height:253px;float:left;text-align:center; margin-top:25px; }

.boxA h3 { height: 30px; font-size: 14px; }
bottom:
.series { display:block; clear:both; width:580px; padding-bottom: 10px; margin-bottom: 15px;  border-bottom: 1px solid #f0f0f0; }

.cate_entry { margin: 10px 0 20px 20px; font-size: 12px;  }
.entry { margin: 25px 0 20px 20px; font-size: 12px; }

#category {  display: block; clear: both; margin: 25px 0 10px 15px; }

.title { border-bottom:1px dashed #ccc; display:block; clear: both; height:18px; width:600px; margin-bottom: 10px; padding-bottom: 10px; }
.c_title { display:block; clear: both; width:600px; padding: 10px 0 0px 0px; font-size:16px; margin-bottom:3px; border: none; } 

.subcategory { display:block; clear: both; width:600px; padding: 5px 0 0 5px;  }
.subcategory01 { float:left; width:440px; display:block;  }
.subcategory02 { float:left; width:150px; display:block; text-align:right; }

.subheadline {  display:block; clear: both; width:580px; margin: 10px 0 10px 5px; font-size: 16px; }

ul.circle { list-style: disc outside; margin-left: 20px; }
ul.circle li { margin-bottom: 5px; line-height: 18px; }

.block { display: block; clear: both; }
.left { float: left; }
.right{ float: right; }

.m_5 { margin: 5px 0; }
.m_t_5 { margin-top: 5px; }
.m_t_10 { margin-top: 10px; }
.m_b_5 { margin-bottom: 5px; }
.m_b_10 { margin-bottom: 10px; }
.m_b_30 { margin-bottom: 30px; }
.m_l_10 { margin-left: 10px; }
.m_r_10 { margin-right: 10px; }
.m_20 { margin: 20px 0; }
.m_10 { margin: 10px 0; }
.m_t_25 { margin-top:25px; }

.xs { font-size: 10px; }

/*////////////////////////////////////////////*/

body { background-color: #f0f0f0; margin: 0 auto; text-align: center;height: 100%;  }

#g_navi {  margin:0 auto; text-align:right; background:#fbcd18; font-size: 10px; }
#g_navi div { width: 860px; margin:0 auto; padding: 5px 0;  }
#g_navi a { padding:0 5px 0 12px; }

#mainmenu { margin:0 auto; text-align:center; height:91px;
background:url(http://www.diablock.co.jp/_common/_img/navi_back.gif) repeat-x top left; }

#container { width: 874px; margin: 0 auto; text-align: left; background: #fff;height: 100%; }

#top #header { width: 860px; margin: 0 auto; text-align: left; height: 300px; background:yellow; }
#header { width: 860px; margin: 0 auto; text-align: left; height: 100px; background:yellow; }

#top #contents { background:#ffff00; }
#contents { background:#fff; }
#inside {  background:#fff; display:block; width:860px;margin:0 auto;  }

#side { width:232px; float:left; margin-bottom: 30px; padding-bottom: 30px;}
#menu {  width:232px; background: url(http://www.diablock.co.jp/_common/_img/menu_back.gif) repeat-y top right; padding-bottom: 0px;_margin-bottom: -5px; }
#menu img { margin: 0; padding: 0; display: block; clear: both; }
#menu div  { margin: 0 0 0 18px; margin-bottom: -5px; }
#menu div img { margin-bottom: 5px; }
#menu ul { margin: 5px 5px 5px 10px; width:170px; }

#menu ul li a.basic { text-decoration: none;  } 
#menu ul li a.basic:hover { color:#FDA923; } 
#menu ul li a.junior { text-decoration: none;  } 
#menu ul li a.junior:hover { color:#68CA25; } 
#menu ul li a.soft { text-decoration: none;  } 
#menu ul li a.soft:hover { color:#FF9391; } 
#menu ul li a.baby { text-decoration: none;  } 
#menu ul li a.baby:hover { color:#D7CA47; } 
#menu ul li a.goods { text-decoration: none;  } 
#menu ul li a.goods:hover { color:#40C7FE; } 
#menu ul li  { list-style: none outside; background: url(http://www.diablock.co.jp/_common/_img/submenu_sankaku.gif) no-repeat 0px 4px; 
padding: 0px 5px 5px 10px; line-height: 15px; font-size: 10px; }

.d_line { display:block; margin:5px; }
#menu ul li img { _margin-left: -10px; }

#header a { background: url(http://www.diablock.co.jp/_img/logo_s.gif) no-repeat top left; width: 105px; height: 73px; margin: 0px 10px; display: block; }
#header h1 { display: none; }
#top h1 { font-size: 12px; display: block; margin: 10px; display: none; }
h2 { font-size: 12px; text-align: left; margin:5px; }

#main {  width:628px; float:left; background:#fff;  }

#pankuzu {  font-size: 10px; display: block; clear: both; margin: 5px 0 10px 15px;  }
#pankuzu a {  font-size: 10px; background: url(http://www.diablock.co.jp/_common/_img/arrow.gif) no-repeat 0px 2px;; 
text-decoration: underline; padding:0 5px 0 12px; }
#pankuzu span {  font-size: 10px; background: url(http://www.diablock.co.jp/_common/_img/arrow.gif) no-repeat center left; 
 padding:0 5px 0 15px; }

#pankuzu a:hover { text-decoration: none; }

/* category top */
body#c_top #category { display: block; clear: both; margin: 20px auto 30px auto; width:815px; } 
.box01 { width: 397px;height:226px; float:left; }
.box02 { margin-left: 5px; width: 409px;height:226px; float:left; }
.box03 { margin: 5px 0 30px 0; width: 267px;height:208px; float:left; }
.box04 { margin: 5px 5px 30px 5px; width: 267px;height:208px; float:left; }
.box05 { margin: 5px 0 30px 0; width: 267px;height:208px; float:left; }

#news { width: 290px; float: left; clear: left; }
#news ul { list-style :circle outside; margin: 10px 25px; }
#news li { margin-bottom: 5px; }

#campaign { width: 260px; float: left; text-align: center; }

#footer { width: 860px; margin: 0 auto; text-align: left; font-size:10px; display: block; clear: both;padding-left: 10px;  }
#footer ul { list-style: none outside; margin: 5px; float: left; }
#footer li { display: inline; margin-right: 10px; }
#footer li a { font-size: 10px; background: url(http://www.diablock.co.jp/_common/_img/arrow2.gif) no-repeat center left; padding:0 5px 0 15px;text-decoration: underline; }
#footer li a:link { font-size: 10px; text-decoration: underline; }
#footer li a:hover { text-decoration: none;  }
#footer li.kawada { background: url(http://www.diablock.co.jp/_common/_img/logo_s.gif) no-repeat center left; line-height:40px; padding:20px 0; }
#footer li.kawada a { background: none;padding-left:35px; }
.copy { float: right; margin: 20px 15px 5px 5px;_margin: 20px 5px 5px 5px; font-size: 10px; }