@charset "shift_jis";

/* ---------------------------------------------

               共通

---------------------------------------------- */

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;
    vertical-align:baseline;
    /*background:transparent;*/
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
 font-family: 'Noto Sans Japanese';
 font-style: normal;
 font-weight: 300;
 src: local('NotoSansJP-Regular.otf'),
      url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
body {
	margin: 0px;
	padding: 0px;
    font-family: 'Noto Sans Japanese', sans-serif;
     font-size: 100%;
    /*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-size: 14px;*/
	font-size: 14px;
	text-align: left;
	color: #523d23;
	line-height:2;
}

html, body {
  margin:0;
  padding:0;
  min-height: 100%;
  width: 100%;
  /*background-color: #28153F;*/
}

table tr th,
table tr td { font-size: 13px; } /*-13px-*/


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

ul {
}

blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
		/* 文字サイズ変更のため削除 */
    /* font-size:100%; */
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

p {
	line-height:180%;
	letter-spacing:0.02em;
	text-align: left;
}
img {
	border:none;
	line-height:0;
	vertical-align: bottom;
	/*width: 100%;
	height: auto;*/
}
sup {
	vertical-align: super;
	font-size: 10px;
}
.stop {
	clear: both;
}
/*-------リンク設定--------*/
a:link{
	text-decoration:none;
	background-image:none;
	color:#523d23;
}
a:visited{
	text-decoration:none;
	background-image:none;
	color:#523d23;
}	   
a:hover{
	text-decoration:underline;
	background-image:none;
	color:#523d23;
}	   
a:active{
	text-decoration:underline;
	background-image:none;
	color:#523d23;
}

a.color { color: #61ACC5;}
a.fade {
	transition: all 0.3s linear;
}
div#change a.fade {
	transition: none!important;
}
a:hover.fade {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/*-------文字色--------*/
.red {color:#E74C3C;}
.blue {color:#3498DB;}
.gray {color:#CCCCCC;}
.pink {color:#F6ACC3;}
.green {color:#2ECC71;}
.white {color:#ffffff;}
.orange {color:#E67E22;}
.yellow {color:#F1C40F;}

.line {
	text-indent: -9999px;
	border-bottom: 1px dotted #CCC;
	font-size: 0;
	height: 1px;
}

.uline { text-decoration: underline; }

/*-------文字の大きさ--------*/
.mini {font-size: 90%;}
.big {font-size: 120%;}

/*-----pudding----*/
.padT10 { padding-top: 10px; } /*--上--*/
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }
.padT25 { padding-top: 25px; }
.padT30 { padding-top: 30px; }
.padT50 { padding-top: 50px; }
.padB10 { padding-bottom: 10px;} /*--下--*/
.padB15 { padding-bottom: 15px;}
.padB20 { padding-bottom: 20px;}
.padB25 { padding-bottom: 25px;}
.padB30 { padding-bottom: 30px;}
.padR10 { padding-right: 10px; } /*--右--*/
.padR15 { padding-right: 15px; }
.padR20 { padding-right: 20px; }
.padR25 { padding-right: 25px; }
.padR30 { padding-right: 30px; }
.padL10 { padding-left: 10px; } /*--左--*/
.padL15 { padding-left: 15px; }
.padL20 { padding-left: 20px; }
.padL25 { padding-left: 25px; }
.padL30 { padding-left: 30px; }

/*-----margin----*/
.marT10 { margin-top: 10px;} /*--上--*/
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marU10 { margin-bottom: 10px;} /*--下--*/
.marU15 { margin-bottom: 15px;}
.marU20 { margin-bottom: 20px;}
.marU25 { margin-bottom: 25px;}
.marU30 { margin-bottom: 30px;}
.marR10 { margin-right: 10px;} /*--右--*/
.marR15 { margin-right: 15px;}
.marR20 { margin-right: 20px;}
.marR25 { margin-right: 25px;}
.marR30 { margin-right: 30px;}
.marL10 { margin-left: 10px;} /*--左--*/
.marL15 { margin-left: 15px;}
.marL20 { margin-left: 20px;}
.marL25 { margin-left: 25px;}
.marL30 { margin-left: 30px;}

/*----text-align----*/
.cc { text-align: center;}
.rr { text-align: right; }
.ll { text-align: left; }
/*----img:float----*/
.imgL { float: left;}
.imgR { float: right;}
/* ---------------------------------------------

               Micro clear fix

---------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

*:first-child+html .clearfix { zoom: 1; } /*--IE7対策--*/