@charset "Shift_JIS";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM802 MOBILE INFORMATION----------------------*/
/*----------------------------------------------*/
/*100318----------------------------------------*/




/*■ 1.FRAME------------------------------------*/

/*■ 2.TITLE AREA-------------------------------*/

/*■ 3.TEXT-------------------------------------*/

/*■ 4.802.DJ-----------------------------------*/

/*■ 5.KEITAI FUNKY802--------------------------*/

/*■ 6.YAWAKA-----------------------------------*/








/*----------------------------------------------*/
/*■ 1.FRAME ■---------------------------------*/
/*----------------------------------------------*/

/*MOBILE INFORMATION CONTENTS TOP*/
h4#contentsTop {
width:650px;
height:32px;
margin:0;
padding:0;
background:url(../../mobileinfo/img/mobi_contents_top.gif) no-repeat 0 0;
text-indent:-9999px;
}










/*----------------------------------------------*/
/*■ 2.TITLE ■---------------------------------*/
/*----------------------------------------------*/

/*MOBILE INFORMATION TITLE*/
#pageTitle h3 {
background:url(../../mobileinfo/img/mobi_title.gif) no-repeat 0 0;
width:430px;
height:55px;
}










/*----------------------------------------------*/
/*■ 3.TEXT ■----------------------------------*/
/*----------------------------------------------*/

p {
margin:0;
padding:0;
font-size:1.2em;
}









/*----------------------------------------------*/
/*■ 4.802.DJ ■--------------------------------*/
/*----------------------------------------------*/

/*-----大外枠-----*/
#dj-wrap {
width:650px;
height:auto;
background:url(../../mobileinfo/img/dj_bg.gif) repeat-y 0 0;
margin:0;
padding:0;
}

#dj-bg-under {
width:650px;
height:10px;
background:url(../../mobileinfo/img/dj_bg_under.gif) no-repeat 0 0;
margin:0 0 30px 0;
padding:0;
font-size:0px;
}

/*--------------------------------*/
/*サムネイル----------------------*/
/*--------------------------------*/

/*共通外枠*/
#tn-bg {
width:650px;
height:auto;
background:url(../../mobileinfo/img/tn_bg.gif);
margin:0 0 30px 0;
padding:0;
}

/*ヘッダー背景*/
#tn-h-dj,#tn-h-f8 {
width:290px;
height:116px;
margin:0 0 15px 0;
padding:8px 13px 0 17px;
}

#tn-h-dj {
background:url(../../mobileinfo/img/tn_h_dj.jpg) no-repeat 0 0;
}

#tn-h-f8 {
background:url(../../mobileinfo/img/tn_h_f8.jpg) no-repeat 0 0;
}

#tn-h-dj:after,#tn-h-f8:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*コピー*/
h2#tn-dj-copy,h2#tn-f8-copy {
height:19px;
margin:0;
padding:0;
text-indent:-9999px;
font-size:0px;
}

h2#tn-dj-copy {
width:265px;
background:url(../../mobileinfo/img/tn_dj_copy.gif) no-repeat 0 0;
}

h2#tn-f8-copy {
width:180px;
background:url(../../mobileinfo/img/tn_f8_copy.gif) no-repeat 0 0;
}

/*タイトル＆ロゴ枠*/
#tn-dj-ttl-wrap,#tn-f8-ttl-wrap {
height:auto;
margin:0;
padding:0;
float:left;
}

#tn-dj-ttl-wrap {
width:140px;
}

#tn-f8-ttl-wrap {
width:185px;
}

/*タイトル*/
h1#tn-dj-ttl,h1#tn-f8-ttl {
height:27px;
margin:0 0 26px 0;
padding:0;
text-indent:-9999px;
}

h1#tn-dj-ttl {
width:136px;
background:url(../../mobileinfo/img/tn_dj_ttl.gif) no-repeat 0 0;
}

h1#tn-f8-ttl {
width:178px;
background:url(../../mobileinfo/img/tn_f8_ttl.gif) no-repeat 0 0;
}

/*ロゴ*/
#tn-h-dj-logo,#tn-h-f8-logo {
margin:0;
padding:0;
}

#tn-h-dj-logo {
width:116px;
height:36px;
}

#tn-h-f8-logo {
width:114px;
height:28px;
}

/*QRコード*/
#tn-h-dj-qr,#tn-h-f8-qr {
width:80px;
height:80px;
margin:0;
padding:8px 0 0 0;
float:right;
}



