@charset "utf-8";

/*---------- メインイメージ(Flash部分のこと) ----------*/

#mainimage {
	width:640px;
	height:250px;
	padding:0;
	overflow:hidden;
	display:block;
	clear:both;
	position: relative;
}

#new_btn {
	height: 37px;
	width: 321px;
	position: absolute;
	right: 37px;
	bottom: 11px;
}

/*-- トップコンテンツ用CSS --*/

#maincontents00 {
	width:850px;
	height:auto;
	padding:0;
	clear:both;
	margin-top: 10px;
}

/*-- Left領域 --*/
#leftzone {
	width:640px;
	height:auto;
	overflow:hidden;
	float:left;
}

#leftzone .base_top_l {
	width:638px;
	height:41px;
	margin-top:10px;
	padding-top:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DDDCDA;
	border-right-color: #DDDCDA;
	border-left-color: #DDDCDA;
	background-color: #FFFFFF;
	position: relative;
}

#leftzone .base_middle_l {
	width:638px;
	height:auto;
	overflow:hidden;
	margin:0;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dddcda;
	border-bottom-color: #dddcda;
	border-left-color: #dddcda;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#leftzone .base_bottom_l {
	width:640px;
	height:10px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(../../images/index/con_left_bottom.gif) left top no-repeat;
}

.base_top_l h2.news {
	width:620px;
	height:26px;
	background-image: url(../../images/index/title_kizi.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	font-weight: bold;
	color: #009944;
	line-height: 2.2em;
	text-indent: 18px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
	display: block;
	padding: 0;
}

#leftzone p.twitter {
	position: absolute;
	height: 15px;
	width: 61px;
	top: 23px;
	right: 17px;
}

#leftzone p.rss {
	position: absolute;
	height: 16px;
	width: 17px;
	top: 20px;
	right: 17px;
}

#leftzone p.iti {
	position: absolute;
	height: auto;
	width: 130px;
	right: 10px;
	bottom: 3px;
}

.base_top_l h2.sample {
	width:620px;
	height:26px;
	padding:0;
	font-size: 1em;
	line-height: 2.2em;
	color: #009944;
	text-indent: 18px;
	background-image: url(../../images/index/title_kizi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
}

/*-- news用テキスト --*/
dl.newslist {
	width:630px;
	margin-top:5px;
	text-align:left;
	margin-bottom: 15px;
}

dl.newslist dt, dl.newslist dd, dl.newslist dt.double {
	margin:5px 0 0 20px;
	_margin:8px 0 0 15px;
	padding:0;
	line-height: 1.3em;
}

dl.newslist dt {
	background:url(../../images/index/icon.gif) left top no-repeat;
	width: 9em;
	_width: 9em; /* Override for WinIE6 */
	float: left;
	clear: both;
	border-bottom:#b9b9b9 1px dotted;
	padding-left:15px;
	padding-bottom:0.54em;
}

dl.newslist dt.double {
	width: 9em;
	_width: 9em; /* Override for WinIE6 */
	float: left;
	clear: both;
	border-bottom:#b9b9b9 1px dotted;
	background:url(../../images/index/icon.gif) left top no-repeat;
	padding-left:15px;
	padding-bottom:1.86em;
}

dl.newslist dd {
	width: 39em;
	_width: 39em; /* Override for WinIE6 */
	position: relative; /* for WinIE6 */
	top:5px;
	_top:0px;
	left:0px;
	_left:-3px;/* for WinIE6 */
	_height: 0%; /* for WinIE6 */
	margin-left: 11em;
	padding-bottom:0.54em;
	border-bottom:#b9b9b9 1px dotted;
}

*:first-child+html dl.newslist dd {
	top:0px;
}

/*--ピックアップ--*/
#pick_box {
	height: auto;
	width: 620px;
	margin-left: 9px;
	margin-top: 15px;
}

.pick_box_l {
	height: auto;
	width: 198px;
	margin-right: 10px;
	float: left;
	border: 1px solid #dddcda;
}

