@charset "utf-8";



@import "reset.css";



/*///////////////////////////////////////////////////////// 

name:            common.css

description:     common style property

/////////////////////////////////////////////////////////*/



/* base

-------------------------------------------------------------*/

body {

  background: #ffffff;

  color: #333333;

  font-size:75%;

  font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","Osaka","ＭＳ Ｐゴシック",sans-serif;

  line-height: 1.5;

}



a:focus { outline:none;}

a:link{

  text-decoration:none;

  color:#13538F;

}

a:visited{

  text-decoration:none;

  color:#006a85;

}

a:hover,

a:visited:hover{

  text-decoration:underline;

  color:#F56E00;

}



/* wrapper

-------------------------------------------------------------*/

#wrapper {

	float:left;

	width:1000px;

}





/* skyScraper

-------------------------------------------------------------*/

#skyScraper{

	float:left;

	margin:39px 0 0 25px;

}



/* header

-------------------------------------------------------------*/

/* logo */

#header h1,#header .logo {

  width: 255px;

  height: 85px;

  text-align: center;

  padding-top: 35px;

  background: url(/images/n/ndh/common/2014/common/header_bg.gif) top right no-repeat;

  float: left;

}



/* banner */

div.banner {

  float: right;

  margin-top: 15px;

}



/* nav */

#header ul#siteNav {

  clear: both;;

  width:1000px;

  overflow: hidden;

}

#imgviewContents #header ul#siteNav {

  display:none;

}

#siteNav li {

  float: left;

}

#siteNav li a {

  height: 36px;

  display: block;

  text-indent: -9999px;

}

#siteNav li.techon,

#siteNav li.techon a {

  width: 121px;

}

#siteNav li.top a { width: 100px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) 0 0 no-repeat;}

#siteNav li.medical > a { width: 127px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -100px 0 no-repeat;}

#siteNav li.medinfo > a { width: 127px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -227px 0 no-repeat;}

#siteNav li.health > a { width: 127px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -354px 0 no-repeat;}

#siteNav li.care > a { width: 127px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -481px 0 no-repeat;}

#siteNav li.seminar a { width: 127px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -608px 0 no-repeat;}

#siteNav li.about a { width: 144px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -735px 0 no-repeat;}

#siteNav li.techon a { width: 121px; background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -879px 0 no-repeat;}



#siteNav li.top a:hover,

#siteNav.top li.top a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) 0 -36px no-repeat;}

#siteNav li.medical a:hover,

#siteNav.medical li.medical a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -100px -36px no-repeat;}

#siteNav li.medinfo a:hover,

#siteNav.medinfo li.medinfo a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -227px -36px no-repeat;}

#siteNav li.health a:hover,

#siteNav.health li.health a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -354px -36px no-repeat;}

#siteNav li.care a:hover,

#siteNav.care li.care a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -481px -36px no-repeat;}

#siteNav li.seminar a:hover,

#siteNav.seminar li.seminar a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -608px -36px no-repeat;}

#siteNav li.about a:hover,

#siteNav.about li.about a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -735px -36px no-repeat;}

#siteNav li.techon a:hover,

#siteNav.techon li.techon a { background: url(/images/n/ndh/common/2014/common/nav/main_new.jpg) -879px -36px no-repeat;}



#siteNav li ul {

  display: none;

  background-color: #000;

  float: none;

  position: absolute;

  z-index: 1;

  margin-top: -1px;

}

#siteNav li ul li {

  float: none;

  padding: 0 20px;

}

#siteNav li ul li a {

  width: 157px;

  padding: 8px 0;

  border-top: 1px solid #333;

  height: auto;

  text-indent: 0;

  background: none !important;

}

#siteNav li:hover > ul {

  display: inline-block;

}

#siteNav li li:hover {

  background-color: #666;

}

#siteNav li li:hover a {

  border-top: 1px solid #666;

}



* html #siteNav li.hover ul {

  display: inline-block;

}

* html #siteNav li li.hover {

  background-color: #666;

}

* html #siteNav li li.hover a {

  border-top: 1px solid #666;

}

* html #siteNav li,

* html #siteNav li ul li {

  behavior: expression((function(obj){if(typeof(onenter) == 'undefined'){onenter = function(){this.className += ' hover'};onleave = function(){this.className = this.className.replace(/ hover/, '')}};obj.runtimeStyle.behavior = 'none';obj.onmouseenter = onenter;obj.onmouseleave = onleave})(this))

}



/* contents layout

-------------------------------------------------------------*/

#contents {

  width:1000px;

  overflow:hidden;

  padding: 20px 0;

}

#contentWrap {

  width:675px;

  margin-left:10px;

  overflow:hidden;

  float:left;



}

