@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, ul,
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;*/
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;/* 基本サイズ */
	text-align: left;
	color: #333;
	line-height:1.8;
}
form input,
form textarea,
form input.checkBox,
form input.radioBtn {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-size: 14px;*/
}

table tr th,
table tr td {} /*-13px-*/


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

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;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
/* 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;
}
.bold {
	font-weight: bold;
}
.stop {
	clear: both;
}
/*-------リンク設定--------*/
a:link{
	text-decoration:none;
	background-image:none;
}
a:visited{
	text-decoration:none;
	background-image:none;
}	   
a:hover{
	text-decoration:underline;
	background-image:none;
}	   
a:active{
	text-decoration:underline;
	background-image:none;
}

a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*-------背景色--------*/
/*
.bgetc01{background-color:#F3BB53;}
*/

/*-------文字色--------*/

.black {color:#333;}
.red {color:#FF0004;}
.blue {color:#0079B7;}
.gray {color:#CCCCCC;}
.pink {color: #F04A92;}
.green {color:#3EB82B;}
.white {color:#ffffff;}
.orange {color:#E57E21;}
.yellow {color:#F1C40F;}
.purple {color:#8B6BB8;}
.gold {color:#C09C0C;}
.brown {color:#A46853;}

.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%;}
.big116 {font-size: 116%;}

/*-----pudding----*/
.padT0 { padding-top: 0px; } /*--上--*/
.padT10 { padding-top: 10px; }
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }
.padT25 { padding-top: 25px; }
.padT30 { padding-top: 30px; }
.padB0 {padding-bottom: 0px; } /*--下--*/
.padB10 { padding-bottom: 10px;}
.padB15 { padding-bottom: 15px;}
.padB20 { padding-bottom: 20px;}
.padB25 { padding-bottom: 25px;}
.padB30 { padding-bottom: 30px;}
.padR0 { padding-right: 0px; } /*--右--*/
.padR10 { padding-right: 10px; }
.padR15 { padding-right: 15px; }
.padR20 { padding-right: 20px; }
.padR25 { padding-right: 25px; }
.padR30 { padding-right: 30px; }
.padL0 { padding-left: 0px; } /*--左--*/
.padL10 { padding-left: 10px; }
.padL15 { padding-left: 15px; }
.padL20 { padding-left: 20px; }
.padL25 { padding-left: 25px; }
.padL30 { padding-left: 30px; }
.padTB10 { padding: 10px 0px 10px 0px; } /*--上下左右--*/
.padTB20 { padding: 20px 0px 20px 0px; } /*--上下左右--*/

.padBLR20 { padding: 0px 20px 20px 20px; } /*--上下左右--*/
.pad0 { padding: 0px} /*--上下左右--*/
.pad10 { padding: 10px} /*--上下左右--*/
.pad20 { padding: 20px} /*--上下左右--*/
.padLR20 { padding: 0px 20px 0px 20px; } /*--上下左右--*/

/*-----margin----*/
.marT0 { margin-top: 0px; } /*--上--*/
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marU0 { margin-bottom: 0px; } /*--下--*/
.marU10 { margin-bottom: 10px;}
.marU15 { margin-bottom: 15px;}
.marU20 { margin-bottom: 20px;}
.marU25 { margin-bottom: 25px;}
.marU30 { margin-bottom: 30px;}
.marR0 { margin-right: 0px; } /*--右--*/
.marR10 { margin-right: 10px;}
.marR15 { margin-right: 15px;}
.marR20 { margin-right: 20px;}
.marR25 { margin-right: 25px;}
.marR30 { margin-right: 30px;}
.marL0 { margin-left: 0px;} /*--左--*/
.marL10 { margin-left: 10px;}
.marL15 { margin-left: 15px;}
.marL20 { margin-left: 20px;}
.marL25 { margin-left: 25px;}
.marL30 { margin-left: 30px;}

/*----display-table----*/
.dspt { display:table;}

/*----text-align----*/
.cc { text-align: center !important;}
.rr { text-align: right !important; }
.ll { text-align: left !important; }
.vc { vertical-align: middle;}
/*----float----*/
.left { float: left;}
.right { float: right;}
/*----img:float----*/
.imgL { float: left;}
.imgR { float: right;}
@media screen and (max-width: 500px) {
	.imgL { float: none; text-align: center;}
	.imgR { float: none; text-align: center;}
}
/* ---------------------------------------------

               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対策--*/