@charset "UTF-8";
html { 
color: #434343; 
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px; 
}
a {
	color: #434343;
}
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/
a img {
	filter:alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
	 transition: all .3s ease;
}
a img:hover {
	filter:alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
	 transition: all .3s ease;
}
/* common */
#cont_wrap {
	width:980px;
	margin:auto;
	overflow:hidden;
}
#cont_wrap #main_cont {
	width:710px; 
	float:right;
	margin:0 auto 96px;
}

/* header */
header .inn {
	width:980px;
	margin:auto;
	overflow:hidden;
	height:70px;
}
header .inn .logo {
	padding:14px 0 0 9px;
	float:left;
}
header .inn .head_info {
	width:390px;
	float:left;
	padding:14px 0 0 20px;
}
header .inn .head_info p {
	font-size:0;
}
header .inn .head_info p span {
	font-size:9px;
	color:#fff;
	background:#f487a4;
	line-height:18px;
	padding:4px 8px;
	letter-spacing:0.1em;
}
header .inn .head_info h1 {
	font-size:8px;
	line-height:13px;
	margin:5px auto 0;
	vertical-align:top;
}
header .inn .head_search {
	float:left;
	width:260px;
	margin:25px 0 0;
	background:#4b4b4c;
}
header .inn .head_search input {
	line-height:1;
	vertical-align:middle;
	display:block;
	float:left;
}
header .inn .head_search input.form_box {
	font-size:11px;
	width:190px;
	padding:8px 10px;
	border:1px solid #4b4b4c;
	border-right:none;
	background:#fff;
}
header .inn .head_link {
	float:left;
	font-size:8px;
	line-height:15px;
	padding:16px 0 0 20px;
}
header .inn .head_link a {
	color: rgba(0,0,0,1);
	transition: all .3s ease;
}
header .inn .head_link a:hover {
	color: rgba(0,0,0,0.5);
	 transition: all .3s ease;
}
header #gnavi {
	background:#4b4b4c;
	margin:0 auto 15px;
}
header #gnavi ul {
	width:980px;
	margin:auto;
	overflow:hidden;
}
header #gnavi ul li {
	float:left;
	padding:15px 28px 0 0;
}
header #gnavi ul li:nth-child(1) {
	padding:0 100px 0 0;
}
header #gnavi ul li:nth-child(5) {
	padding:0;
}
header #gnavi ul li img {
	line-height:1;
	vertical-align:top;
}
/* side */
#side_cont {
	width:240px;
	float:left;
	margin:0 auto 96px;
}
#side_cont .banner_area {
	margin:0 auto 30px;
}
#side_cont .banner_area li {
	margin:0 auto 10px;
}
#side_cont .banner_area li:last-child {
	margin:0 auto;
}
#side_cont .banner_area li img {
	vertical-align:bottom;
}
#side_cont .cate_list li {
	border-bottom:1px solid #4b4b4c;
	background-image:url(../img/common/side_icon01.png);
	background-position:center right 14px;
	background-repeat:no-repeat;
}
#side_cont .cate_list li a {
	display:block;
	font-size:14px;
	text-decoration:none;
	line-height:1;
	color:#4b4b4c;
	padding:12px 0;
	transition: all .3s ease;
}
#side_cont .cate_list li a:hover {
color: rgba(75,75,76,0.5);
	transition: all .3s ease;
}
#side_cont .side_brand .more {
	text-align:right;
	margin:16px auto 0;
	line-height:1;
}
#side_cont .side_brand {
	margin:0 auto 30px;
}
#side_cont .side_brand .more a {
	color:#4b4b4c;
	vertical-align:top;
	font-size:11px;
	transition: all .3s ease;
}
#side_cont .side_brand .more a:hover {
	color: rgba(75,75,76,0.5);
	transition: all .3s ease;
}
#side_cont .side_category {
	margin:0 auto 40px;
}
#side_cont .side_category h2 {
	margin:0 auto 3px;
}
#side_cont .side_category ul li {
	position:relative;
}
#side_cont .side_category ul li a {
	background-position:center left;
	background-repeat:no-repeat;
	padding:12px 0 12px 48px;
	transition: all .3s ease;
}
#side_cont .side_category ul li a:hover {
color: rgba(75,75,76,0.5);
filter:alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
}
#side_cont .side_category ul li:nth-child(1) a {
	background-image:url(../img/common/side_category_01.png);
}
#side_cont .side_category ul li:nth-child(2) a {
	background-image:url(../img/common/side_category_02.png);
}
#side_cont .side_category ul li:nth-child(3) a {
	background-image:url(../img/common/side_category_03.png);
}
#side_cont .side_category ul li:nth-child(4) a {
	background-image:url(../img/common/side_category_04.png);
}
#side_cont .side_category ul li:nth-child(5) a {
	background-image:url(../img/common/side_category_05.png);
}
#side_cont .side_category ul li:nth-child(6) a {
	background-image:url(../img/common/side_category_06.png);
}
#side_cont .side_category ul li:nth-child(7) a {
	background-image:url(../img/common/side_category_07.png);
}
#side_cont .side_category ul li:nth-child(8) a {
	background-image:url(../img/common/side_category_08.png);
}
#side_cont .side_category ul li:nth-child(9) a {
	background-image:url(../img/common/side_category_09.png);
}
#side_cont .side_category ul li:nth-child(10) a {
	background-image:url(../img/common/side_category_10.png);
}
#side_cont .side_category ul li:nth-child(11) a {
	background-image:url(../img/common/side_category_11.png);
}
#side_cont .side_category ul li:nth-child(12) a {
	background-image:url(../img/common/side_category_12.png);
}
#side_cont .side_category ul li:nth-child(13) a {
	background-image:url(../img/common/side_category_13.png);
}
#side_cont .side_category ul li ul.children {
	position:absolute;
	top:0;
	left:240px;
	min-width:210px;
	background:#fff;
	padding:14px 25px;
	/* box-shadow */
