@charset "UTF-8";

/** ｜各ページ共通｜ ******************************/

.txtS{font-size:70%;}
.txtM{font-size:80%; line-height:1.5em;}
.txtB{font-size:95%;}

.moji-s{
	font-size:10px;
	text-align:left; 
	line-height:14px;}

.moji-m{
	font-size:12px;
	text-align:left; 
	line-height:16px;}

.moji-l{
	font-size:13px;
	text-align:left; 
	line-height:30px;}
	
.fBold{font-weight:bold;}	
	
.red{color:#FF0000;}
.gray{color:#666666;}
	
	
/** マージン・パディング **/	

.mRL10{margin-right:10px;margin-left:10px;}
.mRL15{margin-right:15px;margin-left:15px;}
.mRL25{margin-right:25px;margin-left:25px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;}
.mL60{margin-left:60px;}
.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR20{margin-right:20px;}
.mR30{margin-right:30px;}


.mTB6{margin-top:6px;margin-bottom:6px;}
.mTB20{margin-top:20px;margin-bottom:20px;}
.mTB30{margin-top:30px;margin-bottom:30px;}
.mT2{margin-top:2px;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mB5{margin-bottom:5px;}
.mB6{margin-bottom:6px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB30{margin-bottom:30px;}


.pL15{padding-left:15px;}
.pT15{padding-top:15px;}


.w206{width:206px;}
.w260{width:260px;}
.w275{width:275px;}
.w300{width:300px;}
.w350{width:350px;}
.w370{width:370px;}
.w390{width:390px;}
.w410{width:410px;}
.w440{width:440px;}
.w467{width:467px;}
.w475{width:475px;}
.w520{width:520px;}
.w628{width:628px;}
.w650{width:650px;}



.main_l { 
float: left;  
} 

.main_r { 
float: right;  
}


.menu_s { 
width: 680px;
} 

.main_s_bg { 
width: 680px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/bg.gif);
background-repeat: repeat-y; 
padding: 10px 10px 20px 10px; 
margin-bottom: 15px; 
} 


.dot{
	/*2014/08/25　 ハック追加*/
    background-image: url(/images/myepson/alluser/campaign/dreamiogarden/dot.gif);
    *background-image: none;
	background-repeat: repeat-x; 
	}

ul {list-style-type: disc;
margin: 0 0 0 20px;
padding: 0px;
list-style-position: inherit;
font-size:12px;
}

.goto-top{
    width:682px;
	font-size:10px;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	margin-top:0px;
	margin-bottom:10px;}


/** ｜index.html用｜ ******************************/

.main_bg { 
width: 682px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/bg.gif);
background-repeat: repeat-y; 
padding: 0px 8px 0px 10px; 
margin-bottom: 15px; 
} 

.menu_bg { 
width: 682px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/bg.gif);
background-repeat: repeat-y; 
padding: 15px 8px 20px 10px; 
margin-bottom: 5px; 
} 

.menu { 
width: 682px;
} 

.menu_01 { 
width: 336px;
height:246px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/img_01_bg.gif);
background-repeat: repeat-y; 
float: left;
} 

.menu_02 { 
width: 337px;
height:246px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/img_02_bg.gif);
background-repeat: repeat-y; 
float: right;
} 

.menu_03 { 
width: 682px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/img_03_bg.gif);
background-repeat: repeat-y; 
float: right;
} 

.menu_s { 
width: 651px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/img_05_bg.gif);
background-repeat: repeat-y; 
text-align:left;
} 

.title_s { 
width: 651px;
height:25px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/title_s.gif);
background-repeat: no-repeat; 
text-align:center;
font-size:14px;
line-height:25px;
}  

.frame_new {
    width:315px;
	height:193px;
	overflow:auto;
	margin:5px 11px 5px 0px;
	padding:0px;
}

.frame_rank {
    width:337px;
	height:125px;
	overflow:visible;
	margin:0px;
	padding:0px;
}


.text_new {
    width:275px;
	margin-left:0;
}

.text_date {
	float:left;
	width:90px;
	font-size:12px;
	font-weight:bold;
	text-align:left; 
	line-height:16px;
	padding-left:5px;
}

.text_detail {
	float:left;
	width:167px;
	font-size:12px;
	font-weight:normal;
	text-align:left; 
	line-height:16px;
}

.text_rank_2line {
    widht:305px;
	height:38px;
	text-align:left; 
	line-height:16px;
	padding-left: 20px;
	}

.text_rank01 {
    widht:290px;
	height:26px;
	margin:2px 5px 2px 5px;
}

.text_rank02 {
    widht:290px;
	height:18px;
	margin:3px 5px 3px 5px;
}

.icon_rank {
	float:left;	
}

.icon_arrow {
	float:left;
	padding:2px 0 2px 0;
}

.text_rank01 p {	
	font-weight:bold;
	font-size:12px;
	text-align:left;
	line-height:28px;
	float:left;	
}

.text_rank02 p {	
	font-weight:normal;
	font-size:12px;
	text-align:left;
	line-height:16px;
	float:left;	
}

