/* -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus { outline: 0; }
ul { list-style: none; }
table { border-collapse: separate;border-spacing: 0; }
caption, th, td { font-weight: normal;text-align: left; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img{ border: 0; }
figure{ margin:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{ background: #F7F7F7; }

/* リンク設定
------------------------------------------------------------*/
a { color: #333; text-decoration: none; }
a:hover { color: #333; }

/* 全体
------------------------------------------------------------*/
img { max-width: 100%; height: auto; width /***/:auto; }
img { -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

*, *: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;
}

a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

body{
color: #000;
font: 14px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.6;
-webkit-text-size-adjust: none;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
background: #FFF;
}



/************************************************** 
 contents -main
**************************************************/
.newitembox-c { width: 100%; margin: 40px 0 30px 0; padding: 0; float: left; clear: both; position: relative; }
.mt,
.newitembox-c p { width: 100%; margin: 0; padding: 0; float: left; clear: both; }
.newitembox-c ul.bnr-b02,
.newitembox-c ul.bnr-b06 { width: 100%; margin: 12px 0 0 0; padding: 0; float: left; clear: both; }
.newitembox-c ul.bnr-b03 { width: 100%; margin: 13px 0 2px 0; padding: 0; float: left; clear: both; }
.newitembox-c ul.bnr-b04 { width: 100%; margin: 18px 0 0px 0; padding: 0; float: left; clear: both; }
.newitembox-c ul.bnr-b05 { width: 100%; margin: 40px 0 0px 0; padding: 0; float: left; clear: both; }

.newitembox-c ul.bnr-b02 li:last-child,
.newitembox-c ul.bnr-b03 li:last-child,
.newitembox-c ul.bnr-b04 li:last-child,
.newitembox-c ul.bnr-b05 li:last-child,
.newitembox-c ul.bnr-b06 li:last-child{ margin: 0 0 0 0; }
.newitembox-c ul.bnr-b02 li{ width: 359px; margin: 0 32px 0 0; padding: 0; float: left; }
.newitembox-c ul.bnr-b03 li{ width: 232px; margin: 0 27px 0 0; padding: 0; float: left; }
.newitembox-c ul.bnr-b04 li{ width: 158px; margin: 0 39.3px 0 0; padding: 0; float: left; }
.newitembox-c ul.bnr-b05 li{ width: 130px; margin: 0 25px 0 0; padding: 0; float: left; }
.newitembox-c ul.bnr-b06 li{ width: 104px; margin: 2px 25px 10px 0; padding: 0; float: left; }

.newitembox-c .mT25 { margin: 19px 0 0 0; padding: 0; display: block; float: left; clear: both; }
.newitembox-c .mT50 { margin: 44px 0 0 0; padding: 0; display: block; float: left; clear: both; }
.newitembox-c .mT60 { margin: 54px 0 0 0; padding: 0; display: block; float: left; clear: both; }
.newitembox-c .mT70 { margin: 64px 0 0 0; padding: 0; display: block; float: left; clear: both; }
.newitembox-c .mB30 { margin: 0; padding: 20px 0 30px 0; display: block; float: left; clear: both; }

.c-cateBox { margin:65px 0 4px 0; width: 100%; float:left; clear:both; display: block; }
.c-cateBox .table-radius{ margin: 10px 0 0 0; -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px; border-spacing:0; border-collapse:separate; border:1px solid #aaa; width: 100%; overflow:hidden; }
.c-cateBox .table-radius table{ width: 100%; }
.c-cateBox .table-radius table tr th { background:#F3F3F3; width:18%; border-bottom:1px solid #aaa; border-left:3px solid #FFF; border-top:2px solid #FFF; font-size:14px; text-align:center; vertical-align:middle; }
.c-cateBox .table-radius table tr:nth-child(2n+0) th{ background:#F3F3F3; width:18%; border-bottom:2px solid #FFF; border-left:3px solid #FFF; border-top:none; font-size:14px; text-align:center; vertical-align:middle; }
.c-cateBox .table-radius table tr td { border:none; background:#FFF; width:82%; border-bottom:1px solid #aaa; }
.c-cateBox .table-radius table tr:nth-child(2n+0) td { border:none; background:#FFF; width:82%; }
.c-cateBox .table-radius table tr td ul{ width:90%; margin:16px 5% 0; padding: 0 0 20px 0;float:left; clear:both; }
.c-cateBox .table-radius table tr td ul li{ width:23%; float:left; margin:10px 0 0 0; font-size:12px;line-height:2em; }
.c-cateBox .table-radius table tr td ul.boxw03{ width:96%; margin:16px 2% 0; padding: 0 0 20px 0;float:left; clear:both; }
.c-cateBox .table-radius table tr td ul.boxw03 li.boxw03-01{ width:33%; float:left; margin:10px 0 0 0; padding: 0; font-size:12px; line-height: 2em; }
.c-cateBox .table-radius table tr td ul.boxw03 li.boxw03-02{ width:28%; float:left; margin:10px 0 0 0; padding: 0; font-size:12px; line-height: 2em; }
.c-cateBox .table-radius table tr td ul.boxw03 li.boxw03-03{ width:38%; float:left; margin:10px 0 0 0; padding: 0; font-size:12px; line-height: 2em; }
.c-cateBox .c-imgLink { margin: 20px 0 0; float: left; clear: both; width: 100%; }
.c-cateBox .c-imgLink ul { margin: 0 0 20px 0; float: left; clear: both; width: 100%; }
.c-cateBox .c-imgLink ul li:first-child { margin: 0; float: left; width: 230px; }
.c-cateBox .c-imgLink ul li { margin: 0 0 0 30px; float: left; width: 230px; }
.c-cateBox .c-imgLink ul li p { margin: 5px 0 0 0; float: left; clear: both; width: 230px; text-align: center; font-size: 12px; line-height: 20px; }



.c-box02 { width: 100%; margin: 50px 0 10px; padding: 0; float: left; clear: both; }
.c-box02 .c-box { width: 100%; margin: 10px 0 0 0; padding: 30px 10px 10px 25px; float: left; clear: both; border: 3px solid #f3f3f3; position: relative; }
.c-box02 .c-box .c-itembox02{ width: 100%; margin: 15px 0 5px 0; padding: 0; float: left; clear: both; }
.c-box02 .c-box .c-btn,
.c-box02 .c-box-02 .c-pd-box .c-btn { margin: 0; padding: 0 0 25px 0; float: left; }
.c-box02 .c-box .c-search-box,
.c-box02 .c-box-02 .c-search-box  { margin: 0 0 0 25px; padding: 0; float: left; border-left: 5px solid #333; height: 115px; }
.c-box02 .c-box .c-search-box .p-title,
.c-box02 .c-box-02 .c-search-box .p-title { padding: 0 0 0 20px; font-size: 18px; font-weight: bold; }
.c-box02 .c-box .c-search-box iframe,
.c-box02 .c-box-02 .c-search-box iframe { height: 90px; margin: 0 0 0 15px; padding: 0; float: left; clear: both; width: 340px;font-size: 12px; }
.c-box02 .c-itembox { width: 100%; margin: 10px 0 0 0; padding: 0; float: left; clear: both; }
.c-box02 .c-itembox h4 { width: 50%; margin: 0; float: left; font-size: 18px; font-weight: bold; }
.c-box02 .c-itembox .btnAll { width: 300px; height: 28px; border-radius: 3px; background: #454545; margin: 0 10px 0 0; padding: 0; float: right; font-size: 12px; text-align: center; line-height: 28px; }
.c-box02 .c-itembox .c-itembox02 { width: 100%; height: 180px; overflow: auto; -webkit-overflow-scrolling: touch; margin-top: 20px; float: left; clear: both; }
.c-box02 .c-itembox .c-itembox02 iframe { width: 100%; height: 100%; border: none; display: block; }
.c-box02 .c-box-02 { width: 100%; margin: 10px 0 0 0; padding: 30px 10px 0 25px; float: left; clear: both; border: 3px solid #f3f3f3; height: 428px; }
.c-box02 .c-pd-box { width: 100%; margin: 0; padding: 0; float: left; clear: both; position: relative; }
.c-box02 .c-pd-box02 { width: 100%; margin: 10px 0 0 0; padding: 0; float: left; clear: both; position: relative; }
.c-box02 .c-pd-box02 .c-pd-block01 { position: absolute; width: 236px; left: 0; top: 0; z-index: 2; }
.c-box02 .c-pd-box02 .c-pd-block02 { position: absolute; width: 236px; left: 229px; top: 0; z-index: 1; }
.c-box02 .c-pd-box02 .c-pd-block03 { position: absolute; width: 236px; left: 460px; top: 0; z-index: 0; }
.c-box02 .c-pd-box02 .c-pd-block01 p, .c-box02 .c-pd-box02 .c-pd-block02 p, .c-box02 .c-pd-box02 .c-pd-block03 p { width: 90%; margin: 0px 0 0 0; padding: 0; float: left; clear: both; font-size: 11px; line-height: 20px; font-feature-settings: "palt" 1}
.c-box02 .c-pd-box02 .c-pd-block01 p span, .c-box02 .c-pd-box02 .c-pd-block02 p span, .c-box02 .c-pd-box02 .c-pd-block03 p span { border-bottom: 1px solid #C5C5C5; }


ul#newsinfo li {
    width: 100%;
    margin: 0;
    padding: 6px 0;
    font-size: 12px;
    float: left;
    clear: both;
    font-family: Hiragino Kaku Gothic W5 JIS2004, sans-serif;
    border-bottom: 1px solid #EAEAEA;
}


/*------------*/
/*- 資料DL用 -*/
/*------------*/
.box750 {
	width: 750px;
	padding: 0 0 0 25px
}

h1.document-DL {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	float: left;
	clear: both;
}

.document-box {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0;
}

.document-box .document-photo{
	float: left;
	width: 183px;
	padding: 10px 0;
}

.document-box .document-txt{
	float: right;
	width: 552px;
	padding: 10px 0;
	margin: 0 0 0 15px;
}

.document-box .document-txt h2{
	float: left;
	clear: both;
	font-size: 23px;
	font-weight: bold;
	line-height: 32px;
}

.document-box .document-txt p{
	border-top: 4px solid #A0E6E5;
	float: left;
	clear: both;
	font-size: 12px;
	line-height: 24px;
}

.document-box .document-txt p.date{
	float: left;
	clear: both;
	width: 100%;
	font-size: 8px;
	text-align: right;
}

.dl-btn {
  position: relative;
  display: inline-block;
  font-weight: bold;
  transition: .4s;
}

.dl-btn a {
  padding: 7px 10px 10px 10px;
  background: #ccc;
  color: #333;
  text-decoration: none;
}

.dl-btn a:hover {
  background: #666;
  color: #FFF;
}






/****************************************/
@media only screen and (max-width:750px){
.box750 {
	width: 96%;
	margin: 0 2%;
}


.document-box .document-photo{
	float: left;
	width: 40%;
	padding: 10px 0;
}

.document-box .document-txt{
	float: right;
	width: 55%;
	padding: 10px 0;
}

.document-box .document-txt h2{
	float: left;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.document-box .document-txt p{
	float: left;
	clear: both;
	font-size: 12px;
	line-height: 20px;
}

.dl-btn {
  position: relative;
  display: block;
  font-weight: bold;
  transition: .4s;
float: right;
clear: both;
margin: 10px 0 0 0;
}




}