@charset "utf-8";

/*
========================================

For News
	・BreadCrumbs
		ニュースのみ背景なし
	・Section
	・Title
	・NewsNavi
		GlobalNavi下
	・Image	
		記事内画像
	・PhotoList
		記事内の画像リスト
	・Pager
		一覧はテキスト、記事は画像
	・PhotoGallery(List,Individual)
	・Hitokoto
	・PastnewsList
	
========================================
*/

@import url(../../common/css/common.css);

/* BreadCrumbs（背景、マージンリセット）
========================================*/
#breadCrumbs{
margin:0 auto;
}

#mainArea #main{
width:662px;
}

#mainArea #main .section{
width:653px;
}

/* news
========================================*/
.newsText{
margin:0 0 25px 0;
font-size:116%;
line-height:1.5;
}

/* Title
========================================*/
.pageTitle{
/*border-top:2px solid #aaa;*/
width:653px;
}

/*------ 一覧 ------*/
.pageTitle.list{
padding:7px 6px 18px;
width:640px;
border-top:none;
}

.pageTitle.list th{
text-align:left;
}

/*------ 通常 ------*/
.pageTitle.individual{
padding:7px 6px 5px;
width:640px;
border-top:none;
}

/*------ イチ押しランキング ------*/
.pageTitle.interesting{
padding:6px 0;
}

.pageTitle.interesting th{
padding:0 5px 0 0;
width:158px;
}

.pageTitle.interesting th img{
border:1px solid #fefefe;
}

.pageTitle.interesting td{
width:490px;
}

#main .newsText h2{
font-size:100%;
}

/* NewsNavi
========================================*/
#newsNavi{
margin:0 auto;
width:990px;
height:28px;
}

#newsNavi ul{
width:990px;
height:28px;
background:transparent url(../images/news_sec_navi.gif) left top no-repeat;
position:relative;
}

#newsNavi li{
position:absolute;
top:0;
}

