#HEADER
	{
		background:url("../img/header_bg.gif") no-repeat;
	}

/* wire
--- */
#CONTENTS
	{
		width:820px;
		margin:auto;
		padding:0 0 40px 0;
	}
#CONTENTS .LEFT
	{
		float:left;
		width:610px;
	}
#CONTENTS .RIGHT
	{
		float:right;
		width:196px;
		padding:40px 0 0 0;
	}

/* global navigation
--- */
#gnv
	{
		padding:0 0 5px 0;
	}

/* local navigation
--- */
#lnv
	{
		width:196px;
		line-height:1.2;
	}
#lnv h3
	{
		width:196px;
		height:30px;
		overflow:hidden;
		text-indent:-9999px;
		background:url("../img/lnv_title.gif") no-repeat;
		margin:0;padding:0;
	}
#lnv ul
	{
		list-style:none;
		margin:0;padding:0;
		background:url("../img/lnv_off.gif") repeat-y;
	}
#lnv ul li strong
	{
		display:block;
		font-weight:normal;
		background:url("../img/lnv_head_off.gif") no-repeat;
		width:100%;
	}
#lnv ul li
	{
		background:url("../img/lnv_border.gif") no-repeat left bottom;
		width:100%;
	}
#lnv ul li a
	{
		display:block;
		color:#797576;
		width:100%;
	}
#lnv ul li a:hover, #lnv ul li.cc
	{
		background:url("../img/lnv_on.gif") repeat-y;
		color:#fff;
		text-decoration:none;
	}
#lnv ul li.cc a
	{
		color:#fff;
	}
#lnv ul li a:hover strong, #lnv ul li.cc strong
	{
		background:url("../img/lnv_head_on.gif") no-repeat;
		width:100%;
	}
#lnv ul li a span
	{
		display:block;
		padding:10px 5px 10px 35px;
		background:url("../img/lnv_arrow_off.gif") no-repeat 15px 12px;
	}
#lnv ul li a:hover span, #lnv ul li.cc a span
	{
		display:block;
		padding:10px 5px 10px 35px;
		background:url("../img/lnv_arrow_on.gif") no-repeat 15px 12px;
	}
#lnv .bottom
	{
		background:#fff;
		border-top:1px solid #dddada;
		height:10px;
		margin:-1px 0 0 0;
	}

/* top line midashi
--- */
#topMidashi
	{
		width:100%;
		margin:0 0 15px 0;
	}
.topimg01
	{
		margin:-75px 0 0 515px;
		width:92px;
	}
#topMidashi #directory
	{
		color:#989898;
		font-size:90%;
		width:100%;
		margin:0 0 10px 0;
line-height:1.2;
	}
#topMidashi h2
	{
		margin:0;padding:0;
		font-weight:normal;
		font-size:170%;
		border-top:4px solid #fe5b93;
		border-bottom:1px solid #ffdce8;
		background:url("../img_parts/midashi_bg.gif");
	}
#topMidashi h2 span
	{
		width:460px;
		display:block;
		padding:13px 0 13px 45px;
		background:url("../img_parts/midashi_mark.gif") no-repeat 15px center;
	}
#topMidashi h2 span small
	{
		font-size:60%;
	}
/* inside toppage
--- */
.col11.sectop .cl .in, .col11.sectop .cr .in,
.col10.sectop .cl .in, .col10.sectop .cr .in,
.col1.sectop .in
	{
		padding:15px 0;
	}
.col11.sectop p, .coltop1 p
	{
		padding:0 0 10px 0;
		width:272px;
		margin:0 auto;
		line-height:1.4;
	}
.col11.sectop h3, .coltop1 h3
	{
		margin:0;padding:0 0 10px 0;
		font-size:120%;
		width:272px;
		margin:0 auto;
	}
.col11.sectop p.image, .coltop1 p.image
	{
		width:272px;
		margin:0 auto;
	}
.col11.sectop p.txright, .coltop1 p.txright
	{
		width:272px;
		margin:0 auto;
		padding:0;
	}

.col1 p, .col10 p
	{
		width:580px;
		margin:0 auto;
	}
.col1 p.image, .col10 p.image
	{
		width:580px;
		margin:0 auto;
		padding:0 0 10px 0;
	}
.col1 p.txright, .col10 p.txright
	{
		width:580px;
		margin:auto;
		padding:0 0 10px 0;
		margin:0 auto;
		line-height:1.4;
	}
.col1 h3, .col10 h3
	{
		width:580px;
		margin:0 auto;
		padding:0 0 10px 0;
		font-size:120%;
	}



/* right banner
--- */
.ban
	{
		padding:0 0 20px 0;
	}
.ban span
	{
		display:block;
		padding:0 0 7px 0;
	}

/* inside main image
--- */
#pageMainImage
	{
		width:610px;
		padding:0 0 10px 0;
	}

/* inside read
--- */
#read
	{
		width:590px;
		padding-bottom:20px;
	}
#read p
	{
		margin:0;padding-bottom:15px;
	}

/* other contents
--- */
.otherContents
	{
		width:610px;
		padding:20px 0 20px 0;
	}
.otherContents h4
	{
		text-indent:-9999px;
		background:url("../popularity/img/other_title.gif") no-repeat;
		margin:0;padding:0 0 5px 0;
	}
.otherContents .in
	{
		border-top:5px solid #e1e1e1;
		border-bottom:5px solid #e1e1e1;
		background:url("../popularity/img/other_bg.gif") repeat-y;
		padding:20px 0 20px 20px;
	}
.otherContents p
	{
		float:left;
		width:145px;
		padding:6px 15px 6px 130px;
		margin:0;
	}
.otherContents .line
	{
		width:565px;
		background:url("../popularity/img/line_width.gif") repeat-x left center;
		height:15px;
		overflow:hidden;
	}
.otherContents .in2
	{
		width:100%;
		background:url("../popularity/img/line_height.gif") repeat-y 280px 0;
	}
.otherContents h5
	{
		font-size:120%;
		margin:0;padding:0 0 10px 0;
	}
.otherContents a:link, .otherContents a:visited, .otherContents a:active
	{
		color:#000;
		background:url("../img_parts/arrow_01.gif") no-repeat left center;
		display:block;
		padding:0 0 0 15px;
	}

/* qr code */
.qr {
	width:195px;
	margin-bottom: 7px;
	background:url("../img_parts/qr_mid.gif") repeat-y;
}
.qr div {
	width:100%;
	background:url("../img_parts/qr_top.gif") no-repeat left top;
}
.qr div div {
	width:100%;
	background:url("../img_parts/qr_bot.gif") no-repeat left bottom;
}
.qr div div p {
	margin:0;padding:65px 10px 22px;
	line-height:1.4;
	width:100px;
}