@charset "utf-8";

/*---------------------------------------------------
css reset */

*{
font-size:100%;
padding:0;
margin:0;
line-height:1.4em;
}

li{
list-style-type:none;
}

img{
border:none;
}


/*---------------------------------------------------
basic text font + color */

*{
font-family:verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body{
color:#fefefe;
}

strong{
font-weight:bold;
}

big{
font-size:120%;
}

small{
font-size: 80%;
}

.boxBody ul li {
padding:0 0 0 25px;
background: url(http://www.ohtabooks.com/common/img/listmark_01.gif) 10px 0.6em no-repeat;
}

.boxBody ol li {
list-style-type:decimal;
margin:0 0 0 25px;
}

blockquote{
background:#fafafa;
border-left: double 3px #e5e5e5;
border-right: double 3px #e5e5e5;
padding:14px 18px 14px 18px;
width:80%;
margin:0 auto 1.9em auto;
}

hr{
clear:both;
color:#FFFFFF;
width:1px;
visibility:hidden;
margin:0 0 -5px 0;
}

/*---------------------------------------------------
basic text link color */

a:link {
color: #cc33cc;
text-decoration: none;
}
a:visited {
color: #cc33cc;
text-decoration: none;
}
a:hover {
color: #ff0033;
text-decoration: underline;
}
a:active {
color: #ff0033;
text-decoration: none;
}


/*---------------------------------------------------
basic class + id */

.clear{ clear:both;}

.left{ float:left; margin:0 16px 0 0;}

.right{ float:right; margin:0 0 0 16px;}

.note{ 
color:#fd4608 !important; 
font-size:81%;
}
.noteM{ 
font-weight:normal !important; 
padding:0 !important; 
font-size:81%; 
display:inline !important;
line-height:1.15em;
}

.notice{/*gray - notice list*/
color:#6f6f6f;
}

.hide{ 
visibility:hidden; 
height:1px; 
margin:0 !important; 
padding:0 !important;
overflow:hidden;
}

#contentEnd{
clear:both;
text-align:right;
height:25px;
}



/*---------------------------------------------------
layout body + head */

body.home{
}
body{
}

body.home #body{
font-size:81%;
background:url(../img/bg_body.gif) left top repeat-x;
}

#body{
font-size:81%;
background:url(../img/bg_body_sub.gif) left top repeat-x;
}

#header{
width:880px;
height:139px;
margin:0 0 0 12px;
position:relative;
}

#logo {
float:left;
}
#logo a{
display:block;
height:139px;
width:520px;
margin:0 0 0 0;
background:url(../img/logo_qjkettle.gif) no-repeat left center;
}
#logo a span{
display: none;
}
#logo a:hover{
filter: alpha(opacity=77);
-moz-opacity:0.77;
opacity:0.77;
}

#toptxt{
display:none;
}

#search{
clear:both;
width:278px;
background:none;
height:49px;
overflow:hidden;
padding:2px 0 0 0;
position:absolute;
top: 44px;
right:0px;
color:#333333;
}
#search form{
margin:0;
}
#search label{
float:left;
height:18px;
}
#search span{
display:none;
}
#selectA{
width:124px;
margin:0 0 0 2px;
}
#selectB{
background:url(../img/serch_txt_news.gif) right top no-repeat;
margin:0 0 0 10px;
width:116px;
}
#selectC{
background:url(../img/serch_txt_backnumber.gif) right top no-repeat;
width:152px;
}
	* html #search label{
	background-position:right center;
	}
	*:first-child+html #search label{
	background-position:right center;
	}
.searchtxt{
display:block;
float:left;
width:236px;
padding:1px 1px 1px 1px;
line-height:1.1em;
margin:4px 2px 0 1px;
color:#4a4a4a;
}
.Btn_srchSubmt{
display:block;
float:right;
border:none;
margin:6px 0 0 0;
}

#headNavigation{
clear:both;
display:block;
position:absolute;
top: 0px;
margin:0 0 0 654px;
}
#headNavigation li a span{
display:none;
}
#headNavigation li {
display:inline;
}
#headNavigation li a{
display:block;
float:left;
width:84px;
height:21px;
}

