body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
  margin : 0;
  padding : 0;
}

body {
	background-color:#ffffff;
	background-image:url(../img/cedar.jpg);
/*	background-attachment:fixed;
	background-position:50% 0%;
	background-repeat:no-repeat; */
	color:#000000;
	text-align: center;
	font-size: 10pt;
	line-height: 120%;
	padding: 0;
	margin: 0;
	border-collapse:collapse;
  	font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
tr,td {
	font-size: 10pt;
	line-height: 120%;
}

h1,h2,h3 {
	font-size: 10pt;
	display:inline;
}
img{
	border-style:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.centering{
	text-align:center;
}
/*----------------------------------------------------------*/
.float-l{
    float:left;
	margin: 5px;
}
.float-r{
    float:right;
	margin: 5px;
}
.float-r50{
    float:right;
/*	margin:5px 100px 5px 5px;*/
	padding:5px 50px 5px 5px;
}
/*----------------------------------------------------------*/
#view{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding: 0;
	margin-top:0px;
	box-shadow: 3px 3px 3px 3px #b9b9b9;
}
nav{
	width:100%;
	max-width:1000px;
	height:auto;
	margin:0 auto;
	over-flow:auto;
	display:block;
	margin-top:6px;
	padding-bottom:4px;
}
nav ul{
	text-align: center;
	font-size:0px;
	line-height:0px;
}

nav li{
	display: inline-block;
	width:24%;
	min-width:130px;
	height:30px;
	font-size:10pt;
	line-height:30px;
	text-align:center;
	margin:2px;
}
.spmn{
	font-size:10pt;
	line-height:30px;
}
@media screen and (max-width: 700px) {
.spmn{
	font-size:8pt;
	line-height:30px;
}

}
nav li a{
	display: inline-block;
	background-color:#095F00;
	width:100%;
	height:30px;
	font-size:10pt;
	line-height:30px;
	text-decoration:none;
	color:#ffffff;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin:2px;
}
nav li a:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #095F00), color-stop(1.00, #15cc02));
background: -webkit-linear-gradient(#095F00, #15cc02);
background: -moz-linear-gradient(#095F00, #15cc02);
background: -o-linear-gradient(#095F00, #15cc02);
background: -ms-linear-gradient(#095F00, #15cc02);
background: linear-gradient(#095F00, #15cc02);
/*	background-color:#A70096;*/
	display: inline-block;
	width:100%;
	height:30px;
	font-size:10pt;
	line-height:30px;
	text-decoration:none;
	color:#ffffff;
	transition-duration:0.5s;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin:2px;
}
/*----------------------------------------------------------*/
header {
	width: 100%;
	max-width:1000px;
	margin: 0px auto;
	padding: 0px 0px;
	color: #000;
	height:auto;
	min-height:110px;
	background-image:url(../img/header_bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	-moz-background-size:auto;
	background-size:auto;
	text-align:center;
	text-align:center;
}
#h_logo{
	width:350px;
	max-width:100%;
	height:auto;
	float:left;
	margin-top:4px;
	display:inline-block;
	z-index:1;
}
#h_logo img{
	width:350px;
	max-width:100%;
	height:auto;
	z-index:10;
}
#h_com{
	float:left;
	margin-top:43px;
	text-align:left;
	display:inline-block;
	z-index:1;
}
#h_tel{
	float:right;
	margin-top:10px;
	display:inline-block;
	z-index:10;
}

@media screen and (max-width: 550px) {
#h_logo{
	float:none;
	display:block;
	margin-top:0px;
}
#h_com{
	float:none;
	margin-top:0px;
	text-align:center;
	display:block;
	z-index:1;
}
#h_tel{
	display:block;
	float:none;
	margin-top:2px;
}
}



#headerscroll {
	width:calc(100% - 10px); 
	max-width:1000px; 
	height:30px; 
	margin:0 auto; 
	line-height: 30px; 
	background-color:#ffffff;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	box-shadow: 0px 5px 5px -2px green;
}  

