@charset "utf-8";




/* ================================================================
   .opencloser
================================================================ */
.opencloser{
	cursor: pointer;
	color: #069;
	text-decoration: underline;
}
.closerData{
	margin-bottom: 15px;
	background-color: #d6ebeb;
	padding: 10px 10px 5px 10px;
}




/* ================================================================
   .more
================================================================ */
.more{
	display: block;
	text-align: right;
}
.more a{
	padding-left: 14px;
	background: url(../img/arr02.gif) no-repeat left center;
}
.moreL{
	display: block;
}
.moreL a{
	padding-left: 14px;
	background: url(../img/arr02.gif) no-repeat left center;
}




/* ================================================================
   .btn & .btnB
================================================================ */
.btn,
.btnB,
.btns{
	padding-top: 5px;
	text-align: center;
}
.btn a:link,
.btn a:visited,
.btnB a:link,
.btnB a:visited,
.btns a:link,
.btns a:visited{
	padding: 5px 20px 4px 20px;
	border: 1px solid #c0c0c0;
	background: #fff url(../img/_bk_01.jpg) repeat-x left bottom;
	font-weight: bold;
	color: #036;
	text-decoration: none;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.btn a:hover,
.btn a:active,
.btnB a:hover,
.btnB a:active,
.btns a:hover,
.btns a:active{
	background-image: none;
	background-color: #fff;
	color: #f30;
}

/* .btnB
------------------------------------------------- */
.btnB{	display: block;}
.btnB a{	display: block;}




/* ================================================================
   .toForm
================================================================ */
.toForm{
	margin-top: 10px;
	margin-left: 10px;
}
.toForm a:link,
.toForm a:visited{
	padding: 4px 14px 4px 22px;
	background: url(../img/toform_bk.gif) no-repeat left center;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 2.5;
	margin-right: 10px;
}
.toForm a:hover,
.toForm a:active{
	background: url(../img/toform_bk_on.gif) no-repeat left center;
	color: #fff;
	text-decoration: none;
}
.toForm a.on:link,
.toForm a.on:visited,
.toForm a.on:hover,
.toForm a.on:active{
	background: url(../img/toform_bk_on_.gif) no-repeat left center;
	color: #fff;
	text-decoration: none;
}




/* ================================================================
   .toForm2
================================================================ */
.toForm2{
	margin-top: 10px;
}
.toForm2 a:link,
.toForm2 a:visited{
	padding: 10px 20px 10px 25px;
	background: #FF3333;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 2.5;
	margin-right: 10px;
}
.toForm2 a:hover,
.toForm2 a:active{
	background: #000;
	color: #fff;
	text-decoration: none;
}




/* ================================================================
   table系
================================================================ */
.table01{	border: 1px solid #999;}
.table01 th,
.table01 td{
	padding: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	font-weight: normal;
	vertical-align: top;
}
.table01 th{	background-color: #cfcfcf;}
.table01 td{
	background-color: #f0f0f0;
	border-right: 1px solid #fff;
}
.table01 tr.last th,
.table01 tr.last td {	border-bottom: 1px solid #fff;}




/* ================================================================
   table系graph
================================================================ */
.table.graph{
	width: 580px;
	margin: 0px auto;
	border-top: 1px solid #CAD7D5;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
table.graph th,
table.graph td{
	padding: 7px 5px;
	border-bottom: 1px solid #CAD7D5;
}
table.graph td.cols2td{	padding-left: 20px;}
table.graph td.sended{	padding: 30px 0px;}
table.graph tr.last th,
table.graph tr.last td{	border-bottom: none;}
table.graph td .width45{	width: 45px;}
table.graph td .width55{	width: 55px;}
table.graph td .width320{	width: 320px;}




/* ================================================================
   リスト系　ul number
================================================================ */
ul.number{
	list-style-type: decimal;
	margin-left: 25px;
	margin-right: 20px;
}
ul.number2{
	list-style-type: decimal;
	margin-left: 40px;
	margin-right: 20px;
}
ul.number li,
ul.number2 li{	margin-left: 10px;}
ul.number li{	padding-bottom: 0.8em;}
ul.number2 li{	padding-bottom: 0.4em;}




/* ================================================================
   リスト系　ul dotted
================================================================ */
ul.dotted{
	list-style-type: disc;
	margin-left: 25px;
	margin-right: 20px;
	list-style-position: outside;
}
ul.dotted li{
	padding-bottom: 0.5em;
	padding-left: 0em;
}
ul.dotted li.child{
	margin-left: 2em;
}










/* ================================================================
   #headUnit
================================================================ */
/* h1
------------------------------------------------- */
#content #headUnit h1{
	margin: 0px 0px 15px;
	padding: 10px 10px 10px 8px;
	background: url(../img/_content_h1_bk.jpg) repeat-x left bottom;
	border-top: 1px solid #ccc;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
#content #headUnit h1 span.leftEye{
	display: block;
	padding: 5px 10px;
	background: url(../img/_sideunit_dt_bk01.jpg) repeat-y left top;
}

/* h4　カテゴリー表記
------------------------------------------------- */
#content #headUnit h4{
	margin-bottom: 1px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#content #headUnit h4 span.categoryFlag{}
#content #headUnit h4 a:link,
#content #headUnit h4 a:visited{
	display: block;
	padding: 0px 0px 0px 15px;
	background: url(../img/arr04.gif) no-repeat left center;
	text-decoration: none;
	line-height: 2;
}
#content #headUnit h4 a:hover,
#content #headUnit h4 a:active{}

/* h5　MT記事・日付表記
------------------------------------------------- */
#content #headUnit h5{
	margin: 0px 0px 15px;
	font-size: 85%;
	font-weight: normal;
	text-align: right;
}

/* .leadText　リードテキスト背景画像ベース
------------------------------------------------- */
#content #headUnit .leadText{
	padding: 10px 230px 0px 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}




/* ================================================================
   .unit
================================================================ */
#content .unit{	margin-bottom: 15px;}
#content .unit p{	margin-bottom: 1em;}




/* ================================================================
   .lineUnit
================================================================ */
#content .lineUnit{
	padding: 20px;
	border: 1px solid #c0c0c0;
}
#content .lineUnit .cell{
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/dot01.gif) repeat-x left bottom;
}
#content .lineUnit .cell h4,
#content .lineUnit .cellLast h4{
	padding-bottom: 15px;
	font-size: 110%;
	color: #036;
}
#content .lineUnit .cellLast p,
#content .lineUnit .cell p{	line-height: 1.6;}



