@charset "utf-8";


/* club common
----------------------------------------------------------------------------------------- */

.recommend .box01 {
	margin:0 1px 10px 0;
	padding:12px 20px 16px;
	background: #fff0d9 url(../images/data_bg_boxBtm.gif) left bottom no-repeat;
}
.recommend .box01 p {
	margin: 0;
}
.recommend .box02 {
	margin-bottom: 10px;
}
.recommend .box02 p {
	margin: 0;
}
.recommend .box02 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.recommend .box02 ul li {
	float: left;
	padding-right: 10px;
}

.recommend .box03 {
	margin-top: -0.4em;
	padding: 8px 18px 14px 22px;
	background: url(../images/recommend_line01.gif) repeat-x left bottom;
}
#contents .box03 h3 {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 116%;
}
#contents .box03 p {
	margin-top: 0.4em;
	margin-bottom: 0px;
}
#contents .detail {
	margin-top: 0.8em;
	margin-bottom: 0px;
	text-align: right;
}

.recommend .indexBox01 {
	margin:0 1px 10px 0;
	background: #fff0d9 url(../images/data_bg_boxBtm.gif) no-repeat left bottom;
}
.recommend .indexBox01 .indexBox01Inner {
	padding: 18px;
	background: url(../images/data_bg_boxTop.gif) no-repeat;
}
.indexBox01Left {
	width: 212px;
	float: left;
	/*text-align: right;*/
}
.indexBox01Left p {
	/*margin-left: auto;*/
}
.indexBox01Right {
	width: 448px;
	float: left;
}

#contents .indexBox01Title {
	position: relative;
	left: 0px;
	top: 0px;
	margin-bottom: 0.4em;
}
.indexBox01Title span {
	position: absolute;
	left: 0px;
	top: 0px;
	font-weight: normal;
	color: #ffffff;
	padding: 10px 0px 0px 174px;
}

.recommend .indexBox02 {
	margin:0 1px 10px 0;
	padding: 0px 20px 20px;
	background: #fff0d9 url(../images/data_bg_boxBtm.gif) left bottom no-repeat;
}
.recommend .indexBox02 .indexBox02Right {
	padding-top: 1.0em;
	padding-left: 10px;
	float: right;
}
.recommend .indexBox02 .box03 p {
	padding-right: 10px;
}
#contents .indexBox02 .box03 .detail {
	margin-top: 1.0em;
	margin-bottom: 0px;
	text-align: left;
}

#contents .articleTitle01 {
	background: url(../images/article_hm_bgBtm.gif) no-repeat left bottom;
	margin-bottom: 1.2em;
}
.articleTitle01 span {
	display: block;
	background: url(../images/article_hm_bgTop.gif) no-repeat left top;
	padding: 8px 10px 12px 22px;
	min-height: 19px;
	_height: 19px; /* for IE6 */
	color: #ffffff;
	font-weight: bold;
	line-height: 110%;
	font-size: 134%;
}


.recommend .articleBox01 {
	margin:0 1px 20px 0;
	background: #fff0d9 url(../images/data_bg_boxBtm.gif) no-repeat left bottom;
}
.recommend .articleBox01 .articleBox01Inner {
	padding: 18px 0px 18px 18px;
	background: url(../images/data_bg_boxTop.gif) no-repeat;
}
.articleBox01Left {
	width: 420px;
	float: left;
	padding: 0px 10px 0px 0px;
}
.articleBox01Left .date {
	margin-bottom: 0.4em;
}
#contents .articleBox01Left h2 {
	font-weight: bold;
	color: #6d3b18;
	font-size: 144%;
	line-height: 120%;
	margin-bottom: 0.8em;
}
.articleBox01Right {
	width: 230px;
	padding-right: 18px;
	float: right;
	text-align: right;
}
.articleBox01Right p {
	margin-left: auto !important;
}

.articleBox01Imgs01 {
	width: 680px;
	float: left;
}
#contents .articleBox01Imgs01 p {
	margin-bottom: 0px;
	float: left;
}
.articleBox01Imgs01 p img {
	margin-right: 16px;
}