#mainContents {

  width:525px;

  float:right;

}

#sideNav {

  width:135px;

  float:left;

}

#sideContents {

  width:300px;

  float:right;

}

#imgviewContents #contents {

  padding:20px 0;

  border-top:1px solid #ccc;

}

#imgviewContents #mainContents {

  width:950px;

  margin:0 auto;

  float:none;

}



/* sideContents

-------------------------------------------------------------*/

/* mail magazine */

#sideNav p.mail {

  margin-bottom: 20px;

}



/* sub main links */

#sideNav ul.mainLinks {

  border-top: 1px solid #dcdcdc;

  margin-bottom: 15px;

}

#sideNav ul.mainLinks li {

  width:135px;

  border-bottom: 1px solid #dcdcdc;

}

#sideNav ul.mainLinks li a {

  background: url(/images/n/ndh/common/2014/common/icon_nav.gif) 0 13px no-repeat;

  color: #333;

  padding: 10px 0 10px 20px;

  display: block;

  font-weight: bold;

  font-size: 14px;

  text-decoration: none;

}

#sideNav ul.mainLinks li a:hover {

  color: #F56E00;

}



/* 125 rectangle */

#sideNav div.rectangle {

  text-align: center;

  margin-bottom: 15px;

}



/* sub sub links */

#sideNav ul.subLinks {

  border: 1px solid #B7DCEC;

  border-bottom: none;

  background-color: #F0F9FE;

  margin-bottom: 20px;

}

#sideNav ul.subLinks li {

  width:133px;

  text-align: center;

  border-bottom: 1px solid #B7DCEC;

}

#sideNav ul.subLinks li a {

  color: #333;

  padding: 7px 0;

  display: block;

  font-weight: bold;

  font-size: 12px;

  text-decoration: none;

}

#sideNav ul.subLinks li a:hover {

  color: #F56E00;

}



/* media logo area */

#sideNav div.media {

  width: 133px;

  border: 1px #97A7BF solid;

}

#sideNav div.media h3 {

  background-color: #000;

  color: #fff;

  text-align: center;

  padding: 5px 0;

}

#sideNav div.media p {

  text-align: center;

  /* margin: 15px 0; */

  padding:15px 0;

  border-top:1px solid #e6e6e6;

  

}





/* sideNav

-------------------------------------------------------------*/



/* TOPページ用SNSボタン */

#sideContents #topRightSns{

  display:block;

  margin-bottom: 10px;

}

#sideContents #topRightSns:after{

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

* html body #sideContents #topRightSns {height: 1%;}

*:first-child+html #sideContents #topRightSns {height: 1%;}

#sideContents #topRightSns div.tool{

  float:right;

  margin:0 0 0 10px;

}

#sideContents #topRightSns #topFacebookTop,

#sideContents #topRightSns #topFacebookBcCh{

  *width:110px;

  *overflow:hidden;

  z-index:999999;

}

#sideContents #topRightSns #topFacebookTop .fb_edge_widget_with_comment,

#sideContents #topRightSns #topFacebookBcCh .fb_edge_widget_with_comment{

  /*IE用*/

  height:22px;

  overflow:hidden;

}

:root #sideContents #topRightSns #topFacebookTop .fb_edge_widget_with_comment,

:root #sideContents #topRightSns #topFacebookBcCh .fb_edge_widget_with_comment{

  /*IE以外用*/

  height:20px;

  overflow:hidden;

}

#sideContents #topRightSns #topTwitterTop,

#sideContents #topRightSns #topTwitterBcCh{

  width:130px;

  overflow:hidden;

}

#sideContents #topRightSns iframe.twitter-share-button{

  width:130px!important;

}

#sideContents #topRightSns #topFacebookBcCh,

#sideContents #topRightSns #topTwitterBcCh{

  display:none;

}



/* 検索 */

#sideContents #sideSearch{

  display:block;

  width:300px;

  height:34px;

  background:url(/images/n/ndh/common/2014/common/search_bg.jpg) left bottom no-repeat;

  position:relative;

  overflow:hidden;

  margin:0 0 15px 0;

}

#sideContents #sideSearch .searchTxt{

  display:block;

  border:0;

  padding:0 4px;

  margin:0;

  width:193px;

  height:24px;

  line-height:24px;

  position:absolute;

  background: none;

  left:47px;

  top:4px;

}

#sideContents #sideSearch .searchBtn{

  display:block;

  width:38px;

  height:24px;

  position:absolute;

  left:257px;

  top:5px;

}

#sideContents #sideSearch .searchBtn:hover{

  opacity:0.7;

  filter:alpha(opacity=70);

  -ms-filter: "alpha( opacity=70 )";

}



