@charset "UTF-8";

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

 https://www.shutoko.jp/　ベースCSS
 ( last updated : 2007/12/05 )
 
 * 1.yui reset (ブラウザ間差異消去)
 * 2.yui font (フォント調整)
 * 3.link (link 関連)
 * 4.global (base スタイル設定)

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


/* /////////////////////////////////////////////////////////
 1. reset (ブラウザ間差異消去)
///////////////////////////////////////////////////////// */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/

body {color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

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

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li {list-style:none;}

caption,th {text-align:left;}

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

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

abbr,acronym {border:0;font-variant:normal;}

sup,sub {line-height:-1px;vertical-align: text-top;}

sub {vertical-align:text-bottom;}

input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* /////////////////////////////////////////////////////////
 2. font (フォント調整)
///////////////////////////////////////////////////////// */

/* font size px <-> % ----------
	px  %
	10  77
	11  85
	12  93
	13  100
	14  108
	15  116
	16  123.1
	17  131
	18  138.5
	19  146.5
	20  153.9
	21  161.6
	22  167
	23  174
	24  182
	25  189
	26  197
------------------------------ */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
/*	font: Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*/
	line-height: 1.22;
	*font-size: small;
	*font: x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
/**
 * Bump up IE to get to 13px equivalent
 */
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 99%;
}

/* /////////////////////////////////////////////////////////
 3. link (link 関連)
///////////////////////////////////////////////////////// */

/* link ---------- */
a:link {
	color: #009eb8;
}
a:active {
	color: #009eb8;
}

a:visited, a:link, a:active {
	text-decoration: underline;
	background-color: transparent;
}
a:hover {
	color: #ff3333;
	text-decoration: none;
}
a {
	border: none;
}


/* /////////////////////////////////////////////////////////
4. global (base スタイル設定)
///////////////////////////////////////////////////////// */

/* br ---------- */
br {
	letter-spacing: 0;
}

/* hr ---------- */
hr {
	display: none;
}

/* block element ---------- */
div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
	display: block;
	margin: 0;
	padding: 0;
}

/* p ---------- */
p {
	margin-bottom: 1.5em;
	padding: 0;
	line-height: 1.7;
	text-align: left;
}

/* blockquote ---------- */
blockquote {
	margin: 1em 2em;
	padding: 0 1em;
}
blockquote p {
	margin: 1em 0 1em 0;
	padding: 0;
}
blockquote blockquote {
	margin: 0.2em 0;
	padding: 0.2em 0 0.2em 0.2em;
}

/* inline element ---------- */
a, abbr, acronym, bdo, big, cite, code, dfn, em, img, kbd, object, q, ruby, samp, small, span, strong, sub, sup, var {
	display: inline;
}

/* img ---------- */
img {
	margin: 0;
	padding: 0;
	/*vertical-align: text-bottom;*/
}
a img {
	border: none;
	text-decoration: none;
}

/* strong ---------- */
strong {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* em ---------- */
em {
	margin: 0 0.2em;
	padding: 0;
	font-weight: normal;
	text-decoration: underline;
}

/* button ---------- */
button {
	cursor: pointer;
	border-color: #FAFAFA #848484 #848484 #FAFAFA;
	border-width: 2px;
	border-style: solid;
	color: #333;
	font-family: monospace;
	font-size: 85%;
	background-color: #F0F0F0;
	height:22px;
}
button:active {
	border-color: #848484 #FAFAFA #FAFAFA #848484;
}

/* list element ---------- */
ul, ol {
	display: block;
}
ul {
	margin: 2em 0 2.5em 2.5em;
}
ol {
	list-style-type: decimal;
	margin: 2em 0 2.5em 3em;
}
li {
	display: list-item;
	margin:0 0 0.5em 0;
}
ul ul,
ol ol,
ol ul {
	margin: 0.5em 0 0.5em 1.2em;
}
ul ul li,
ol ol li,
ol ul li {
	margin: 0 0 0.5em 0;
}
dl {
	display: block;
	line-height: 1.2;
	margin: 0 0 0 1em;
}
dt {
	clear: both;
	margin: 1em 0 1em 0;
	padding: 0;
	border-bottom: 1px dotted black;
	font-weight: normal;
}
dd {
	margin: 0 0 2em 0;
	padding-left: 1.5em;
	line-height: 1.5;
}
dd p {
	line-height: 1.5;
}

/* form */
form {
	display: block;
	line-height: 1.0;
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
fieldset dt {
	border: none;
}
fieldset ul,
fieldset ol,
fieldset dl {
	display: block;
	margin: 1em 0 1em 0.5em;
}
legend {
	display: none;
}
label {
	vertical-align: middle;
	margin: 0 0.5em 0 0.1em;
	padding: 0;
	text-transform: capitalize;
}
input, select, label {
	vertical-align: middle;
}

/* table ---------- */
table {
	margin: 0;
	border-width: 1px 0 0 1px;
	border-color: #666;
	border-style: solid;
	border-spacing: 0;
}
table, th, td {
	border-style: solid;
	border-collapse: collapse;
}
table a {
	font-weight: normal;
}
caption {
	display: none;
}
tr {
	border: none;
}
th {
	border-width: 0 1px 1px 0;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.5em 5px;
	vertical-align: top;
	border-color: #666;
	border-style: solid;
}

/* noscript */
noscript {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
noscript p {
	padding: 0.5em 0;
	border-bottom: 1px solid #d44;
	color: #666;
	text-align: center;
	background-color: #fee;
}