#entphoto {
	width:100%;
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px;
  background-color:#FFFFFF;
}

footer{
	padding:10px;
	font-size:8pt;
	line-height:12pt;
	text-align:center;
	width:calc(100% -20px);
	border-top:1px #C1C1C1 dotted;
}
#qr{
	display:inline-block;
	float:left;
}
#description{
	padding-top:10px;
	display:inline-block;
	font-size:8pt;
	line-height:12pt;
	text-align:left;
	float:left;
}
#cpinfo{
	padding-top:10px;
	display:inline-block;
	font-size:8pt;
	line-height:12pt;
	text-align:right;
	float:right;
	border-top:none;
}
#footerMenu{
	border-top:1px #D7D7D7 dotted;
	padding-top:6px;
}
#cp{
	background-color:#005C01;
	color:#FFFFFF;
}

@media screen and (max-width: 750px) {
#qr{
	display:block;
	float:none;
}
#description{
	padding-top:10px;
	display:block;
	float:none;
	font-size:8pt;
	line-height:12pt;
	text-align:center;
}
#cpinfo{
	padding-top:10px;
	display:block;
	float:none;
	font-size:8pt;
	line-height:12pt;
	text-align:right;
	border-top:1px #B3B3B3 dotted;
}



}
/*---------------------------------------------
     ＰＣ／モバイル設定
---------------------------------------------*/
.pcv{
	display:block;
}
.spv{
	display:none;
}
.sptxt{
	margin:10px;
	text-align:left;
	font-size:12pt;
	line-height:20pt;
}
.sptxt img{
	max-width:100%;
	margin:0 auto;
}
.innerbox{
	margin:10px;
	text-align:left;
	font-size:12pt;
	line-height:20pt;
}
.ex_box{
	font-size:10pt;
	line-height:14pt;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
}

.s_box{
	margin-left:50px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
	background-image:url(../img/images/flow_bg.jpg);
}
.b_box{
	margin-left:20px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
}
.innerbox_c{
	margin:10px;
	margin-left:50px;
	text-align:left;
	font-size:12pt;
	line-height:20pt;
	background-image:url(../img/images/cpbg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

@media screen and (max-width: 800px) {
.pcv{
	display:none;
}
.spv{
	display:block;
}
.sptxt{
	margin:5px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
}
.innerbox{
	margin:0px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
}
.ex_box{
	font-size:10pt;
	line-height:14pt;
	text-align:left;
	margin-left:5px;
}
.s_box{
	margin-left:5px;
	text-align:left;
	font-size:10pt;
	line-height:14pt;
	background-image:none;
}
.b_box{
	margin-left:5px;
	text-align:left;
	font-size:10pt;
	line-height:14pt;
}
.innerbox_c{
	margin:0px;
	padding:5px;
	margin-left:10px;
	text-align:left;
	font-size:10pt;
	line-height:14pt;
	background-image:url(../img/images/cpbg_s.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:cover;
    text-shadow:
         0px  1px 4px #fff,
        -1px -1px 4px #fff,
         1px -1px 4px #fff,
         1px  1px 4px #fff,
        -1px  0px 4px #fff;
}

}
/*------------------------------------------*/
#mainarea {
	width:100%;
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  background-color:#FFFFFF;
/*  background-image:url(../img/mainarea_bg.png);
  background-position:0% 0%;
  background-repeat:no-repeat;*/
}
#contents{
  width: calc(100% - 20px);
  margin: 0px auto;
  padding: 0px;
  background-color:#ffffff;
  color:#000000;
  margin-top:10px;
}
#topinfo{
	width:100%;
	height:auto;
	display:block;
	text-align:center
}
#f_care{
	width:47%;
	max-width:100%;
	height:auto;
	display:inline-block;
	float:left;
	text-align:center
}
#f_care img{
	width:450px;
	max-width:100%;
	height:auto;
}
#wnewwin{
	width:53%;
	height:265px;
	display:inline-block;
	float:left;
