@charset "Shift_JIS";



/* EYESEE

============================================================ */

#btm { margin:0 auto; padding-bottom:126px; background:url(../imgs/c/bg-btm.jpg) 337px bottom no-repeat;}







.contTop {

	margin-bottom:10px;

	background:url(../imgs/c/bg-mcTop.gif) 0 0 no-repeat #000;}

.contBtm {

	padding:18px 0;

	background:url(../imgs/c/bg-mcBtm.gif) left bottom no-repeat;}









.backIndex {

	float:right;

	padding:0 15px 0 0;

	background:url(../imgs/contentslist/eyesee/btn-backContentslist-on.gif) 0 0 no-repeat;

	font-size:0;

	text-indent:-9999px;}

.backIndex a {

	display:block;

	width:92px;

	height:15px;

	background:url(../imgs/contentslist/eyesee/btn-backContentslist.gif) 0 0 no-repeat;}

.backIndex a:hover { background:none;}









#pager { text-align:center; height:70px;}

#pager dl { padding-top:5px; border-top:solid 1px #333;}

#pager dt { display:none;}

#pager dd {

	height:17px;

	background-position:0 0;

	background-repeat:no-repeat;}



#pager dd.backPage {

	float:left;

	width:34px;

	background-image:url(../imgs/contentslist/eyesee/pagerBack-on.gif);}



#pager dd.nextPage {

	float:right;

	width:34px;

	background-image:url(../imgs/contentslist/eyesee/pagerNext-on.gif);}



#pager dd.pageMove {

	width:80px;

	margin:0 auto;

	background-image:url(../imgs/contentslist/eyesee/bg-pager.gif);}

.eyesee4 #pager dd.nextPage { background-image:url(../imgs/contentslist/eyesee/pagerNext.gif);}



#pager dd.pageMove li {

	float:left;

	width:17px;

	padding-right:3px;

	background-position:0 0;

	background-repeat:no-repeat;}

*html #pager dd.pageMove li { width:20px;}



#pager dd a {

	display:block;

	height:17px;

	background-position:0 0;

	background-repeat:no-repeat;}



#pager dd.backPage a { width:34px; background-image:url(../imgs/contentslist/eyesee/pagerBack-act.gif);}

#pager dd.nextPage a { width:34px; background-image:url(../imgs/contentslist/eyesee/pagerNext-act.gif);}

#pager dd.pageMove li a { width:17px;}



#pager .page01 a { background-image:url(../imgs/contentslist/eyesee/pager01.gif);}

#pager .page02 a { background-image:url(../imgs/contentslist/eyesee/pager02.gif);}

#pager .page03 a { background-image:url(../imgs/contentslist/eyesee/pager03.gif);}

#pager .page04 a { background-image:url(../imgs/contentslist/eyesee/pager04.gif);}



#pager dd a:hover { background:none;}



#pager dl { width:500px; margin:13px auto 0;}

.index #pager dd.backPage { background-image:url(../imgs/contentslist/eyesee/pagerBack.gif);}



.index #pager .page01,

.index #pager .page01 a { background-image:url(../imgs/contentslist/eyesee/pager01-act.gif);}

.eyesee2 #pager .page02,

.eyesee2 #pager .page02 a { background-image:url(../imgs/contentslist/eyesee/pager02-act.gif);}

.eyesee3 #pager .page03,

.eyesee3 #pager .page03 a { background-image:url(../imgs/contentslist/eyesee/pager03-act.gif);}

.eyesee4 #pager .page04,

.eyesee4 #pager .page04 a { background-image:url(../imgs/contentslist/eyesee/pager04-act.gif);}





/* index

=================================================================== */

.index #box01 {

	clear:right;

	position:relative;

	width:650px;

	margin-left:50px;

	padding:14px 0 30px;

	background:url(../imgs/contentslist/eyesee/img-index01.gif) top right no-repeat;}



.index #box01 h2 {

	height:51px;

	background:url(../imgs/contentslist/eyesee/h2-index01.gif) 0 0 no-repeat;}

.index #box01 .read {

	height:44px;

	margin-bottom:53px;

	background:url(../imgs/contentslist/eyesee/read-index01.gif) 0 0 no-repeat;}



.index #box01 #viewPhoto {

	position:absolute;

	top:170px;

	left:523px;

	width:98px;

	height:98px;

	background:url(../imgs/contentslist/eyesee/btn-photoView-on.gif) 0 0 no-repeat;}

.index #box01 #viewPhoto a {

	display:block;

	width:98px;

	height:98px;

	background:url(../imgs/contentslist/eyesee/btn-photoView.gif) 0 0 no-repeat;}

.index #box01 #viewPhoto a:hover { background:none;}



.index #box01 h3 {

	height:24px;

	background:url(../imgs/contentslist/eyesee/h3-index01.gif) 0 0 no-repeat;

	font-size:0;

	text-indent:-9999px;}



.index #box01 table {

	background:#444;

	width:648px;

	margin-left:2px;

	font-size:85%;}

