@charset "shift_jis";

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

	Default CSS

	for all pages
	Lastmodified: 2011-11-9
	
-------------------------------------------------- */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul {
    list-style-position: outside;
    list-style-type: none;
}

img,
a {
  border: none;
}

p a img {
  vertical-align: baseline;
}


/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

* html .clearfix {
	zoom: 1;/* IE6 */
}

*:first-child+html .clearfix {
	zoom: 1;/* IE7 */
}

/* Float */
.floatL {
	float: left;
}

.floatR {
	float: right;
}

/* Float_clear */
.clr {
	clear: both;
}

/* Mouse Over alpha */
a:link .alpha, 
a:visited .alpha {
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}
a:hover .alpha, 
a:active .alpha {
	opacity: 0.6;
	-moz-opacity: 0.6; /* Firefox */
	filter: alpha(opacity=60); /* IE6/7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}

/* Font Size */
body {
    font-size: 13px;
    *font-size: small;
    *font: x-small;
}
table {
    font-size: inherit;
    font: 100%;
}
.f8 {
	font-size: 62%;
}
.f10 {
	font-size: 77%;
	}
.f12 {
	font-size: 93%;
	}



/*----------------------------
     Layout
------------------------------ */

body {
	width: 100%;
	margin: 0 auto;
	background: #FFF;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;	text-align: center;
	line-height: 1.4;
	border-top: 5px solid #D2B15A;
	-webkit-text-size-adjust: 100%;
}
#Wrap .contents img{
    max-width: 100%;
    height: auto;
}
#container {
	max-width: 950px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

/* Main Contents */
/*#contents {
	float: right;
	width: 720px;

}*/
#contents {
	float: right;
	width: 720px;
	margin: 0 auto 26px;
	font-size: 93%;
	color: #020202;
	line-height: 2;
}


/* Topicpath [pankuzu] */
#topicpath {
	margin: 10px 0 15px 0;
	font-size: 77%;
	color: #666666;
}
#topicpath a {
	color: #666666;
}
#topicpath a:link,
#topicpath a:visited {
	text-decoration: underline;
}
#topicpath a:hover,
#topicpath a:active {
	text-decoration: none;
}


@media screen and (max-width: 768px) {
	#topicpath {
		clear: both;
		padding: 0 5px;
	}
}ng: 0 5px;
	}
}