@charset "UTF-8";


/* font-size===========================================


10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%


===================================================== */


/* -------- html  -------- */

html { overflow-y:scroll; }

/* -------- body -------- */

body {
	font:13px/1.6 'メイリオ', Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	margin:0;
	padding:0;
	box-sizing:border-box;
	overflow:visible;
	line-height:150%;
	color:#000;
}

     /* for IE7 */
     *+html body {
          font-family:'メイリオ', 'ＭＳ Ｐゴシック';
          font-size:93%;
     }
    
     /* for IE6 */
     * html body {
          font-family:'メイリオ', 'ＭＳ Ｐゴシック';
          font-size:93%;
     }

/* -------- common -------- */

a {
overflow:hidden;
}

a:focus{
	direction:none;	
}

a img, img {
border:0;
vertical-align:bottom;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}


blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

     /* for IE7 */
     *+html code, kbd, pre, samp, tt {
     font-size:108%;
     }

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* --A-- */
a {
cursor:pointer;
color:#333;
text-decoration:underline;

}

a:hover {
text-decoration:none;

}


a.line_no {
text-decoration:none;

}

a.line_no:hover {
text-decoration:underline;

}
a:focus {
    outline: medium none;
}


/* --FORM-- */
fieldset {
border:1px solid #ccc;
margin-bottom:1em;
padding:0 1em 1em 1em;
}

legend {
background:#fff;
padding:0.3em;
}

input, textarea {
line-height:1.4;
padding:0;
vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:text-bottom;
padding-bottom:1px;
padding-bottom:2px;
margin-right:3px;
}

input[type="submit"] {
padding:0.1em;
}

select {
padding:0;
}

     /* for IE6 */
     * html input {
     padding:0.1em;
     }
    
     * html input.checkbox,
     * html input.radio {
     vertical-align:-0.3em;
     }

     * html input.submit {
     line-height:1.2;
     padding-top:0.2em;
     }
    
     * html select {
     vertical-align:-0.2em;
     }
    
     /* for IE7 */
     *+html input {
     padding:0.1em;
     }
    
     *+html input.submit {
     line-height:1.2;
     padding-top:0.2em;
     }
    
     *+html select {
     vertical-align:-0.2em;
     }

     /* for Opera9.27 */
     html:first-child input {
     padding:0.1em;
     }
    
     html:first-child input[type="checkbox"],
     html:first-child input[type="radio"] {
     vertical-align:middle;
     }

     html:first-child input[type="submit"] {
     padding:0.3em;
     }
    
     html:first-child select {
     padding:0.2em;
     }

     /* for Opera9.5 [Safari3] */
     body:first-of-type input {
     padding:0.1em;
     }

     body:first-of-type input[type="checkbox"],
     body:first-of-type input[type="radio"] {
     vertical-align:-0.3em;
     }
    
     body:first-of-type input[type="submit"] {
     padding:0.3em 0.3em 0.2em 0.3em;
     }

     /* for Safari3 */
     html:not(:only-child:only-child) input {
     padding:0;
     vertical-align:baseline;
     }
    
     html:not(:only-child:only-child) input[type="checkbox"],
     html:not(:only-child:only-child) input[type="radio"] {
     vertical-align:baseline;
     }
    
     html:not(:only-child:only-child) select {
     vertical-align:0.1em;
     }    

/* --HEADLINE-- */
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
margin:0;
}

/* --LIST-- */
ol, ul {
margin:0em 0em 0em 0em;
text-align:justify;
text-justify:inter-ideograph;
}

dl {
margin:0;
}

ol li,
ul li {
     list-style:none;
     margin:0;
     padding:0;
}

dl dd, ol li, ul li {
     margin-bottom:0em;
}

/* --TABLE-- */
table {
margin-bottom:1em;
border-collapse:collapse;
}

td, th {
border:0px solid;
padding:5px 5px 5px 5px;
}

th {
font-weight:bold;
text-align:center;
}

/* --OTHER TAGS-- */
abbr, acronym {
border-bottom:1px dotted;
cursor:help;
}

blockquote {
margin:1em;
}

caption {
margin-bottom:0.5em;
text-align:center;
}

em, strong {
font-weight:bold;
}
    
p {
margin-bottom:0em;
text-align:justify;
text-justify:inter-ideograph;
}


/* clearfix */
div,
ul.topicPath{
    zoom:1;/*for IE 5.5-7*/
    
}


div:after,
ul.topicPath:after{
     content: ".";
     display: block;
     visibility: hidden;
     height: 0.1px;
     font-size: 0.1em;
     line-height: 0;
     clear: both;
}


.clearfix:after {
content:"";
display:block;
clear:both;
}

     /* for IE6 */
     * html .clearfix {
     display:inline-block;
     }
   
     /* for IE7 */
     *+html .clearfix {
     display:inline-block;
     }

/* ---- clearboth ---- */

.clear{
     height: 0;
     margin: 0;
     padding: 0;
     font-size: 1px;
     line-height: 1px;
     display: block;
     clear: both;
}


/* ---- clearfix ---- */
.clearfix:after {
     content: ".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;
}
.clearfix {
     display:inline-block;
}
/* hides from IE-mac \*/
* html .clearfix {
     height:1%;
}
.clearfix {
     display:block;
}







/* ---- align ---- */
.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }


/* ---- float ---- */
.floL{ float:left; }
.floR{ float:right; }



/* ---- margin ---- */
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }


.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml50{ margin-left:50px !important; }


.mr5{ margin-right:5px !important; }
.mr6{ margin-right:6px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr16{ margin-right:16px !important; }
.mr20{ margin-right:20px !important; }
.mr24{ margin-right:24px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr50{ margin-right:50px !important; }


.mb5{ margin-bottom:5px !important; }
.mb6{ margin-bottom:6px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }

.m5{ margin:5p !important; }
.m10{ margin:10px !important; }
.m15{ margin:15px !important; }
.m20{ margin:20px !important; }



/* ---- padding ---- */
.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }


.pl5{ padding-left:5px !important; }
.pl10{ padding-left:10px !important; }
.pl13{ padding-left:13px !important; }
.pl14{ padding-left:14px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }


.pr5{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr14{ padding-right:14px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }


.pb5{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }



/* ---- width ---- */
.wid100p{ width:100%; }
.wid95p{ width:95%; }
.wid90p{ width:90%; }
.wid50p{ width:50%; }
.wid30p{ width:30%; }


.wid50{ width:50px; }
.wid100{ width:100px; }



.bold{ font-weight:bold;}