.index #box01 table td {

	padding:5px 10px;

	background:#000;

	line-height:1.2;

	vertical-align:top;

	color:#CCC;}

.index #box01 table td.w50 { width:50%;}



.index #box01 table h4 { font-weight:bold;}



.index #box01 table dt { float:left;}

.index #box01 table dd { padding-left:5em;}

*html .index #box01 table dd { text-indent:-0.3em;}



.index #box01 table dd a {

	padding-right:15px;

	background:url(../imgs/c/icon-linkYellow.gif) right center no-repeat;

	color:#C93;}





.index #box02 {

	width:500px;

	padding-left:125px;

	background:url(../imgs/contentslist/eyesee/img-index03.gif) 0 0 repeat-x;

	color:#999;

	line-height:1.4;}

*html .index #box02 { width:625px;}



.index #box02 h2 {

	height:28px;

	background:url(../imgs/contentslist/eyesee/h2-index02.gif) 0 0 no-repeat;

	font-size:0;

	text-indent:-9999px;}

.index #box02 .read {

	height:93px;

	background:url(../imgs/contentslist/eyesee/read-index02.gif) 0 0 no-repeat;}



.index #box02 p { margin-bottom:1.0em;}

.index #box02 p.white { margin-bottom:0;}















/* ‰º‘w

=================================================================== */

.eyesee2 #box01,

.eyesee3 #box01,

.eyesee4 #box01 {

	clear:right;

	position:relative;

	left:48px;

	width:650px;

	height:300px;

	background:url(../imgs/contentslist/eyesee/img-eyesee02.gif) top right no-repeat;}

.eyesee2 #box01 h2,

.eyesee3 #box01 h2,

.eyesee4 #box01 h2 {

	position:relative;

	top:31px;

	left:203px;

	width:447px;

	height:62px;

	background:url(../imgs/contentslist/eyesee/h2-eyesee01.gif) 0 0 no-repeat;}

.eyesee2 #box01 img,

.eyesee3 #box01 img,

.eyesee4 #box01 img {

	position:absolute;

	left:0;

	margin-top:14px;}





.eyesee2 #box02,

.eyesee3 #box02,

.eyesee4 #box02 {

	position:relative;

	width:500px;

	margin-top:-117px;

	padding-left:125px;

	background:url(../imgs/contentslist/eyesee/img-index03.gif) 0 0 repeat-x;

	color:#999;

	line-height:1.4;}

*html .eyesee2 #box02,

*html .eyesee3 #box02,

*html .eyesee4 #box02 { width:625px;}



.eyesee2 #box02 h2,

.eyesee3 #box02 h2,

.eyesee4 #box02 h2 {

	height:28px;

	font-size:0;

	text-indent:-9999px;}

.eyesee2 #box02 h2 { background:url(../imgs/contentslist/eyesee/h2-eyesee02.gif) 0 0 no-repeat;}

.eyesee3 #box02 h2 { background:url(../imgs/contentslist/eyesee/h2-eyesee03.gif) 0 0 no-repeat;}

.eyesee4 #box02 h2 { background:url(../imgs/contentslist/eyesee/h2-eyesee04.gif) 0 0 no-repeat;}



.eyesee2 #box02 h3,

.eyesee3 #box02 h3,

.eyesee4 #box02 h3 {

	height:75px;

	font-size:0;

	text-indent:-9999px;}

.eyesee2 #box02 h3 { background:url(../imgs/contentslist/eyesee/read-eyesee01.gif) 0 0 no-repeat;}

.eyesee3 #box02 h3 { background:url(../imgs/contentslist/eyesee/read-eyesee02.gif) 0 0 no-repeat;}

.eyesee4 #box02 h3 { background:url(../imgs/contentslist/eyesee/read-eyesee03.gif) 0 0 no-repeat;}



.eyesee2 #box02 h4,

.eyesee3 #box02 h4 {

	background-position:0 0;

	background-repeat:no-repeat;

	font-size:0;

	text-indent:-9999px;}

.eyesee2 #box02 h4 { height:24px; margin-top:26px;}

.eyesee2 #box02 h4.t1 { margin-top:0; background-image:url(../imgs/contentslist/eyesee/h4-eyesee01.gif);}

.eyesee2 #box02 h4.t2 { background-image:url(../imgs/contentslist/eyesee/h4-eyesee02.gif);}

.eyesee2 #box02 h4.t3 { background-image:url(../imgs/contentslist/eyesee/h4-eyesee03.gif);}

.eyesee3 #box02 h4 { height:16px;}

.eyesee3 #box02 h4.t1 { background-image:url(../imgs/contentslist/eyesee/h4-eyesee04.gif);}

.eyesee3 #box02 h4.t2 { background-image:url(../imgs/contentslist/eyesee/h4-eyesee05.gif);}



.eyesee2 #box02 p,

.eyesee3 #box02 p,

.eyesee4 #box02 p { margin-bottom:1.0em;}

.eyesee3 #box02 p.white { padding-top:15px; text-align:right;font-size: 85%;}



.eyesee4 #box02 img.btm1em { margin-bottom:1.0em;}