@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	background:url(../images/bg.gif) repeat-x;
	text-align:center;
	font-size:12px;
	line-height:140%;
	color:#333333;
}

a img {
	border:none;
}

h1,h2,h3 {
	font-size:12px;
	line-height:140%;
	font-weight:normal;
	text-align:left;
}

h1{
	margin-top:7px;
	float:left;
}

h3{
	background:url(../images/heading-bg.jpg) repeat-x;
	margin:20px 0 10px 0;
	height:30px;
	padding:5px 0 0 10px;
	font-weight:bold;
	font-size:14px;
	border-top:1px solid #ccc;
}


/**
* クリアフィックスハック
* 基本的なスタイルにあらかじめ適応、ClearFixクラスも準備
*/
#Header:after,
#MainContainer:after,
#Footer:after,
#GlobalNavi:after,
.ClearFix:after {
content:"";
display:block;
clear:both;
}
#Header,
#MainContainer,
#Footer,
#GlobalNavi,
.ClearFix {
display:inline-block;
}
/* Mac版IE除外 \*/
#Header,
#MainContainer,
#Footer,
#GlobalNavi,
.ClearFix {
display: block;
}

/*----------------------------------------------------
		ヘッダー
----------------------------------------------------*/

#HeaderTop{
	margin:2px auto;
	width:800px;
}

#HeaderLogo a{
	float:right;
	background:url(../images/header-logo.gif) no-repeat right top;
	width:100px;
	height:30px;
	text-indent:-9999px;
	display:block;
}
	

#Header {
	background:url(../images/header.jpg) no-repeat;
	height:168px;
}

#HeaderNaviLeft{
	float:left;
	padding-top:120px;
	margin-left:15px;
}
#HeaderNaviRight{
	float:right;
	padding-top:120px;
}

#HeaderNaviRight td{
	padding-right:10px;
	vertical-align:bottom;
}

/*----------------------------------------------------
		グローバルナビゲーション
----------------------------------------------------*/

#GlobalNavi{
	border-top:8px solid #333;
	border-bottom:8px solid #333;
	width:790px;
	overflow:hidden;
	clear:both;
}
#GlobalNavi li{
	overflow:hidden;
	display:inline;
	list-style:none;
}
#GlobalNavi li a{
	overflow:hidden;
	display:block;
	width:112px;
	height:0;
	padding-top:42px;
	float:left;
	background-image:url(../images/navi.gif);
	background-repeat:no-repeat;
}
#GlobalNavi li a:hover{
	background-image:url(../images/navi-hover.gif);
}
#GlobalNavi #NaviToppage a{
	background-position:0px 0px;
}
#GlobalNavi #NaviBenefit a{
	background-position:-112px 0px;
}
#GlobalNavi #NaviPush a{
	background-position:-224px 0px;
}
#GlobalNavi #NaviOwarai a{
	background-position:-336px 0px;
}
#GlobalNavi #NaviMusic a{
	background-position:-448px 0px;
}
#GlobalNavi #NaviTalk a{
	background-position:-560px 0px;
}
#GlobalNavi #NaviOther a{
	background-position:-672px 0px;
	width:116px;
}

#GlobalNavi #NowToppage #NaviToppage a,
#GlobalNavi #NowBenefit #NaviBenefit a,
#GlobalNavi #NowPush #NaviPush a,
#GlobalNavi #NowOwarai #NaviOwarai a,
#GlobalNavi #NowMusic #NaviMusic a,
#GlobalNavi #NowTalk #NaviTalk a,
#GlobalNavi #NowOther #NaviOther a{
	background-image:url(../images/navi-hover.gif);
}

/*----------------------------------------------------
		メイン レイアウト
----------------------------------------------------*/
#Container{
	background:#fff;
	border:8px solid #333;
	width:790px;
	margin:0 auto;
	clear:both;
}

#Main{
	width:730px;
	margin:20px auto;
	text-align:left;
	clear:both;
}

#MainInner{
	width:680px;
	margin:0 auto;
}

/*----------------------------------------------------
		メイン 共通
----------------------------------------------------*/

#PageTitle{
	border-bottom:5px dotted #333;
	margin-bottom:20px;
}

/*テキスト*/
.ContentsText{
	width:540px;
	margin:0 auto;
}	

/*画像*/
.AdImage{
	margin:10px 0;
	text-align:center;
}

/*ライン*/
.Line{
	border-bottom:2px dotted #ccc;
	margin-bottom:20px;
}

.RightAttention{
	font-size:10px;
	text-align:center;
	color:#666;
	margin-top:20px;
}

.PageTop {
	padding-top:20px;
	text-align:right;
}
/*----------------------------------------------------
		フッター
----------------------------------------------------*/
#Footer{
	padding:10px;
}