@charset "UTF-8";

/* CSS Document */

p,h1,h2,h3,h4,ul,li,div,img {
	margin:0;
	padding:0;
}

ul,li { list-style: none; }

.clearFix { zoom: 1; }

.clearFix:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }

/* End hide from IE-mac */
.clearFix { display: block; }

.clear { clear: both; }

#contents #main{
	width: 950px;
}
#res_index {
	font-size:14px;
	line-height: 1.5;
}

#res_index a:link {
	font-size: 16px; 
	color: #1565c0;
	text-decoration: none;
}

#res_index a:hover {
	font-size: 16px; 
	color: #FF0000;
	text-decoration: none;
}

#res_index a:visited { 
	font-size: 16px;
	color: #1565c0;
	text-decoration: none;
}

#res_index a:hover {
	font-size: 16px;
	color: #FF0000;
	text-decoration: none;
}

.mt {
	text-align:center;
	margin:0 0 20px 0;
}
.pagettl{
   background: url(../images/h1.png) no-repeat 95% 3px ,#e5f6ff;
   background-size: 125px;
   border: 3px solid #fff;
   box-shadow: 0 0 2px #004c77;
   padding: 14px 14px 25px;
   margin: 0 0 15px;
}
.pagettl h1{
	color: #0080bd;
	font-size: 2.4rem;
	padding: 0 0 10px;
}
.pagettl p{
	color: #303030;
	font-weight: bold;
	font-size: 1rem;
}
#mainCont {
	background: #e2e2e2;
	padding: 10px;
	margin-bottom: 30px;
}
.res_box.new{
	padding: 15px 10px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}
.res_box.new:before{
 	 display:block;
 	 content:"";
 	 width: 32px;
 	 height: 52px;
 	 position: absolute;
 	 top: 14px;
 	 left: 17px;
 	 background: url(../images/h2_new.png) no-repeat 0 0;
}
.res_box.new h2{
  border-bottom: 3px solid #019be5;
  font-size: 1.2rem;
  background-color: white;
  padding: 0 0 5px 43px;
 }
.res_box.backnumber h2{
	background: url(../images/h2_backnumber.gif) no-repeat 5px 15%;
	background-size: 18px;
	border-bottom: 3px solid #3eab3a;
	padding: 0 0 5px 30px;
	margin: 0px 0 10px;
	font-size: 1rem;
}


#index #mainCont ul {
	padding-top: 20px;
	padding-right: 16px;
}

#index #mainCont li {
	width: 682px;
	overflow: hidden;
	padding-bottom: 10px;
}

#index #mainCont li span {
	float: left;
	width: 30px;
}

#index #mainCont li span img { margin-top: 3px; }

#index #mainCont li p {
	float: right;
	width: 640px;
}

#index #mainCont li p span {
	display: block;
	margin-bottom: 10px;
	width: 640px;
}

#index #mainCont li p a:link { font-weight: bold; }
#index #mainCont li p a:hover { font-weight: bold; }
#index #mainCont li p a:visited { font-weight: bold; }
#index #mainCont li p a:active { font-weight: bold; }

#index .backnumber ul {
	padding-left: 46px;
	padding-right: 46px;
	padding-bottom: 20px;
	background-image: none;
	margin-top: 15px;
}

#index .backnumber li {
	background: url(http://www.nomu.com/research/images/arrow_icon.gif) no-repeat left 8px;
	padding-left: 18px;
	padding-bottom: 3px;
	width: auto;
}

/* スマホ対応
=========================================*/
@media screen and (max-width: 760px) {

	 body{margin:0;}

     #mainContents,
     #contents,
     #contents #main,
     #res_index{
     	width:100%;
     	float: none;
     }
     #topicPath{
    	width: 95%;
    	margin: 10px 10px 0;
    }
    .pagettl{
    	padding: 14px;
    	margin: 0 10px 20px;
    	background-image: none;
    }
    .pagettl h1{
    	font-size: 1.7rem;
    	line-height: 1.3;
    }
    .res_box.new h2,
    .res_box.backnumber h2{
    	font-size: 1.2rem;
    }
    #index #mainCont ul{
    	padding-right: 0;
    }
    #index #mainCont li,
    #index #mainCont li p,
    #index #mainCont li p span{
    	width: 100%;
    }
    #index #mainCont li p{
    	margin: 10px 0 0;
    	font-size: 1rem;
    	float: none;
    }
    #index #mainCont li p span a{
        font-size: 1.1rem;
    }
    #index .backnumber ul{
	    width: 95%;
	    margin: 0 auto;
	    padding: 10px 0;
	}
	#index .backnumber li{
		margin-bottom: 10px;
		padding-left: 10px;
	}
}