@charset "Shift_JIS"; /* 文字エンコードの設定（削除不可） */
/* ==================================
	沼森 http://ratri.6.ql.bz/
	template 17
===================================*/
@media screen
{ 
/*--------------------------------------------------------------
	カスタマイズ
----------------------------------------------------------------*/

#PAGETOP{
	/* 最大幅 */
	max-width: 800px; 

	/* 横幅(IE用) */
	width: 85%;
	}

#PAGETOP{
	/* メニュー背景 */
	/*background-color: #ffffff;
	background-image: url(./csstemplate/nmmr17/124e.gif); */
}	

/*--------------------------------------------------------------
	要素
----------------------------------------------------------------*/

*	{ font-size: 100%; }

/* 罫線 */
hr	{ display: none; margin: 2em 10%;  }
div.text hr	{
	display: block; 
	border: dashed #999999; border-width: 1px 0 0;
	height: 1px;
	}

/* 強制改行 */
br	{ letter-spacing: normal; }

/* 見出し */
h1,h2,h3,h4,h5,h6	{ margin: 2em 0 1em; padding: .05em 1.5%; line-height: 1.25; 
	font-weight: 900; font-family: "Century Gothic", Helvetica, Arial, Meiryo, "ＭＳ Ｐゴシック", Sans-serif; }