/* rectangle */

#sideContents .rectangle {

  margin-bottom: 15px;

}



/* sideFacebook */

#sideContents #sideFacebook {

  height: 245px;

  display: block;

  margin-bottom: 15px;

}



/* お知らせ */

#sideContents #information {

  width: 300px;

  margin-bottom:15px;

  padding-bottom: 8px;

  background:url(/images/n/ndh/common/2014/common/info_bg.gif) left bottom no-repeat;

}

#sideContents #information ul {

  margin-bottom: 5px;

  padding: 8px 10px 0;

}

#sideContents #information ul li {

  padding-left: 15px;

  margin-bottom: 6px;

  background:url(/images/n/ndh/common/2014/common/icon02.gif) left 4px no-repeat;

}

#sideContents #information ul li a {

  color: #333;

}



/* 記事ランキング */

#sideRanking{

  width: 300px;

  margin-bottom:15px;

}

#sideRanking .wrap{

  border:1px solid #CCC;

  padding:4px 18px 8px;

}

#sideRanking .periodArea {

  color: #7F7F7F;

  display: block;

  overflow: hidden;

  text-align: right;

}

#sideRanking .periodArea a { color: #666;}

#sideRanking .periodArea a.now { color: #13538F;}

#sideRanking .wrap ul { display: none;}

#sideRanking .wrap ul.now { display: block;}

#sideRanking .wrap li {

  display:block;

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left top repeat-x;

  padding:7px 0;

  line-height:1.4;

  font-size:12px;

}

#sideRanking .wrap li.rank1{

  background:none;

}

#sideRanking .wrap li a{

  display:block;

  padding:2px 0 0 30px;

  color:#13538f;

}

#sideRanking .wrap li.rank1 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank1.gif) 0px center no-repeat;

  min-height:22px;

}

* html body #sideRanking .wrap li.rank1 a{height:22px;overflow:visible;}

#sideRanking .wrap li.rank2 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank2.gif) 0px center no-repeat;

  min-height:22px;

}

* html body #sideRanking .wrap li.rank2 a{height:22px;overflow:visible;}

#sideRanking .wrap li.rank3 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank3.gif) 0px center no-repeat;

  min-height:22px;

}

* html body #sideRanking .wrap li.rank3 a{height:22px;overflow:visible;}

#sideRanking .wrap li.rank4 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank4.gif) 2px center no-repeat;

}

#sideRanking .wrap li.rank5 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank5.gif) 2px center no-repeat;

}

#sideRanking .wrap li.rank6 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank6.gif) 2px center no-repeat;

}

#sideRanking .wrap li.rank7 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank7.gif) 2px center no-repeat;

}

#sideRanking .wrap li.rank8 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank8.gif) 2px center no-repeat;

}

#sideRanking .wrap li.rank9 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank9.gif) 2px center no-repeat;

}

#sideRanking .wrap li.rank10 a{

  background:url(/images/n/ndh/common/2014/common/rank/rank10.gif) 2px center no-repeat;

}



/* BP社からのお知らせ */

#sideContents #bpInfo{

  display:block;

  margin:15px 0;

  font-size:12px;

  line-height:1.4;

}

#sideContents #bpInfo .infoBox{

  display:block;

  border:1px solid #acacac;

  padding:0 20px 1px 20px;

}

#sideContents #bpInfo li{

  display:block;

  padding:15px 0;

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left bottom repeat-x;

  overflow:hidden;

}

#sideContents #bpInfo li .image{

  display:block;

  width:82px;

  float:left;

  margin:0 10px 0 0;

  *margin:0 5px 0 0;

}

#sideContents #bpInfo li .image img{

  width:auto;

  height:auto;

  max-width:80px;

  max-height:93px;

  border:1px solid #d1d1d1;

}

* html body #sideContents #bpInfo li .image img{

  width: expression(document.body.clientWidth > 80? "80px" : "auto");

  height: expression(document.body.clientHeight > 93? "93px" : "auto");

}

#sideContents #bpInfo li .type{

  display:block;

  width:185px;

  overflow:hidden;

  font-size:11px;

  line-height:1.3;

}

#sideContents #bpInfo li .type .icon{

  display:inline-block;

  background:#eaeaea;

  color:#484848;

  padding:1px 4px;

  margin:0 5px 0 0;

  vertical-align:middle;

  *display:block;

  *float:left;

  *vertical-align:baseline;

}

#sideContents #bpInfo li .title{

  display:block;

  width:165px;

  font-weight:bold;

  overflow:hidden;

  font-size:13px;

  line-height:1.4;

}