.pick_box_r {
	float: left;
	height: auto;
	width: 198px;
	border: 1px solid #dddcda;
}

.pick_title {
	width: 180px;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDCDA;
	margin-left: 9px;
	line-height: 25px;
	margin-top: 3px;
	margin-bottom: 7px;
}

.pict {
	height: 120px;
	width: 180px;
	margin-left: 9px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

.pick_price {
	width: 180px;
	margin-left: 9px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

/*--sample用レイアウト--*/
.base_middle_l p {
	margin:5px 15px;
	clear:both;
}

.imgbox {
	width:310px;
	height:170px;
	overflow:hidden;
	margin:5px 0;
	padding:0;
	float:left;
}

.imgbox_Inside {
	width:140px;
	height:168px;
	border:#DCDEDD 1px solid;
	background-color:#F5F9F8;
	overflow:hidden;
	text-align:center;
	padding:0;
	float:left;
	_float:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 13px;
}

.imgbox_Inside img {
	margin:15px 0 0 0;
	padding:0;
}

.imgbox_Inside p {
	margin:5px 5px 0 5px;
	padding:0;
	font-weight:bold;
}

.imgbox_Inside a {
	color:#535353;
}

.imgbox_Inside a:hover {
	color:#535353;
}

.imgbox_Inside span {
	font-size:10px;
}

/*-- Right領域 --*/
#rightzone {
	width:200px;
	height:auto;
	float:right;
}

/*-- Right領域 画像 --*/
.base_middle_r li.now_member {
	margin:15px 7px;
}

/*-- フォトブック　バインダー詳細 --*/
#fueru_btn {
	margin-top: 10px;
	height: 158px;
	width: 640px;
	position: relative;
}

#fueru_btn ul {
	list-style-type: none;
}

#fueru_btn li {
	display: block;
	height: 158px;
	width: 315px;
	float: left;
	text-indent: 0px;
}

#fueru_btn li.book {
	height: 158px;
	width: 207px;
	position: relative;
	margin-right: 10px;
}

.book_link {
	height: 60px;
	width: 115px;
	position: absolute;
	left: 10px;
	line-height: 1.4em;
	bottom: 8px;
	font-size: 1.2em;
	font-weight: bold;
}

.binder_link {
	height: 60px;
	width: 115px;
	position: absolute;
	left: 11px;
	line-height: 1.4em;
	bottom: 8px;
	font-size: 1.2em;
	font-weight: bold;
}

.book_sample {
	height: 25px;
	width: 106px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#fueru_btn li.binder {
	display: block;
	height: 158px;
	width: 206px;
	position: relative;
}

/*-- こんな楽しみ方 --*/
.main_banner {
	height: auto;
	width: 640px;
	margin-top: 10px;
}

/*-- フォトブックテキスト --*/
.book_text {
	height: auto;
	width: 640px;
	margin-top: 10px;
	font-size: 11px;
	line-height: 15px;
}

/*-- フォトブックテキスト --*/
.book_text02 {
	height: auto;
	width: 640px;
	line-height: 1.2em;
	margin-top:3px;
	font-size: 0.9em;
}

.book_text02 a {
	font-size: 11px;
}

.book_text03 {
	height: auto;
	width: 640px;
	line-height: 15px;
	margin-top:3px;
	font-size: 1em;
}

/*-- レビューボックス --*/
.rev_box {
	height: auto;
	width: 638px;
	margin-top: 10px;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
}

.rev_box h2 {
	height: 30px;
	width: 638px;
	display: block;
	margin-bottom: 7px;
	margin-right: 1px;
	margin-top: 1px;
	position: relative;
}

.rev_box h2 .rev_text {
	font-size: 1em;
	font-weight: bold;
	margin-left: 20px;
	position: absolute;
	right: 10px;
	top: 12px;

}

.rev_box .rev_dettext {
	width: 612px;
	display: block;
	line-height: 1.4em;
	padding: 8px;
	background: #FAEECC;
	position: relative;
	margin: 5px;
}

.rev_box .rev_dettext a{
	height: auto;
	width: 100px;
	display: block;
	position: absolute;
	right: 10px;
	text-align: right;
	bottom: 5px;
	font-weight: bold;
}

