@charset 'UTF-8';

body {
	font-family: メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 100%;
	line-height: 1.8;
	overflow-x: hidden;
}
a:visited {
	color:rgba(0,0,255,1.00);
}
a:hover	{
	color:#111;
}
a:active {
}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
/*----------------------------------------------------------------------
Reset Style
----------------------------------------------------------------------*/
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;
}

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;
}

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


body {
  -webkit-text-size-adjust: 100%;
/*  max-width: 1400px;	*/
  margin: 0 auto;
  padding: 0;
  background:none !important;
}

/*----------------------------------------------------------------------
clearfix（cfに略）　START
----------------------------------------------------------------------*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}
/*----------------------------------------------------------------------
clearfix（cfに略）　END
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
テキストインデント　START
----------------------------------------------------------------------*/
.ind1{	text-indent:1em;	}
.sg1 {	padding-left:1em;	}
.sg-1{	padding-left:1em;	text-indent:-1em;}
.sg2 {	padding-left:2em;	}
.sg3 {	padding-left:3em;	}
.sg4 {	padding-left:4em;	}
.sg5 {	padding-left:5em;	}
.sg6 {	padding-left:6em;	}
.sg7 {	padding-left:7em;	}
.sg8 {	padding-left:8em;	}
.sg9 {	padding-left:9em;	}
.sg10 {	padding-left:10em;	}
.sg10h{	padding-left:10.5em;}
.sg11 {	padding-left:11em;	}
.sg12 {	padding-left:12em;	}
.sg13 {	padding-left:13em;	}
.sg14 {	padding-left:14em;	}
.b { font-weight:bold; }
/*----------------------------------------------------------------------
テキストインデント　END
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
枠用div 　START

▼div構成の説明図
frame------
　wrapper------
　　　header
　　main---------
　　　element
　　-------------
　　　footer

----------------------------------------------------------------------*/
.frame {
	background-color:#F5FDDA;
}
.wrapper {
	width:800px;
	margin:0 auto;
}
.main {
	width:760px;
	margin:0 auto;
	padding:0 20px 20px 20px;
	background-color:rgba(255,255,255,1.00);
}
@media screen and (min-width: 768px) and (max-width: 800px) {
	.wrapper{	width:90%;	}
	.main	{	width:auto; }
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	.wrapper{	width:90%;	}
	.main	{	width:auto; }
}
@media screen and (max-width: 479px) {
	.wrapper{	width:90%;	}
	.main	{	width:auto; }
}
.header {
	padding:20px 10px;
	background:url(../../13/img/img.jpg) bottom no-repeat;
}
.element {
	padding:20px 0 0 0;
}
.footer {
	background:url(../../13/img/img.jpg) top no-repeat;
	text-align:center;
	padding:20px 10px;
}

/*----------------------------------------------------------------------
枠用div　END
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
ヘッダ要素　START
----------------------------------------------------------------------*/
h1 {	font-size:140%; font-weight:bold; text-align:center; padding:20px 0 20px 0; }
h2 {	margin-top:10px;	}
/*----------------------------------------------------------------------
ヘッダ要素　END
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
div class element 内　START
----------------------------------------------------------------------*/
.read {
	padding:10px;
	width:91%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
/*	background:rgba(242,242,242,1.00);	*/
}
p.sigcolumn {
	text-align:right;
}
span.signame {
	font-size:120%;
}
h3 {
	margin:20px 0 10px 0;
	border-left:#96be2e solid 5px;
	padding-left:5px;
	border-bottom:#96be2e dashed 1px;
	font-weight:bold;
}
div.element p {
	margin-left:10px;
}
ul.prg {
	list-style:none;
}
ul.prg p {
}
ul.prg p.l {
	float:left;
}
ul.prg p.r {
	float:right;
}
.linktxt {
	color:rgba(0,0,255,1.00)
}
.skblue {
	color:#476200;
}
.divbtnimg {
	width:600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	text-align: center;
}
.u {
	text-decoration:underline
}
/*----------------------------------------------------------------------
div class element 内　END
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
フッタ要素　START
----------------------------------------------------------------------*/
h4 { font-weight:bold; }
/*----------------------------------------------------------------------
フッタ要素　END
----------------------------------------------------------------------*/
.blue {
	color: #00F;
}
.white {
	color: #FFF;
}
.red {
	color: #F00;
}