#sideContents #bpInfo li .text{

  display:block;

  width:165px;

  overflow:hidden;

}

#sideContents #bpInfo li .date{

  color:#999;

  font-size:12px;

  line-height:1.3;

  display:inline;

}

#sideContents #bpInfo li.noimage .title{

  width:255px;

}

#sideContents #bpInfo li.noimage .text{

  width:255px;

}

#sideContents #bpInfo .link{

  display:block;

  text-align:right;

  padding:5px 0 10px 0;

}

#sideContents #bpInfo .link a{

  background:url(/images/n/ndh/common/2014/common/icon02.gif) left center no-repeat;

  padding:0 0 0 10px;

  margin:0 0 0 10px;

}





/* 新着記事 */

#sideContents #sideNewArticleList .link a{

  background:url(/images/n/ndh/common/2014/common/icon02.gif) left center no-repeat;

  padding:0 0 0 10px;

  margin:0 0 0 10px;

}

#sideContents #sideNewArticleList .link a:link{

  color:#13538F;

}

#sideContents #sideNewArticleList .link a:visited{

  color:#006A85;

}

#sideContents #sideNewArticleList .link a:hover{

  color:#F56E00;

}





/* footer

-------------------------------------------------------------*/

#footer {

  width:1000px;

  margin:0 auto;

  padding:20px 0 10px;

  background:url(/images/n/ndh/common/2014/common/footer_border.jpg) no-repeat top center;

}

#footer a:link,

#footer a:active{

  color: #1155c8;

}

#footer a:visited{

}

#footer a:hover, 

#footer a:visited:hover{

}

#footer ul.nav {

  text-align:center;

  margin-bottom:10px;

}

#footer ul.nav li {

  display:inline;

}

#footer ul.nav li a {

  background:url(/images/n/ndh/common/2014/common/line_y.gif) no-repeat center right;

  margin-right:5px;

  padding-right:17px;

  font-size: 14px;

  color: #333;

}

#footer ul.nav li a:visited{ color:#333;}

#footer ul.nav li a:hover,

#footer ul.nav li a:visited:hover{ color:#c3151f;}

#footer ul.nav li.line {

  background:url(/images/n/ndh/common/2014/common/line_y.gif) no-repeat center left;

  padding-left:18px;

}

#footer .copyright {

  border-top:1px solid #bbb;

  padding:15px 60px 0;

  margin-top: 20px;

}

#footer .copyright div {

  float:left;

  padding-top:15px;

}

#footer .copyright p {

  font-size:12px;

  margin-left:136px;

}

#imgviewContents #footer .copyright {

  border-top:none;

  padding:0 60px 0;

  margin-top: 0;

}





/* ------------------------------------------------------------

 mainContents

-------------------------------------------------------------*/



/* module

-------------------------------------------------------------*/

.alignR { text-align:right; }

.alignC { text-align:center; }

.floatR { float:right; }

.floatL { float:left; }

.clear { clear: both; }

.mb10 { margin-bottom:10px; }

.mb20 { margin-bottom:20px; }

.mb30 { margin-bottom:30px; }

.mt10 { margin-top:10px; }

.mt20 { margin-top:20px; }

.mt30 { margin-top:30px; }

a.over:hover img {

  filter:alpha(opacity=80);

  -moz-opacity: 0.8;

  opacity: 0.8;

}



/* A new micro clearfix hack - Nicolas Gallagher

 * http://nicolasgallagher.com/micro-clearfix-hack/

-------------------------------------------------------------*/

.clearfix:before,

.clearfix:after {

  content: " ";

  display: table;

}

.clearfix:after {

  clear: both;

}

.clearfix {

  *zoom: 1; /* for IE 6/7 only */

}



/* breadcrumbs

-------------------------------------------------------------*/

#breadcrumbs{

  display:block;

  padding:5px 0;

  border-bottom: 1px solid #D5D5D5;

  margin: 0 0 15px;

}

.leaf #breadcrumbs{

	border-bottom:5px solid #01A0C8;

}

#breadcrumbs ul{

  display:inline-block;

  *display:inline;

  *zoom:1;

  vertical-align:bottom;

  overflow:hidden;

  font-size:11px;

  line-height:14px;

  margin:5px 0;

  *zoom:1;

}

#breadcrumbs ul li{

  display:inline-block;

  *display:inline;

  *zoom:1;

  background:url(/images/n/ndh/common/2014/leaf/mark_breadcrumbs.gif) left 1px no-repeat;

  padding:0 0 0 12px;

  margin:0 5px 0 0;

  float:left;

}

#breadcrumbs ul li.top{

  background:none;

  padding:0;

}

#breadcrumbs:after{

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