.g_border {
	border: 2px solid #97E2D1;
	background: #FFFFFF;
	width:301px;
	height:83px;
	padding:0;
	margin-left:16px;
	margin-right:16px;
}


/** ｜映画ランキング用｜ ******************************/

.box_bg { 
width: 680px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/rank/sub_bg.gif);
background-repeat: repeat-y; 
} 

.rank_ttl{ 
width: 648px;
height:40px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/rank/ttl.gif);
background-repeat: no-repeat; 
} 

.rank_ttlsub_bg_01{ 
width: 504px;
height:43px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/rank/01/ttl_sub_bg.gif);
background-position: 0 8px; 
background-repeat: no-repeat; 
} 

.rank_ttlsub_bg_02{ 
width: 504px;
height:35px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/rank/01/ttl_sub_bg.gif);
background-repeat: no-repeat; 
} 

.film{ 
width: 216px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/rank/img_film.gif);
background-repeat: repeat_y; 
} 

.movie{ 
padding:0 18px 0 18px;
} 

.credit{ 
width: 160px;
margin:10px 28px 10px 28px;
font-size: 10px;
text-align:left;
line-height: 14px;

} 
.catch{
color:#0053A8;
font-size: 13px;
font-weight:bold;
text-align:left;
line-height: 20px;
}

.point td{
width: 372px;
border: 2px #3E92E8 solid; 
background-color:#EFF5FB;
}

.rank_goto-top{
    width:392px;
	font-size:10px;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	margin-top:0px;
	}
	
.rank_frame{
    width:520px;
	height:175px;
	border:solid 1px #CCCCCC;
	overflow:auto;
	text-align:left;
	margin:0 0px 0 0px;
	padding:0px;
	}	
	

/** ｜私のドリーミオ紹介用｜ ******************************/

.photo td{
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/introduction/img_bg.gif);
background-repeat: repeat_y; 
}

.s_ttl	{
    width:610px;
    line-height:22px;
	background-color:#D2E9FF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	}
		
.s_text	{
    width:580px;
	text-align:left;
	}
	
.intro_goto-top{
    width:580px;
	font-size:10px;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	margin-top:20px;
	margin-bottom:10px;}	
	
table.info {
	border: 1px solid #999999;
	border-collapse:collapse;}
	
table.info td {
	border: 1px solid #999999;
	border-collapse:collapse;
}	

table.info th {
	border: 1px solid #999999;
	border-collapse:collapse;
	background-color:#D2E9FF;
}	

#pdf {
	background-image: url(/images/myepson/alluser/campaign/dreamiogarden/introduction/pdf.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#word {
	background-image: url(/images/myepson/alluser/campaign/dreamiogarden/introduction/word.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#link {
	font-size: 12px;
	color: #003399;
	text-decoration: underline;
}


/** ｜活用情報用｜ ******************************/

.column_ttl{ 
width: 648px;
height:40px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/column/ttl.gif);
background-repeat: no-repeat; 
} 

.column_goto-top{
    width:580px;
	font-size:10px;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	margin-top:15px;
	margin-bottom:10px;}	
	
	
/** ｜映画ツウコラム用｜ ******************************/

.eigatsu_main { 
width: 666px;}

.eigatsu_box { 
width: 606px;
border: 1px solid #B2B2B2;
text-align:left;
vertical-align:top;
margin-bottom:15px;}

.eigatsu_box_l { 
padding:4px;
vertical-align:top;}

.eigatsu_box_r { 
padding:4px 0 4px 0;
vertical-align:top;}

.clear{ 
clear:both;}

.eigatsu_ttl { 
width: 628px;}

.eigatsu_bg { 
width: 628px;
text-align:left;
background: url(/images/myepson/alluser/campaign/dreamiogarden/rank/column/ttl_bg.gif) no-repeat;
}

.eigatsu_point{
width: 372px;
background:url(/images/myepson/alluser/campaign/dreamiogarden/rank/column/box_bg.gif) repeat-y;
border-bottom: 1px #BBA946 solid;
}

.eigatsu_film{ 
width: 216px;
background-image: url(/images/myepson/alluser/campaign/dreamiogarden/rank/img_film.gif);
background-repeat: repeat_y; 
vertical-align:top;
} 

.eigatsu_ttl_s { 
width: 603px;
height:24px;
text-align:left;
line-height:2em;
font-weight:bold;
color:#ffffff;
vertical-align:bottom;
background: url(/images/myepson/alluser/campaign/dreamiogarden/rank/column/ttl_s_bg.gif) no-repeat;
}

.comment {
width: 580px;
text-align:left;
margin:10px 0 30px 0;}

.eigatsu_photo{
float:right;
margin:6px;}

.eigatsu_support{
text-align:left;
vertical-align:top;
font-weight:bold;
font-size:125%;
padding:5px 5px 5px 0;
}

.eigatsu_support_detail{
font-size:80%; line-height:1.5em;
margin:0 10px 2px 10px;
}

.eigatsu_support_detail th{
width:60px;
}

.eigatsu_goto-top{
    width:600px;
	font-size:10px;
	font-weight:bold;
	margin:0 auto;
	text-align:right;
	margin-bottom:25px;}