#newsNavi li a{
display:block;
height:28px;
background-image:url(../images/news_sec_navi.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

/*------ Postion ------*/
#newsNavi li#newsSec01 { left:0; }
#newsNavi li#newsSec02 { left:69px; }
#newsNavi li#newsSec03 { left:167px; }
#newsNavi li#newsSec04 { left:229px; }
#newsNavi li#newsSec05 { left:273px; }
#newsNavi li#newsSec06 { left:316px; }
#newsNavi li#newsSec07 { left:391px; }

/*------ BG_Postion ------*/
#newsNavi li#newsSec01 a { width:69px;background-position:0 0; }
#newsNavi li#newsSec02 a { width:98px;background-position:-69px 0; }
#newsNavi li#newsSec03 a { width:62px;background-position:-167px 0; }
#newsNavi li#newsSec04 a { width:44px;background-position:-229px 0; }
#newsNavi li#newsSec05 a { width:43px;background-position:-273px 0; }
#newsNavi li#newsSec06 a { width:75px;background-position:-316px 0; }
#newsNavi li#newsSec07 a { width:44px;background-position:-391px 0; }

/*------ Hover,Active ------*/
#newsNavi li#newsSec01 a:hover,#newsNavi li#newsSec01 a.ac { background-position:0 -28px; }
#newsNavi li#newsSec02 a:hover,#newsNavi li#newsSec02 a.ac { background-position:-69px -28px; }
#newsNavi li#newsSec03 a:hover,#newsNavi li#newsSec03 a.ac { background-position:-167px -28px; }
#newsNavi li#newsSec04 a:hover,#newsNavi li#newsSec04 a.ac { background-position:-229px -28px; }
#newsNavi li#newsSec05 a:hover,#newsNavi li#newsSec05 a.ac { background-position:-273px -28px; }
#newsNavi li#newsSec06 a:hover,#newsNavi li#newsSec06 a.ac { background-position:-316px -28px; }
#newsNavi li#newsSec07 a:hover,#newsNavi li#newsSec07 a.ac { background-position:-391px -28px; }

/* Image
========================================*/
/*------ 右寄せ ------*/
.imageR{
padding:0 0 10px 10px;
float:right;
text-align:center;
}

/*------ 通常 ------*/
.image{
margin:0 0 10px 0;
text-align:center;
}

/*------ 真ん中（2枚並び） ------*/
.imageC{
margin:0 auto 10px;
width:596px;
text-align:center;
}

.imageC p{
padding:0 4px 0 5px;
width:289px;
float:left;
}

.imageR img,
.image img,
.imageC img,
.imageWrapper img{
margin:0 0 5px 0;
/*display:block;*/
/*border:1px solid #007ac2;*/
}

.imageC .image,
.imageR .image,
.imageWrapper .image{
margin:0;
padding:0;
}

.imageR .caption,
.image .caption,
.imageC .caption,
.caption{
margin:0 auto;
display:block;
width:490px;
font-weight:bold;
font-size:85%;
text-align:center;
}

/* PhotoList（記事内使用画像リスト）
========================================*/
.photoList{
margin:0 0 20px 0;
}

.photoList li{
display:inline;
}

.photoList img{
margin:0 10px 0 0;
border:1px solid #f1f1f1;
}

/* Pager(Text)
========================================*/
.pager{
width:653px;
text-align:center;
}

.pager span{
font-weight:bold;
}

/* Pager(Image)
========================================*/
.pagerI{
margin:0 auto 20px;
padding:40px 0 0 0;
width:319px;
height:28px;
text-align:center;
}

.pagerI li{
float:left;
height:28px;
}

.pagerI a,
.pagerI span{
display:block;
height:28px;
text-indent:-9999px;
background-image:url(../../common/images/pager.gif);
background-repeat:no-repeat;
}

.pagerI .prev a { width:107px;background-position:0 0;}
.pagerI #no01 a { width:21px;background-position:-107px 0;}
.pagerI #no02 a { width:21px;background-position:-128px 0;}
.pagerI #no03 a { width:21px;background-position:-149px 0;}
.pagerI #no04 a { width:21px;background-position:-170px 0;}
.pagerI #no05 a { width:21px;background-position:-191px 0;}
.pagerI .next a { width:107px;background-position:-212px 0;}

.pagerI #no01.ac span { width:21px;background-position:-107px -28px;}
.pagerI #no02.ac span { width:21px;background-position:-128px -28px;}
.pagerI #no03.ac span { width:21px;background-position:-149px -28px;}
.pagerI #no04.ac span { width:21px;background-position:-170px -28px;}
.pagerI #no05.ac span { width:21px;background-position:-191px -28px;}

.pagerI .prev span { width:107px;background-position:0 -28px;}
.pagerI .next span { width:106px;background-position:-212px -28px;}

/* PhotoGallery(List)
========================================*/
.photoGalleryList,
.photoGalleryList ul{
width:660px;
}

.photoGalleryList li{
padding:0 0 23px 0;
width:165px;
float:left;
}

.photoGalleryList .photo{
margin:0 0 3px 0;
width:152px;
text-align:center;
}

.photoGalleryList .photo img{
border:1px solid #f2f2f2;
}

#main .photoGalleryList h2{
margin:0;
padding:0;
width:152px;
border:none;
background:none;
font-size:100%;
}

.photoGalleryList .date{
width:152px;
}


/* PhotoGallery(Individual)
========================================*/
.photoGallery{
margin:0 0 10px 0;
padding:0 0 10px 0;
width:653px;
}

.photoGallery h2{
margin:0 0 25px 0;
}

.photoGallery .navi{
margin:0 auto 10px;
width:305px;
height:28px;
}

.photoGallery .navi li{
float:left;
}

.photoGallery .navi .prev,
.photoGallery .navi .next{
width:106px;
}

.photoGallery .navi .read{
width:93px;
}

.photoGallery .navi a,
.photoGallery .navi span{
display:block;
height:28px;
text-indent:-9999px;
background-image:url(../images/gallery_pager.gif);
background-repeat:no-repeat;
}

.photoGallery .navi .prev a,
.photoGallery .navi .prev span,
.photoGallery .navi .next a,
.photoGallery .navi .next span{
width:106px;
}

.photoGallery .navi .read a{
width:93px;
background-position:-106px 0;
}

.photoGallery .navi .prev a{
background-position:0 0;
}

.photoGallery .navi .prev span{
background-position:0 -28px;
}

.photoGallery .navi .next a{
background-position:-199px 0;
}

.photoGallery .navi .next span{
background-position:-199px -28px;
}

.photoGallery .bg{
margin:0 0 10px 0;
padding:15px 0;
background:#f9f9f9;
}

.photoGallery p{
text-align:center;
}

.photoGallery .photo{
margin:0 0 10px 0;
}

.photoGallery .caption{
font-weight:bold;
font-size:100%;
}

/* Hitokoto
========================================*/
.hitokoto{
width:653px;
margin:0 0 25px 0;
}

.hitokotologo{
margin:0 0 10px 0;
}

#hitokotoList{
margin:0 0 10px 0;
}