/*	border:1px #CCCCCC solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; */
}
#wn_inner{
	margin:2px 2px 2px 2px;
	height:235px;
	overflow:auto;
}
@media screen and (max-width: 800px) {
#contents{
  width: calc(100% - 10px);
  margin: 0px auto;
  padding: 0px;
  background-color:#ffffff;
  color:#000000;
  margin-top:10px;
}
#f_care{
	width:450px;
	max-width:100%;
	height:auto;
	display:block;
	float:none;
	margin:0 auto;
}
#f_care img{
	width:450px;
	max-width:100%;
	height:auto;
}
#wnewwin{
	width:100%;
	height:265px;
	display:block;
	float:none;
/*	border:1px #CCCCCC solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; */
}

}

.t_bar{
	width:calc(100% - 14px);
	display:block;
	border-bottom:1px #008500 solid;
	border-left:4px #008500 solid;
	padding-left:10px;
	text-align:left;
	font-size:12pt;
	line-height:16pt;
	margin-top:6px;
	margin-bottom:0px;
}
.t_bar2{
	width:calc(100% - 14px);
	display:block;
	border-bottom:1px #008500 solid;
	border-left:4px #008500 solid;
	padding-left:10px;
	text-align:left;
	font-size:14pt;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:5px;
}

.in_bar{
	width:100%;
	display:block;
	border-bottom:1px #0000ff dotted;
	border-top:1px #0000ff dotted;
	padding-top:4px;
	padding-bottom:4px;
	color:#0000ff;
	text-align:center;
	font-size:14pt;
	line-height:18pt;
	margin-top:20px;
	margin-bottom:10px;
}

.s_bar{
/*	width:calc(100% - 20px);*/
	display:block;
/*	border-bottom:1px #0000ff solid;*/
	padding-left:20px;
	text-align:left;
	font-size:14pt;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(../img/images/sq_16.png);
	background-position:left;
	background-repeat:no-repeat;
}

@media screen and (max-width: 600px) {
.s_bar{
/*	width:calc(100% - 20px);*/
	display:block;
/*	border-bottom:1px #0000ff solid;*/
	padding-left:20px;
	text-align:left;
	font-size:12pt;
	line-height:14pt;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(../img/images/sq_16.png);
	background-position:left;
	background-repeat:no-repeat;
}
}

.ss_bar{
/*	width:calc(100% - 20px);*/
	display:block;
/*	border-bottom:1px #0000ff solid;*/
	padding-left:20px;
	text-align:left;
	font-size:14pt;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(../img/control-stop-square.png);
	background-position:0px 50%;
	background-repeat:no-repeat;
}
.sb_gold{
	background-color:#a49121;
	color:#ffffff;
	height:30px;
	text-align:center;
	font-size:14pt;
	line-height: 30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin-bottom:4px;
	padding:2px 5px 2px 5px;
}
.sb_gray{
	background-color:#878787;
	color:#ffffff;
	height:30px;
	text-align:center;
	font-size:14pt;
	line-height: 30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin-bottom:4px;
	padding:2px 5px 2px 5px;
}


div.listarea {
	width:100%;
	max-width:1000px;
}
/*------------------------------
  TOPICS
------------------------------*/
.wnewlbox{
	width:100%;
	background-color:#fff;
}
.wnb_title{
	width:100%;
	height:20px;
	line-height:20px;
	background-color:#CFCFCF;
	text-align:left;
}
.wnb_txt{
	width:100%;
	text-align:left;
	margin-bottom:10px;
}

/*------------------------------
TOP葬儀プラン
------------------------------*/
#inline_box{
	font-size:0px;
	line-height:0px;
	margin-left:20px;
	text-align:center;
}
	
