@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,div,dl,dt,dd,ol,ul,li,th,td,form,fieldset,input,textarea{margin:0 0 0 0;padding:0 0 0 0}




select{margin:0 0 0 0}


html,body{height:100%}


abbr,acronym{border:0 none}

q:before,q:after{content:""}

ol,ul{list-style:none}

img{border:0 none;vertical-align:bottom}

object{outline:none}

table{max-width:100%;border-spacing:0}

*:first-child+html table{border-collapse:collapse}

* html table{border-collapse:collapse}

caption{text-align:left}

/*th,td{text-align:left;vertical-align:top;empty-cells:show}*/


fieldset{border:0 none}

label{cursor:default}

iframe{border:0 none;overflow:auto}

area{outline:none}

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

p,address,blockquote,pre,div,abbr,acronym,dfn,cite,q,code,kbd,samp,var,dl,ol,ul,caption,th{font-weight:normal;font-style:normal}


em,strong{font-weight:bold;font-style:normal}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0 0 0 0;padding:0 0 0 0}



body{background:#fff;color:#333;font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;font-size:100%;line-height:1.5}



body{-webkit-text-size-adjust:100%}



pre,code{font-family:"Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace, serif;font-size:16px}



a{-webkit-tap-highlight-color:rgba(255,255,255,0.25)}


/*a:link,a:visited{color:#67779f;text-decoration:underline}
a:hover,a:active{color:#65a6ff;text-decoration:underline}*/

a:link,a:visited{color:#004C9F;text-decoration:none}


a:hover,a:active{color:#0499CC;text-decoration:underline}

input,select,textarea{color:#333;font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif}

textarea{border:1px solid #b7b7b7;padding:2px 3px 2px 3px}

.clearfix{zoom:1}

.clearfix:after{content:"";display:block;clear:both}





/******************************************************/
/*  汎用テキストの大きさ                            ***/
/******************************************************/
.tex7pt	{FONT-SIZE:7px;}
.tex8pt{font-size:8pt;}
.tex9pt{font-size:9pt;}
.tex10pt{font-size:10pt;}
.tex11pt{font-size:11pt;}

.tex50{font-size:50%;}	
.tex60{font-size:60%;}	
.tex70{font-size:70%;}	
.tex75{font-size:75%;}	
.tex80{font-size:80%;}	
.tex90{font-size:90%;}
.tex100{font-size:100%;}
.tex110{font-size:110%;}
.tex120{font-size:120%;}
.tex130{font-size:130%;}
.tex150{font-size:150%;}
.tex200{font-size:200%;}



/****************************************************/
/*          マージン             */
/****************************************************/	

.tex7010px	{
	FONT-SIZE: 70%;
	line-height: 110%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.tex70wide	{
	FONT-SIZE: 70%;
	font-weight: normal;
	line-height: 150%;
}
.tex80wide	{
	FONT-SIZE: 80%;
	font-weight: normal;
	line-height: 150%;
}
.tex85wide	{
	FONT-SIZE: 85%;
	font-weight: normal;
	line-height: 180%;
}
.tex8010px	{
	FONT-SIZE: 80%;
	line-height: 110%;
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
}
.tex8010px a:link {
	color: #FF6600;
	text-decoration: underline;
}
.tex8010px a:visited {
	color: #FF6600;
	text-decoration: underline;
}
.tex8010px a:hover {
	color: #FF6600;
	text-decoration: underline overline;
}
.tex8010px a:active {
	color: #FF6600;
	text-decoration: none;
}
.tex90wide	{
	FONT-SIZE: 90%;
	font-weight: normal;
	line-height: 150%;
}
.tex90wide10px	{
	FONT-SIZE: 90%;
	font-weight: normal;
	line-height: 150%;
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
}
.tex100wide	{
	FONT-SIZE: 100%;
	font-weight: normal;
	line-height: 150%;
}

.mar10	{
	letter-spacing:normal;
	color:#EFEFEF;
}
.mar-t500 {
	margin-top: 500px;
}
.mar-t400 {
	margin-top: 400px;
}
.mar-t300 {
	margin-top: 300px;
}
.mar-t200 {
	margin-top: 200px;
}
.mar-t100 {
	margin-top: 100px;
}
.mar-t90 {
	margin-top: 90px;
}
.mar-t60 {
	margin-top: 60px;
}
.mar-t30 {
	margin-top: 30px;
}

.mar-u100 {
	margin-bottom: 100px;
}
.mar-u90 {
	margin-bottom: 90px;
}
.mar-u60 {
	margin-bottom: 60px;
}
.mar-u30 {
	margin-bottom: 30px;
}

.mar-u10 {
	margin: 10px 0px 0px 0px;
}

.mar-r10 {
	margin-right: 10px;
}

.mar-l10 {
	margin-left: 10px;
}
.mar-r20 {
	margin-right: 20px;
}

.mar-l20 {
	margin-left: 20px;
}
.mar-r30 {
	margin-right: 30px;
}

.mar-l30 {
	margin-left: 30px;
}
.mar-r40 {
	margin-right: 40px;
}

.mar-l40 {
	margin-left: 40px;
}

.w70 {
	font-weight: 700;
}

.wide70{
	width: 70%;
	margin-left: auto ;
	margin-right: auto ;
}
.wide80{
	width: 80%;
	margin-left: auto ;
	margin-right: auto ;
}
.wide90{
	width: 90%;
	margin-left: auto ;
	margin-right: auto ;
}
.wide100{
	width: 100%;
	margin-left: auto ;
	margin-right: auto ;
}
.wide100-80{
	width: 100%;
    max-width: 1200px;
	margin-left: auto ;
	margin-right: auto ;
}

/****************************************************/
/*          img images             */
/****************************************************/	


img.img-right {
	float: right;
}
	
img.img-left {
	float: left;
}



/****************************************************/
/*          Color             */
/****************************************************/	
.White {
	color: #FFFFFF;
}

.Green {
	color: #7DCE42;
}

.red {
	color: #FF0000;}

.Brown {
	color: #615644;
}
.Gray {
	color: #CCCCCC;
}
.Orange {
	color: #FF9900;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}




/*PagiNavi*/
.wp-pagenavi { 
	padding-top: 50px;
	padding-bottom: 25px;
}
.wp-pagenavi a,
.pages,
.current {
	margin-right: 4px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #222222;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color: #FFFFFF;
}
.wp-pagenavi a:hover,
.current{
	color: #FFFFFF;
	background: #FF0004 ;
}

@media screen and (max-width: 900px) {

.wide100-80{
	width: 80%;
}
}