@charset "UTF-8"; 
/* CSS Document */


/* =====================================================================
* 検索
* =================================================================== */

header nav {width:100%; height:57px; background:url(../images/nav_bg.gif) 0 0 repeat-x;}
.titleArea { width:100%; height:73px; padding-top:10px; background-color:#fff7a2;}
h2 { width:990px; height:56px; text-indent:-9999px; margin:0 auto; background:url(../images/h2.gif) 0px 0 no-repeat; }

.topSearchArea { width:100%; background-color:#fdfcee;}
.topSearchArea #topSearchBlock { width:965px; margin:0 auto; padding:12px 0 15px 25px;}

.topSearchArea #topSearchBlock #searchKey { float:left; width:328px;}
#searchKey h3 { background:url(../images/icon_key.png) left center no-repeat; padding-left:30px; margin-bottom:10px;}
#searchKey input { margin: 0 0 5px 5px; vertical-align: middle; font-size:0.9em; float:left; }
#searchKey .searchbtn { width:55px; text-align:center; display:block; padding:3px 0 2px; margin:0 0 0 5px; color:#fff; font-size:0.9em; background-color:#2493d9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; border:none;}
#searchKey .searchbtn:hover{ background-color:#0066cc;}
.topSearchArea #topSearchBlock #searchKey input#formSearchText { width: 210px; height: 18px; padding:2px; }
#searchKey .comm { font-size:0.8em; margin-left:5px;}

.topSearchArea #topSearchBlock #searchProg { float:left; width:384px;}
#searchProg h3 { background:url(../images/icon_prog.png) left center no-repeat; padding-left:30px; margin-bottom:10px;}
#searchProg ul {padding-left:5px;}
.topSearchArea #topSearchBlock #searchProg ul { width:350px;}
#searchProg ul li a { background:url(../images/icon_list.gif) left 5px no-repeat; padding-left:18px; font-size:0.9em; margin-bottom:3px; display:block;}

.topSearchArea #topSearchBlock #searchDate { float:left; width:250px;}
#searchDate h3 { background:url(../images/icon_date.png) left center no-repeat; padding-left:30px; margin-bottom:3px;}

/*--カレンダー--*/
#calendarList {
font-size: 0.8em;
width: 210px;
margin:  0 auto 5px;
text-align: center;
position: relative;
}

#calendarList div.left {
width: 20px;
position: absolute;
top: 0px;
left: 22px;
}

#calendarList div.center {
font-weight: bold;
text-align: center;
}

#calendarList div.right {
width: 20px;
position: absolute;
top: 0px;
right: 22px;
}

#calendar {
clear: both;
width: 210px;
margin:0 auto 0px;
}

#calendar table {
font-size: 0.7em;
line-height: 1.2em;
width: 210px;
text-align: center;
border-collapse: collapse;
}

#calendar caption {
font-size: 0.8em;
font-weight: bold;
padding-bottom: 0.6em;
}

#calendar th {
color: #000;
font-weight: normal;
}

#calendar td {
padding: 0.2em;
text-align: center;
}

#calendar .today {
color: #fff;
background: #06c;
}

#calendar .today a {
color: #fff;
}

#calendar .today a:hover {
color: #fff;
}

#calendar td a {
text-decoration: underline;
}
/*--//カレンダー--*/


/* =====================================================================
* メインエリア
* =================================================================== */
#contentsArea #mainArea { padding-top:20px;}

