@charset "utf-8";

/* サイトナビゲーション */
@import url(nmnavi_0610.css);
@import url(nmright_0610.css);
@import url(nmleaf_0610.css);
@import url(nmseries_0610.css);
@import url(nmmagazine_0610.css);

#mainarea {
width:1000px;
padding:0px;
margin:20px 0px 0px 0px;
min-height:1px;　/* IE 7対策 */
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#mainarea:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#mainarea { display:inline-table; }

/* Mac IE には適用させない \*/
* html #mainarea { height:1px; }
#mainarea { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

#leftarea {
width:640px;
padding:0px;
margin:0px;
float:left;
}

#rightarea {
width:340px;
margin:0px;
float:right;
}

.topinfo {
margin:0 0 10px 20px;
padding:2px 2px 0 2px;
vertical-align:middle;
border:1px solid #900;
}

.topinfo img {
margin:0 5px 0 0;
}


#headline {
width: 640px;
margin:0px;
padding:0px;
background: url(../../img/hl_base.gif);
border-bottom:2px solid #C00;
min-height:1px;　/* IE 7対策 */
}

#hl_main{
float:left;
width:400px;
margin:10px 0px 10px 10px;
padding:0;
}

#hl_main p{
font-size:12px;
}

#hl_title{
margin:5px 0px 5px 0px;
}

#hl_title a:hover {
background-color:transparent;
}

#hl_photo{
float:right;
margin:0px 5px 10px 10px;
}

#hl_list{
float:right;
width:190px;
margin:10px 10px 10px 0px;
padding-left:5px;
border-left:1px solid #000;
}

#hl_list ul{
list-style-image:url(../../img/hl_arrow_red.gif)
}

#hl_list li a{
font-weight:bold;
color:#000;
text-decoration:none;
line-height:110%;
}

#hl_list li a:hover{
font-weight:bold;
color:#C00;
text-decoration:none;
line-height:110%;
background-color:transparent;
}

