/* ############################################################
 * ■携帯サイト  スタイル
 * 
 * ############################################################ */

/* 【お約束】id,class の指定は必ず先頭に『#contentMain 』をつけて指定すること！
 * (共通ヘッダ、フッタ、左メニューに影響をあたえないようにするため) */

/* ------------------------------------------------------------
 * ▼コンテンツメイン
 * ------------------------------------------------------------ */

html{background-color:#594141;}
body
{
	margin:auto;
	padding:0;
	margin:auto;
	padding:0;
	text-align:center;
	width: 905px;

}

#contentMain
{
	background:url("../img/bgMain.gif") repeat-y;
	width: 905px;
font-family:"ＭＳ Ｐゴシック", "osaka";
font-size:12px;
line-height:15px;
	width: 905px;
	color:#000000;

}

/* 特殊なクラス */
#contentMain .Clr
{
clear:both;
margin:0;
padding:0;
font-size:1px;
line-height:0;
height:0;
}



#contentMain .Hide
{ display:none; }

#contentMain p
{
margin:0;
padding:0;
}

#contentMain img
{
	border:none;
}

#contentMain a
{
text-decoration:underline;
color:#e86518;
}
#contentMain a:visited
{ color:#ffcc00; }

#contentMain a:hover
{ color:#30b5a4; }

#contentMain ul
{
margin:0 0 0 0;
padding:0;
list-style:none outside;
}

#contentMain li
{
margin:0;
padding:0;
}
/* 文字の設定(色、フォント、大きさ) */
#contentMain h1
{
margin:0;
padding:0;
}



#contentMain h2
{
margin:0;
padding:0;
}

#contentMain h3
{
margin:0;
padding:0;
}

#contentMain h4
{
margin:0;
padding:0;
}

#contentMain dl,
#contentMain dd,
#contentMain dt
{
margin:0;
padding:0;
}


#contentMain p,
#contentMain li
{
color:#5a5655;
font-family: "ＭＳ Ｐゴシック", "osaka";
font-size:12px;
line-height:19px;
}

#contentMain .TrackList  /* トラックリストは文字の大きさを変更しないこと！ */
{ color:#333; }

#contentMain .Juyou  /* 重要文字 */
{ color:#DE007E; }

/*--要素のフロート用のクラス--*/

#contentMain .Cnt01
{
float:left;
}

#contentMain .Cnt02
{
float:left;
}

#contentMain .Cnt03
{
float:left;
}

/* ------------------------------------------------------------
* ▼検索ナビゲーション枠
* ------------------------------------------------------------ */

#contentMain #naviArea
{
	background-image: url(../img/bgSubCatch.jpg);
	height:127px;
	background-repeat: no-repeat;
	text-align: left;
}

#contentMain #naviArea form
{
display:block;
margin:0;
padding:44px 0 0 420px;
}

/* ------------------------------------------------------------
* ▼モバイルコンテンツ（共通）枠
* ------------------------------------------------------------ */
#contentMain #mobileContent
{
	text-align:left;
	background-image:url(../img/bgMobile.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	width: 905px;
	margin-top: 7px;
}

#contentMain #mobileContent .Btm
{	
	height:15px;
	background-image:url(../img/bgMobileBtm.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:1px;
	line-height:0;
	height:15px;
}
/*--［イントロダクション］--*/

#contentMain #mobileContent .IntroText
{
margin:10px 10px;
width:240px;
font-size:11px;
line-height:15px;
color:#000;
}

/*--［おすすめコンテンツ］--*/

#contentMain #mobileContent .OsusumeContent
{
margin:10px 0 0 0;
}

#contentMain #mobileContent .OsusumeContent .Jk
{
float:left;
}

#contentMain #mobileContent .OsusumeContent .Jk img
{
margin:0 10px;
}

#contentMain #mobileContent .OsusumeContent .TitleAndText
{
	float:left;
	width: 125px;
	font-size: 11px;
	line-height: 15px;
}

#contentMain #mobileContent .OsusumeContent .Title
{
	border-bottom:1px;
	border-bottom-style: solid;
	width: 100%;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 3px;
}
/*--［アクセスエリア］--*/

#contentMain #mobileContent .AccessArea
{
background-repeat:repeat-y;
}
/*--［フォーム＆QRコード］--*/
#contentMain #mobileContent .AccessArea .FormAndQrArea
{
background-color:#3300CC;
}

#contentMain #mobileContent .AccessArea .FormArea
{
float:left;
}

#contentMain #mobileContent .AccessArea .FormArea form
{
margin:0 17px 0 10px;
}

#contentMain #mobileContent .AccessArea .FormArea .SelectBox
{
margin:5px 0 0 0;
}

#contentMain #mobileContent .AccessArea .FormArea .SubmitBtn
{
margin:5px 0 0 0;
}

#contentMain #mobileContent .AccessArea .QrCode
{
	float:left;
}

/*--［キャリア別アクセスガイド］--*/

#contentMain #mobileContent .AccessArea .Carrier
{
margin:5px 0 0 0;
}

#contentMain #mobileContent .AccessArea .Carrier .Gaz
{
	float:left;
	width: 50px;
	text-align: center;
}

#contentMain #mobileContent .AccessArea .Carrier .Gaz img
{
}

#contentMain #mobileContent .AccessArea .Carrier .Text
{
	float:left;
	width: 195px;
	font-size: 11px;
}

/*--［料金情報］--*/


#contentMain #mobileContent .PriceArea
{
padding:5px 0 0 10px;
}
/* ------------------------------------------------------------
* ▼コンテンツメイン ウタUSENフル枠
* ------------------------------------------------------------ */

#contentMain #utaUsenFull
{
width: 260px;
margin: 0 0 15px 47px;
}

#contentMain #mobileContent #utaUsenFull .AccessArea
{
	background-image:url(../img/bg_AccessUtaFul.gif);
	padding: 0 0 5px 0;
}
#contentMain #mobileContent #utaUsenFull .Price
{
color:#38b15c;
}
/* ------------------------------------------------------------
* ▼コンテンツメイン ウタUSEN枠
* ------------------------------------------------------------ */
#contentMain #utaUsen
{
width: 260px;
margin: 0 0 15px 10px;
}
#contentMain #mobileContent #utaUsen .AccessArea
{
	background-image:url(../img/bg_AccessUtaUsen.gif);
	padding: 0 0 5px 0;
}
#contentMain #mobileContent #utaUsen .Price
{
color:#0069b3;
}/* ------------------------------------------------------------
* ▼コンテンツメイン ウタメロUSEN枠
* ------------------------------------------------------------ */
#contentMain #meroutaUsen
{
width: 260px;
margin: 0 0 15px 10px;
}

#contentMain #mobileContent #meroutaUsen .AccessArea
{
	background-image:url(../img/bg_AccessMerouta.gif);
	padding: 0 0 5px 0;
}
#contentMain #mobileContent #meroutaUsen .Price
{
color:#cf000d;
}
/* ------------------------------------------------------------
* ▼関連コンテンツ枠
* ------------------------------------------------------------ */
#contentMain #relContent
{
	text-align:left;
	width: 905px;
}

#contentMain #relContent .Line2C
{
	margin: 20px 0 0 0;
	background-image: url(../img/bgRelContent2C.jpg);
	background-repeat:repeat-y;
}


#contentMain #relContent .Line2C .Btm  /* last */
{
	font-size:1px;
	line-height:0;
	height:15px;  /* 高さ調節 */
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../img/bgBoxRelContentBtm2C.jpg);
}

#contentMain #relContent .Line2CHalf
{
	background-image: url(../img/bgRelContent2CHalf.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin: 20px 0 0 0;
}

#contentMain #relContent .Line2CHalf .Btm  /* last */
{
	font-size:1px;
	line-height:0;
	height:15px;  /* 高さ調節 */
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../img/bgBoxRelContentBtm2CHalf.jpg);
}

/* ------------------------------------------------------------
* ▼関連雑誌枠
* ------------------------------------------------------------ */
#contentMain #zassiArea
{
	width: 391px;
	margin: 0 0 0 47px;

}

#contentMain #zassiArea .Gaz
{
float:left;
}

#contentMain #zassiArea .Gaz img
{
margin:0 10px 10px 13px;
}

#contentMain #zassiArea .Text
{
	float:left;
	width: 250px;
}

#contentMain #zassiArea .Text .LinkList
{
text-align:right;
	width: 100%;
}

#contentMain #zassiArea .Text .LinkList .Detail
{
background-image:url(../img/iconArrow.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding:0 15px;
}
/* ------------------------------------------------------------
* ▼OnGen枠
* ------------------------------------------------------------ */
#contentMain #onGenArea
{

width: 391px;
margin: 0 0 0 21px;

}

#contentMain #onGenArea .Jk
{
float:left;
}

#contentMain #onGenArea .Jk img
{
margin:0 10px 10px 13px;
}

#contentMain #onGenArea .TitleAndText
{
	float:left;
	width: 300px;
}

#contentMain #onGenArea .Title
{
font-size:13px;
}
/* ------------------------------------------------------------
* ▼Uga枠
* ------------------------------------------------------------ */
#contentMain #ugaArea
{
width: 391px;
margin: 0 0 0 47px;
}

#contentMain #ugaArea .Gaz img
{
margin:0 10px 5px 10px;
}

#contentMain #ugaArea .LinkList
{
margin:0 0 0 10px;
}

#contentMain #ugaArea .LinkList .Detail
{
background-image:url(../img/iconArrow.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding:0 15px;
}
/* ------------------------------------------------------------
* ▼UsenGroup枠
* ------------------------------------------------------------ */
#contentMain #usenGroup
{
	width: 905px;
	margin: 20px 0 0 0;
	padding: 0 40px;
}

#contentMain #usenGroup p
{
	font-size:10px;
	color:#FFFFFF;
	line-height:16px;
	text-align: left;
	width: 825px;
}

/* ------------------------------------------------------------
* ▼CopyRight枠
* ------------------------------------------------------------ */
#contentMain #copyRight
{
	text-align:center;
	color:#FFFFFF;
	margin: 15px 0 0 0;
}

#contentMain #copyRight p
{
	font-size:10px;
	color:#FFFFFF;
	line-height:14px;
	width: 905px;
	text-align: center;
}
/* ------------------------------------------------------------
* ▼お問合せ枠
* ------------------------------------------------------------ */
#contentMain #toiawase
{
	text-align:center;
	color:#FFFFFF;
	margin: 15px 0 0 0;
}

#contentMain #toiawase p
{
	font-size:10px;
	color:#FFFFFF;
	line-height:14px;
	width: 905px;
	text-align: center;
}
/* ------------------------------------------------------------
* ▼コンテンツメインボトム枠
* ------------------------------------------------------------ */

#contentMain #contentMainBtm  /* last */
{
	font-size:1px;
	line-height:0;
	height:30px;  /* 高さ調節 */
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../img/bg_MainBtm.jpg);
	margin: 10px 0 0 0;
}