.new { background:url(../images/icon_new.gif) 0 center no-repeat; padding:12px 0 10px 55px; color:#e8425a; font-size:1.3em; margin-bottom:10px;}

/*2階層目以下ページ*/
#archives #mainArea .articleBlock { width:705px; margin-bottom:0px;}
#archives #mainArea .articleBlock .articleDate{ font-size:0.9em;}
#archives #mainArea .articleBlock .title { border-top: solid 2px #00319f; border-bottom:dotted 1px #ccc; padding:10px 12px; }
#archives #mainArea .articleBlock .title h3 { font-size:1.5em;}
#archives #mainArea .articleBlock .title .commentator { text-align:right;}
#archives #mainArea .articleBlock .article {padding:15px 10px;}
#archives #mainArea .articleBlock .article p { margin-bottom:20px; }
#archives #mainArea .articleBlock .article img { width:350px;}
#mainArea .articleBlock .article .btnMore a { display:block; width:87px; height:26px; background:url(../images/btn_more.png) 0 0 no-repeat; text-indent:-9999px; margin-left:607px; clear: both; }
#mainArea .articleBlock .article .btnMore a:hover {background:url(../images/btn_more.png) 0 -26px no-repeat;}

/*最新の解説*/
#contentsArea #topMainArea { width:705px; margin-bottom:0px; padding-top:20px; float:left;}
#contentsArea #topMainArea .newTitle { background:url(../images/bg_progtit.gif) 0 0 no-repeat; padding:8px 1px 8px 12px; margin-bottom:10px;}
#contentsArea #topMainArea .newTitle h3{ color:#00218e; font-size:1.2em; float:left; width:575px; position:relative;}
#contentsArea #topMainArea .newTitle h3 span{ color:#000; font-size:0.75em; font-weight:normal; line-height:0; margin:0 0 0 0px; position:absolute; top:50%; right:0;}
#contentsArea #topMainArea #newCatch h3{ font-size:1.1em;}
 #contentsArea #topMainArea #newShiten h3 span { font-size:0.7em;}

#contentsArea #topMainArea .newTitle .btnList {float:right; padding-right:15px;}
#contentsArea #topMainArea .newTitle .btnList a { display:block; width:90px; height:26px; background:url(../images/btn_list.png) 0 0 no-repeat; text-indent:-9999px; }
#contentsArea #topMainArea .newTitle .btnList a:hover {background:url(../images/btn_list.png) 0 -26px no-repeat;}

#contentsArea #topMainArea .articleBlock { padding:15px 0px 25px; border-top: solid 2px #00319f;}
#contentsArea #topMainArea #newCatch .articleBlock, #contentsArea #topMainArea #newShiten .articleBlock  { border-bottom:dotted 1px #9f9f9f; margin-bottom:40px; padding-bottom:0;}
#contentsArea #topMainArea .articleBlock .ph { float:left; width:340px; padding-right:15px;}
#contentsArea #topMainArea .articleBlock .ph img { width:340px; margin-bottom:0px;}
#newZiron .title, #newKurashi .title, #newCyumoku .title { /*float:right; width:340px;*/}
#contentsArea #topMainArea .articleBlock .articleDate { font-size:0.9em;}
#contentsArea #topMainArea .articleBlock h3 { font-size:1.2em; color: #06c;}

#contentsArea #topMainArea .articleBlock .commentator { text-align:right; padding-bottom:10px;}


#contentsArea #topMainArea .articleBlock .article { font-size:0.95em; line-height:1.3em; padding:0; margin-left:355px; width:340px; }
#contentsArea #topMainArea .articleBlock .article:after{ 
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
#contentsArea #topMainArea .articleBlock .article p { padding-bottom:10px;}
#contentsArea #topMainArea .articleBlock .article .btnMore a { display:block; width:87px; height:26px; background:url(../images/btn_more.png) 0 0 no-repeat; text-indent:-9999px; margin-left:260px; clear: both; padding-bottom:0px; }
#contentsArea #topMainArea .articleBlock .article .btnMore a:hover {background:url(../images/btn_more.png) 0 -26px no-repeat;}

/* =====================================================================
* カテゴリーページ
* =================================================================== */

#titleArea{ padding-bottom:10px; position:relative;}
#titleArea h1#progTit { height:58px; padding-left:5px;}
#titleArea h1#categoryTit { padding:1px 0 0px 48px; margin-bottom:21px; font-weight:bold; font-size:1.5em; background:url(../images/cate_tit.gif) 5px center no-repeat;}

/*--ページナビ--*/
#pageLink {
float:right;
margin:0px auto;
padding:0;
font-size: 0.8em;
line-height:2.5em;
}
#archive .period #pageLink { margin-left:33px;}

#pageLink a {
background:#fff;
padding:2px 5px;
border:1px solid #06c;
color:#06c;
text-decoration:none;
font-weight:normal;
display:block;
float:left;
margin:2px;
}

#pageLink a:hover {
background:#d7eef9;
color:#06c;
}

#pageLink a.selected {
background:#06c;
padding:2px 5px;
border:1px solid #06c;
font-weight:bold;
color:#fff;
}

