/* colour styles : custom  */
  body  { background:#ffffff;  font-size:12px; line-height:20px;  font-family: 'Droid Sans', sans-serif; padding-bottom: 110px; }
  #wrap { width:94%; margin-left:3%;}
  
/* font styles */	
  h1  { font-size:36px; line-height:41px; color:#000000; padding:0px; margin:0px; font-weight:bold; margin-bottom:5px; margin-top:5px; }
  h2  { font-size:20px; line-height:23px; color:#000000; padding:0px; margin:0px; font-weight:bold; margin-bottom:5px; margin-top:10px; }
  h3  { font-size:15px; line-height:25px; color:#858585; padding:0px; margin:0px; font-weight:normal; }
  h4  { font-size:15px; line-height:25px; color:#000000; padding:0px; margin:0px; font-weight:normal; font-weight:bold; } 
  h5  { font-size:13px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal; }
  h6  { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal; } 
  p   { font-size:14px; color:#000000; line-height:26px; margin:0px; padding:0px; padding-top:14px; padding-bottom:14px; font-family:'Helvetica',Arial, Helvetica, sans-serif; }

/* list Styles */
  ul 	{ padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; }
  ul li { font-size:12px; color:#000000; padding-left:10px; margin-bottom:7px; list-style:inside; list-style-type:square; }
  .blogroll li { list-style:none; }
  ol 	{ padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; }
  ol li { font-size:12px; color:#000000; padding-left:10px; margin-bottom:7px;  list-style-type: decimal; }
  hr 	{ background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px; }
	
/* link styles */	
  a:link 		{color:#444444; text-decoration: none;} 
  a:visited 	{color:#444444; text-decoration: none;}
  a:hover 		{color:#000000; text-decoration: none;}
  a:active 		{color:#444444; text-decoration: none;}
  a:focus 		{outline-style: none;}  	
	
/* header nav styles */ 
  #header 			 { width:100% }
  #logo 			 { margin-top:20px; margin-bottom:10px; text-align:center; }
@media screen and (max-width: 1400px) {
	#logo{ text-align: left; }	
}
  #nav 				 { width:415px; margin:0 auto; height:57px; overflow:hidden; }
  #nav ul 			 { display: inline; list-style: none;  margin:0px; padding:0px; height:42px; line-height:42px; clear:both; }
  #nav ul li 		 { float: left;  display: inline;  font-size: 12px; margin:0px; padding:0px; }
  #nav ul li:first-child	{ padding-left: 50px; }
  #nav ul li a 		 { display:block; height:42px; margin-right:20px; text-decoration:none; margin-top:10px; }
  #nav ul li a:hover {  }
  	
/* footer styles */
  #footer-area 					{ width:100%; margin:20px auto 30px auto; }
  #footer-area .widget 			{ width:310px; margin-left:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif; }
  #footer-area .widget h3 		{ color:#858585; }
  #footer-area .widget p    	{ color:#000; }
  #footer-area .widget ul   	{ margin-left:0px; }
  #footer-area .widget li   	{ color:#858585; }
  #footer-area .widget a 		{ color:#444444; }
  #footer-area .widget a:hover  { color:#000; }
  #footer-area .widget-copy 	{ width:280px; overflow:hidden; display:inline; float:left; margin-left:10px; } 

/* copyright styles */ 
  #copyright { clear:both; width:100%; display:inline; float:left; margin-top:10px; margin-bottom:10px; text-align:center; }
  #copyright p { color:#4f5356; font-size:12px; }
  #copyright a 	{ color:#858585;	text-decoration: none; } 
  #copyright a:hover 	{ color:#000000; text-decoration: underline; }
 
 
/* post and page styles */ 
  .type-post 				{ width:770px; background:#EEE; margin-right:10px; margin-top:15px; display:inline; float:left; }
  .type-page 				{ width:770px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; }
  .type-attachment 			{ width:770px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; }
  .gridly-image 			{ z-index:5; }
  .gridly-category 			{ position:absolute; width:auto; background:#000; margin-top:-36px; z-index:10;  height:30px; overflow:hidden; }
  .gridly-category p 		{ margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:40px; color:#fff; font-style:italic; }
  .gridly-category a 		{ color:#fff; font-style:italic; }
  .gridly-category a:hover  { color:#555; }
  .gridly-copy 				{ width:710px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; overflow:hidden; }
  .gridly-copy h3			{ color:#000; }
  .gridly-date 				{ width:150px;  color:#8e8e8e; font-size:11px; }
  .size-full 				{ width:100%; height:inherit; }
  .size-half 				{ width:50%; height:inherit; }
 
/* post index styles */
  #post-area				{ margin: 0 auto; } 
  #post-area .post 				{ width:310px; background:#EEE; margin-right:10px; margin-top:15px; position:relative; }
  #post-area .post .gridly-copy 		{ width:250px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:20px; overflow:hidden; clear:both; }
  #post-area .post .gridly-date 		{ width:150px;  color:#8e8e8e; font-size:11px;  border-bottom:1px dotted #cccccc; padding-bottom:0; padding-top:0; }
  #post-area .post .gridly-link 		{ width:150px; border-top:1px dotted #e8e8e8; color:#494e51; }

/* single post nav styles */ 
  .post-nav 		 { width:35px; display:inline; float:left; margin-left:10px; margin-top:15px; }
  .post-next a 		 { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
  .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px; }
  .post-prev a 		 { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px; }
  .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px; }

/* comment styles */
  .comments-area ol { list-style:none; margin:0; padding:0;  border-bottom:1px solid #8e8e8e; }
  .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px; } 
  .avatar 			{ display:none; } 
  .reply 			{ display:none; }
  .comment-meta  	{ display:none; }
  .comment-author 	{ font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; }
  #comment-form 	{ width:50%; }
  .text-input 		{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; }
  .comment-input  	{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } 
  .comment-submit 	{ clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e; }

/* Additional and WordPress styles */
  .clear 			{ clear:both; }
  .aligncenter	 	{ display: block; margin: 0 auto; }
  .alignleft		{ float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; }
  .alignright		{ float: right; margin: 0 0 20px 20px; }
  .wp-caption		{ text-align: left; margin-top:5px; margin-bottom:5px; }
  .wp-caption-text  { margin-top:2px;  text-align:left; font-style:italic;  font-size:11px; color:#999; } 
  .sticky    		{  }
  .gallery-caption  {  } 
  .bypostauthor  	{  }
  blockquote 		{ font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; }
/* end of css file */

/* edit by hada */
.clearfix:after{
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
#head_text {
	margin-bottom: 20px;
	text-align: center;
}
#head_text h1, #head_text p {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	font-family:'Helvetica',Arial, Helvetica, sans-serif;
	color: #444444;
}
.view-older {
	width: 310px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 30px;
	text-align: center;
	color: #444444;
	background-color: #eeeeee;
	text-decoration: underline;
}
.view-older:hover {
	color: #000000;
}
.line {
	width: 100%;
	height: 10px;
	background: url(../images/light/bg-row.png) center left repeat-x;
}
#lead_unf {
	position: fixed !important;
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    width: 90%; 
    padding: 10px 5%;
    background-color: #000000;
    text-align: center;
    color: #ffffff;
}
#lead_unf a {
	color: #ffffff;
}
#lead_unf a:hover {
	color: #eeeeee;
}


/* 追加 */
#wrap{
	padding-top:170px;	
}
#header{
	position:fixed;
	top:0;
	z-index:9999;
	background-color:#fff;	
}

#head_btns{
	position:absolute;
	z-index:9999;
	top:0;
	right:3%;
}
#head_btns ul li{
	display:inline;
	padding-left:2px;	
}
#fkotei{ display:none; }

#pankuzu{
	width:770px;
	margin:0 auto;
	padding-bottom:20px;	
}
#finfo{
	clear: both;
	padding-top: 30px;
}
#finfo h3{
	font-size:2em;
	padding:10px 0 10px 50px;
	margin-bottom:10px;
}
#finfo h3#fttl1{ background:url(../images/fttl1.png) no-repeat left center; }
#finfo h3#fttl2{ background:url(../images/fttl2.png) no-repeat left center; }

.fshoplist{
	border:solid 3px #cccccc;
	padding:30px;
	margin-bottom:30px;
}
.fshoplist h4{
	background-color:#000;
	color:#fff;
	font-size:1.2em;
	padding:10px;
	margin-bottom:15px;
}
.fshoplist .pic{
	float:left;
	width:320px;
}
.fshoplist .Right{
	float:left;
	width:auto;
	padding-left:30px;
}
.fshoplist .Right p{ line-height:1.8em; }
.fshoplist .Right p strong{ font-size:1.1em; font-weight:bold; color:#ff0000; }

.fshoplist .Right ul{
	padding-bottom:30px;	
}
.fshoplist .Right ul li{
	width:100%;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	list-style:none;
}
.fshoplist .Right ul li a{
	display:block;
	width:60%;
	background-color:#000;
	padding:10px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
.fshoplist .Right ul li:last-of-type a{
	background-color:#ff0000;
	color:#fff;
	text-align:center;
}
.fshoplist .Right ul li a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);	
}

.farea{
	/*border:solid 3px #cccccc;*/
	padding:0 0 30px;
	margin-bottom:30px;
}
.farea ul{
	margin-left:-10px;	
}
.farea ul li{
	float:left;
	width:286px;
	height:120px;
	text-align:center;
	list-style:none;
	margin-left:10px;
	line-height:1.3em;
}
.farea ul li a.arealink{
	display:block;
	background-color:#2c2c2c;
	padding:20px;
	color:#fff;
	font-size:2.5em;
	border:solid 10px #2c2c2c;
	box-shadow:0 0 0 4px #fff inset;
	font-weight:bold;
	margin-bottom:0;
}
.farea ul li a.arealink:hover{ background-color:#555; border:solid 10px #555; }
.farea ul li span{
}

.pcoupon{
	padding:10px 0;	
}
.pcoupon li{
	background:url(../images/icon_coupon.png) no-repeat left center;
	list-style:none;
	padding:0 0 0 45px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;

}


.tenchottl{
	background:url(../images/icon_tencho.png) no-repeat left center;
	padding:10px 0 10px 45px;
	margin-bottom:10px;

}
.tencho{
	border:solid 3px #ccc;
	padding:20px;
	margin-bottom:30px;
	background-color:#fff;
		
}
.tencho .Left{
	float:left;
	width:320px;	
	padding-bottom:20px;
}
.tencho .Right{
	float:right;
	width:310px;
	padding-bottom:20px;
}
.tencho .Right em{ font-weight:bold; }
.tencho .Right em span{ font-weight:bold; color:#ff3300; }
.tencho .btns{ margin-left:-10px; clear:both; padding-top:15px; }
.tencho .btns li{
	float:left;
	width:300px;
	height:auto;
	text-align:center;
	list-style:none;
	margin-left:10px;
}
.tencho .btns li a{
	display:block;
	width:100%;
	background-color:#000;
	padding:10px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
.tencho .btns li:last-of-type a{
	background-color:#ff0000;
	color:#fff;
	text-align:center;
	margin-left:10px;
}
.tencho .btns li a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);	
}

.post-nav2{
	padding:10px 0 30px;	
}
.post-nav2 .prev{
	float:left;	
}
.post-nav2 .next{
	float:right;	
}


.kanrenttl{
	background:url(../images/kanrenttl.png) no-repeat left center;
	padding:10px 0 10px 45px;
	margin-bottom:10px;
	font-size:2em;

}

.gridly-copy .postcontent h2{
	background-color:#ff0000;
	color:#fff;
	padding:10px;
	border-radius:3px;
	margin-bottom:15px;
	font-size:1.4em;	
}
.gridly-copy .postcontent h3{
	font-size:1.3em;
	font-weight:bold;
	color:#000;
	border-bottom:solid 2px #ff0000;
	margin-bottom:15px;
	padding:10px 0 5px;
}
.gridly-copy .postcontent h4{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	border-left:solid 5px #000;
	margin-bottom:15px;
	padding-left:10px;
}


.mlmagabtn{ padding:10px 0 0; }
.mlmagabtn a{
	display:block;
	background-color:#dc0203;
	color:#fff;
	padding:15px;
	text-decoration:none;
	text-align:center;
	font-size:1.1em;
	line-height:2.2em;
}
.mlmagabtn a strong{
	background:url(../images/icon_mail.png) no-repeat left center;
	padding:0 0 0 30px;
	font-size:2em;
	color:#ffeb10;
}
.mlmagabtn a:hover{ background-color:#ff0000; }

.SP{ display: none;}

@media screen and (max-width: 728px) {
	.PC{ display: none;}
	.SP{ display: block;}
.mlmagabtn a{
	display:block;
	background-color:#dc0203;
	color:#fff;
	padding:15px;
	text-decoration:none;
	text-align:center;
	font-size:0.7em;
	line-height:1.7em;
}
.mlmagabtn a strong{
	background:url(../images/icon_mail.png) no-repeat left center;
	padding:0 0 0 30px;
	font-size:1.8em;
	color:#ffeb10;
}
	
	
.tencho{
	border:solid 3px #ccc;
	padding:20px;
	margin-bottom:30px;
	background-color:#fff;
		
}
.tencho .Left{
	float:none;
	width:auto;	
	padding-bottom:20px;
}
.tencho .Left img{ width: 100%;	max-width: 100%; height: auto;}
.tencho .Right{
	float:none;
	width:100%;
	padding-bottom:20px;
}
.tencho .btns{ margin:0 !important; padding:0 !important; clear:both; }
.tencho .btns li{
	float:none;
	display: block;
	width:100%;
	height:auto;
	text-align:center;
	list-style:none;
	margin-left:-10px;
}
.tencho .btns li a{
	display:block;
	width:auto;
	background-color:#000;
	padding:10px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
.tencho .btns li:last-of-type a{
	background-color:#ff0000;
	color:#fff;
	text-align:center;
	margin-left:0;
}
	#spnav{ padding:10px;}
	#spnav select{ width: 100%; margin:0 auto; height: 30px;}
	
}