@charset "Shift_JIS";

/*======================================
index.html専用CSS
======================================*/

/*----------------------------
コンテント
----------------------------*/
#contentTop{
  clear:both;
  width:530px;
  padding:0 20px;
}
/*IE6*/
* html body #contentTop{
  width:570px;
}


#yjaDescription{
	width:275px;
	margin:0 10px 0 0;
	font-size:110%;
}
* html body #yjaDescription{
	font-size:110%;
}



/*--------------------------------------
更新情報枠
--------------------------------------*/
#infokoushin-head{
	width:530px;
	height:19px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/top_infokoushin_head.gif) no-repeat;
}
#infokoushin-body{
	width:528px;
	margin:0;
	padding:0;
	background:#fff;
	border-style:none solid none solid;
	border-width:0 1px;
	border-color:#5ebfff;
}
/*IE6*/
* html body #infokoushin-body{
	width:530px;
}
#infokoushin-foot{
	width:530px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background:url(../images/top_infokoushin_foot.gif) no-repeat;
	background-position:bottom left;
}
#infokoushin-body ul{
	margin:0;
	padding:5px 10px 5px 25px;
	list-style-type:disc;
	list-style-position:outside;
}
#infokoushin-body li{
	padding:2px 0;
	border-style:none none dotted none;
	border-width:0 0 1px 0;
	border-color:#5ebfff;
}
/*日付*/
.infokoushin-date {
	margin:0 10px 0 0;
	color:#888;
}

/*--------------------------------------
トピックス枠
--------------------------------------*/
#infotopics-head{
	width:530px;
	height:19px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/top_infotopics_head.gif) no-repeat;
}

#infotopics-body{
	width:528px;
	margin:0;
	padding:0;
	background:#fff2ca;
	border-style:none solid none solid;
	border-width:0 1px;
	border-color:#ff9c0e;
}
/*IE6*/
* html body #infotopics-body{
	width:530px;
}

#infotopics-foot{
	width:530px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background:url(../images/top_infotopics_foot.gif) no-repeat;
	background-position:bottom left;
}
#infotopics-body ul{
	margin:0;
	padding:5px 10px 5px 25px;
	list-style-type:disc;
	list-style-position:outside;
}
#infotopics-body li{
	padding:2px 0;
	border-style:none none dotted none;
	border-width:0 0 1px 0;
	border-color:#ff9c0e;
}
/*タイトル行*/
.infotopics-titleblock {
	display:block;
}
/*タイトル*/
.infotopics-title {
	margin:0 10px 0 0;
	color:#f60;
	vertical-align:baseline;
}
/*アイコン*/
.icon img{
	margin:0 5px 0 0;
	padding:0;
	vertical-align:bottom;
}




/*--------------------------------------
フッタ
--------------------------------------*/
#footer{
	clear:both;
	width:530px;
	margin:0;
	padding:10px 20px 0 20px;
	text-align:right;
}
/*IE6*/
* html body #footer{
	width:570px;
}

/*------------------
フッタテキスト
------------------*/
#footer .footerText{
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}

/*------------------
プラグイン
------------------*/
#footer .plugins{
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}
#footer .plugins .pluginsBanner{
	float:right;
	min-height:33px;
	margin:0 0 0 10px;
	padding:0;
}
* html body #footer #plugins .pluginsBanner{
	height:33px;
}

#footer .plugins .pluginsText{
	float:right;
	min-height:33px;
	width:400px;
	margin:0;
	padding:0;
}
* html body #footer .plugins .pluginsText{
	height:33px;
}

/*------------------
アクセスカウンター
------------------*/
#footer #counter{
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}



/*------------------
ブログパーツ＆モバイルバナー（2008年11月12日追加）
------------------*/
a.newBanner{
	display:block;
	width:275px;
	height:36px;
	margin-bottom:8px;
	background-position:0 0;
	text-indent:-9999px;
	outline:none;
}
a.newBanner:hover{
	background-position:0 -36px;
}


/*--------------------------------------------------------
サイドメニュー下　ツイッター＆QR（2012年3月22日追加）
--------------------------------------------------------*/
/*----------------------------
ツイッター
----------------------------*/
#sideTwitterBox{
	width:152px;
	height:325px;
	padding:10px 0 0 8px;
	margin:0;
	background:url(../images/side_twitter_bg.gif) no-repeat;
}
* html body #sideTwitterBox{height:335px;width:160px;}
#sideTwitterBox div{
	border-width:1px 0 1px 0;
	border-color:#badafe;
	border-style:solid;
	margin:0;
	padding:5px 0 0 0;
}
* html body #sideTwitterBox div{width:152px;height:290px;}
* + html body #sideTwitterBox div{height:283px;}
#sideTwitterBox p{
	font-size:10px;
	text-align:right;
}

/*----------------------------
サイド2次元コード
----------------------------*/
#side2dcodeIndex{
	width:160px;
	height:136px;
	margin:0;
	padding:0;
	text-indent: -9999px;
	background: url(../images/side_2dcode_index.gif) no-repeat;
}



/*--------------------------------------------------------
サイドメニュー下　バナー（2013年10月30日追加）
--------------------------------------------------------*/
#sideBnr{
	padding:10px 0 5px 8px;
	margin:0;
	}
#sideBnr img{
	margin-bottom:5px;
}

/*--------------------------------------------------------
追加・上書き（2013年10月30日追加）
--------------------------------------------------------*/
#sizechange{
	background:#fff !important;
	margin:10px 10px 0 0 !important;
	height:25px !important;
}
#indexRead{
	width:730px;
	height:110px;
	clear:both;
	font-size:110%;
	position:relative;
	z-index:90;
}

#indexRead p{
	width:410px;
	position:absolute;
	top:5px;
	left:15px;
	z-index:100;
}
#indexBnr{
	width:275px;
	position:absolute;
	top:5px;
	right:15px;
}
#side{
	position:relative;
}
.iconNew2{
	display:block;
	width:32px;
	height:23px;
	text-indent:-9999px;
	background:url(../common_images/icon_new_2.gif) 0 0;
	position:absolute;
	top:80px;
	right:-5px;
}
#main{margin-top:45px !important;}
* html body #main{margin-top:30px !important;}
* + html body #main{margin-top:30px !important;}
#snsBox{
	width:530px;
	height:250px;
	margin:20px 0;
}
#boxFb,
#boxTw{
	width:230px;
	height:230px;
	padding:10px;
	background:#fff;
	position:relative;
}
* html body #boxFb{width:260px;height:260px;}
* html body #boxTw{width:260px;height:260px; padding-bottom:0;}
#boxFb{
	border:5px solid #46629e;
	float:left;
}
#boxTw{
	border:5px solid #75ddff;
	float:right;
}
#boxFb iframe{
	width:230px;
	height:230px;
	border:none;
}
#boxTw iframe{
	width:230px;
	height:215px;
	border:none;
}
#boxTw p{
	font-size:12px;
	text-align:right;
	margin:0;
}

#iconFb,
#iconTw{
	width:115px;
	height:44px;
	text-indent:-9999px;
	background-image:url(../images/sns_midashi.gif);
	position:absolute;
	top:-15px;
	right:-10px;
	border:none !important;
	background-color:transparent !important;
	padding:0 !important;
	margin:0 !important;
}
#iconFb{background-position:top left;}
#iconTw{background-position:top right;}