/*詳細テキストエリア*/
p#tn-dj-txt,p#tn-f8-txt {
width:280px;
height:auto;
margin:0;
padding:0 20px 20px 20px;
line-height:1.8em;
}



/*アクセス方法-共通*/

/*外枠*/
#tn-access-bg {
width:300px;
height:auto;
margin:0;
padding:15px 0 5px 20px;
}

/*アクセス方法イメージ*/
h3#tn-access {
width:280px;
height:23px;
background:url(../../mobileinfo/img/tn_access.gif) no-repeat 0 0;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
}

/*ロゴ*/
h4#tn-docomo,h4#tn-ez,h4#tn-yahoo {
width:28px;
height:28px;
margin:0;
padding:0;
float:left;
}

/*詳細*/
p#tn-docomo-txt,p#tn-ez-txt,p#tn-yahoo-txt {
width:242px;
height:auto;
margin:0;
padding:0;
float:right;
line-height:1.6em;
}

/*罫線*/
#tn-line {
width:280px;
height:11px;
background:url(../../mobileinfo/img/tn_line.gif) no-repeat 0 5px;
margin:0;
padding:0;
font-size:0px;
}

/*枠下*/
#tn-foot {
width:320px;
height:10px;
background:url(../../mobileinfo/img/tn_foot.gif) no-repeat 0 0;
margin:0;
padding:0;
}




/*--------802dj--------*/

/*背景*/
#dj-h-bg {
width:615px;
height:148px;
background:url(../../mobileinfo/img/dj_h_bg.jpg) no-repeat 0 0;
margin:0;
padding:0 0 0 35px;
}

#dj-h-bg:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*ロゴ*/
#djlogo {
width:181px;
height:55px;
margin:0;
padding:0;
position:relative;
top:31px;
left:0;
float:left;
}

/*着うたサイト*/
h2#dj802 {
width:123px;
height:27px;
background:url(../../mobileinfo/img/dj_h_ttl.gif) no-repeat 0 0;
margin:0 0 6px 0;
padding:0;
text-indent:-9999px;
float:right;
}

/*コピー*/
h3#dj-h-copy {
width:317px;
height:89px;
background:url(../../mobileinfo/img/dj_h_copy.gif) no-repeat 0 0;
margin:0;
padding:0 42px 0 0;
text-indent:-9999px;
float:right;
}

/*メインエリア枠*/
#dj-main {
width:605px;
height:auto;
margin:0 0 0 0;
padding:0 0 20px 25px;
}

#dj-main:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*ケータイイメージ背景*/
#dj-mob {
width:235px;
height:497px;
background:url(../../mobileinfo/img/dj_mob_bg.gif) no-repeat 0 0;
margin:0;
padding:0;
float:left;
}

/*ケータイイメージ*/
#dj-mob-img {
width:225px;
height:487px;
margin:0;
padding:0;
overflow:auto;
}

/*コンテンツガイド-外枠*/
#dj-cguide-area {
width:340px;
height:auto;
margin:0;
padding:25px 0 0 0;
float:right;
}

/*コンテンツガイドイメージ*/
h3#dj-cguide {
width:340px;
height:19px;
background:url(../../mobileinfo/img/dj_cguide.gif) no-repeat 0 0;
margin:0;
padding:0 0 20px 0;
text-indent:-9999px;
}

/*各コンテンツ*/
h4#dj-c1,h4#dj-c2,h4#dj-c3,h4#dj-c4,h4#dj-c5,h4#dj-c6,h4#dj-c7 {
height:15px;
margin:0 0 3px 0;
padding:0;
text-indent:-9999px;
}

h4#dj-c1 {
width:106px;
background:url(../../mobileinfo/img/dj_c1.gif) no-repeat 0 0;
}

h4#dj-c2 {
width:133px;
background:url(../../mobileinfo/img/dj_c2.gif) no-repeat 0 0;
}

h4#dj-c3 {
width:89px;
background:url(../../mobileinfo/img/dj_c3.gif) no-repeat 0 0;
}

h4#dj-c4 {
width:172px;
background:url(../../mobileinfo/img/dj_c4.gif) no-repeat 0 0;
}

h4#dj-c5 {
width:94px;
background:url(../../mobileinfo/img/dj_c5.gif) no-repeat 0 0;
}

h4#dj-c6 {
width:55px;
background:url(../../mobileinfo/img/dj_c6.gif) no-repeat 0 0;
}

h4#dj-c7 {
width:167px;
background:url(../../mobileinfo/img/dj_c7.gif) no-repeat 0 0;
}