* html body #breadcrumbs {height: 1%;}

*:first-child+html #breadcrumbs {height: 1%;}



/*********************************************************************

* 共通部品定義

*********************************************************************/



/* 汎用見出し */

.commonTitle{

  display:block;

  overflow:hidden;

  height:26px;

  background:url(/images/n/ndh/common/2014/common/titlebg_right.gif) right top no-repeat;

}

.commonTitle h2,

.commonTitle h3{

  display:block;

  height:24px;

  font-size:14px;

  font-weight:bold;

  color:#fff;

  line-height:24px;

  padding:2px 0 0 10px;

  text-shadow: 1px 1px 1px #333;

  background:url(/images/n/ndh/common/2014/common/titlebg_left.gif) left top no-repeat;

}

.commonTitle h3{

  font-size:13px;

}

.commonTitle_bp{

  background:url(/images/n/ndh/common/2014/common/bp_titlebg_right.gif) right top no-repeat;

}

.commonTitle_bp h2,

.commonTitle_bp h3{

  text-shadow: 1px 1px 1px #3B3259;

  background:url(/images/n/ndh/common/2014/common/bp_titlebg_left.gif) left top no-repeat;

}



/* 記事リスト用定義 */

#mainContents .mainCommonBox,

#sideContents .mainCommonBox{

  font-size: 15px;

  display:block;

  overflow:hidden;

  position:relative;

  *zoom:1;

  margin:0 0 15px 0;

}

#mainContents .mainCommonBox .inner,

#sideContents .mainCommonBox .inner{

  display:block;

  overflow:hidden;

  border:1px solid #acacac;

  padding:15px 15px 10px 15px;

  line-height:1.3;

  *zoom:1;

}

#mainContents .mainCommonBox .inner.noBottomBorder,

#sideContents .mainCommonBox .inner.noBottomBorder{

  border-bottom:none;

}

#mainContents .mainCommonBox .listLink,

#sideContents .mainCommonBox .listLink {

  background: url(/images/n/techon/2012/common/dot_border.gif) repeat-x left top;

  display: block;

  padding: 10px 0 0;

  text-align: right;

}

#mainContents .mainCommonBox .listLink p,

#sideContents .mainCommonBox .listLink p {

  margin:0 0 0 10px;

  display:inline-block;

  *display:inline !important;

  *zoom:1;

}

#mainContents .mainCommonBox .listLink .btn,

#sideContents .mainCommonBox .listLink .btn{

  height:21px;

  background:url(/images/n/ndh/common/2014/common/listlink_right.gif) right top no-repeat;

}

#mainContents .mainCommonBox .listLink .btn:hover,

#sideContents .mainCommonBox .listLink .btn:hover{

  background-position:right -21px;

}

#mainContents .mainCommonBox .listLink .btn a,

#sideContents .mainCommonBox .listLink .btn a{

  height:14px;

  background:url(/images/n/ndh/common/2014/common/listlink_left.gif) left top no-repeat;

  padding:4px 7px 3px 13px;

  font-size:12px;

  line-height:14px;

  color:#fff;

  text-shadow: 1px 1px 1px #000;

  text-indent:0px;

  text-decoration:none;

  display:inline-block;

  *display:inline !important;

  *zoom:1;

}

#mainContents .mainCommonBox .listLink a:hover,

#sideContents .mainCommonBox .listLink a:hover{

  background-position:left -21px;

}



/* テーマタイトル */

#mainContents .themeTitle {

  color: #0095c3;

  font-size: 30px;

  font-weight: bold;

  padding-left: 30px;

  background:url(/images/n/ndh/common/2014/common/theme_title.gif) left top no-repeat;

}



/* バナー */

#mainContents .banner{

  display:block;

  margin:15px auto;

}

#mainContents .banner p{

  display:block;

  margin:5px auto 10px auto;

  font-size:85%;

  line-height:1.4;

}



/* 記事リスト用定義 */

#mainContents .mainCommonBox,

#sideContents .mainCommonBox{

  display:block;

  overflow:hidden;

  position:relative;

  *zoom:1;

  margin:0 0 15px 0;

}

#mainContents .mainCommonBox .inner,

#sideContents .mainCommonBox .inner{

  display:block;

  overflow:hidden;

  border:1px solid #acacac;

  padding:15px 15px 10px 15px;

  line-height:1.3;

  *zoom:1;

}

#mainContents .mainCommonBox .linkMore{

  position:absolute;

  right:0;

  top:0;

}

#mainContents .mainCommonBox .linkMore a{

  display:block;

  width:69px;

  height:20px;

  text-indent:-9999px;

  background:url(/images/n/ndh/common/2014/common/btn_more.gif) left top no-repeat;

  margin:4px 2px 0 0;

}