.rev_box .rev_dettext a:hover{
}


.rev_box_a {
	width: 628px;
	height: auto;
	margin-left: 5px;
	margin-bottom: 10px;
}

.rev_box_01 {
	width: 310px;
	float: left;
	height: auto;
}

.rev_box_02 {
	width: 310px;
	float: right;
	height: auto;
}

.rev_box_a2 {
	width: 628px;
	height: auto;
	margin-left: 5px;
	margin-bottom: 15px;
}


.rev_box_title {
	height: 20px;
	width: 305px;
}

.rev_box_l_2 {
	width: 310px;
	height: auto;
	float: left;
}

.rev_box_r_2 {
	width: 310px;
	height: auto;
	float: right;
}

.rev_box_l {
	width: 309px;
	height: 250px;
	overflow-y:scroll;
	border-top: 1px solid #F5A82A;
	border-bottom: 1px solid #F5A82A;
	border-left: 1px solid #F5A82A;
	position: relative;
}

h3.rev_sat {
	height: 22px;
	background: #F29721;
	width: 310px;
	line-height: 22px;
	text-indent: 7px;
	color: #FFFFFF;
	position: relative;

}

.t_all a {
	position: absolute;
	right: 5px;
	line-height: 1em;
	height: 1em;
	color: #FFFFFF;
	width: auto;
}

.rev_box_r {
	height: 250px;
	width: 309px;
	border: 1px solid #2EBBE9;
	overflow-y:scroll;
	position: relative;
}

h3.rev_dissat {
	height: 22px;
	background: #41BBE3;
	width: 310px;
	line-height: 22px;
	text-indent: 7px;
	color: #FFFFFF;
	position: relative;

}


.rev_box .rev_title01 {
	width: 280px;
	border-bottom: 2px solid #F5A82A;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	font-size: 1em;
	padding-bottom: 3px;
	margin-bottom: 7px;
	position: relative;
	margin-top: 10px;
	margin-left: 5px;
}

.rev_box .rev_title02 {
	width: 280px;
	border-bottom: 2px solid #2EBBE9;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	font-size: 1em;
	padding-bottom: 3px;
	margin-bottom: 7px;
	position: relative;
	margin-top: 10px;
	margin-left: 5px;
}

.rev_box .rev_title03 {
	width: 280px;
	border-bottom: 1px dotted #CCCCCC;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	font-size: 1em;
	padding-bottom: 3px;
	margin-bottom: 7px;
	position: relative;
	margin-top: 10px;
	margin-left: 5px;
}

.tright {
	font-weight: normal;
	margin-left: 7px;
}

.tdate {
	position: absolute;
	right: 0px;
	font-weight: normal;
}

.rev_box .rev_text01 {
	width: 280px;
	display: block;
	line-height: 1.4em;
	margin-bottom: 10px;
	margin-left: 5px;
}

.rev_box .rev_title00 {
	width: 625px;
	margin-left: 5px;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	font-size: 1em;
	margin-bottom: 10px;
	text-align: right;
	margin-top: 5px;
}

.rev_box .rev_title000 {
	width: 620px;
	margin-left: 10px;
	height: auto;
	margin-bottom: 0px;
	font-size: 1em;
	line-height: 1.4em;
	position: relative;
}

.rev_box .rev_title002 {
	width: 620px;
	margin-left: 10px;
	height: auto;
	margin-bottom: 10px;
	font-size: 1em;
	line-height: 1.4em;
	position: relative;
	text-align: right;
	font-weight: bold;
}

.rev_box .rev_text001 {
	position:absolute;
	right: 0px;
	font-weight: bold;
}

.rev_box .rev_retext {
	width: 613px;
	margin-left: 5px;
	height: 100px;
	margin-bottom: 5px;
	font-size: 1em;
	line-height: 1.4em;
	overflow-y:scroll;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	padding: 7px;
}

#retitle {
	height: 22px;
	width: 628px;
	margin-left: 5px;
}