@charset "utf-8";

/* スタイルシートの読み込み
------------------------------------------------------------ */
@import "prettyPhoto.css";

.pp_description {
	min-height: 4em;
	height: auto !important;
	height: 4em;
}
.pp_bottom {
	height: 10px;
	overflow: hidden;
}

/* extra settings
----------------------------------------------- */
.localpage #main h2 {
	padding: 0;
}

/* 共通
----------------------------------------------- */
.leftbox {
	float: left;
}
.rightbox {
	float: right;
}
p.feature {
	margin-top: 8px;
	margin-bottom: 14px;
}
h2 {
	margin: -30px 0;
}

/* INDEX
----------------------------------------------- */
.comxcom {
	background: url(img/bg_vline.gif) repeat-y;
}
ul#tsukaeru-index {
	margin-left: 100px;
	padding-bottom: 20px;
}
ul#tsukaeru-index li {
	padding: 4px;
}
ul#tsukaeru-index li img.coupon {
	padding-top: 9px;
	padding-left: 86px;
}
.photo-box {
	margin-left: 100px;
	margin-bottom: 20px;
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}
.btn-photo {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	background: url(img/bg_photo.gif) no-repeat;
	width: 109px;
	height: 109px;
	text-align: center;
}
.btn-photo img {
	padding: 8px 7px 29px 6px;
}
.btn-photo p {
	margin-top: -23px;
	color: #9ec238;
	font-size: 16px;
	font-weight: bold;
}
#postscript {
	margin-left: 100px;
}
#postscript h3 {
	padding-bottom: 4px;
	background: url(img/dotted_line_green.gif) repeat-x left bottom;
	color: #9ec238;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.7em;
}
#postscript dt {
	clear: left;
	float: left;
	width: 6em;
	padding: 0;
	color: #9ec238;
	font-size: 12px;
	line-height: 1.3;
	font-weight: bold;
}
#postscript dd {
	margin: 0 15px 8px 6em;
	padding: 0 0 0 10px;
	border-left: 4px solid #ddecb8;
	font-size: 11px;
	line-height: 1.3;
}

/* ツカエル
----------------------------------------------- */
#main .article {
	margin-bottom: 30px;
	background: url(img/tsukaeru/bg_tsukaeru_h3.gif) repeat-x 0 43px;
/* 	min-height: 114px; */
}
#main .article2 {
	background: url(img/tsukaeru/bg_tsukaeru_h3.gif) repeat-x 0 61px;