#mainContents .mainCommonBox .linkMore a:hover{

  background-position:-69px top;

}

#mainContents .mainCommonBox h3{

  display:block;

  background:url(/images/n/ndh/common/2014/common/title_bg.gif) left top no-repeat;

  padding:0 0 0 13px;

  margin:0 0 10px 0;

  font-size:14px;

  line-height:1.2;

  *zoom:1;

}

#mainContents .mainCommonBox li,

#sideContents .mainCommonBox li{

  padding:0;

  margin:0 0 10px 0;

  *margin:0 0 5px 0;

  *zoom:1;

}

#mainContents .mainCommonBox ul.border_list li,

#sideContents .mainCommonBox ul.border_list li{

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left top repeat-x;

  padding:10px 0 0 0;

  display:block;

  overflow:hidden;

}

#mainContents .mainCommonBox ul.border_list li.first,

#sideContents .mainCommonBox ul.border_list li.first{

  background:none;

  padding:0;

}

#mainContents .mainCommonBox li .type{

  display:block;

  overflow:hidden;

  min-height:1.2em;

  margin:0 0 2px 0;

}

* html body #mainContents .mainCommonBox li .type{

  height: expression(document.body.clientHeight < 16? "16px" : "auto");

}

#sideContents .mainCommonBox li .type .icon,

#mainContents .mainCommonBox li .type .icon{

  display:inline-block;

  background:#eaeaea;

  color:#484848;

  font-size:65%;

  padding:1px 4px;

  margin:0 5px 0 0;

  vertical-align:middle;

  *display:block;

  *float:left;

  *vertical-align:baseline;

}

#mainContents .mainCommonBox li .auth{

  display:inline-block;

  background:#0064a6;

  color:#fff;

  font-size:65%;

  padding:1px 4px;

  margin:0 5px 0 0;

  vertical-align:middle;

  *display:block;

  *float:left;

  *vertical-align:baseline;

}

#mainContents .mainCommonBox li .recommend{

  display:inline-block;

  margin:0 0 0 5px;

  vertical-align:middle;

  *display:inline;

  *vertical-align:baseline;

}

#mainContents .mainCommonBox li .recommend img{

  vertical-align:middle;

}

#mainContents .mainCommonBox li .topTitle{

  font-size:85%;

}

#sideContents .mainCommonBox li .topTitle{

  font-size: 12px;

  padding: 0 0 2px;

  display: block;

}

#mainContents .mainCommonBox li .type .topTitle a,

#sideContents .mainCommonBox li .type .topTitle a{

  color:#333;

}

#mainContents .mainCommonBox li .title,

#sideContents .mainCommonBox li .title{

  font-size:95%;

}

#mainContents .mainCommonBox li .title img{

  margin:0 0 0 5px;

  vertical-align:middle;

}

#mainContents .mainCommonBox .markList li .title a,

#mainContents .mainCommonBox .markList li a .title{

  display:block;

  background:url(/images/n/ndh/common/2014/common/icon02.gif) left 4px no-repeat;

  padding:0 8px 0 12px;

}

#sideContents .mainCommonBox li .title a,

#sideContents .mainCommonBox li a .title{

  font-size: 12px;

  padding: 0;

}

#mainContents .mainCommonBox li .date,

#sideContents .mainCommonBox li .date{

  color:#999;

  font-size:12px;

  line-height:13px;

  display:inline-block;

  *display:inline;

}

#sideContents .mainCommonBox li .date{

  padding:0 0 0 8px;

}

#mainContents .mainCommonBox li .subTitle,

#sideContents .mainCommonBox li .subTitle{

  font-size:85%;

}

#sideContents .mainCommonBox li .subTitle{

  display:block;

  padding:0 0 0 12px;

}

#mainContents .mainCommonBox li .summary,

#sideContents .mainCommonBox li .summary{

  font-size:85%;

  line-height:1.6;

  margin-top: 15px;

}

#sideContents .mainCommonBox li .summary{

  display:block;

}

#mainContents .mainCommonBox li .summary .link{

  display:inline-block;

  text-align:right;

  font-size:12px;

  line-height:1.2;

  margin:3px 0 0 5px;

  *display:inline;

  *zoom:1;

}

#mainContents .mainCommonBox li .summary .link a{

  background:url(/images/n/ndh/common/2014/common/icon02.gif) left center no-repeat;

  padding:0 0 0 10px;

}

#mainContents .mainCommonBox li .image,

#sideContents .mainCommonBox li .image{

  float:left;

  clear:both;

  margin:0 15px 0 0;

}

#mainContents .mainCommonBox .imageRight li .image,