/*
#btnOhtabooks a{
background:url(../img/btn_ohtabooks.gif) top no-repeat;
}
#btnOhtabooks a:hover{
background-position: bottom;
}

#btnAdvertise a{
background:url(../img/btn_advertise.gif) top no-repeat;
}
#btnAdvertise a:hover{
background-position: bottom;
}
*/

/*---------------------------------------------------
layout main */

#container{
color:#010101;
}

#main{
clear:both;
width:880px;
margin:0 0 0 12px;
background:url(../img/ptn_stripe.gif) left top repeat;
color:#333333;
}

#contents{
width:850px;
position:relative;
margin:0 auto;
background:url(../img/bg_main.gif) center repeat-y;
}

#contentsMain{
float: left;
width:630px;
}
	* html #contentsMain{
	width:630px;
	margin:0 -16em 0 0;
	display:block;
	}

#contentsMain h2.pageTitleTop{
background:#000000;
height:46px;
}
#contentsMain h2.pageTitleTop img{
margin:14px 0 0 14px;
}
#contentsMain h2.pageTitleTop span{
display:block;
padding:14px 0 0 14px;
color:#fcfcfc;
}

#contentsMain h2.pageTitle{
background:#000000;
height:46px;
}
#contentsMain h2.pageTitle img{
margin:18px 0 0 14px;
}
#contentsMain h2.pageTitle span{
display:block;
padding:14px 0 0 14px;
color:#fcfcfc;
}

/*social link btn*/

/*  // old data 120927 */
.socialLink {
display:block;
text-align:left;
padding:10px 0px 15px;
}
.socialLink li {
float: left;
list-style-type: none;
}
.socialLink li a {
padding: 4px 0 0 4px;
}
.socialLink li a.fb_share {
display:block;
width:16px;
margin:-3px 0 0 0;
padding: 4px 0 0 4px;
}
.socialLink li a:hover span.FBConnectButton_Text_Simple {
text-decoration:none;
}
.socialLink li span.FBConnectButton_Simple{
background:url(http://www.poco2.jp/img/common/icon_facebook.png) no-repeat left bottom;
padding:0;
margin:0;
vertical-align:bottom;
}
	.socialLink li span.FBConnectButton_Simple{
	background:url(http://www.poco2.jp/img/common/icon_facebook.png) no-repeat left bottom;
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	}

.socialLink li img,
.socialLink li a img {
vertical-align: bottom;
}
/* //old */


.snsIcon{
display:block;
padding:14px 10px 0 0;
}
.snsIcon:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.snsIcon li{
padding:4px 0 0 0;
float: right;
list-style-type: none;
}
.snsIcon li a {
padding: 4px 0 0 4px;
}
/*
.snsIcon li a.fb_share {
display:block;
width:16px;
margin:-3px 0 0 0;
padding: 4px 0 0 4px;
}
.snsIcon li a:hover span.FBConnectButton_Text_Simple {
text-decoration:none;
}
.snsIcon li span.FBConnectButton_Simple{
background:url(http://www.poco2.jp/img/common/icon_facebook.png) no-repeat left bottom;
padding:0;
margin:0;
vertical-align:bottom;
}
	.snsIcon li span.FBConnectButton_Simple{
	background:url(http://www.poco2.jp/img/common/icon_facebook.png) no-repeat left bottom;
	display:block;
	width:16px;
	height:16px;
	}
*/

.snsIcon li img,
.snsIcon li a img {
vertical-align: bottom;
}

li.googolePlus{
	padding-left:4px;}
li.twitterShare{
	padding-left:4px;}
li.facebookLike{
	padding-left:4px;}



/*---------------------------------------------------
sub page */

#TopicPass{/*pan kuzu list*/
margin:16px 18px 0 18px;
padding:0;
}
#TopicPass dt{
display:none;
}
#TopicPass dd a{
text-decoration:none;
}