box-shadow:0px 0px 2px 2px rgba(75,75,76,0.2);
-moz-box-shadow:0px 0px 2px 2px rgba(75,75,76,0.2);
-webkit-box-shadow:0px 0px 2px 2px rgba(75,75,76,0.2);
border-radius:2px;
color: rgba(75,75,76,0.5);
filter:alpha(opacity=0);
   -moz-opacity: 0;
   opacity: 0;
	 transition: all 0.3s ease;
	 z-index:-9999;
}
#side_cont .side_category ul li:hover ul.children {
	background:#fff;
	 z-index:9999;
	 filter:alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
	 transition: all 0.3s ease;
}
#side_cont .side_category ul li ul.children li {
	background:none;
	border:none;
}
#side_cont .side_category ul li ul.children li a {
	background:none;
	padding:8px 0;
	font-size:13px;
}


#side_cont .side_sns h2 {
	margin:0 auto 16px;
}
#side_cont .side_sns ul {
	overflow:hidden;
	margin:0 0 0 2px;
	margin:0 auto 20px;
}
#side_cont .side_sns ul li {
	float:left;
	line-height:1;
	margin:0 13px 0 0;
}
/* footer */
footer .footer_info {
	border-top:2px solid #4b4b4c;
	background:#e0e0e2;
}
footer .footer_info .inn {
	width:980px;
	padding:50px 4px 20px;
	margin:auto;
	box-sizing:border-box;
	overflow:hidden;
}
footer .footer_info .inn dl {
	float:left;
	margin:0 54px 0 0;
}
footer .footer_info .inn dl dd {
	font-size:12px;
	line-height:26px;
}
footer .footer_info .inn dl dd a {
	color:#4b4b4c;
	text-decoration:none;
}
footer .footer_info .inn dl dd a:hover {
color: rgba(75,75,76,0.5);
	transition: all .3s ease;
}
footer .copyright {
	width:980px;
	margin:auto;
	padding:35px 0;
}
footer .copyright dl {
	display:table;
}
footer .copyright dl dt,
footer .copyright dl dd {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	font-size:10px;
	line-height:15px;
	padding:0 10px 0 0;
}

/* レコメンド設定 */
.history_single {
	margin:0 auto 10px;
}
.history_single h3,.recommend_single h3 {
	font-size:15px;
	line-height:23px;
	border-bottom:1px solid #000;
	padding:0 0 10px;
	margin:0 0 18px;
}
.history_single ul,
.recommend_single ul {
	width:698px;
	margin:auto;
	overflow:hidden;
}
.history_single ul li {
	float:left;
	width:82px;
	margin:0 6px 0 0;
}
.history_single ul li:last-child {
	margin:0;
}
.history_single ul li img {
	width:82px;
	height:auto;
}
.history_single ul li a,
.recommend_single ul li a {
	text-decoration:none;
}
.history_single ul li p {
	font-size:9px;
	line-height:1.4;
}
.history_single ul li p span {
	color:#ff0000;
}

.recommend_single ul li {
	float:left;
	width:125px;
	margin:0 18px 0 0;
}
.recommend_single ul li:last-child {
	margin:0;
}
.recommend_single ul li img {
	width:125px;
	height:auto;
}
.recommend_single ul li p {
	font-size:14px;
	line-height:1.4;
}