/*各コンテンツ詳細*/
p#dj-c1-txt,p#dj-c2-txt,p#dj-c3-txt,p#dj-c4-txt,p#dj-c5-txt,p#dj-c6-txt,p#dj-c7-txt {
width:340px;
height:auto;
margin:0;
padding:0 0 15px 0;
line-height:1.8em;
}










/*----------------------------------------------*/
/*■ 5.KEITAI FUNKY802 ■-----------------------*/
/*----------------------------------------------*/

/*-----大外枠-----*/
#os-otherarea {
width:650px;
height:auto;
background:url(../../mobileinfo/img/os_bg.gif) repeat-y 0 0;
margin:0;
padding:0;
}

#os-bg-under {
width:650px;
height:10px;
background:url(../../mobileinfo/img/os_bg_under.gif) no-repeat 0 0;
margin:0 0 30px 0;
padding:0;
}

/*------------------*/
/*-----funky802-----*/
/*------------------*/

/*背景*/
#f8-h-bg {
width:615px;
height:148px;
background:url(../../mobileinfo/img/f8_h_bg.jpg) no-repeat 0 0;
margin:0;
padding:0 0 0 35px;
}

#f8-h-bg:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*802ロゴ*/
#f8logo {
width:190px;
height:44px;
margin:0;
padding:0;
position:relative;
top:31px;
left:0;
float:left;
}

/*ケータイFUNKY802*/
h2#funky802 {
width:146px;
height:27px;
background:url(../../mobileinfo/img/f8_h_ttl.jpg) no-repeat 0 0;
margin:0 0 4px 0;
padding:0;
text-indent:-9999px;
float:right;
}

/*コピー*/
h3#f8-h-copy {
width:314px;
height:87px;
background:url(../../mobileinfo/img/f8_h_copy.jpg) no-repeat 0 0;
margin:0;
padding:0 46px 0 0;
text-indent:-9999px;
float:right;
}

/*メインエリア枠*/
#f8-main {
width:605px;
height:auto;
margin:0 0 50px 0;
padding:0 0 0 25px;
}

#f8-main:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*ケータイイメージ背景*/
#f8-mob {
width:235px;
height:497px;
background:url(../../mobileinfo/img/f8_mob_bg.gif) no-repeat 0 0;
margin:0;
padding:0;
float:left;
}

/*ケータイイメージ*/
#f8-mob-img {
width:225px;
height:487px;
margin:0;
padding:0;
overflow:auto;
}

/*コンテンツガイド-外枠*/
#f8-cguide-area {
width:340px;
height:auto;
margin:0;
padding:25px 0 0 0;
float:right;
}

/*コンテンツガイドイメージ*/
h3#f8-cguide {
width:340px;
height:19px;
background:url(../../mobileinfo/img/f8_cguide.gif) no-repeat 0 0;
margin:0 0 15px 0;
padding:0;
text-indent:-9999px;
}

/*各コンテンツ*/
h4#f8-c1,h4#f8-c2,h4#f8-c3,h4#f8-c4,h4#f8-c5,h4#f8-c6,h4#f8-c7,h4#f8-c8 {
height:15px;
margin:0 0 3px 0;
padding:0;
text-indent:-9999px;
}

h4#f8-c1 {
width:120px;
background:url(../../mobileinfo/img/f8_c1.gif) no-repeat 0 0;
}

h4#f8-c2 {
width:106px;
background:url(../../mobileinfo/img/f8_c2.gif) no-repeat 0 0;
}

h4#f8-c3 {
width:146px;
background:url(../../mobileinfo/img/f8_c3.gif) no-repeat 0 0;
}

h4#f8-c4 {
width:182px;
background:url(../../mobileinfo/img/f8_c4.gif) no-repeat 0 0;
}

h4#f8-c5 {
width:146px;
background:url(../../mobileinfo/img/f8_c5.gif) no-repeat 0 0;
}

h4#f8-c6 {
width:170px;
background:url(../../mobileinfo/img/f8_c6.gif) no-repeat 0 0;
}

h4#f8-c7 {
width:132px;
background:url(../../mobileinfo/img/f8_c7.gif) no-repeat 0 0;
}

h4#f8-c8 {
width:122px;
background:url(../../mobileinfo/img/f8_c8.gif) no-repeat 0 0;
}

/*各コンテンツ詳細*/
p#f8-c1-txt,p#f8-c2-txt,p#f8-c3-txt,p#f8-c4-txt,p#f8-c5-txt,p#f8-c6-txt,p#f8-c7-txt,p#f8-c8-txt {
width:340px;
height:auto;
margin:0 0 10px 0;
padding:0;
line-height:1.8em;
}