/*---------------------------------------------------
topHeadline */

#topHeadline{
background:#2d2d2d;
height:232px;
margin:0 0 15px 0;
position:relative;
}

#topNavigation{
float:left;
width:200px;
padding:14px 0 0 0;
}
	* html #topNavigation{
	position:absolute;
	left:0;
	}

#topNavigation li a{
display:block;
width:200px;
height:48px;
}
#topNavigation li a:hover{
background-color:#202020;
}

#topNavigation li a span{
display:none;
}

#home a{ background:url(../img/navi_home.gif) center no-repeat;}
#newissue a{ background:url(../img/navi_newissue.gif) center no-repeat;}
#backnumber a{ background:url(../img/navi_backnumber.gif) center no-repeat;}
#notice a{ background:url(../img/navi_notice.gif) center no-repeat;}
#news a{ background:url(../img/navi_news.gif) center no-repeat;}

#home.selected a{ background:#101010 url(../img/navi_home_h.gif) center no-repeat;}
#newissue.selected a{ background:#101010 url(../img/navi_newissue_h.gif) center no-repeat;}
#backnumber.selected a{ background:#101010 url(../img/navi_backnumber_h.gif) center no-repeat;}
#notice.selected a{ background:#101010 url(../img/navi_notice_h.gif) center no-repeat;}
#news.selected a{ background:#101010 url(../img/navi_news_h.gif) center no-repeat;}


#topBnr{
list-style-type:none;
}
#topBnr li a:hover{
filter: alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
}
	* html #topBnr {
	position:absolute;
	right:0;
	}


#ohtaBookList{
list-style-type:none;
float:right;
display:block;
width:680px;
height:232px;
overflow:hidden;
background:#000000 url(../img/ohtabookslist_bg.gif) repeat left top;
}
#ohtaBookList li{
display:block;
float:left;
width:170px;
margin:0;
padding:25px 0 0 0;
text-align:center;
}
#ohtaBookList li a{
line-height:100%;
font-size:80%;
color:#CCCCCC;
height:232px;
}
	#ohtaBookList li a:hover{
	color:#f1f1f1;
	text-decoration:none;
	}
#ohtaBookList li a img{
margin:0 auto 5px auto;
text-align:center;
display:block;
max-width:170px;
height:auto;
max-height:165px;
filter: alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;
}
#ohtaBookList li a:hover img{
filter: alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
-webkit-box-shadow: #555555 5px 5px 7px;
-moz-box-shadow: #555555 5px 5px 7px;
box-shadow: #555555 5px 5px 7px;
}



/*---------------------------------------------------
layout main navigation */

#mainNavigation{
width:880px;
padding:0 0 0 0;
margin:0 0 15px 0;
background:#2d2d2d;
/*border-bottom:1px solid #ffffff;*/
height:49px;
position:relative;
}

#mainNavigation li{
float:left;
background:#2d2d2d;
}
	* html #mainNavigation li{
	position: absolute;	
	}

#mainNavigation li a{
display:block;
height:49px;
}
#mainNavigation li a:hover{
background-color:#202020;
}

#mainNavigation li a span{
display:none;
}

#mainNavigation #home a		{ width:182px;}
#mainNavigation #notice a	{ width:176px;}
#mainNavigation #news a		{ width:242px;}
#mainNavigation #backnumber a{width:280px;}

* html #mainNavigation #home		{ left:0px;}
* html #mainNavigation #notice		{ left:182px;}
* html #mainNavigation #news		{ left:358px;}
* html #mainNavigation #backnumber	{ left:600px;}



/*---------------------------------------------------
layout side navigation */

#sideNavigation{
/*margin:0 0 0 630px;*/
float:right;
width:220px;
}
	/* * html #sideNavigation{
	margin:0 0 0 627px;
	}*/

#rssFeeds dt{ display:none;}
#rssFeeds dd{ display:block; background:#a5a5a5; height:46px; text-align:center;}
#rssFeeds dd img{ padding:9px 0 0 0;}

