@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3,  
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,  
address, big, cite, code, del, dfn, em, font, img, ins,  
kbd, q, s, samp, small, strike, sub, sup, tt,  
var, dl, dt, dd, ol, ul, li, fieldset, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:0;padding:0;border:0;outline: 0;font-style:normal;font-size:14px;font-weight:normal;text-decoration:none;list-style: outside;position:relative;zoom:1;vertical-align:bottom}
body {
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
	font-family: "Roboto Regular","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;
	height: 100%;
	width: 100%;
	text-align:left;
	line-height: 1.7;
	color:#292115;
	background:#ffffff;}

/********** remember to highlight inserts somehow! **********/
table {
	border-collapse: collapse;
	border-spacing: 0;}
td,th {
	vertical-align:top;}
/********** clearfix **********/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}
	
/********** html tag style **********/
a {
	color:#000000;
	text-decoration:underline;}
a:hover {
	color:#000000;}
	
/********** global style **********/
.left {
	float:left;}
.right {
	float:right;}
img.left {
	float:left;
	display:block;}
img.right {
	float:right;
	display:block;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.block {display:block;}
.hidden {overflow:hidden;}

.margin10 {margin:10px!important;}	
.margin20 {margin:20px!important;}	
.padding20 {padding:20px!important;}	
.padding20 {padding:20px!important;}	
.margin-top-100 {margin-top:-100px!important;}
.margin-top-80 {margin-top:-80px!important;}
.margin-top-40 {margin-top:-40px!important;}
.margin-top10 {margin-top:10px!important;}
.margin-top20 {margin-top:20px!important;}
.margin-top30 {margin-top:30px!important;}
.margin-top40 {margin-top:40px!important;}
.margin-top50 {margin-top:50px!important;}
.margin-top100 {margin-top:100px!important;}
.margin-bottom10 {margin-bottom:10px!important;}
.margin-bottom20 {margin-bottom:20px!important;}
.margin-bottom30 {margin-bottom:30px!important;}
.margin-bottom40 {margin-bottom:40px!important;}
.margin-bottom50 {margin-bottom:50px!important;}
.margin-bottom100 {margin-bottom:100px!important;}
.margin-left10 {margin-left:10px!important;}
.margin-left20 {margin-left:20px!important;}
.margin-left30 {margin-left:30px!important;}
.margin-right10 {margin-right:10px!important;}
.margin-right20 {margin-right:20px!important;}
.margin-right30 {margin-right:30px!important;}
.padding-top10 {padding-top:10px!important;}
.padding-top20 {padding-top:20px!important;}
.padding-top30 {padding-top:30px!important;}
.padding-top40 {padding-top:40px!important;}
.padding-top50 {padding-top:50px!important;}
.padding-bottom10 {padding-bottom:10px!important;}
.padding-bottom20 {padding-bottom:20px!important;}
.padding-bottom30 {padding-bottom:30px!important;}
.padding-bottom40 {padding-bottom:40px!important;}

.font05 {font-size:0.5em;}
.font06 {font-size:0.6em;}
.font07 {font-size:0.7em;}
.font08 {font-size:0.8em;}
.font09 {font-size:0.9em;}
.font10 {font-size:1.0em;}
.font11 {font-size:1.1em;}
.font12 {font-size:1.2em;}
.font13 {font-size:1.3em;}
.font14 {font-size:1.4em;}
.font15 {font-size:1.5em;}
.font16 {font-size:1.6em;}
.font17 {font-size:1.7em;}
.font18 {font-size:1.8em;}
.font19 {font-size:1.9em;}
.font20 {font-size:2em;}

.wrapper0 {
	width:100%;
	min-width:960px;
	overflow:;
	padding:0 ;
	margin:0;}
.wrapper1 {
	width:960px;
	overflow:;
	padding:0;
	margin:0 auto;}
.wrapper2 {
	width:940px;
	overflow:;
	padding:0;
	margin:0 auto;}
	
/********** grid style **********/
.row {
	width:960px;
	overflow:hidden;
	margin:0 10px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {
	overflow:;
	background:;
	margin:0 0 0px 20px;
	padding-bottom:0px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	height:100%;
	float:left;}
.grid12 {width:940px;}
.grid11 {width:860px;}
.grid10 {width:780px;}
.grid9 {width:700px;}
.grid8 {width:620px;}
.grid7 {width:540px;}
.grid6 {width:460px;}
.grid5 {width:380px;}
.grid4 {width:300px;}
.grid3 {width:220px;}
.grid2 {width:140px;}
.grid1 {width:60px;}

div>.grid1:first-child,div>.grid2:first-child,div>.grid3:first-child,div>.grid4:first-child,div>.grid5:first-child,div>.grid6:first-child,div>.grid7:first-child,div>.grid8:first-child,div>.grid9:first-child,div>.grid10:first-child,div>.grid11:first-child,div>.grid12:first-child{
	margin-left:0px;}
	
/********** local style **********/

.border-bottom1 {
	border-bottom:#292115 5px solid;}
.border-bottom2 {
	border-bottom:#eee 1px solid;}
.border-bottom3 {
	border-bottom:#5B4B33 2px solid;}
.bgcolor1 {
	background-color:#292115;}
.bgcolor2 {
	background-color:#F2EFEA;}
.color1 {
	color:#fff;}
a.color1:hover {
	color:#CCCCCC;}
.color2 {
	color:#5B4B33;}

#navigation {
	float:right;}
#navigation-index {
	margin-top:-50px;}
#navigation ul li {
	display:inline;}
	
.bx-pager {
	text-align:left!important;}

img.fade:hover {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */}
img.fade {
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;}	
	
#logo3 {
	position:absolute;
	top:80px;
	left:330px;}
	
#page-top {
	position: fixed;
	background:#EEEEEE;
	z-index:100;
	bottom:0;
	text-align:center;
	border-width:0;
	border-color:#292115;
	border-style:solid;
	border-radius:10% 0 0 0;
	right: 0;}
#page-top a {
	color:#292115;
	text-decoration:none;
	display:block;
	width:2em;
	height:3.5em;
	padding:0.7em 0.7em;
	font-size: 1em;}	
	
.radius10 {
	border-radius: 10px;}
.radius5 {
	border-radius: 5px;}
	
.num-box {
	display:block;
	font-size:1.1em;
	width:2em;
	height:2em;
	line-height:2em;
	margin-left:2em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	border-radius:5px;
	background-color:#898176;}

.nagare-bg {
	background:url("../images/nagare01.bmp") no-repeat 3em bottom;}

input,
textarea{
    font-size:1em;
    font-family: "Roboto Regular","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 0.5em 0.5em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
 
input[type=text]:focus,
textarea:focus {
  border-color:#83B6C2;
    outline:none;
    box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);
}
::-webkit-input-placeholder {
    color:#AFAFAF;
}
:-moz-placeholder {
    color:#AFAFAF;
}
	

	
/* wp */
.post  {
	margin-bottom:3em;
	padding-bottom:3em;
	border-bottom:#eee 1px solid;}
.post .entry-header	 {
	margin-bottom:20px;}
.post p {
	margin-bottom:1em;}
.post img.alignleft {
	float:left;
	margin-right:1em;}
.post img.alignright {
	float:right;
	margin-left:1em;}
.post img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;}
.post blockquote {
	background:#f7f7f7;
	border-radius:5px;
	padding:1em;
	margin-bottom:1em;}
	
.widget-title {
	font-weight:bold;}
.widget-title + ul {
	margin-bottom:2em;}	
.widget-title + ul li {
	margin-left:1.5em;}	
	
.nav-previous, .nav-next {
	background-color:#F2EFEA;
	border-radius:10px;
	padding:1em;
	margin-bottom:1em;}
	
.post ul,.post ol {
	margin:1em 0;}
.post ul li {
	list-style: outside;
	margin-left:2em;
	list-style-type:disc;}
.post ol li {
	list-style: outside;
	margin-left:2em;
	list-style-type:decimal;}
	
	
	
	
	

	
/*  wp 
.widget-title {
	color:#aaa;
	font-size:16px;
	font-weight:bold;
	padding:4px 0 1px 0;
	margin-bottom:5px;
	border-bottom:2px solid #eee;}
.widget-title + ul {
	margin-bottom:20px;}
.widget-title + ul li {
	margin-bottom:6px;
	border-bottom:1px dotted #ddd;}
.widget-title + ul a {
	text-decoration:none;}
label {
	display:block;
	font-weight:bold;
	color:#aaa;}
#reply-title {
	font-weight:bold;
	font-size:22px;
	color:#aaa;}
.comment {
	overflow:hidden;}
.commentlist > li {
	border-bottom:1px solid #aaa;
	padding:10px 0;
	margin-bottom:10px;}
.children {
	margin-left:44px;}
.comment-author img {
	float:left;
	margin-right:20px;}
.entry-title {border-bottom:5px solid #eee;}
.post p {
	font-size:14px;
	margin-bottom:10px;}
.post p a {
	font-size:14px;}
.post ul,.post ol {
	margin:20px 0;}
.post ul li {
	list-style: inside;
	padding-left:10px;
	list-style-type:disc;}
.post ol li {
	list-style: inside;
	padding-left:10px;
	list-style-type:decimal;}
.post em {font-style: italic;}
.post del {text-decoration: line-through;}*/