@charset "utf-8";

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

/* Setting */
body{
  margin:0;
  padding:0;
  font-size:14px;
  line-height:1.7em;
  font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica", "Arial", "Meiryo", sans-serif;
  font-weight:normal;
  color:#333;
}

/* Link */
a:link{color:#00778C; text-decoration:none;}
a:visited{color:#00778C; text-decoration:none;}
a:hover,a:focus{color:#FF6C00; text-decoration:underline;}
a:active{color:#FF6C00;}
a.exlink{background:url(../gif/icon_exlink_g.gif) no-repeat right 50%; padding-right:20px;}
a.link_pdf{padding-right:20px; background:url(../png/pdficon.png) no-repeat right;}
a:hover .hover_img{opacity: 0.7;}

.link_box{
  border:1px solid #CCC;
  margin-top:40px;
}

.link_box p.link_title{
  padding:5px;
  background:#F5F5F5;
  font-weight:bold;
}

.link_box ul{
  margin:10px;
  list-style:none;
}

.link_box ul li{
  background:url(../gif/link_arrow.gif) no-repeat 0 8px;
  padding:5px 0 0 20px;
  line-height:1.35;
}

/* Bread Crumbs */
#breadcrumbs{background:#EEE; width:100%; font-size:12px;}
#breadcrumbs>ol{max-width:1024px; width:96%; margin:0 auto; list-style:none;}
#breadcrumbs>ol>li{display:block; float:left; margin-right:5px; padding:5px 0;}

/* Color */
.clr_f00{color:#F00;}

.column-2_l{width:48%; float:left;}
.column-2_r{width:48%; float:right;}
.column-3_l{width:31%; float:left;}
.column-3_m{width:31%; float:left; margin: 0 3.5%;}
.column-3_r{width:31%; float:right;}
ol{margin:5px 0 5px 25px;}
ol li{padding:4px 0; line-height:1.6;}
p{margin:0 0 10px 0;}


/* --------------  clearfix  -------------- */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
.clearfix {
    *zoom: 1; /* for IE 6/7 only */
}


/* pc */
.l_hide, .lm_hide{display:none;}
.clear, .l_clear, .lm_clear{clear:both;}

/* tablet  */
@media screen and (min-width: 641px) and (max-width: 1023px) {
#breadcrumbs{min-width: 750px;}

.l_hide{display:block;}
.l_clear{clear:none;}

.m_hide, .lm_hide, .ms_hide{display:none;}
.m_clear, .lm_clear, .ms_clear{clear:both;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.l_hide, .lm_hide{display:block;}
.l_clear, .lm_clear{clear:none;}

.s_hide, .ms_hide{display:none;}
.s_clear, .ls_clear .ms_clear{clear:both;}

.column-2_l,
.column-2_r,
.column-3_l,
.column-3_m,
.column-3_r{width:100%; float:none; margin: 0;}
.column-2_r{margin-top: 15px;}
}