#sideNavigation h3{
	clear:both;
	padding:20px 16px 0 16px;
}
#sideNavigation ul{
margin:13px 5px 0 23px;
padding:0 0 16px 0;
}
#sideNavigation ul li{
margin:0 0 0.4em 0;
background:url(../img/arrow01.gif) left 0.45em no-repeat;
padding:1px 4px 1px 12px;
}
#sideNavigation ul li{
	display:block;
	float:left;
	min-width:40%;
}
#sideNavigation ul li a{
line-height:1.3em;
}

#sideNavigation a:link {
color: #000000;
text-decoration: none;
}
#sideNavigation a:visited {
color: #000000;
text-decoration: none;
}
#sideNavigation a:hover {
color: #cc33cc;
text-decoration: underline;
}
#sideNavigation a:active {
color: #ff0033;
text-decoration: none;
}

/*twitter*/

#sideNavigation #listTweets ul{
margin:13px 23px 0 23px;
padding:0;
}

#sideNavigation #listTweets li{
margin:0 0 0.4em 0;
padding:0;
background:none;
border-bottom:solid 1px #d3d3d3;
}

#sideNavigation #listTweets li dl{ display:inline;}
#sideNavigation #listTweets li dl dt{
padding:0 0 2px 12px;
font-size:81%;
}
#sideNavigation #listTweets li dl dt a{
}
#sideNavigation #listTweets li dl dd{
padding:0 0 6px 12px;
background:url(../img/arrow01.gif) left 0.45em no-repeat;
line-height:1.3em;
}
#sideNavigation #listTweets li dl dd a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" Helvetica, sans-serif;
}

#sideNavigation #tweetFt{
	float:none;
	clear:both;
margin:6px 23px 0 23px;
font-size:81%;
padding:0 0 16px 0;
color:#666666;
text-align:right;
}

#sideNavigation #tweetFt a,
#sideNavigation #listTweets li dl a{
color:#666666;
word-break:break-all !important;
}
#sideNavigation #tweetFt a:hover,
#sideNavigation #listTweets li dl a:hover{
color: #cc33cc;
}
#sideNavigation #tweetFt a:active,
#sideNavigation #listTweets li dl a:active{
color: #ff0033;
}



/*inline list - tagcloud*/
#sideNavigation .listInline li{
display:inline !important;
background:none;
padding:0 4px 0 0;
min-width:inherit;
}

/*ohta list*/
#sideNavigation .listOhtaLinks{
	clear:both;
margin:0 0 0 12px;
padding:13px  0 16px 0;
}
#sideNavigation .listOhtaLinks li{
padding:0;
background:none;
float:left;
}
#sideNavigation .listOhtaLinks li a{
	display:block;
	height:28px;
	width:94px;
border:solid 1px #000000;
text-align:center;
margin:2px 6px 0 0 ;
}
#sideNavigation .listOhtaLinks li a:hover{
border:solid 1px #cc33cc;
}
#sideNavigation .listOhtaLinks li a:active{
border:solid 1px #ff0033;
}




/*---------------------------------------------------
lists */

/*common list*/

li .pic a img{
border:solid 1px #000000;
}
li .pic a:hover img{
border:solid 1px #cc33cc;
}
li .pic a:active img{
border:solid 1px #ff0033;
}

li .category{
margin: 11px 0 0 0;
color:#ffffff;
background:url(../img/category_hd.gif) left top no-repeat;
width:133px;
font-size:11px;
text-align:center;
}
li .category span{
font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" Helvetica, sans-serif;
display:block;
width:133px;
padding:1px;
background:url(../img/category_ft.gif) left bottom no-repeat;
}
li .date{
font-weight:bold;
margin:-3px 0 0 0;
}

li div dl dt a{
line-height:1.2em;
}


/*SingleRow*/
.listSingleRow{
list-style-type:none;
display:block;
}
.listSingleRow li{
display:block;
border:solid #cccccc 3px;
width:544px;
margin:22px auto 0 auto;
padding:12px 12px 12px 12px;
}
	* html .listSingleRow li{
	padding:12px 12px 10px 12px;
	min-height:130px;
	}
	*:first-child+html .listSingleRow li{
	padding:12px 12px 10px 12px;
	min-height:130px;
	}