#sideContents .mainCommonBox .imageRight li .image{

  float:right;

  clear:both;

  margin:0 0 0 15px;

}

#mainContents .mainCommonBox li .image img{

  width:58px;

  border:1px solid #d1d1d1;

}

#sideContents .mainCommonBox li .image img{

  width:69px;

  border:1px solid #d1d1d1;

}

#mainContents .mainCommonBox 

.listLink,

#sideContents .mainCommonBox .listLink{

  display:block;

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left top repeat-x;

  text-align:right;

  padding:10px 0 0 0;

}

#mainContents .mainCommonBox .listLink p,

#sideContents .mainCommonBox .listLink p{

  margin:0 0 0 10px;

}

#mainContents .mainCommonBox .listLink a,

#sideContents .mainCommonBox .listLink a{

  background:url(/images/n/ndh/common/2014/common/icon01.gif) left 5px no-repeat;

  font-size: 12px;

  text-align:left;

  padding-left: 15px;

  color: #333;

}



/* 汎用リスト */

#mainContents ul.list,

#mainContents #kiji ul.list{

  display:block;

  padding:0;

}

#mainContents #kiji ul.list {

  margin:0 10px 10px 10px;

}

ul.list li,

#mainContents ul.list li,

#mainContents #kiji ul.list li{

  display:block;

  font-size:95%;

  background:url(/images/n/ndh/common/2014/common/icon06.gif) left 0.4em no-repeat;

  padding-left:15px;

  line-height:120%;

  margin-bottom:6px;

}

#mainContents ul.border,

#mainContents #kiji ul.border{

  display:block;

  padding:0;

}

#mainContents #kiji ul.border{

  margin:0 10px 10px 10px;

}

ul.border li,

#mainContents ul.border li,

#mainContents #kiji ul.border li{

  background:none;

  border-bottom:1px dotted #7F7F7F;

  padding:0 0 10px 0;

}

#mainContents ul.point,

#mainContents #kiji ul.point{

  display:block;

  padding:0;

}

#mainContents #kiji ul.point{

  margin:0 10px 10px 10px;

}

ul.point li,

#mainContents ul.point li,

#mainContents #kiji ul.point li{

  display:block;

  font-size:95%;

  background:url(/images/n/ndh/common/2014/common/icon08.gif) left 0.4em no-repeat !important;

  padding:0 0 0 15px;

  line-height:120%;

  margin-bottom:6px;

}



#mainContents #kiji ul.simple{

  display:block;

  padding:0;

}

#mainContents #kiji ul.simple {

  margin:0 10px 10px 10px;

}

  

#mainContents #kiji ul.simple li{

  display:block;

  font-size:95%;

  padding-left:20px;

}



/* maincontents AD area */

/* sideContents AD area */

#mainContents .pickupAD,

#sideContents .pickupAD{

  margin:0 0 15px 0;

}

#mainContents .pickupAD ul{

  display:block;

  overflow:hidden;

  border:1px solid #acacac;

  padding:15px 15px 10px 15px;

  line-height:1.3;

  width:493px;

  background:#FFFEFA;

}

#sideContents .pickupAD ul{

  display:block;

  overflow:hidden;

  border:1px solid #acacac;

  padding:15px 15px 10px 15px;

  line-height:1.3;

  width:268px;

  background:#FFFEFA;

}

#mainContents .pickupAD .commonTitle,

#sideContents .pickupAD .commonTitle{

  background: url(/images/n/ndh/common/2014/common/ad_titlebg_right.gif) no-repeat right top;

}

#mainContents .pickupAD .commonTitle h3,

#sideContents .pickupAD .commonTitle h3{

  color: #685E29;

  text-shadow:none;

  background: url(/images/n/ndh/common/2014/common/ad_titlebg_left.gif) no-repeat left top;

}

#mainContents .pickupAD ul.list li,

#sideContents .pickupAD ul.list li{

  font-size: 12px;

  background: url(/images/n/ndh/common/2014/common/icon04.gif) no-repeat scroll left 0.4em rgba(0, 0, 0, 0);

}

#mainContents .pickupAD ul li a,

#sideContents .pickupAD ul li a{

  color: #444;

  line-height: 1.5;

}

#mainContents .pickupAD ul.image {

  padding:15px 5px 10px 15px;

  width:503px;

}

#mainContents .pickupAD ul.image li {

  width:240px;

  float: left;

  overflow: hidden;

  margin: 0 10px 10px 0;

}

#mainContents .pickupAD ul.image li img {

  float: left;

  margin: 0 5px 0 0;

  width:55px;

  height:55px;

}

#sideContents .pickupAD ul.image {

  overflow: hidden;

  padding:10px 15px 5px 15px;

}