/*------------------------*/
/*-----その他のサイト-----*/
/*------------------------*/



/*-----各コンテンツ枠-----*/
#om-waku,#fm-waku,#oh-waku {
width:630px;
height:auto;
}

#om-waku {
margin:0 0 50px 20px;
padding:0;
}

#fm-waku {
margin:0 0 0 20px;
padding:0 0 20px 0;
}

#oh-waku {
margin:0 0 0 20px;
padding:0 0 20px 0;
}

/*-----各コンテンツタイトル-----*/
h3#om-ttl,h3#fm-ttl,h3#oh-ttl {
width:610px;
height:21px;
margin:0;
padding:0 0 23px 0;
text-indent:-9999px;
}

h3#om-ttl {
background:url(../../mobileinfo/img/os_om_ttl.gif) no-repeat 0 0;
}

h3#fm-ttl {
background:url(../../mobileinfo/img/os_fm_ttl.gif) no-repeat 0 0;
}

h3#oh-ttl {
background:url(../../mobileinfo/img/os_oh_ttl.gif) no-repeat 0 0;
}

/*-----各メインエリア-----*/
#om-mainarea,#fm-mainarea,#oh-mainarea {
width:610px;
height:auto;
margin:0;
}

#om-mainarea {
margin:0;
}

#fm-mainarea {
margin:0;
}

#oh-mainarea {
padding:0 0 10px 0;
}

#om-mainarea:after,#fm-mainarea:after,#oh-mainarea:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}



/*=====お知らせメール=====*/

/*イメージエリア*/
#om-imgarea {
width:202px;
height:auto;
margin:0;
padding:0;
float:left;
}

/*コピー*/
h4#om-copy {
width:190px;
height:16px;
background:url(../../mobileinfo/img/os_om_copy.gif) no-repeat 0 0;
margin:0 0 10px 0;
padding:0;
text-indent:-9999px;
}

/*イメージ*/
#om-img {
width:202px;
height:105px;
margin:0;
padding:0;
}

/*テキストエリア*/
p#om-txtarea {
width:392px;
height:auto;
margin:0;
padding:0;
float:right;
line-height:1.8em;
}

/*=====FMケータイ=====*/

/*イメージエリア*/
#fm-imgarea {
width:280px;
height:auto;
margin:0;
padding:0;
float:left;
}

/*コピーエリア*/
h4#fm-copy {
width:270px;
height:16px;
background:url(../../mobileinfo/img/os_fm_copy.gif) no-repeat 0 0;
margin:0 0 20px 0;
padding:0;
text-indent:-9999px;
}

/*イメージ*/
#fm-img {
width:280px;
height:150px;
margin:0;
padding:0;
}

/*右エリア*/
#rightarea {
width:300px;
height:auto;
margin:0;
padding:0;
float:right;
}

p#fm-txtarea {
width:300px;
height:auto;
margin:0 0 20px 0;
padding:0;
line-height:1.8em;
}

p#fm-hosokuarea {
width:300px;
height:auto;
margin:0;
padding:0;
line-height:1.6em;
}


/*ボタン*/
ul#fm-button {
margin:0 0 20px 0;
padding:0;
list-style:none;
}

ul#fm-button li {
margin:0;
padding:0;
list-style:none;
}

ul#fm-button li a {
display:block;
width:245px;
height:24px;
text-decoration:none;
overflow:hidden;
text-indent:-9999px;
}

li#b-img a {
background:url(../../mobileinfo/img/os_fm_button.gif) no-repeat 0 0;
}

li#b-img a:hover {
background:url(../../mobileinfo/img/os_fm_button.gif) no-repeat 0 -24px;
}


/*=====OSAKAN HOT100=====*/
#oh-banner {
width:610px;
height:100px;
margin:0 0 8px 0;
padding:0;
}

#oh-left {
width:490px;
height:0px;
margin:0;
padding:0;
float:left;
}

#oh-qr {
width:89px;
height:89px;
margin:0;
padding:0;
float:right;
}

h4#oh-copy {
width:285px;
height:22px;
background:url(../../mobileinfo/img/os_oh_copy.gif) no-repeat 0 0;
margin:0 0 16px 0;
padding:0;
text-indent:-9999px;
font-size:0px;
}

p#oh-txtarea {
width:490px;
height:auto;
margin:0;
padding:0;
line-height:1.8em;
}

h4#oh-pickup {
width:610px;
height:14px;
background:url(../../mobileinfo/img/os_oh_pu_ttl.gif) no-repeat 0 0;
margin:0 0 20px 0;
padding:0;
text-indent:-9999px;
}