#hitokotoList .comment dt.clearfix{
padding-bottom:2px;
}

.hitokoto .comment{
padding:6px 8px 6px 5px;
width:639px;
border-top:1px solid #fff;
border-bottom:1px solid #d2efff;
background:#f7fcff;
}

.hitokoto .comment dt{
line-height:1.5;
width:639px;
}

.hitokoto .comment dt .date{
color:#666;
font-size:85%;;
float:right;
}

.hitokoto .comment dt .name{
font-weight:bold;
color:#0047af;
float:left;
}

.hitokoto .comment dd{
line-height:1.5;
}

.hitokoto .more{
width:653px;
}

.hitokoto .more a{
display:block;
float:right;
width:6em;
padding:4px 6px 4px 12px;
border:1px solid #fff;
background:#deefff url(../../common/images/ico/icon01.gif) 4px -1552px  no-repeat;
text-align:center;
}

.hitokoto .note{
color:#666;
float:right;
}

.hitokoto .note img{
margin:0 0 0 6px;
}

.hitokoto .nickname{
width:214px;
padding:3px 0;
border:1px solid #12479d;
background:#f1faff;
float:left;
}

.hitokoto .writecomment{
width:550px;
height:67px;
padding:3px 0;
border:1px solid #12479d;
background:#f1faff;
}

.hitokoto .write{
width:552px;
clear:both;
padding:6px 0 0 100px;
}

.hitokoto .write input,
.hitokoto .write img,
.hitokoto .note img{
vertical-align:middle;
text-align:left;
}

.hitokoto .write dt{
margin:0 0 6px -100px;
text-align:right;
float:left;
color:#12479d;
}

.hitokoto .write dd{
margin:0 0 6px 0;
}

.hitokoto .entrybtn{
margin:0 0 6px 0;
text-align:right;
}

.hitokoto #msg{
margin:0 0 0 20px;
color:#f00;
}

.articleSec{
width:653px;
}

/* PastnewsList
========================================*/
#main .pastnewsList h2{
margin:0 0 10px 0;
}

.pastnewsList li{
margin:0 0 4px 0;
font-size:116%;
}

.pastnewsList img{
margin:0 4px 0 0;
vertical-align:text-top;
}

/* GenreList
========================================*/
.newsGenreList{
width:653px;
}

.newsGenreList ul{
margin:0 0 15px 0;
width:653px;
display:inline-table;
font-size:116%;
}

.newsGenreList li{
margin:0 0 2px 0;
padding:0 0 0 8px;
width:318px;
background:transparent url(../../common/images/ico/icon01.gif) -7px -1491px no-repeat;
float:left;
}

.newsGenreList li a{
display:block;
width:318px;
}

/*\*/
.newsGenreList ul{
display:block;
}
/**/

.newsGenreList ul:after{
content:"";
display:block;
clear:both;
visibility:hidden;
height:1px;
}


/* DSP NewsList
========================================*/
.dspNewsList{
}

.dspNewsList li{
margin:0 0 15px 0;
}

.dspNewsList span{
display:block;
}

.dspNewsList .newsTitle{
font-size:116%;
font-weight:bold;
}

.dspNewsList .newsTitle .date{
font-size:85%;
font-weight:normal;
}


/* バックナンバーリスト（マガジンバックナンバー・ニュース過去記事）
========================================*/
.backnumList dl{
margin:0 0 7px;
width:630px;
display:inline-table;
font-weight:bold;
}

/* \*/
.backnumList dl{
display:block;
}
/* */

.backnumList dl:after{
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}

.backnumList dl dt{
padding:0 0 0 6px;
width:64px;
line-height:2.1;
float:left;
}

.backnumList dl dd{
width:44px;
text-align:center;
/*border-top:1px solid #007ac2;
border-right:1px solid #007ac2;
border-bottom:1px solid #007ac2;*/
color:#555;
float:left;
}

.backnumList dl dd span,.backnumList dl dd a{
width:44px;
display:block;
line-height:2;
background-color:#fff;
border:1px solid #007ac2;
}

.backnumList dl dd .double{
border-top:none;
}

.backnumList dl dd a:hover{
background-color:#007ac2;
color:#fff;
font-weight:bold;
}

@media print{
	#HeaderTop,
	#Header,
	#gnavi,
	#newsNavi,
	#breadCrumbs,
	#footerTop,
	#footerBottom,
	#sideArea,
	#mainArea .utility .utilityList,
	#userUtility{
	display:none;	
	}
	
	#contents,
	#mainArea .utility{
	background:none;
	}
}