.hl_series{
font-size:12px;
color:#CC0000;
font-weight:bold;
line-height:110%;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#headline:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#headline { display:inline-table; }

/* Mac IE には適用させない \*/
* html #headline { height:1px; }
#headline { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */


/*カテゴリー*/
.category {
width:620px;
margin:20px 0px 0px 20px;
}

.category li{
list-style-type:disc;
}

.category li a{
font-size:14px;
font-weight:bold;
color:#000;
line-height:110%;
text-decoration:none;

}

.category li a:hover{
font-weight:bold;
line-height:110%;
text-decoration:none;
background-color:transparent;
}

.category p{
font-size:12px;
font-weight:bold;
line-height:110%;
}

.cat_smry {
font-size:12px;
color:#333;
line-height:120%;
}

.cat_date {
color:#000;
margin-left:5px;
}

/*事例研究*/
.case {
margin-top:10px;
}

.case li{
font-size:14px;
color:#FF3333;
line-height:110%
}

.case li a:hover{
color:#F33;
}

/*databox*/
.databox {
margin-top:10px;
padding:0px;
min-height:1px;　/* IE 7対策 */
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.databox:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.databox { display:inline-table; }

/* Mac IE には適用させない \*/
* html .databox { height:1px; }
.databox { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

.databox p{
color:#C30;
}

.databox li{
height:35px;
list-style-image:url(../../img/db_arrow.jpg);
}

.databox li a:hover{
color:#C30;
}

.databox img{
float:left;
margin:0px 10px 10px 0px;
}

.db_left {
float:left;
width:300px;
margin:0px 10px 0px 0px;
padding:0px;
}

.db_right {
float:right;
width:300px;
margin:0px 0px 0px 10px;
padding:0px;
}

/*トレンド*/
.trend {
margin-top:10px;
}

.trend li{
font-size:14px;
color:#C93;
line-height:105%
}

.trend li a:hover{
color:#C93;
}

.trend_series{
font-size:12px;
color:#C93;
font-weight:bold;
line-height:105%;
}

/*ひと*/
.person {
margin-top:10px;
}

.person li{
font-size:14px;
color:#C39;
line-height:105%
}

.person li a:hover{
color:#C39;
}

.person_series{
font-size:12px;
color:#C39;
font-weight:bold;
line-height:105%;
}

/*コラム*/
.column {
margin-top:10px;
width:620px;
padding:0px;
overflow:hidden;
}

.clm_box1{
float:left;
width:190px;
margin:0px 25px 20px 0px;
padding:0px;
}

.clm_box2 {
float:left;
width:190px;
margin-bottom:20px;
padding:0px;
}

.clm_title {
width:190px;
margin-bottom:5px;
padding:0px;
}

.clm_pic {
width:80px;
margin:0px 10px 0px 0px;
padding:0px;
float:left;
}

.clm_links {
width:90px;
margin:0px;
padding:0px;
float:left;
font-size:14px;
font-weight:nomal;
line-height:110%;
}

.clm_links a {
font-size:14px;
font-weight:bold;
color:#000;
line-height:110%;
text-decoration:none;
}

.clm_links a:hover {
color:#396;
line-height:110%;
background-color:transparent;
}

.column li{
font-size:14px;
color:#396;
line-height:105%
}

.column li a:hover{
color:#396;
}

.column_series{
font-size:12px;
color:#396;
font-weight:bold;
line-height:105%;
}

/*分野トップ*/
.field_headder {
width:620px;
margin:0px 0px 0px 20px;
}

.tile_both {
width:620px;
margin:15px 0px 20px 20px;
padding:0px;
clear:both;
min-height:1px;　/* IE 7対策 */
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.tile_both:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.tile_both { display:inline-table; }

/* Mac IE には適用させない \*/
* html .tile_both { height:1px; }
.tile_both { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

.tile_left {
float:left;
width:300px;
margin:0px;
padding:0px;
}

.tile_right {
float:right;
width:300px;
margin:0px;
padding:0px;
}

.tile_header {
width:300px;
padding:0px;
}

.tile_list {
margin:5px 0px 0px 0px;
padding:0px;
font-size:12px;
clear:both;
}

.tile_list ul {
margin-bottom:15px;
}

.tile_list li {
color:#666;
margin:0px;
padding:7px 0px 0px 0px;
font-size:12px;
line-height:120%;
}

.tile_list li a {
margin:0px;
padding:0px;
font-size:12px;
line-height:120%;
}

.tile_backnumber {
margin:0px;
padding:0px;
font-size:12px;
}

.tile_backnumber a {
margin:0px;
padding:0px;
font-size:12px;
line-height:120%;
}

.pickup_column {
width:620px;
/*background: url(../../column/img/pickup.jpg);*/
border-bottom: 2px solid #666666;
}

.pickup_title {
width:420px;
margin:5px 0px 0px 20px;
line-height:150%;
}

.pickup_title .series_title {
font-size:12px;
color:#CC3333;
font-weight:bold;
}

.pickup_title .leaf_title {
margin:5px 0px 5px 0px;
font-size:20px;
color:#000000;
font-weight:bold;
line-height:120%;
}

.pickup_title .leaf_title a {
margin:5px 0px 5px 0px;
font-size:20px;
color:#000000;
font-weight:bold;
line-height:120%;
text-decoration:none;
}

.pickup_title .leaf_title a:hover {
margin:5px 0px 5px 0px;
font-size:20px;
color:#C00;
font-weight:bold;
line-height:120%;
text-decoration:none;
background-color:transparent;
}

.pickup_title .read {
margin-bottom:10px;
font-size:12px;
color:#666666;
line-height:120%;
}

.case_series{
font-size:12px;
color:#F33;
font-weight:bold;
line-height:105%;
}

.databox_series{
font-size:12px;
color:#C30;
font-weight:bold;
line-height:105%;
}

/*トレンド*/
.word {
margin-top:10px;
}

.word li{
font-size:14px;
color:#399;
line-height:105%
}

.word li a:hover{
color:#399;
}

.word_series{
font-size:12px;
color:#399;
font-weight:bold;
line-height:105%;
}

.akasatana {
width:620px;
padding:0px;
margin:0px;
border-bottom: 1px solid #666666;
}

.akasatana h1 {
font-size:18px;
color:#666666;
}

.akasatana h1 a {
font-size:18px;
color:#666666;
text-decoration:none;
}

.akasatana h1 a:hover {
font-size:18px;
color:#999999;
text-decoration:none;
background-color:transparent;
}

/*広告*/
.ad_rectangle {
width:320px;
padding:0px 20px 0px 0px;
margin:20px 0px 0px 0px;
text-align:center;
}

.ad_topics_top {
margin:20px 0px 0px 20px;
}

.ad_topics {
margin:0px 0px 20px 20px;
}

.ad_topics_leaf {
margin:0px 0px 20px 0px;
}

.ad_trend {
margin:20px 0px 20px 0px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
}

.nmf_text {
border:3px double #F72;
margin:0px;
padding:10px;
text-align:center;
}

.nmf_text p {
margin:0;
padding:0;
font-size:12px;
}

.nmf_text p a {
margin:0;
padding:0;
font-size:12px;
}

.nmf_text p.lead {
margin:0;
padding:0;
color:#333;
}

.nmf_text p.name {
margin:0;
padding:0;
color:#C00;
font-weight:bold;
}

.nmf_text p.text {
margin:0;
padding:0;
text-align:left;
text-indent:0;
}

.nmf_text p.link {
padding:0;
text-align:right;
margin:10px 0 0 0;
}