dl#oh-pu-wrap {
width:610px;
height:auto;
margin:0 0 10px 0;
padding:0;
}

dl#oh-pu-wrap:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

dt#oh-pu-01,dt#oh-pu-02,dt#oh-pu-03,dt#oh-pu-04 {
width:230px;
margin:0;
padding:0;
text-indent:-9999px;
float:left;
}

dt#oh-pu-01 {
background:url(../../mobileinfo/img/os_oh_pu_photoweek.gif) no-repeat 0 0;
height:14px;
}

dt#oh-pu-02 {
background:url(../../mobileinfo/img/os_oh_pu_flash.gif) no-repeat 0 0;
height:14px;
}

dt#oh-pu-03 {
background:url(../../mobileinfo/img/os_oh_pu_voice.gif) no-repeat 0 0;
height:14px;
}

dt#oh-pu-04 {
background:url(../../mobileinfo/img/os_oh_pu_no1deko.gif) no-repeat 0 0;
height:30px;
}

/*20100318(NEW)*/
dt#oh-pu-802c,dt#oh-pu-pw,dt#oh-pu-f,dt#oh-pu-v,dt#oh-pu-1d {
width:230px;
margin:0;
padding:0;
text-indent:-9999px;
float:left;
}

dt#oh-pu-802c {
background:url(../../mobileinfo/img/os_oh_pu_802c.gif) no-repeat 0 0;
height:14px;
}

dt#oh-pu-pw {
background:url(../../mobileinfo/img/os_oh_pu_pw.gif) no-repeat 0 0;
height:14px;
}

dt#oh-pu-f {
background:url(../../mobileinfo/img/os_oh_pu_f.gif) no-repeat 0 0;
height:14px;
}

dt#oh-pu-v {
background:url(../../mobileinfo/img/os_oh_pu_v.gif) no-repeat 0 0;
height:30px;
}

dt#oh-pu-1d {
background:url(../../mobileinfo/img/os_oh_pu_1d.gif) no-repeat 0 0;
height:30px;
}
/**/

dd#oh-pu-comment {
width:370px;
height:auto;
margin:0;
padding:0;
float:right;
line-height:1.8em;
}










/*----------------------------------------------*/
/*■ 6.YAWAKA ■--------------------------------*/
/*----------------------------------------------*/

/*yawaka area*/
#yawakaArea {
width:650px;
height:auto;
margin:0 0 30px 0;
padding:0 0 10px 0;
background:url(../../mobileinfo/img/yt_bg_under.gif) no-repeat bottom left;
}

/*yawaka head*/
#yawakaHead {
width:650px;
height:140px;
margin:0;
padding:0;
background:url(../../mobileinfo/img/yt_bg.gif) no-repeat 0 0;
position:relative;
}

/*head catch*/
p#yH-catch {
width:300px;
height:40px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../mobileinfo/img/yt_catch.gif) no-repeat 0 0;
position:absolute;
top:6px;
left:35px;
}

/*head title*/
h3#yH-title {
width:230px;
height:75px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../mobileinfo/img/yt_title.gif) no-repeat 0 0;
position:absolute;
top:46px;
left:35px;
}

/*head copy*/
p#yH-copy {
width:235px;
height:75px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../mobileinfo/img/yt_copy.gif) no-repeat 0 0;
position:absolute;
top:46px;
left:265px;
}

/*head qr*/
p#yH-qr {
margin:0;
padding:0;
position:absolute;
top:36px;
left:500px;
}


/*yawaka main*/
#yawakaMain {
width:610px;
height:auto;
margin:0;
padding:20px 19px 15px 19px;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

/*yawaka main in*/
#yawakaMain-in {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*float clear*/
#yawakaMain-in:after {
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
/*\*/
*html #yawakaMain-in {/*IE6*/
height:1px;
overflow:visible;
}
/**/

/*yawaka main text*/
.yawakaTxt {
width:425px;
height:205px;
margin:0;
padding:0;
float:left;
}

/*main copy*/
h4#yT-copy {
width:425px;
height:55px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../mobileinfo/img/ytm_catch.gif) no-repeat 0 0;
}

/*main list*/
p#yT-list {
width:425px;
height:150px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../../mobileinfo/img/ytm_list.gif) no-repeat 0 0;
}

/*main icon*/
p#yT-icon {
margin:0;
padding:0;
float:right;
}

/*main text*/
p#yT-txt {
clear:both;
font-size:1.2em;
line-height:1.6em;
margin:0;
padding:0;
}