/* ================================================================
   .lineUnit2
================================================================ */
#content h2.lineUnit2{
	padding: 5px 10px 5px 8px;
	background: url(../img/members_h2_bk.jpg) repeat-x left bottom;
	border-top: 1px solid #c0c0c0;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
#content h2.lineUnit2 span.leftEye{
	display: block;
	padding: 2px 10px;
	background: url(../img/bk_04.jpg) repeat-y left top;
}
#content div.lineUnit2,
#content div.lineUnit2Last{
	padding: 25px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}
#content div.lineUnit2{	margin-bottom: 30px;}
#content div.lineUnit2Last{	margin-bottom: 0px;}






/* ================================================================
   .sideUnit
================================================================ */
#lSide .sideUnit,
#rSide .sideUnit{
	width: 200px;
	margin-bottom: 8px;
}

/* .listStyle
------------------------------------------------- */
#lSide .listStyle,
#rSide .listStyle{	background: url(../img/_sideunit_bk01.gif) no-repeat left top;}
#lSide .listStyle h3,
#rSide .listStyle h3{
	width: 192px;
	margin: 1px auto 8px auto;
	padding: 5px 2px;
	background-color: #666;
	font-size: 115%;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}
#lSide .listStyle h3.image,
#rSide .listStyle h3.image{
	width: 194px;
	padding: 0px;
	line-height: 1;
	background-color: #fff;
}
#lSide .listStyle h3.image img,
#rSide .listStyle h3.image img{	margin-top: 1px;}
#lSide .listStyle dl,
#rSide .listStyle dl{
	padding-bottom: 5px;
	background: url(../img/_sideunit_bk02.gif) no-repeat left bottom;
	line-height: 1.3;
}
#lSide .listStyle dt,
#lSide .listStyle dd,
#rSide .listStyle dt,
#rSide .listStyle dd{
	clear: left;
	margin-right: auto;
	margin-left: auto;
}
#lSide .listStyle dt,
#rSide .listStyle dt{
	width: 172px;
	margin-bottom: 8px;
	padding-left: 10px;
	background: url(../img/_sideunit_dt_bk01.jpg) repeat-y left top;
	font-weight: bold;
	line-height: 1.2;
	color: #036;
}
#lSide .listStyle dt a:link,
#lSide .listStyle dt a:visited,
#rSide .listStyle dt a:link,
#rSide .listStyle dt a:visited{
	color: #036;
	text-decoration: none;
}
#lSide .listStyle dt a:hover,
#lSide .listStyle dt a:active,
#rSide .listStyle dt a:hover,
#rSide .listStyle dt a:active{
	color: #f30;
	text-decoration: underline;
}
#lSide .listStyle dd,
#rSide .listStyle dd{
	width: 184px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	background: url(../img/dot01.gif) repeat-x left bottom;
}
#lSide .listStyle dd.last,
#rSide .listStyle dd.last{
	background: url(none) ;
	margin-bottom: 0em;
}
#lSide .listStyle dd img.clipping,
#rSide .listStyle dd img.clipping{
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
}
#lSide .listStyle dd span.clipping,
#rSide .listStyle dd span.clipping{
	display: block;
	padding-bottom: 8px;
	text-align: center;
}
#lSide .listStyle dd .btn,
#rSide .listStyle dd .btn{
	display: block;
	padding-bottom: 3px;
	text-align: center;
}
#lSide .listStyle dd .btn a:link,
#lSide .listStyle dd .btn a:visited,
#rSide .listStyle dd .btn a:link,
#rSide .listStyle dd .btn a:visited{
	display: block;
	padding: 2px;
	background: url(../img/_bk_01.jpg) repeat-x left bottom;
	border: 1px solid #c0c0c0;
	text-decoration: none;
	font-weight: bold;
	color: #036;
}
#lSide .listStyle dd .btn a:hover,
#lSide .listStyle dd .btn a:active,
#rSide .listStyle dd .btn a:hover,
#rSide .listStyle dd .btn a:active{
	background-image: none;
	color: #f30;
}

#lSide .banners li,
#rSide .banners li{	margin-bottom: 5px;}
#lSide .banners li.none,
#rSide .banners li.none{	margin-bottom: 0px;}
#lSide .banners .login li,
#rSide .banners .login li{	margin-bottom: 1px;}






  


/* EOF */