@charset "UTF-8";

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

a:active,
a:hover {
  outline: 0px;
  text-decoration: none;}/*underline;*/

a { text-decoration: none;}

img{ vertical-align: middle;}/*max-width: 100%;*/

html{ font-family: verdana, sans-serif;}

h1{ font-size: 12px;
	color: #000000;
	line-height: 18px;}

h2{ font-size: 12px;
	line-height: 18px;}

h3{ font-size: 12px;
	line-height: 25px;
	font-weight: normal;}

h4{font-size: 14px;
	line-height: 28px;
	font-weight: bold;}

p{
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;}


.sep{font-size: 26px;
	line-height: 52px;
	text-decoration: none;
	color: #414141;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}



.p1{font-size: 14px;/*18px*/
	line-height: 46px;
	text-decoration: underline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}




.sep2{font-size: 26px;/*26*/
	line-height: 52px;
	text-decoration: none;
	color: #414141;
	margin: 0;
	padding: 0 0 0 10px;}


.sep3{
	font-size: 14px;/*18*/
	line-height: 22px;/*36*/
	margin: 0 0 0 0;
	padding: 10px 0 0 0;/*10px 0 0 0*/
	text-decoration: none;}



/*color追加*/
.texco{color: #FF0004;}

/*color_style追加*/
.texlt{text-decoration: line-through;}


body{
	width: 1000px;/**/
	height: 100%;/*auto*/
	margin: 0 auto;
	padding: 0;
	text-align: center;}

/*全体*/
#container{
	width: 952px;
	height: auto !important;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	height: 100%; 
	min-height: 100%;
	padding-bottom: 50px;}


#main{ height: 100%;}/**/

.top{
	width: 952px;/*810*/
	height: 20px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: left;}/*background-color: #509C59;*/



nav{
	float: left;
	width: 952px;
	height: 95px;
	margin: 0 auto;
	padding: 0 0 16px 0;
	text-align: left;}


li{float: left;}


.info{
	width: 952px;
	height: 450px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-image: url(../images/info_bg_952_450.png);
	background-repeat: no-repeat;}



.seleft{
	width: 400px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	float: left;}


.seright{
	width: 480px;
	height: 216px;
	margin: 0 auto;
	padding: 206px 18px 0 0;
	float: right;
	text-align: left;
	background-repeat: no-repeat;}



.info2{
	width: 952px;
	height: 216px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 0 0;
	background-color: #dcebdc;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;}/*background-color: #dcebdc;*/



.p2{font-size: 16px;/*18*/
	line-height: 46px;
	text-decoration: underline;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;}


/**/


.p2sns{
	width: 58px;
	height: 58px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	float: left;
	text-align: center;}/*text-align: center;*/


.snsccontents{
	width: 476px;/**/
	height: 58px;
	margin: 0 auto;
	padding: 0 0 0 250px;/**/
	text-align: center;}


.info2sns{
	width: 952px;
	height: 70px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;}



/**/
.info3{ 
	width: 912px;
	height: auto;
	margin: 0 auto;
	text-align: center;/*left*/
	padding: 0 0 0 0;}


.info3main{ 
	width: 912px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;}

	/*text-align: left;*/
	/*padding: 0 0 0 0;*/




.seleft3{
	width: 178px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0 0 0;/*20px 0 0 20px 調整*/
	text-align: left;
	float: left;
	text-decoration: none;}


.seright3{
	width: 584px;/*604*/
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 20px;/*10px 5px 0 0;*/
	float: left;
	text-align: left;
	text-decoration: none;}






/*sample page*/
.info4{ 
	width: 912px;/*952*/
	height: auto;
	margin: 0 auto;
	text-align: center;/*left*/
	padding: 0 0 0 0;}/**/


.info4main{ 
	width: 912px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;}

	/*text-align: left;*/
	/*padding: 0 0 0 0;*/



.seleft4{
	width: 178px;/**/
	height: 500px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;/*20px 0 0 20px*/
	text-align: left;
	float: left;
	text-decoration: none;}


/**/
.seright4{
	width: 604px;/*560　594*/
	height: auto;/**/
	margin: 0 auto;
	padding: 0 0 0 10px;/**/
	float: left;/*right*/
	text-align: left;
	text-decoration: none;}


.seright4sa{
	width: 564px;/*560px*/
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 20px;/*10px 130px 0 0*/
	float: left;/*right*/
	text-align: left;
	text-decoration: none;}



.sep4{font-size: 14px;
	line-height: 22px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;}



.info5{ 
	width: 912px;/*952*/
	height: auto;
	margin: 0 auto;
	text-align: center;/*left*/
	padding: 0 0 0 0;}/**/



.info5box{
	width: 604px;/*560px*/
	height: auto;/**/
	margin: 0 auto;
	padding: 0 0 0 10px;/**/
	float: left;/*right*/
	text-align: left;}



.info5boxlef{
	width: 170px;/*292*/
	height: auto;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	text-align: left;
	float: left;}


.info5boxrig{
	width: 170px;/*292*/
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	float: left;}




/**/
.te_box{ 
	width: 560px;/*575*/
	height: auto;
	margin: 0;
	padding: 10px 0 0 0;}



/*フッター*/

.footer{
	width: 952px;/*810*/
	height: 50px;/*height: 32px;*/
	margin: 0 auto;
	padding: 10px 0 5px 0;/*15px 0 5px 0*/
	text-align: center;
	position: absolute; 
	bottom: 0;}/*#84A585 background-color: #84A585;*/



.he5{
	width: auto;/*810*/
	height: 5px;
	margin: 0;
	padding: 0;}


.he10{
	width: auto;/**/
	height: 10px;
	margin: 0;
	padding: 0;}


.he16{
	width: auto;/**/
	height: 16px;
	margin: 0;
	padding: 0;}


.he20{
	width: auto;/*810px*/
	height: 20px;
	margin: 0;
	padding: 0;}

.he30{
	width: auto;/*810px*/
	height: 30px;
	margin: 0;
	padding: 0;}



.he40{
	width: auto;/*810px*/
	height: 40px;
	margin: 0;
	padding: 0;}


.he50{
	width: auto;/*810px*/
	height: 50px;
	margin: 0;
	padding: 0;}


.he80{
	width: auto;/*810px*/
	height: 80px;
	margin: 0;
	padding: 0;}



.he170{
	width: auto;/*810px*/
	height: 170px;
	margin: 0;
	padding: 0;}





.he100{
	width: auto;/*810px*/
	height: 100px;
	margin: 0;
	padding: 0;}


.he250{
	width: auto;/*810px*/
	height: 250px;
	margin: 0;
	padding: 0;}


a:link { color: #000000;} 
a:visited { color: #000000;} 
a:hover { color: #ff7f50;} /*ホバー中*/
a:active { color: #000000;}/*ポイント時*/



/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}


/*クリア設定*/
.clear{	clear: both;}