@charset "utf-8";

/* --------------------------------------------- */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block; /* FOR IE8 */
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
} 

html {
	overflow-y:scroll;
}

body {
	font-size:100%;
	line-height:1.0;
	-webkit-text-size-adjust:100%;
}

#base {
	font-family:YuGothic,"游ゴシック体","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","Osaka","Osaka－等幅","Osaka-Mono","MS UI Gothic","ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","MS Gothic",sans-serif;
	
	color: #333333;
	font-size: 62.5%; /* font-size 1em = 10px */
	line-height:1.0;
	-webkit-text-size-adjust:100%;
	background-color:#FFFFFF;
	max-height: 999999px;
	font-feature-settings:"palt";
	min-width:980px;
}

#base *{
	box-sizing:content-box;
}

#base br {
	letter-spacing: normal;
}

#base img {
	vertical-align: top;
}

#base ol, #base ul, #base li {
	list-style: none;
}

#base table {
	border-collapse: collapse;
	border-spacing: 0;
}

#base .clearfix:after {
	content: ".";
	display: block;	
	height: 0;	
	clear: both;
	visibility: hidden;
}

#base a{
	color:inherit;
	text-decoration:none;
}

#base a:hover{
	color:inherit;
	text-decoration:none;
}

/* --------------------------------------------- */

#module_titleArea h1#category_title {
	float: left;
	padding: 12px 0 10px 4px;
	padding-top:19px;
}

#module_titleArea ul#extra_nav {
	float: left;
	padding: 18px 0 0 10px;
	padding-top:25px;
}

#module_titleArea ul#extra_nav li {
	line-height: 0;
	font-size: 1px;
}




/* -------------------------------------------
  ソーシャルボタン
---------------------------------------------- */
.social_wrap { border-right: 1px solid #ccc; }
#module_titleArea .social_wrap { position: absolute; top: 8px; right: 250px; height: 20px; }
.social_wrap li { float: left; margin-right: 15px; }
.social_wrap li iframe[src*="facebook"] { width: 107px!important; }

@media only screen and (max-width: 640px) {
  #module_titleArea .social_wrap { display:none; }
}