@charset "utf-8";

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

For News
	・BreadCrumbs
		ニュースのみ背景なし
	・Section
	・Title
	・NewsNavi
		GlobalNavi下
	・Image	
		記事内画像
	・PhotoList
		記事内の画像リスト
	・Top5
		イチ押しランキング（テンプレ別にデザイン変更）
	・Pager
		一覧はテキスト、記事は画像
	・PhotoGallery(List,Individual)
	・Hitokoto
	・PastnewsList
	
========================================
*/

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

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

#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:22px 6px 20px;
width:640px;
}

/*------ 通常 ------*/
.pageTitle.individual{
padding:22px 6px 5px;
width:640px;
}

/*------ イチ押しランキング ------*/
.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{
width:998px;
height:28px;
}

#newsNavi ul{
width:998px;
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:74px; }
#newsNavi li#newsSec03 { left:137px; }
#newsNavi li#newsSec04 { left:216px; }
#newsNavi li#newsSec05 { left:328px; }
#newsNavi li#newsSec06 { left:389px; }
#newsNavi li#newsSec07 { left:468px; }
#newsNavi li#newsSec08 { left:511px; }
#newsNavi li#newsSec09 { left:554px; }
#newsNavi li#newsSec10 { left:652px; }

/*------ BG_Postion ------*/
#newsNavi li#newsSec01 a { width:74px;background-position:0 0; }
#newsNavi li#newsSec02 a { width:63px;background-position:-74px 0; }
#newsNavi li#newsSec03 a { width:79px;background-position:-137px 0; }
#newsNavi li#newsSec04 a { width:112px;background-position:-216px 0; }
#newsNavi li#newsSec05 a { width:61px;background-position:-328px 0; }
#newsNavi li#newsSec06 a { width:79px;background-position:-389px 0; }
#newsNavi li#newsSec07 a { width:43px;background-position:-468px 0; }
#newsNavi li#newsSec08 a { width:43px;background-position:-511px 0; }
#newsNavi li#newsSec09 a { width:98px;background-position:-554px 0; }
#newsNavi li#newsSec10 a { width:44px;background-position:-652px 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:-74px -28px; }
#newsNavi li#newsSec03 a:hover,#newsNavi li#newsSec03 a.ac { background-position:-137px -28px; }
#newsNavi li#newsSec04 a:hover,#newsNavi li#newsSec04 a.ac { background-position:-216px -28px; }
#newsNavi li#newsSec05 a:hover,#newsNavi li#newsSec05 a.ac { background-position:-328px -28px; }
#newsNavi li#newsSec06 a:hover,#newsNavi li#newsSec06 a.ac { background-position:-389px -28px; }
#newsNavi li#newsSec07 a:hover,#newsNavi li#newsSec07 a.ac { background-position:-468px -28px; }
#newsNavi li#newsSec08 a:hover,#newsNavi li#newsSec08 a.ac { background-position:-511px -28px; }
#newsNavi li#newsSec09 a:hover,#newsNavi li#newsSec09 a.ac { background-position:-554px -28px; }
#newsNavi li#newsSec10 a:hover,#newsNavi li#newsSec10 a.ac { background-position:-652px -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{
margin:0 0 5px 0;
/*display:block;*/
/*border:1px solid #007ac2;*/
}

.imageR .caption,
.image .caption,
.imageC .caption,
.caption{
display:block;
font-weight:bold;
text-align:center;
font-size:85%;
}

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

.photoList li{
display:inline;
}

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

/* Top5（イチ押しランキング）
========================================*/
#top5{
margin:0 0 10px 0;
padding:0 0 0 12px;
width:321px;
background:#fff;
float:right;
line-height:1.2;
}

#top5 .inner{
width:321px;
}

#main #top5 h2{
margin:0 0 4px 0 !important;
padding:0;
width:321px;
border-bottom-width:6px;
border-bottom-style:solid;
border-left:none;
background:none;
font-size:100%;
font-weight:bold;
color:#fff;
}

