@charset "UTF-8";
/* ==============================
  css-message
=================================
h2
---------------------------------
btn-ariaWrap2
---------------------------------
btn-ariaWrap
---------------------------------
btn-personal
---------------------------------
rss
---------------------------------
sec
---------------------------------
number
============================== */

#content {
	padding-bottom: 30px;
}

.btm37 {
	margin-bottom: 37px;
}

/* ------------------------------
  h2
------------------------------ */
h2 {
	width: 317px;
	height: 101px;
	background: url(/image/contents/message/h2.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}

/* ------------------------------
  btn-ariaWrap2
------------------------------ */
#btn-ariaWrap2 {
	float: right;
}

/* ------------------------------
  btn-ariaWrap
------------------------------ */
#btn-ariaWrap {
}
/* clearfix */
#btn-ariaWrap:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#btn-ariaWrap {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #btn-ariaWrap {
	height: 1%;
}
#btn-ariaWrap {
	display: block;
}
/* End hide from IE-mac */

/* ------------------------------
  btn-personal
------------------------------ */
ul#btn-personal {
	width: 320px;
	padding-top: 8px;
	float: right;
}
#sideIgarashi ul#btn-personal,
#sideOhkawa ul#btn-personal,
#sideNekoi ul#btn-personal,
#sideMocona ul#btn-personal,
#sideClamp ul#btn-personal {
	width: 479px;
}

ul#btn-personal li {
	height: 80px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
ul#btn-personal li#igarashi {
	width: 75px;
	padding-right: 13px;
}
ul#btn-personal li#ohkawa {
	width: 71px;
	padding-right: 9px;
}
ul#btn-personal li#nekoi {
	width: 61px;
	padding-right: 15px;
}
ul#btn-personal li#mocona {
	width: 76px;
}
ul#btn-personal li#all {
	width: 136px;
	height: 30px;
	padding-top: 50px;
	padding-right: 23px;
}

ul#btn-personal li a {
	height: 80px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
ul#btn-personal li#igarashi a {
	width: 75px;
	background-image: url(/image/contents/message/btn_igarashi.gif);
}
ul#btn-personal li#ohkawa a {
	width: 71px;
	background-image: url(/image/contents/message/btn_ohkawa.gif);
}
ul#btn-personal li#nekoi a {
	width: 61px;
	background-image: url(/image/contents/message/btn_nekoi.gif);
}
ul#btn-personal li#mocona a {
	width: 76px;
	background-image: url(/image/contents/message/btn_mocona.gif);
}
ul#btn-personal li#all a {
	width: 136px;
	height: 30px;
	background-image: url(/image/contents/message/btn_all.gif);
}

#sideIgarashi ul#btn-personal li#ohkawa a,
#sideIgarashi ul#btn-personal li#nekoi a,
#sideIgarashi ul#btn-personal li#mocona a,
#sideOhkawa ul#btn-personal li#igarashi a,
#sideOhkawa ul#btn-personal li#nekoi a,
#sideOhkawa ul#btn-personal li#mocona a,
#sideNekoi ul#btn-personal li#igarashi a,
#sideNekoi ul#btn-personal li#ohkawa a,
#sideNekoi ul#btn-personal li#mocona a,
#sideMocona ul#btn-personal li#igarashi a,
#sideMocona ul#btn-personal li#ohkawa a,
#sideMocona ul#btn-personal li#nekoi a ,
#sideClamp ul#btn-personal li#igarashi a,
#sideClamp ul#btn-personal li#ohkawa a,
#sideClamp ul#btn-personal li#nekoi a ,
#sideClamp ul#btn-personal li#mocona a{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul#btn-personal li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#sideIgarashi ul#btn-personal li#ohkawa a:hover,
#sideIgarashi ul#btn-personal li#nekoi a:hover,
#sideIgarashi ul#btn-personal li#mocona a:hover,
#sideOhkawa ul#btn-personal li#igarashi a:hover,
#sideOhkawa ul#btn-personal li#nekoi a:hover,
#sideOhkawa ul#btn-personal li#mocona a:hover,
#sideNekoi ul#btn-personal li#igarashi a:hover,
#sideNekoi ul#btn-personal li#ohkawa a:hover,
#sideNekoi ul#btn-personal li#mocona a:hover,
#sideMocona ul#btn-personal li#igarashi a:hover,
#sideMocona ul#btn-personal li#ohkawa a:hover,
#sideMocona ul#btn-personal li#nekoi a:hover ,
#sideClamp ul#btn-personal li#igarashi a:hover,
#sideClamp ul#btn-personal li#ohkawa a:hover,
#sideClamp ul#btn-personal li#nekoi a:hover ,
#sideClamp ul#btn-personal li#mocona a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#sideIgarashi ul#btn-personal li#igarashi a:hover,
#sideOhkawa ul#btn-personal li#ohkawa a:hover,
#sideNekoi ul#btn-personal li#nekoi a:hover,
#sideMocona ul#btn-personal li#mocona a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

ul#btn-personal li#all a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background-position: 0 -30px;
}

/* ------------------------------
  rss
------------------------------ */
.rss {
	padding-top: 20px;
}
/* clearfix */
.rss:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss {
	height: 1%;
}
.rss {
	display: block;
}
/* End hide from IE-mac */

.rss p {
	text-align: right;
	color: #939393;
	padding-top: 4px;
	padding-right: 8px;
	float: right;
}