.articleBox01Imgs02 {
	width: 630px;
	margin-left: 22px;
}
#contents .articleBox01Imgs02 p {
	margin-bottom: 0px;
	float: left;
}
.articleBox01Imgs02 p img {
	margin-right: 16px;
}


.recommend .articleBox02 {
	width: 612px;
	margin-left: 22px;
	margin-bottom: 1.5em;
}
.recommend .articleBox02 p {
	margin-bottom: 1.2em;
}
.recommend .articleBox02 ul {
	clear: both;
}
.recommend .articleBox02 ul li{
	margin-left:20px;
	list-style-type:disc;
}
.recommend .articleBox02Left {
	width: 166px;
	float: left;
}
.recommend .articleBox02Right {
	width: 446px;
	float: left;
}


.recommend .articleBox03 {
	width: 612px;
	margin-left: 22px;
	margin-bottom: 1.5em;
}
#contents .articleBox03 h3 {
	font-weight: bold;
	font-size: 144%;
	line-height: 120%;
	padding-bottom: 0.2em;
	margin-bottom: 0.6em;
	background: url(../images/recommend_line01.gif) repeat-x left bottom;
}
#contents .articleBox03 h3 span {
	font-weight: normal;
	font-size: 76%;
	padding-left: 1.0em;
}
#contents .articleBox03 p {
	padding: 0px 10px;
	margin-bottom: 0.8em;
}
.recommend .articleBox03 ul li{
	margin-left:20px;
	list-style-type:disc;
}
.articleBox03Left {
	width: 394px;
	float: left;
	padding: 0px 10px 0px 0px;
}
.articleBox03Right {
	width: 208px;
	float: right;
	text-align: right;
}
.articleBox03Right p {
	margin-left: auto !important;
}

.articleBox03Bnrs {
	padding-top: 0.4em;
}
#contents .articleBox03Bnrs p {
	padding-right: 0px;
	margin-bottom: 0px;
	float: left;
}
.articleBox03Bnrs p img {
	margin-right: 22px;
}

.newstext {
	font-weight: bold;
	color: #FF0033;
 }
 
 









/* photo frame
----------------------------------------------------------------------------------------- */
.wonderImgFrame01 {
	margin: 0px !important;
	padding: 0px !important;
	background: #ffffff url(../images/photo_img_bg01.gif) repeat-y right top;
	display: table;
}
.wonderImgFrame01 span {
	background: url(../images/photo_img_bg02.gif) repeat-x left bottom;
	display: block;
}
.wonderImgFrame01 span span {
	background: url(../images/photo_img_bg03.gif) no-repeat right bottom;
	display: block;
}
.wonderImgFrame01 img {
	margin: 5px 10px 10px 5px !important;
}

/* for IE6 */
* html .wonderImgFrame01 {
	display: inline;
}
* html .wonderImgFrame01 span {
	display: inline;
}
* html .wonderImgFrame01 span span {
	padding: 5px 10px 10px 5px !important;
	display: inline;
}
* html .wonderImgFrame01 img {
	margin: 5px 0px 10px 0px !important;
}


/* for IE7 */
*:first-child+html .wonderImgFrame01 {
	display: inline;
}
*:first-child+html .wonderImgFrame01 span {
	display: inline;
}
*:first-child+html .wonderImgFrame01 span span {
	padding: 5px 10px 10px 5px !important;
	display: inline;

}
*:first-child+html .wonderImgFrame01 img {
	margin: 5px 0px 10px 0px !important;
}



/* index.html
----------------------------------------------------------------------------------------- */
.recommend #leadBox01 {
	margin:0 1px 10px 0;
	padding:0px 270px 16px 20px;
	background: url(../images/index_bg01.jpg) left bottom no-repeat;
	min-height: 120px;
	_height: 120px; /* for IE6 */
}
.recommend #leadBox01 h2 {
	margin:0px -270px 14px -20px;
}
.recommend #leadBox01 p {
	margin-bottom: 0px;
}