#sideContents .pickupAD ul.image li {

  display:block;

  overflow: hidden;

  margin: 0 0 5px 0;

}

#sideContents .pickupAD ul.image li img {

  margin: 0 10px 5px 0;

  float:left;

}

#sideContents .pickupAD ul.image li p {

  display:inline;

}





/*********************************************************************

* 親記事、bnsearch.jsp、mokuji.jspなどの記事リスト部分用定義

*********************************************************************/

/* タイトルまわり */

#mainContents .titleBox{

  padding:0 0 10px 0;

  /* margin:0 0 10px 0; */

  border-bottom:1px solid #d5d5d5;

}

#mainContents .other .titleBox{

  padding:30px 0 10px 0;

}

#mainContents .titleWrap{

  padding:0 0 0 10px;

  border-left:5px solid #0e4366;

}

#mainContents .typeTitle{

  font-size:140%;

  font-weight:bold;

}

#mainContents .titleBox h1{

  font-size:120%;

  line-height:1.3;

}

#mainContents .titleBox h1.textTitle{

  font-size:220%;

  line-height:1.3;

  border-left:5px solid #01A0C8;

  padding:0 0 0 10px;

}

#mainContents .titleBox h2{

  border:none;

  font-weight:normal;

}



/* リスト部囲い */

#mainContents .listContentsBox{

  padding:10px 0 0 0;

  margin:0 0 20px 0;

}

#mainContents .mokuji .listContentsBox{

  padding:0;

}



/* ページング */

#mainContents .listContentsBox .pagination{

  background:url(/images/n/ndh/common/2014/common/dot_border.gif) left top repeat-x;

  padding:15px 0 5px 0;

  text-align:center;

  color:#bbb;

}

#mainContents .listContentsBox .pagination .prev,

#mainContents .listContentsBox .pagination .next{

  display:inline-block;

  margin:0 15px;

  *display:inline;

  *zoom:1;

}



/* リストタイプ共通定義 */

#mainContents .listContentsBox .mainCommonBox ul{

  display:block;

  overflow:hidden;

}

#mainContents .listContentsBox .mainCommonBox li{

  display:block;

  padding:5px 0 15px;

  overflow:hidden;

  *zoom:1;

}

#mainContents .listContentsBox .mainCommonBox li .title{

  display:block;

  font-weight:bold;

  font-size:100%;

  margin:3px 0 0 0;

}

#mainContents .listContentsBox .mainCommonBox li .subtitle{

  font-size:90%;

  font-weight:bold;

  margin:3px 0 0 0;

}

#mainContents .listContentsBox .mainCommonBox li .date{

  color:#999;

  font-size:11px;

  line-height:13px;

  display:inline-block;

  *display:inline;

}

#mainContents .listContentsBox .mainCommonBox li .summary{

  font-size:80%;

  line-height:1.4;

}

#mainContents .listContentsBox .mainCommonBox .image{

  display:block;

  width:130px;

  float:right;

  clear:right;

  margin:0 0 5px 10px;

  text-align:center;

}

#mainContents .listContentsBox .mainCommonBox .image img{

  width:auto;

  height:auto;

  max-width:128px;

  max-height:128px;

  border:1px solid #d1d1d1;

}

* html body #mainContents .listContentsBox .mainCommonBox .image img{

  width:128px;

}

* html body #mainContents .listContentsBox .mainCommonBox .image{

  height:130px;

  overflow:hidden;

}



/* リストタイプB用定義 */

#mainContents .listContentsBox .mainCommonBox .typeB li .subtitle{

  display:block;

  margin:0 0 5px 0;

}



/* リストタイプD用定義 */

#mainContents .listContentsBox .mainCommonBox .typeD li .subtitle{

  display:block;

  margin:0 0 5px 0;

}



/* リストタイプE用定義 */

#mainContents .listContentsBox .mainCommonBox .typeE li.listDate{

  display:block;

  clear:both;

  overflow:hidden;

  padding:5px 0 0 0;

}

#mainContents .listContentsBox .mainCommonBox .typeE li.listDate span{

  display:inline-block;

  background:#40A8E9;

  padding:3px 5px;

  color:#fff;

  font-weight:bold;

  font-size:80%;

  *display:inline;

  *zoom:1;

}

/* 拡大画像

-------------------------------------------------------------*/
#imgviewContents .image img {

  max-width: 950px;

}

/* 表示切替 */
#footer .view-change{margin:20px 0 10px 0;text-align: center;font-size: 14px;}
#footer .view-change span,
#footer .view-change a{padding:0 4px;}
#footer .view-change a{color:#333;font-weight:bold;}