/* 	min-height: 132px; */
}
.tsukaeru3 {
	background: url(img/tsukaeru/pic_face01.gif) no-repeat 15px 0;
	min-height: 106px;
}
.tsukaeru5 {
	background: url(img/tsukaeru/pic_face02.gif) no-repeat 404px 0;
	min-height: 133px;
}
.tsukaeru6 {
	background: url(img/tsukaeru/pic_face03.gif) no-repeat 390px 0;
	min-height: 107px;
}
#main .article h4 {
	margin: 4px 15px;
}
p.bodytext {
	margin: 0 15px 10px;	
	font-size: 12px;
	line-height: 1.4;
}
.box {
	margin: 0 15px;
	padding: 15px 15px 0;
	border: 2px solid #9ec238;
	background: #fffcdb;
}
p.mds {
	padding-bottom: 4px;
	color: #e95504;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
p.put-left {
	margin-right: 210px;
}
.floating-right {
	margin-top: -2.5em;
	padding-bottom: 15px;
}
ul#event-btns {
	margin-left: 15px;
	margin-bottom: 30px;
}
ul#event-btns li {
	float: left;
	margin-right: 5px;
}
p.put-right {
	padding-left: 200px;
}
ul.put-right {
	margin-left: 215px;
	margin-right: 5px;
}
ul.put-right li {
	display: inline;
	margin-right: 6px;
}
ul.put-centre {
	margin: 0 auto 30px;
	text-align:center
}
ul.put-centre li {
	display: inline;
	padding: 0 3px;
}
.steps {
	margin: 0 15px;
	padding: 15px;
	background: #9ec238;
}
.step {
	padding: 15px 15px 15px 200px;
	background: #eff6e1;
	min-height: 100px;
}
.step p.mds {
	padding-bottom: 6px;
}
.step p {
	line-height: 1.2;
}
#step1 {
	background: #eff6e1 url(img/tsukaeru/pic_step01.jpg) no-repeat 6px 5px;
}
#step2 {
	background: #eff6e1 url(img/tsukaeru/pic_step02.jpg) no-repeat 6px 5px;
}
#step3 {
	background: #eff6e1 url(img/tsukaeru/pic_step03.jpg) no-repeat 6px 5px;
}
img.put-centre {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.box2 {
	margin-bottom: 20px;
}

/* イケメン
----------------------------------------------- */
.odai-wrap {
	margin: 20px 0;
}
p.odai-title {
	padding-top: 16px;
	padding-left: 2px;
	width: 128px;	/* 130-2 */
}
p.odai-box {
	padding: 12px;
	width: 440px;	/* 470-15x2 */
	background: #fffcdb;
	border: 3px solid #9ec238;
	color: #e95504;
	font-size: 28px;
	text-align: center;
}
#photo-no1 {
	position: relative;
	margin-bottom: 20px;
	padding: 15px;
	background: #000 url(img/ikemen/bg_camera.gif) no-repeat right top;
	color: #fff;
	min-height: 250px;
}
img#main-photo {
	display: block;
	float: left;
	width: 300px;
}
img#star {
	position: absolute;
	top: 160px;
	left: 250px;
}
#photo-no1 .phototext {
	width: 270px;
}
p.ikemen-mds {
	margin: 3px 0 15px;
	padding: 0 0 3px 52px;
	color: #ff0;
	border-bottom: 2px solid #ff0;
	font-size: 20px;
	line-height: 1.2;
}
p.ikemen-body {
	margin-bottom: 10px;
	padding-left: 52px;
	line-height: 1.4;
}
.others {
	margin-right: -12px;
	overflow: hidden;
	_zoom: 1;
}
.other-photo {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 6px 6px 0;
	width: 178px;	/* 192-(6x2+1x2) */
	background: #fffcdb;
	border: 1px solid #9ec238;
}
.other-photo p {
	margin-top: 2px;
	line-height: 1.4;
}
p.pic-ttl {
	color: #9ec238;
	font-size: 14px;
	font-weight: bold;
}
#next-odai {
	margin-top: 15px;
	padding-top: 15px;
	background: url(img/dotted_line_green.gif) repeat-x left top;
	text-align: center;
}
p#odai-box2 {
	margin: 8px auto 20px;
	padding: 10px;
	background: #9ec238;
	width: 330px;	/* 350-10x2 */
	color: #fff;
	font-size: 24px;
}

/* 女子カメラ
----------------------------------------------- */
.jyoshi-wrap {
	margin-bottom: 15px;
}
.jyoshi-wrap .leftbox {
	width: 230px;
	padding-left: 6px;
}
.jyoshi-wrap .rightbox {
	width: 353px;
}
.photographer {
	margin-top: 15px;
	margin-left: 4px;
}
#main-photo2 {
	display: block;
	padding: 10px 23px 62px 10px;
	background: url(img/jyoshi/bg_jyoshi_photo.gif) no-repeat;
}
p.jyoshi-mds {
	padding-bottom: 10px;
	color: #9ec238;
	font-size: 18px;
	line-height: 1.2;
}
p.jyoshi-body {
	margin-bottom: 10px;
	line-height: 1.5;
}
.filmstrip {
	background: url(img/jyoshi/bg_filmstrip.gif) repeat;
}
.filmstrip ul {
	margin-right: -24px;
	overflow: hidden;
	_zoom: 1;
	padding-left: 21px;
}
.filmstrip ul li {
	float: left;
	margin-right: 24px;
	padding-top: 23px;
	padding-bottom: 43px;
}

/* for IE7
----------------------------------------------- */
/* *:first-child+html #postscript {
	margin-bottom: 20px;
}
*:first-child+html .other-photo {
	min-height: 54px;
} */

/* for IE6
----------------------------------------------- */
*html #postscript {
	margin-bottom: 20px;
}
*html p.odai-box {
	padding-bottom: 6px;
}
*html p#odai-box2 {
	padding-bottom: 5px;
}
*html .other-photo {
	margin-right: 8px;
	margin-bottom: 8px;
	padding-bottom: 6px;
}

/* css3.css extra settings
----------------------------------------------- */
.blank {
	opacity: 0.3;
}
.radius15 {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.other-photo {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