.listSingleRow li .pic{
float:left;
width:148px;
text-align:center;
}
.listSingleRow li .pic img{
margin:0 auto;
max-width:148px;
}
.listSingleRow li div{
margin:0 0 0 162px;
}
.listSingleRow li div dl dt{
font-weight:bold;
font-size:140%;
margin: 4px 0 0 0;
}
.listSingleRow li div dl dd{
margin: 4px 0 0 0;
}

/*SingleRow - search*/
.listSingleRow li dl dt{
font-weight:bold;
font-size:140%;
margin: 4px 0 0 0;
}
.listSingleRow li dl dd{
margin: 4px 0 0 0;
}



.localLinkTitle{ margin:18px 0 0 20px;}

/*DoubleRow*/
.listDoubleRow{
list-style-type:none;
display:block;
margin:0 0 0 20px;
}
.listDoubleRow li{
display:block;
border:solid #cccccc 3px;
width:262px;
margin:17px 17px 0 0;
padding:9px 9px 0 9px;
height:102px;
/*flatheights.jp set padding:9px 9px 0 9px;*/
float:left;
position:relative;
}
.listDoubleRow li .pic{
float:left;
width:90px;
text-align:center;
}
.listDoubleRow li .pic img{
margin:0 auto;
max-width:90px;
}

.listDoubleRow li div{
margin:0 0 0 100px;
}
.listDoubleRow li div dl dt{
margin: 7px 0 0 0;
background:url(../img/arrow01.gif) left 0.45em no-repeat;
padding:0 0 0 12px;
}
.listDoubleRow li .date{
margin:0;
font-size:81%;
}
.listDoubleRow li .category{
width:76px;
font-size:10px;
position:absolute;
right:10px;
top:10px;
margin:0;
padding:0;
background-image:url(../img/category_m_hd.gif);
}
.listDoubleRow li .category span{
width:76px;
background-image:url(../img/category_m_ft.gif);
}


/*TripleRow*/
.listTripleRow{
list-style-type:none;
display:block;
margin:0 0 0 28px ;
}
.listTripleRow li{
display:block;
border:solid #cccccc 3px;
width:150px;
margin:22px 17px 0 0;
padding:12px 12px 0 12px;
/*flatheights.jp setpadding:12px 12px 0 12px;*/
float:left;
}
.listTripleRow li .pic{
margin: 10px 0 18px 0;
width:148px;
height:110px;
text-align:center;
padding:0 0 0 0;
}
.listTripleRow li .pic img{
margin:0 auto;
max-width:148px;
}

.listTripleRow li .date{
text-align:center;
}
.listTripleRow li div dl{
height:7em;
}
.listTripleRow li div dl dt{
margin: 10px 0 0 0;
background:url(../img/arrow01.gif) left 0.45em no-repeat;
padding:0 0 0 12px;
}
.listTripleRow li div dl dd{
margin: 4px 0 0 0;
font-size:81%;
}
.listTripleRow li .category{
margin: 12px auto 12px auto;
}




/*---------------------------------------------------
layout footer */

#footer{
background:url(../img/bg_body_foot.gif) left top repeat-x;
height:140px;
clear:both;
}
#inFooter{
background:url(../img/bg_foot.gif) left bottom no-repeat;
padding:44px 0 0 0;
height:106px;
}

#footNavigation{
display:block;
width:880px;
margin:0 0 0 12px;
font-size:81%;
}
#footNavigation li{
display: inline;
}
#footNavigation li a{
color:#ffffff;
margin:0 4px 0 0;
position:relative;
}

#copyright{
display:block;
width:880px;
text-align:right;
padding:36px 0 0 0;
margin:-60px 0 0 12px;
font-size:81%;
}
#copyright img{
vertical-align:middle;
margin:0 0 0 10px;
}
address{
	clear:both;
	font-style:normal;
}