.pageNav { text-align:center; font-size: 0.85em;}

#mainArea #btmNaviArea { position:relative; padding:10px 0 20px;}

/*--検索結果--*/
#mainArea .searchBlock { width:705px; margin-bottom:15px; border-top: solid 2px #00319f;}
#mainArea .search { border-bottom:dotted 1px #ccc; padding:10px 10px 10px 12px; }
#mainArea .search .articleDate{ font-size:0.9em;}
#mainArea .searchBlock h3 { font-size:1.2em;}
#mainArea .searchBlock .commentator { font-size:0.9em; line-height:1.3em; margin-bottom:5px;}
#mainArea .searchBlock .article { font-size:1em;}

/* =====================================================================
* 詳細ページ
* =================================================================== */
#mainArea #archiveDetail { border-bottom:dotted 1px #ccc; margin-bottom:15px;}

#mainArea #titleArea .snsBox { position:absolute; bottom:10px; right:0; padding-top:3px;}
#mainArea #btmNaviArea .snsBox { position:absolute; top:10px; right:0; padding-top:3px;}
#mainArea .snsBox .sns { line-height:1;}
#mainArea .snsBox .notes {width:123px; height:12px; margin-top:3px; background:url(../images/sns_notes.gif) no-repeat top; text-indent:-9999px; overflow:hidden; }

/*タグサンプル*/
#mainArea .article h4 {
font-size: 1.35em;
color:#ce2035;
line-height: 1.2em;
margin-bottom: 15px;
padding: 0.5em 0px 0;
}

#mainArea .article h5 {
font-size: 1.25em;
color:#24aef1;
line-height: 1.2em;
margin-bottom: 15px;
padding: 0.25em 0px 0;
}

#mainArea .article h6 {
font-size: 1.0em;
color:#573704;
line-height: 1.2em;
margin-bottom: 5px;
padding: 0.25em 0px;
}

#mainArea .article .cast {
font-size: 1.1em;
color:#333;
line-height: 100%;
margin-bottom: 10px;
padding: 0.25em 0px;
font-weight:bold;
}

#mainArea .article hr{
border: dashed 1px #B5ADE6;
margin-bottom: 15px;
clear: both;
}

#mainArea .article blockquote {
margin-left: 1em;
margin-bottom: 1em;
padding: 0.5em;
background: #f2f2f2;
border: 1px solid #83ccef;
}

#mainArea .article table{
	margin: 0px;
	border-top: 1px solid #83ccef;
	border-left: 1px solid #83ccef;
	border-right: 1px solid #83ccef;
}
#mainArea .article th {
	background: #f2f2f2;
	border-bottom: 1px solid #83ccef;
	padding:5px 10px;
}
#mainArea .article td {
	background: #fff;
	border-bottom: 1px solid #83ccef;
	border-left: 1px solid #83ccef;
	padding:5px 10px;
}

#mainArea .article ol{
	margin-bottom: 20px;
	padding-left:1.5em;
	list-style:decimal;
}
#mainArea .article ul{
	margin-bottom: 20px;
	padding-left:1.2em;
	list-style:disc;
}


/* =====================================================================
* 右カラム
* =================================================================== */
#contentsArea #commonArea { padding-top:25px;}
#contentsArea #commonArea #searchKey { margin:0 0 35px 2px;}
#contentsArea #commonArea #searchKey input#formSearchText { width: 175px; height: 18px; font-size:0.8em; padding:2px; }
#contentsArea #commonArea #searchProg { margin:0 0 35px 2px;}
#contentsArea #commonArea #searchDate { margin:0 0 35px 2px;}
#contentsArea #commonArea #searchMonth { margin:0 0 35px 2px;}
#searchMonth h3 { background:url(../images/icon_date.png) left center no-repeat; padding-left:30px; margin-bottom:10px;}
#searchMonth ul {padding-left:5px;}
#searchMonth ul li a { background:url(../images/icon_list.gif) left 5px no-repeat; padding-left:18px; font-size:0.9em; margin-bottom:3px; display:block;}

.rss { background: url(../images/rss.gif) no-repeat 0 0; width:74px; height:16px; text-indent:-9999px; }

@media only screen and (min-width: 0px) and (max-width: 360px) { 
	html #awCmnHdr,.smartInfo ,#footer,#nav  { width: 1010px; }
}