/*== default ========================================================*/
*{margin:0;padding:0;} 

html,body{height: 100% ;font-family: sans-serif; }
}
body{ word-break: break-all; word-wrap: break-word; height:100%}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr,img { margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }


ul,ol { list-style: none; }
ul.on { margin: 0 0 0 1em; padding: 0; }
li.disc { list-style: disc; }
li.square { list-style: square; }
li { list-style: none; }
li.solid-keisen { border-bottom: dotted 1px #CBCBCB; margin:1px 0px; }

p.indent { text-indent: 1em; }
p { line-height: 1.4 !important; }

fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
table {font-size: small;_font-size: x-small;}
table th {text-align:center; white-space: nowrap;}
table .valign-top {vertical-align:top;}
table { border-collapse: collapse; border-spacing: 0; }
iframe { margin:0; padding:0; }
A { TEXT-DECORATION: none }
A:hover { TEXT-DECORATION: underline }
A.white:link    { color : #ffffff; }
A.white:visited { color : #ffffff; }
A.white:active  { color : #ffffff; }
A.white:hover   { color : #ffffff; }
A.black:link    { color : #333333; }
A.black:visited { color : #333333; }
A.black:active  { color : #333333; }
A.black:hover   { color : #333333; }
IMG.middle {vertical-align: middle;}

input[type="submit"]{ line-height: 1; }
input[type="reset"]{ line-height: 1; }
textarea{font-size: small;_font-size: x-small;}
input:focus,textarea:focus { background-color: #e8eff5; }
label:hover {background-color: #b8d3e8; cursor:pointer;}

.none{ display:none }

.nonetext{
	height :0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
}

.inline {display: inline;}
.bold {font-weight: bold;}
.text-decoration-underline , .underline {text-decoration:underline;}
.text-left{ text-align:left !important; }
.text-right{ text-align:right !important; }
.text-center{ text-align:center; }
.float-left { float:left; }
.float-right { float:right; }

.padding-5px { padding:5px; } .margin-5px { margin:5px; }
.padding-10px { padding:10px; } .margin-10px { margin:10px; }
.padding-15px { padding:15px; } .margin-15px { margin:15px; }
.padding-30px { padding:30px; } .margin-30px { margin:30px; }
.padding-top-s { padding-top:5px; } .margin-top-s { margin-top:5px; }
.padding-top-m { padding-top:10px; } .margin-top-m { margin-top:10px; }
.padding-top-mm { padding-top:15px; } .margin-top-mm { margin-top:15px; }
.padding-top-l { padding-top:20px; } .margin-top-l { margin-top:20px; }
.padding-top-ll { padding-top:40px; } .margin-top-ll { margin-top:40px; }
.padding-bottom-s { padding-bottom:5px; } .margin-bottom-s { margin-bottom:5px; }
.padding-bottom-m { padding-bottom:10px; } .margin-bottom-m { margin-bottom:10px; }
.padding-bottom-mm { padding-bottom:15px; } .margin-bottom-mm { margin-bottom:15px; }
.padding-bottom-l { padding-bottom:20px; } .margin-bottom-l { margin-bottom:20px; }
.padding-bottom-ll { padding-bottom:40px; } .margin-bottom-ll { margin-bottom:40px; }
.padding-LR-5px{ padding-left:5px; padding-right:5px;} .margin-LR-5px{ margin-left:5px;  margin-right:5px;}
.padding-LR-10px{ padding-left:10px; padding-right:10px;} .margin-LR-10px{ margin-left:10px;  margin-right:10px;}
.padding-TB-5px{ padding-top:5px; padding-bottom:5px;} .margin-TB-5px{ margin-top:5px;  margin-bottom:5px;}
.padding-TB-15px{ padding-top:15px; padding-bottom:15px;} .margin-TB-15px{ margin-top:15px;  margin-bottom:15px;}
.padding-left-5px{ padding-left:5px;} .margin-left-5px{ margin-left:5px;}
.padding-left-10px{ padding-left:10px;} .margin-left-10px{ margin-left:10px;}
.padding-left-15px{ padding-left:15px;} .margin-left-15px{ margin-left:15px;}
.padding-right-5px{ padding-right:5px;} .margin-right-5px{ margin-right:5px;}
.padding-right-10px{ padding-right:10px;} .margin-right-10px{ margin-right:10px;}
.padding-right-15px{ padding-right:15px;} .margin-right-15px{ margin-right:15px;}

.clear-both { clear:both; font-size: 0px;  line-height: 0%; }
.clear-left { clear:left; font-size: 0px;  line-height: 0%; }
.clear-right { clear:right; font-size: 0px;  line-height: 0%; }
.clear-after { zoom: 100%; }
.clear-after:after {
    clear: both;
    content: "";
    height: 0;
    display: block;
    visibility: hidden;
}

.font-zero { font-size: 0px;  line-height: 0%; }
.font-xxs { font-size: 70% !important;}
.font-xs { font-size: 80% !important;}
.font-s { font-size: 100% !important;}
.font-m { font-size: 110% !important;}
.font-l { font-size: 120% !important;}
.font-xl { font-size: 130% !important;}
.font-xxl {font-size: 140% !important;}
.font-4l {font-size: 180% !important;}

.font-space-s { letter-spacing:-1px; }
.font-space-m { letter-spacing: 0.1em;}
.font-space-l { letter-spacing: 0.8em; }
.font-height-100 { line-height: 1; }
.font-height-120 { line-height: 1.2; }
.font-height-130 { line-height: 1.3; }
.font-height-160 { line-height: 1.6; }

.bg-white {background-color:#ffffff;}
.font-haiiro {color:#aaaaaa;}
.font-black {color:#333333;}

.color-red {color: #FF6666;}
.color-gray {color: #A5AAA4;}
.color-gray2 { color: #7B7B7B; }
.color-black {color: #333333;}
.color-green {color: #339933;}
.color-kiiro {color: #FFCC1B;}
.color-usumurasaki {color:#8284CC;}
.bg-white {background-color:#FEFEFE;}

.solid-keisen-1px { border-top: solid 1px #CBCBCB;}
.dotted-keisen-1px { border-top: dotted 1px #CBCBCB;}

.border-solid-1px { border: solid 1px;}

.width-100 {width : 100%;}
.width-90 {width : 90%;}
.height-100 {width : 100%;}