#main #top5 h2 span{
display:block;
padding:6px 0 5px 29px;
width:291px;
border-bottom-width:6px;
border-bottom-style:solid;
background-image:url(../../common/images/ico/ico_ichiochi.gif);
background-repeat:no-repeat;
}

#main #top5 .section{
margin:0;
padding:6px 17px 7px 129px;
width:175px;
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
}

#top5 .section .photo img{
margin:0 0 0 -106px;
float:left;
}

#top5 .section .count,
#top5 .section .count3{
margin:0 0 0 -124px;
padding:2px 3px;
background:#555;
color:#fff;
float:left;
}

#main #top5 h3{
margin:0 0 5px 0;
background:none;
font-weight:normal;
color:#000;
}

#main #top5 h3 span{
display:block;
padding:0;
background:none;
line-height:1.1;
}

#top5 .maker{
font-weight:normal;
}

#top5 .productTitle{
font-size:116%;
font-weight:bold;
}

.newsText #top5 .productTitle{
font-size:85%;
}

#top5 .marketPrice,
#top5 .releaseDate{
margin:0;
}

#top5 .marketPrice .label,
#top5 .releaseDate{
font-size:85%;
}

#top5 .marketPrice .price{
font-weight:bold;
color:#c00;
}

#top5 .shopBtn{
text-align:right;
}

#main .newsText #top5{
font-size:85%;
}

#main .newsText #top5 h3 .productTitle{
font-size:116%;
}

/*------ テンプレ01（オレンジ） ------*/
#main #top5 .tpl01 h2{
border-bottom-color:#ffaf8c;
background:#eb5311;
}

#main #top5 .tpl01 h2 span{
border-bottom-color:#c7511e;
background-position:4px 2px;
}

#main #top5 .tpl01 .section{
border-top-color:#fff;
border-bottom-color:#ffaf8c;
background:#ffefe8;
}

#main #top5 .tpl01 .section .photo img{
border:1px solid #ffb290;
}

#main #top5 .tpl01 .section .count3{
background:#eb5311;
}

/*------ テンプレ02（グリーン） ------*/
#main #top5 .tpl02 h2{
border-bottom-color:#ceeba5;
background:#7bb12d;
}

#main #top5 .tpl02 h2 span{
border-bottom-color:#6c9d26;
background-position:4px -157px;
}

#main #top5 .tpl02 .section{
border-top-color:#fff;
border-bottom-color:#d7f2b1;
background:#fafff3;
}

#main #top5 .tpl02 .section .photo img{
border:1px solid #d7f2b1;
}

#main #top5 .tpl02 .section .count3{
background:#7bb12d;
}

/*------ テンプレ03（ブルー） ------*/
#main #top5 .tpl03 h2{
border-bottom-color:#96dbff;
background:#11a1ec;
}

#main #top5 .tpl03 h2 span{
border-bottom-color:#298ec3;
background-position:4px -239px;
}

#main #top5 .tpl03 .section{
border-top-color:#fff;
border-bottom-color:#96dbff;
background:#ebf8ff;
}

#main #top5 .tpl03 .section .photo img{
border:1px solid #96dbff;
}

#main #top5 .tpl03 .section .count3{
background:#11a1ec;
}

/*------ テンプレ04（グレー） ------*/
#main #top5 .tpl04 h2{
border-bottom-color:#dfdfdf;
background:#c0bfbf;
}

#main #top5 .tpl04 h2 span{
border-bottom-color:#acacac;
background-position:4px -77px;
}

#main #top5 .tpl04 .section{
border-top-color:#fff;
border-bottom-color:#e0e0e0;
background:#f6f6f6;
}

#main #top5 .tpl04 .section .photo img{
border:1px solid #e0e0e0;
}

#main #top5 .tpl04 .section .count3{
background:#fcc900;
}

/* 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{
margin: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;
}