.pv_box{
	width:calc(50% - 20px);
	margin:2px;
	padding:4px;
	height:auto;
	min-height:400px;
	border:1px #D5D5D5 solid;
	display:inline-block;
	font-size:10pt;
	line-height:14pt;
	vertical-align:top;
}

.plan{
	width:100%;
	height:30px;
	font-size:12pt;
	line-height:30px;
	color:#ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}


.plan a{
	width:100%;
	height:30px;
	display:block;
	font-size:14pt;
	line-height:30px;
	text-decoration:none;
	background-color:#cbfbcb;
	color:#095F00;
/*	border:1px #095F00 solid;*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
.plan a:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #095F00), color-stop(1.00, #15cc02));
	background: -webkit-linear-gradient(#095F00, #15cc02);
	background: -moz-linear-gradient(#095F00, #15cc02);
	background: -o-linear-gradient(#095F00, #15cc02);
	background: -ms-linear-gradient(#095F00, #15cc02);
	background: linear-gradient(#095F00, #15cc02);
	width:100%;
	height:30px;
	display:block;
	font-size:14pt;
	line-height:30px;
	text-decoration:none;
	color:#ffffff;
	transition-duration:0.5s;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
.pv_box img{
	max-width:100%;
	height:auto;
	margin:4px 0px 4px 0px;
}
.explan{
	text-align:left;
	font-size:12pt;
	line-height:16pt;
}
.thumbnail ul{
	list-style:none;
	font-size:0.1px;
	line-height:0.1px;
	margin:0px;
	padding:0px;
}
.thumbnail li{
	width:60px;
	height:40px;
	margin:1px;
	display:inline-block;
}
.thumbnail li img{
	border-style:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 800px) {
#inline_box{
	font-size:0px;
	line-height:0px;
	margin-left:2px;
	text-align:center;
}
.pv_box{
	width:calc(100% - 20px);
	margin:2px;
	padding:4px;
	height:auto;
	min-height:400px;
	border:1px #D5D5D5 solid;
	display:block;
}
}
/*------------------------------
　葬儀プラン
------------------------------*/
.pname_box{
	width:100%;
	height:auto;
	min-height:30px;
	padding-bottom:10px;
	border-bottom:1px #C8C8C8 dotted;
}
.plan_name{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #095F00), color-stop(1.00, #15cc02));
	background: -webkit-linear-gradient(#095F00, #15cc02);
	background: -moz-linear-gradient(#095F00, #15cc02);
	background: -o-linear-gradient(#095F00, #15cc02);
	background: -ms-linear-gradient(#095F00, #15cc02);
	background: linear-gradient(#095F00, #15cc02);
	width:50%;
	height:30px;
	display:inline-block;
	font-size:14pt;
	line-height:30px;
	text-decoration:none;
	color:#ffffff;
	transition-duration:0.5s;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left; 
}
.introduction{
	width:50%;
	text-align:right;
	display:inline-block;
	font-size:8pt;
	line-height:10pt;
	margin-top:0px;
}
.setbox{
	margin-left:10px;
	width:calc(100% - 10px);
	height:auto;
	font-size:12pt;
	line-height:16pt;
	text-align:left;
}
.set_title{
	width:100%;
	height:auto;
	border-bottom:1px #00820A solid;
	border-left:3px #00820A solid;
	margin-top:10px;
	padding-bottom:0px;
}
.setname{
	width:calc(60% - 6px);
	height:auto;
	font-size:12pt;
	line-height:16pt;
	display:inline-block;
	text-align:left;
	padding-left:6px;
	float:left;
}
.setintro{
	width:40%;
	height:auto;
	font-size:12pt;
	display:inline-block;
}
.setintro .np{
	left:0px;
	top:0px;
	color:#0000ff;
	display:inline-block;
	float:right;
}
.setintro .price{
	right:0px;
	top:0px;
	color:#ff0000;
	display:inline-block;
	float:right;
	margin-left:10px;
}
.photobox{
	margin:4px;
	float:left;
}
.sl{
	display:inline-block;
	width:calc(100% - 310px);
	height:auto;
	min-height:60px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px #D4D4D4 dotted;
	border-top:1px #D4D4D4 dotted;
}
.sl ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.sl li{
	list-style:none;
	float:left;
	margin:2px;
	padding:4px;
	height:16px;
	border:1px #058F00 solid;
	background-color:#F0FFEE;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

}

@media screen and (max-width: 800px) {
.plan_name{
	width:100%;
	display:block;
	font-size:12pt;
	line-height:30px;
	float:none; 
}
.introduction{
	width:100%;
	display:block;
	text-align:center;
	margin-top:4px;
}
.setname{
	width:calc(100% - 4px);
	height:auto;
	font-size:12pt;
	line-height:16pt;
	display:block;
	float:none;
}
.setintro{
	position:static;
	width:100%;
	height:auto;
	font-size:10pt;
	line-height:14pt;
	display:block;
	float:none;
}
.setintro .np{
	position:static;
	left:0px;
	top:0px;
	font-size:10pt;
	line-height:14pt;
}
.setintro .price{
	position:static;
	right:0px;
	top:0px;
}
.setbox{
	margin-left:2px;
	width:calc(100% - 2px);
	height:auto;
	font-size:10pt;
	line-height:14pt;
	text-align:left;
}
.photobox{
	margin:0 auto;
	float:none;
}
.photobox img{
	max-width:100%;
	height:auto;
}
.sl{
	display:table;
/*	display:block;*/
	width:100%;
	height:auto;
	min-height:60px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px #D4D4D4 dotted;
	border-top:1px #D4D4D4 dotted;
}
.sl ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.sl li{
	list-style:none;
	float:left;
	margin:2px;
	padding:1px 4px 1px 4px;
	height:14px;
	font-size:10pt;
	border:1px #058F00 solid;
	background-color:#F0FFEE;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;

}
}
/*------------------------------
　式場・火葬場
------------------------------*/
.fn_box{
	width:calc(33% - 20px);
	margin:2px;
	padding:4px;
	height:auto;
	min-height:400px;
	border:1px #D5D5D5 solid;
	display:inline-block;
	font-size:10pt;
	line-height:14pt;
	vertical-align:top;
}
.fn_name{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #095F00), color-stop(1.00, #15cc02));
	background: -webkit-linear-gradient(#095F00, #15cc02);
	background: -moz-linear-gradient(#095F00, #15cc02);
	background: -o-linear-gradient(#095F00, #15cc02);
	background: -ms-linear-gradient(#095F00, #15cc02);
	background: linear-gradient(#095F00, #15cc02);
	width:100%;
	height:30px;
	font-size:12pt;
	line-height:30px;
	color:#ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom:4px;
}
.intro{
	font-size:10pt;
	line-height:14pt;
	text-align:left;
}
.hplink{
	width:90%;
	height:auto;
	margin:0 auto;
	background-color:#cbfbcb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	padding:4px;
	margin-bottom:2px;
	margin-top:2px;
	text-align:center;
}
.hplink a{
	text-decoration:none;
	width:100%;
	display:block;
}
@media screen and (max-width: 800px) {
.fn_box{
	width:calc(50% - 20px);
	margin:2px;
	padding:4px;
	height:auto;
	min-height:400px;
	border:1px #D5D5D5 solid;
	display:inline-block;
	font-size:10pt;
	line-height:14pt;
	vertical-align:top;
}
.fn_name{
	font-size:10pt;
}

}

@media screen and (max-width: 400px) {
.fn_box{
	width:calc(100% - 20px);
}

}
/*------------------------------
　フューネスケアクラブ
------------------------------*/
.txtbox{
	text-align:left;
	font-size:12pt;
	line-height:18pt;
}
#go_form{
	width:300px;
	max-width:100%;
	height:40px;
	border:1px #006705 solid;
	background-color:#cbfbcb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	text-align:center;
	line-height:40px;
}
#go_form a{
	width:300px;
	max-width:100%;
	height:40px;
	display:block;
	text-decoration:none;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
#go_form a:hover{
	width:300px;
	max-width:100%;
	height:40px;
	display:block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #095F00), color-stop(1.00, #15cc02));
	background: -webkit-linear-gradient(#095F00, #15cc02);
	background: -moz-linear-gradient(#095F00, #15cc02);
	background: -o-linear-gradient(#095F00, #15cc02);
	background: -ms-linear-gradient(#095F00, #15cc02);
	background: linear-gradient(#095F00, #15cc02);
	text-decoration:none;
	color:#ffffff;
	transition-duration:0.5s;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
.fprice{
	font-size:16pt;
	line-height:20pt;
	color:#FF0004;
}
.pricebox{
	width:100%;
	max-width:400px;
	height:80px;
	display:block;
	margin-left:100px;
}
.dprice{
	float:right;
	display:block;
}
@media screen and (max-width: 600px) {
.pricebox{
	margin-left:0px;
}

}
/*------------------------------
　施工例
------------------------------*/
.ex_box{
	width:calc(25% - 20px);
	margin:2px;
	padding:4px;
	height:auto;
	min-height:130px;
	border:1px #D5D5D5 solid;
	display:inline-block;
	font-size:10pt;
	line-height:14pt;
	vertical-align:top;
}
.ex_name{
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #095F00), color-stop(1.00, #15cc02));
	background: -webkit-linear-gradient(#095F00, #15cc02);
	background: -moz-linear-gradient(#095F00, #15cc02);
	background: -o-linear-gradient(#095F00, #15cc02);
	background: -ms-linear-gradient(#095F00, #15cc02);
	background: linear-gradient(#095F00, #15cc02);*/
	width:100%;
	height:20px;
	font-size:10pt;
	line-height:20px;
	color:#575757;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom:4px;
}
@media screen and (max-width: 800px) {
.ex_box{
	width:calc(50% - 20px);
	margin:2px;
	padding:4px;
	height:auto;
	min-height:130px;
	border:1px #D5D5D5 solid;
	display:inline-block;
	font-size:10pt;
	line-height:14pt;
	vertical-align:top;
}
.fn_name{
	font-size:8pt;
}

}

/*----------------------------------------------------------*/
/* hr線の色を変えてみたバージョン */
.bar1 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #009800;
  border: 0;
  clear:both;
}

/* hr線の色を変えてみたバージョン */
.bar2 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar3 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #0000ff;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar4 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #b400ff;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar5 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ffa800;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar6 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ac0e2d;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar7 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #7e7e7e;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar8 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000000;
  border: 0;
  clear:both;
}

/* hr線をダッシュ線にしてみたバージョン */
.bar9 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top-width:1px;
  border-top-color:#999;
  border-top-style:dashed;
  clear:both;
}
/* hr線をダッシュ線にしてみたバージョン */
.dotline {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top-width:1px;
  border-top-color:#999;
  border-top-style:dashed;
  clear:both;
}
.greenbox{
	background-color:#4c7d2c;
	color:#FFF;
	margin-bottom:2px;
	padding:5px;
	text-align:left;
	font-size: 12pt;
	line-height: 20px;
	height:auto;
	min-height:20px;
	display:inline-block;
}
.graybox{
	background-color:#efefef;
	color:#028002;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size: 12pt;
	line-height: 14pt;
	clear:both;
}
.box001{
	background-color:#b46789;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box002{
	background-color:#a04b24;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box003{
	background-color:#189aa8;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box004{
	background-color:#dc9314;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box005{
	background-color:#a49121;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box006{
	background-color:#697c84;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box007{
	background-color:#e0767c;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 120%;
	clear:both;
}
.pointbox{
	background-color:#4c7d2c;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox2{
	margin:0px;
	padding:5px;
	text-align:center;
	border-style:solid;
	border-color:#4c7d2c;
	border-width:1px;
}
.pointbox001{
	background-color:#b46789;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox002{
	background-color:#a04b24;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox003{
	background-color:#189aa8;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox004{
	background-color:#dc9314;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox005{
	background-color:#a49121;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
	display:inline-block;
	margin-bottom:4px;
}
.pointbox006{
	background-color:#697c84;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox007{
	background-color:#e0767c;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox008{
	background-color:#efefef;
	color:#000;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox009{
	background-color:#ff7900;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox010{
	background-color:#eeeeee;
	color:#000;
	margin:0px;
	padding:4px;
	text-align:center;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}
.pointbox011{
	background-color:#595656;
	color:#fff;
	margin:0px;
	padding:5px;
	text-align:center;
}
/*-----------------------------
	- clearance
-----------------------------*/

.clearance{
	clear:both;
	height:0px;
}
.clearance05{
	clear:both;
	height:5px;
}
.clearance10{
	clear:both;
	height:10px;
}
.clearance20{
	clear:both;
	height:20px;
}
.clearance30{
	clear:both;
	height:30px;
}
.clearance50{
	clear:both;
	height:50px;
}
.clearance53{
	clear:both;
	height:53px;
}
.clearance100{
	clear:both;
	height:100px;
}
.sukima {
	margin:4px 0px 4px 0px;
}
.sukima8 {
	margin:8px 0px 8px 0px;
}
.sukima20 {
	margin:20px 0px 10px 0px;
}
/*----------------------------------------------------------*/
.fs08 {font-size:8pt;line-height: 10pt;}
.fs09 {	font-size:9pt;line-height: 12pt;}
.fs10 {font-size:10pt;line-height: 12pt;}
.fs12 {font-size:12pt;line-height: 14pt;}
.fs13 {	font-size:13pt;line-height: 15pt;}
.fs14 {font-size:14pt;line-height: 16pt;}
.fs16 {font-size:16pt;line-height: 18pt;}
.fs18 {font-size:18pt;line-height: 20pt;}
.fs20 {font-size:20pt;line-height: 22pt;}
.fs22 {font-size:22pt;line-height: 24pt;}
.fs24 {font-size:24pt;line-height: 26pt;}
.fs26 {font-size:26pt;line-height: 28pt;}
.fs28 {	font-size:28pt;line-height: 32pt;}
.fs30 {	font-size:30pt;line-height: 34pt;}
.fs32 {	font-size:32pt;line-height: 36pt;}

.lh10 { line-height:10pt;}
.lh12 { line-height:12pt;}
.lh14 { line-height:14pt;}
.lh16 { line-height:16pt;}
.lh18 { line-height:18pt;}
.lh20 { line-height:20pt;}
.lh22 { line-height:22pt;}
.lh24 { line-height:24pt;}
.lh26 { line-height:26pt;}
.lh28 { line-height:28pt;}
.lh30 { line-height:30pt;}
.lh32 { line-height:32pt;}
.lh34 { line-height:34pt;}
.lh40 { line-height:40pt;}

.c_bk{color:#000000;}
.c_wh{color:#ffffff;}
.c_rd{color:#ff0000;}
.c_pink{color:#FF007E;}
.c_bl{color:#0000ff;}
.c_lbl{color:#0090ff;}
.c_per{color:#cdabdd;}

.c_rec{color:#1bb2b3;}

.ffam1{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.ffam1b{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}
/*----------------------
marquee
----------------------*/
.marquee {
width:100%;
padding:0.5em 0;
overflow:hidden;
/*background-color:#f6f6f6;*/
margin-bottom:10px;
position:relative;
font-size:12pt;
line-height:14pt;
}

@media screen and (max-width: 730px) {
.marquee {
font-size:10pt;
}
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
margin:0;
padding-left:100%;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:30s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:30s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:30s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:30s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}