h1	{ margin: 0; padding: 0; border-bottom: 3px double #000; font-size: 1.3em; letter-spacing: .1em; _zoom: 1; }
h2	{ padding: 0; border-bottom: 1px solid #000; letter-spacing: .2em; font-size: 1.2em; }
h3	{ border-bottom: 1px dotted #000; font-size: 1.15em;  }
h4	{ border-left: 3px double #000; font-size: 1.1em; }
h5	{ margin-left: 5%; border-left: 1px dotted #000; font-size: 1em; }
h6	{ padding-left: 10%; padding-right: 5%; font-size: 1em; text-align: right; }

/* アンカー */
a:link	{ color: #1134CB; }
a:visited	{ color: #7F5B7F; }
a:hover	{ color: #777777; }
a:focus	{ color: #777777; }
a:active	{ color: #D80000; }

/* 強調・追加・削除 */
em,
strong	{ 
	padding-left: .2em;
	font-style: normal;
	font-weight: bold;
	color: #D80000;
	letter-spacing: .2em;
	}
code em,
code strong{ margin: 0; letter-spacing: 0; }
em	{ }
strong	{ border-bottom: 2px dotted #D80000; }
ins	{  }
del	{  }
div>ins,
div>del	{ display: block; }
div>ins	{ 
	margin: 1.5em 0; 
	padding:  .2em 2%;
	border: 1px solid #DDDDDD; 	text-decoration: none;
	}
div>ins:before{ 
	content: "\300a\8ffd\8a18\300b";
	display: block;
	border-bottom: 1px dotted #999999;
	color: #999999;
	}

/* フォーム */
form	{ }
li form	{ display: inline; margin: 0; padding: 0; border: none; background: transparent none; }
fieldset	{ margin: 0 0 .5em; padding: .7em 2%; border: 1px dotted #DDDDDD;  }
legend	{  }
label	{  }
input,textarea,select,button{ margin: .1em; vertical-align: text-bottom; }
input,
textarea	{ border: 1px solid #000000; background:  #ffffff; color: #000000; }
	input[type="text"]	{  }
	input[type="checkbox"],input[type="radio"],
	input[type="button"],input[type="submit"],
	input[type="reset"], input[type="image"]{ cursor: pointer; background: #000000; color: #ffffff; }
textarea	{ padding: 2px; }
select	{  }
option	{  }
optgroup	{  }

form p,form ol, form dl{ margin: .2em 0;}
ul{margin:10px 15px; padding:0px; list-style:circle;}

/* ボタン */
button	{  }
	button[type="button"]	{  }
	button[type="submit"]	{  }
	button[type="reset"]	{  }

/* リスト */
ol,ul	{ margin-left: 0; padding-left: 0em; }
li	{ margin-left: 2em; padding-left: 0; text-align: left; }
dl	{ }
dt	{ }
dd	{ margin-left: 1em; padding-left: 1em; border-left: 3px double #888888; }

/* アドレス */
address	{  }
li address	{ display: inline; margin: 0; padding: 0; border: none; background: transparent none; }

/* テーブル */
table	{ border-collapse: collapse; }
caption	{  }
thead	{ background-color: #EEEEEE; color: #333333; }
tbody	{  }
tfoot	{ background-color: #EEEEEE; color: #333333; }
tr	{  }
	thead tr	{  }
	tbody tr	{  }
	tfoot tr	{  }
th,
td	{ vertical-align: top; padding: .2em .5em; border: 1px solid #555555; }
	thead th	{  }
	tbody th	{  }
	tfoot th	{  }
	thead td	{  }
	tbody td	{  }
	tfoot td	{  }

/* 画像 */
img	{ border: none; vertical-align: text-bottom; }
a:link{color:#666666; text-decoration:none;}
a:visited{color:#aa2222; text-decoration:none;}
a:hover{color:#222277; background:#ffffff; text-decoration:none;}

/* 引用 */
q,
blockquote	{ background-color:#FFFFFF; color: #167F5E; font-style: normal; }
blockquote	{
	margin-left: 3em; margin-right: 0;
	padding: .25em 2%;
	border: 1px dotted #167F5E; 
	border-left: 3px solid; 
	}
blockquote:before	{
	content: "\300a\5f15\7528\300b";
	display: block;
	margin-bottom: .2em;
	border-bottom: 1px dotted #999999;
	color: #999999;
	}
blockquote[title]:before{
	content: "\300a\5f15\7528\300b" attr(title);
	}
q	{ border-bottom: 1px dotted #167F5E; }
q q	{ border-bottom: none; }

/* 参照元 */
cite	{ color: #167F5E; font-style: normal; }

/* 整形済みテキスト */
pre	{ clear: both; padding: 1%; background: #EEEEEE; color: #000000; overflow: auto; }
* html pre	{ width: 95%; }

/* コード・出力サンプル */
code	{ font-family: "Monaco", "Consolas", "Courier New",monospace; }
samp	{ margin: 1px .15em; padding: 1px .2em; border: 1px dotted #CCCCCC; }

/* キーボード */
kbd	{ margin: 0 .1em; color: #DF7F2A; font-style: normal; }

/* 変数・置き換え可能語 */
var	{ margin-right: .25em; font-style: italic; }

/* 定義語 */
dfn	{ font-style: normal; font-weight: bold; }

/* 省略語 */
abbr, acronym	{ cursor: help; }

/* 書字方向指定 */
bdo	{  }

/* インラインフレーム */
iframe	{  }

/* オブジェクト */
object	{  }

/* ノースクリプト */
body noscript	{  }

/* ノーフレーム */
body noframes	{  }

/* 上付き文字・下付き文字 */
sup	{  }
sub	{  }

/* その他物理要素 */
b	{ font-weight:bold; }
i	{ font-style:italic; }
big	{ font-size: larger; }
small	{ font-size: smaller; }
tt	{  }


/*--------------------------------------------------------------
	レイアウト
	【ベース】http://css-designplate.info/css/css.php?css=2column_012
----------------------------------------------------------------*/

html,
body,
#PAN li,
#MENU ul{
	margin: 0;
	padding: 0;
	}

body{ 
		/* background-color: #ffffff; */
	color: #000000;
	font-size: small;
	padding: 10px 20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif , Sans-serif;
	line-height: 1.7;
	}

#PAGETOP{
	position: relative;
	margin: 10px auto;
	padding: 0;
	border: 1px solid #000;
	background-repeat: repeat;
	background-position: 120% 0;
	}

#HEADER,
#KIZI,
#FOOTER{ 
	position: relative;
	margin-right: 200px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 20px;
	border-right: 1px solid #000;
	/* background-color: #ffffff; */
	}

#HEADER{
	padding-top: 20px;
	border-bottom: none;
	}

#PAN{
	text-align: right;
	}
#PAN li{
	display: inline;
	margin-left: .3em;
	padding-left: .3em;
	}
#PAN li+li:before{
	content: ">";
	padding-right: .6em;
	}
#MENU{
	width: 180px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 10px;
	height: 100%;
	overflow: auto;
}

#MENU h2{ display: none; }
#MENU ul{ margin: 0; padding: 10px 0;  border: none; }

#MENU01,#MENU02,#MENU03,#MENU04,
#MENU05,#MENU06,#MENU07,#MENU08{
	display: block;
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
	border: none;
	background: #000;
	text-align: center;
	color: #DDD;
	}
#MENU li a{ display: block; padding: .4em 0; color: #FFF; text-decoration: none; }
#MENU li a:hover,
#MENU li a:focus{ color: #CCC; }
#MENU li.menu-on a{
	color: #CCCCCC;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
	font-weight: bold;
	}
#KIZI{
	padding: 20px;
	border-top: none;
	border-bottom: none;
	}
div.text{}

ul.modori{
	list-style: none;
	margin-bottom: 0;
	text-align: right; 
	}
ul.modori li{
	display: inline;
	}

#FOOTER{ border-top: none; }
#FOOTER ul{ text-align: right; }
#FOOTER01,#FOOTER02,#FOOTER03,#FOOTER04,
#FOOTER05, #FOOTER06,#FOOTER07,#FOOTER08{ display: inline; margin: 0 0 0 1em; padding: 0; }


#PAGETOP:after{ content: ""; display: block; clear: both; }

/*--------------------------------------------------------------*/
}
/*--------------------------------------------------------------
	iPhone
----------------------------------------------------------------*/
@media screen and (max-width: 480px)
{
#PAGETOP,
#HEADER,
#PAN,
#MENU,
#KIZI,
#FOOTER{ position: static; float: none; width: auto; margin: 0; border-width: 0; }
#MENU{ margin: 0 15px; border: 1px solid #000; background-position: 50% 50%; }
}