@charset "Shift_JIS";

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
hr {height:0;margin:0;padding:0;border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style: none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}

/* fonts */
body {
	font: 13px/160% "游ゴシック体","Yu Gothic","YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size: inherit;
	font: 100%;
}
select,input,textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}


/* 全体設定 */
html {
}
body {
}
hr {
	border-top: 1px solid #000;
	margin-bottom:1.5em;
}
a:link {
	color: #4169e1;
}
a:visited {
	color: #4169e1;
}
a:hover {
	color: #696969;
	text-decoration: none;
}
a:active {
	color: #4169e1;
}

img { max-width: 100%; height: auto; }


/* ===== ページ全体 ===== */
#container {
	width: 760px;
	margin: 0 auto;
	padding: 20px 20px 50px 20px;
}

/* ===== ヘッダー ===== */
#header {
	width: 100%;
	padding-bottom: 20px;
}

/* サイトタイトル */

#title {
	width: 100%;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
}
#title h1 {

	font-size: 123%;
	line-height: 200%;
	letter-spacing: 0.2em;
	font-weight: bold;
}
#title h1 a {
	text-decoration: none;
}
#title p {
	font-size: 90%;
	letter-spacing: 0.2em;
}

/* メニュー */
#nav {
	width: 100%;
	height: ;
}
#nav ul {
	width: 100%;
	margin: 0 auto;
	background:#eee;
}
#nav ul li {
	display:inline;
	font-size: 100%;
	letter-spacing: 0.1em;
	margin-right: 20px;
	padding: 5px 2px;
}
#nav ul li:last-child {
	margin-right: 0px;
}
#nav a {
	text-decoration: none;
}



/* ===== メインコンテンツ ===== */
#contents {
	border-top-color: #333;
	border-top-style: solid;
	border-top-width: 1px
}

#contents h1 {
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-bottom: 5px;
}

#contents h2 {
	margin: 1em 0;
	padding: 5px 10px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #999999;
	border-left: 6px solid #AA4844;
	background-color: transparent;
	font-size: 14px;
	font-weight:normal;
}

#contents h3 {
	font-weight: normal;
	font-size: 10px;
	color: #666;
}

.fullbox {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.halfbox {
	width: 50%;
	display: table-cell;
	font-size: 90%;
}

.section {
	border-bottom-color: #333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding:40px 0;
}


/* memo */
dd {
	padding-bottom: 10px;
	font-size: 100%;
}
dd.nt{
	padding-bottom: 0px;
}
dt {
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 10px;
	color: #999;
	padding-bottom: 3px;
}

/* links */

.bookmark {
	color:#008800;
}


/* ===== フッター ===== */
#footer {
	padding-top: 10px;
	text-align: center;
}
#footer p {
	letter-spacing: 0.1em;
}

.pagetop {
	text-align: center;
	padding-top: 20px;
}

.return {
	text-align: right;
	font-size: 85%;
	list-style: none;
}

.inline {

}
.inline li {
	display: inline;
	padding-right: 10px;
}

/* パンくず */

.pan {
	margin:4.0em 0;
}
.pan li {
	display: inline;
}

/* 強調・追加・削除 */
em {
	font-weight: bold;
}
strong{
	font-weight: bold;
	color: #814121;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}

/* 引用 */
blockquote {
	padding-left: 0.8em;
	margin: 1em;
	border-left: 2px dashed #EAEAED;
}
cite,q {
	text-decoration: underline;
}

/* 整形済みテキスト */
pre {
	padding: 0.3em;
	border: solid 1px red;
	font-size: 92%;
	font-family: monospace;
}

/* 物理要素 */
b { font-weight: bold; } /* 太字 */
i { font-style: italic; } /* 斜体 */
big { font-size: 107%; } /* 文字大 */
small { font-size: 85%; } /* 文字小 */
tt { font-family: monospace; } /* 等幅 */

/* カスタム要素 */
.mar { margin: 1em 0; } /* 余白必要な場合 */
.text { text-indent: 1em; } /* インデント */
.cen { text-align: center; }
.right { text-align: right; }
.text10 { font-size: 77%; }
.text11 { font-size: 85%; }
.text12 { font-size: 93%; }
.text13 { font-size: 100%; }
.text14 { font-size: 108%; }
.text15 { font-size: 116%; }
.text16 { font-size: 123.1%; }
.text17 { font-size: 131%; }
.text18 { font-size: 134%; }
.text19 { font-size: 148%; }
.text20 { font-size: 160%; }
.textmax { font-size: 167%; }


/* pc非表示 */
.none{
	display:none;
}

@media screen and (max-width: 768px) {
/* スマホ */
#container {
	width: 98%;
	margin: 0 auto;
	padding: 0;
}

}/* 消さない */



@media screen and (max-width: 360px) {
/* 360以下でデザインが崩れる場合のみ */

}/* 消さない */