.rss ul {
	width: 56px;
	float: right;
}
/* clearfix */
.rss ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss ul {
	height: 1%;
}
.rss ul {
	display: block;
}
/* End hide from IE-mac */

.rss li {
	width: 26px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
.rss li#btnRss {
	float: left;
}
.rss li#btnRss-help {
	float: right;
}

.rss li a {
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
.rss li#btnRss a {
	background-image: url(/image/common/btn_rss.gif);
}
.rss li#btnRss-help a {
	background-image: url(/image/common/btn_rss_help.gif);
}

.rss li a:hover {
	background-position: 0 -26px;
}

/* ------------------------------
  sec
------------------------------ */
.secIgarashi,
.secOhkawa,
.secNekoi,
.secMocona {
	width: 960px;
	margin-bottom: 30px;
}
/* clearfix */
.secIgarashi:after,
.secOhkawa:after,
.secNekoi:after,
.secMocona:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.secIgarashi,
.secOhkawa,
.secNekoi,
.secMocona {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .secIgarashi,
* html .secOhkawa,
* html .secNekoi,
* html .secMocona {
	height: 1%;
}
.secIgarashi,
.secOhkawa,
.secNekoi,
.secMocona {
	display: block;
}
/* End hide from IE-mac */

.secImg {
	width: 351px;
	height: 175px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
.secIgarashi .secImg {
	background: url(/image/contents/message/img_igarashi.gif) no-repeat top right;
}
.secOhkawa .secImg {
	background: url(/image/contents/message/img_ohkawa.gif) no-repeat top right;
}
.secNekoi .secImg {
	background: url(/image/contents/message/img_nekoi.gif) no-repeat top right;
}
.secMocona .secImg {
	background: url(/image/contents/message/img_mocona.gif) no-repeat top right;
}

.secTxt {
	width: 593px;
	background-repeat: repeat-y;
	margin-top: 5px;
	float: right;
}
.secIgarashi .secTxt {
	background-image: url(/image/contents/message/inr_igarashi.gif);
}
.secOhkawa .secTxt {
	background-image: url(/image/contents/message/inr_ohkawa.gif);
}
.secNekoi .secTxt {
	background-image: url(/image/contents/message/inr_nekoi.gif);
}
.secMocona .secTxt {
	background-image: url(/image/contents/message/inr_mocona.gif);
}

.secTxt-title {
	width: 593px;
	height: 59px;
	background-repeat: no-repeat;
}
.secIgarashi .secTxt-title {
	background-image: url(/image/contents/message/top_igarashi.gif);
}
.secOhkawa .secTxt-title {
	background-image: url(/image/contents/message/top_ohkawa.gif);
}
.secNekoi .secTxt-title {
	background-image: url(/image/contents/message/top_nekoi.gif);
}
.secMocona .secTxt-title {
	background-image: url(/image/contents/message/top_mocona.gif);
}

.secTxt-title h3 {
	width: 510px;
	font-size: 100%;
	line-height: 1.7;
	padding-top: 23px;
	padding-left: 55px;
}
.secIgarashi .secTxt-title h3 {
	color: #3d770e;
}
.secOhkawa .secTxt-title h3 {
	color: #9c2043;
}
.secNekoi .secTxt-title h3 {
	color: #155fa8;
}
.secMocona .secTxt-title h3 {
	color: #e68f12;
}

.secTxt-inr {
	width: 510px;
	color: #666666;
	line-height: 1.7;
	padding-top: 5px;
	padding-left: 55px;
	padding-bottom: 15px;
}

.secTxt-btm {
	width: 593px;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.secIgarashi .secTxt-btm {
	background-image: url(/image/contents/message/btm_igarashi.gif);
}
.secOhkawa .secTxt-btm {
	background-image: url(/image/contents/message/btm_ohkawa.gif);
}
.secNekoi .secTxt-btm {
	background-image: url(/image/contents/message/btm_nekoi.gif);
}
.secMocona .secTxt-btm {
	background-image: url(/image/contents/message/btm_mocona.gif);
}

.none {
	display: none;
}

p.date {
	width: 588px;
	background-color: #FFFFFF;
	color: #666666;
	text-align: right;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 5px;
}
p.date span {
	font-size: 12px;
	font-weight: bold;
}
.secIgarashi p.date span {
	color: #3d770e;
}
.secOhkawa p.date span {
	color: #9c2043;
}
.secNekoi p.date span {
	color: #155fa8;
}
.secMocona p.date span {
	color: #e68f12;
}

/* ------------------------------
  number
------------------------------ */
#number {
	width: 960px;
	background: url(/image/contents/topics/line_numbergif) repeat-x;
	padding-top: 10px;
}

#number ul {
	height: 29px;
	overflow: hidden;
}
/* clearfix */
#number ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#number ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #number ul {
	height: 1%;
}
#number ul {
	display: block;
}
/* End hide from IE-mac */

#number li {
	width: 29px;
	height: 29px;
	font-size: 12px;
	padding-right: 5px;
	float: left;
}

#number li a {
	width: 29px;
	height: 29px;
	text-decoration: none;
	display: block;
	outline: none;
	background: url(/image/contents/topics/nav_number.gif) no-repeat;
}

#number li a:hover {
	background-position: 0 -29px;
}
#number li.current a {
	background-position: 0 -58px;
}
#number li.current a:hover {
	background-position: 0 -58px;
}

#number li a span {
	display: block;
	text-align: center;
	color: #FFFFFF;
	padding-top: 7px;
}

