@charset "utf-8";
/* 
 -reset
 -yui font
 -common
*/


/* ------------------------------------------------------------------------
reset
 ------------------------------------------------------------------------*/

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	backbackground: transparent;
}
article #head .topimage {
}



article #map .map4 { }



body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}



ul {
	list-style:none;
}


blockquote, q {
	quotes:none;
}
article #wrapper #gmap {
	padding-bottom: 50px;
}



blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

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

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}


/* ------------------------------------------------------------------------
yui font
 ------------------------------------------------------------------------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/**
 * Percents could work for IE, but for Compat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}



/* ------------------------------------------------------------------------
common
-------------------------------------------------------------------------*/
body {
}

a{
	color:#333;
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;
}

rt{
	font-size:10px;
	text-decoration:none;
}



/* ---------------------------
-header
-contents
-footer
-clearfix
-droppy
------------------------------ */
#headerWrapper,{
	position:relative;
	z-index:9999;
}

#topicpathWrapper{
	position:relative;
	z-index:30;
}
#contentsWrapper{
	position:relative;
	z-index:10;
}

#footerWrapper{
	position:relative;
	z-index:20;
}


/* ---------------------------
header
------------------------------ */
div#headerWrapper{
	background-color: #2b2b2b;
	border-bottom:solid 1px #515151;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header{
	width: 950px;
	height:30px;
	margin:0 auto;
	padding:0 4px;
	border-left:solid 1px transparent;
	border-right:solid 1px transparent;

}


p#siteName{
	float: left;
	margin:3px 10px 0 0;
}

#globalNav a{
	padding:0 5px;
	color:#fff;
	border-left:1px solid #111;
	text-decoration:none;
	display:block;
	font-size:11px;
}
head/* */body #globalNavi a{
	font-size:84.6%!important;
}
#globalNav a:hover{
	opacity:0.5;
}


#globalNav > ul > li{
	float:left;
	padding:0;
	list-style:none;
	text-align:center;
	border-left:solid 1px #515151;
	color:#fff;
	line-height:30px;
}

#globalNav ul#mainMenu1 > li{
	width:4.35em;
}

#globalNav ul#mainMenu2{
	float:right;
}


/* subMenu */
#globalNav .subMenu{
	width:132px;
	text-indent:0;
	background-color:#2B2B2B;
	background-color:rgba(43,43,43,0.95);
	border-bottom:solid 1px #515151;
	display:none;
}
#globalNav .subMenu a{
/*	font-size:84.6%;
*/
}
#globalNav .subMenu li{
	width:130px;
	text-align:left;
	border:solid 1px #515151;

	border-top:dotted 1px #515151;
	border-bottom:none;
}
#globalNav .subMenu li.first{
	border-top:solid 1px #666;
}
#globalNav .subMenu li span.subtitle{
	font-size:10px;
}
#globalNav .subMenuTwoLines{
	line-height:16px;
}
#globalNav .spShare{
	line-height:16px;
}

#globalNav .restock{
	line-height:16px;
}
#globalNav .leader{
	font-size:10px;
}
#globalNav .subMenuLeader{
	line-height:16px!important;
}
/* -------------------------------------------
jQuery Droppy
---------------------------------------------- */
/* Basic code - don't modify */
.droppy { display: block; margin: 0; padding: 0; position: relative; }
.droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
.droppy a { display: block; }
.droppy ul { display: none; position: absolute; left: -1px;top:30px;margin: 0; padding: 0; }
* html .droppy ul { line-height: 0; } /* IE6 "fix" */
.droppy ul a { zoom: 1; } /* IE6/7 fix */
.droppy ul li { float: none; }
.droppy ul ul {
}
    
/* Essentials - configure this */

.droppy ul { margin:0;}
.droppy ul ul { margin:0;}

/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* ---------------------------
topicpath
------------------------------ */
#topicPathWrapper{
	height:26px;
	clear:both;
	background-color:#f2f2f2;
}

#topicpathInner{
	position:relative;
	width:950px;
	margin:0 auto;
	padding:0 4px;
	border-left:solid 1px transparent;
	border-right:solid 1px transparent;
	background-color:transparent;
}

ul#topicPath {
	width: 942px;
	margin:0 auto;
	padding:5px 4px;
	text-align: left;
}

ul#topicPath li a {
	font-weight:normal;
	}

ul#topicPath li {
	display: inline;
	list-style-type: none;
	font-size: 93%;
	line-heigt:93%;
}

ul#topicPath li:before{
	content:" ＞ ";
}
ul#topicPath li:first-child:before{
	content:"";
}


ul#topicPath li img{
	vertical-align:top;
}

/* sns buttons */

#snsButtons{
	position:absolute;
	top:3px;
	right:0;
	width:211px;
	margin:0;
	vertical-align:bottom;
	text-align:right;
}
#snsButtons li{
	display:inline-block;
	height:20px;
	vertical-align:bottom;
	margin-left:4px;
	zoom:1;
}

/* Google Plus Button (#___plusone_XX) */
#___plusone_0,
#___plusone_1,
#___plusone_2{ width:73px !important; }



/* ---------------------------
contents
------------------------------ */

#contesntsWrapper {
	clear: both;
}

div#contents {
	width: 950px;
	margin: 0 auto;

	padding:0 4px 31px 4px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	min-height:530px;
}

div#contents a {
	font-weight:bold;	
	}

/* ---------------------------
footer
------------------------------ */
#footerWrapper{
	clear:both;
	min-height:130px;
	background-color: #2B2B2B;
	color: #fff;
}
#footer {
	
	background-color: #2B2B2B;
	position:relative;
	width:950px;
	min-height:130px!important;
	margin:0 auto;
	padding:0 4px;
	border-left:solid 1px transparent;
	border-right:solid 1px transparent;
	border-top:solid 1px transparent;
}
#footer a{
	color:#fff;
}

#footer a:visitied{
	color:#fff;
}

#returnTop {
	border:solid 1px #2B2B2B;
	border-bottom:none;
	background-color:#2B2B2B;
}

#footerBox {
	width:950px;
	height:100px;
	margin:0;
	font-size: 92.3%;
}



#footerLogo{
	width:140px;
	height:47px;
	float:left;
	margin:15px 10px 0 0;
}

#footerBox address {
	float: left;
	width:300px;
	margin:15px 10px;
	font-style: normal;
	line-height:1.3em;	
}
#footerMenu{
	float:right;
	width:460px;
	margin:15px 0 0 10px;
	text-align:right;
}
#footerMenu li {
	display:inline;
}
ul#footerMenu li:before{
	color:#fff;
	content:" ｜ ";
}

ul#footerMenu li:first-child:before{
	content:"";
}

#returnTop{
	width:10em;
	height:30px;
	position:absolute;
	top:-31px;
	right:0;

	text-align:center;
	font-size:85%;
	line-height:30px;
	/* dummy */
	border-top-right-radius:5px;
	border-top-left-radius:5px;

}

#returnTop a{
	text-decoration:none;
}





/* -------------------------------------------
clearfix
---------------------------------------------- */
#header,
#topicpathWrapper,
#topicPath,
#snsButtonsArea,
#snsButtons,
#topicpathWrapper,
#contents,
#footer,
.clearfix{
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

#header:after,
#topicpathWrapper:after,
#topicPath:after,
#snsButtonsArea:after,
#snsButtons:after,
#topicpathWrapper:after,
#contents:after,
#footer:after,
.clearfix:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.syoudan {
	font-weight: bold;
	color: #820132;
}