@charset "utf-8";

/* html element
----------------------------------------------------*/
* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
}
html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}
hr {
	display: none;
}
a,img {
	margin: 0px;
	padding: 0px;
	border: none;
}
.over {
}
/* TAG Layout
----------------------------------------------------*/
body {
	background: #FFF;
	text-align: center;
}

/* a Element
----------------------------------------------------*/
a{
	color:#0082d1;
	text-decoration:none;
	outline:0;
	overflow:hidden;
}
a:hover{
	text-decoration:underline;
	color: #e97300;
}
a.box{
	padding:1px;
	background-color: #555555;
	display:block;
}
a.box:hover{
	padding:1px;
	background-color: #FFFF00;
}

/* ul(ol) li Element
----------------------------------------------------*/
ul li,ol li{
	list-style-type:none;
}

/* PAGE Class
------------------------*/
#container {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}
#contents-body {
	width:100%;
	overflow:hidden;
	padding: 16px 0 10px 0;
	clear:both !important;
}
#page-body {
	width: 732px;
	float:right;
}
#page-body1 {
	width: 732px;
	float:right;
}
#page-body.no-local-menu {
	float:none;
	margin-left:auto;
	margin-right:auto;
}



/*----------------------------------------------------------------------
↓↓以下、今後削除対象↓↓
----------------------------------------------------------------------*/



/* All Class
----------------------------------------------------*/
div.clear,
div.sp-height1,
div.sp-height5,
div.sp-height10,
div.sp-height15,
div.sp-height20,
div.sp-height25,
div.sp-height30,
div.sp-height40 {
	margin: 0;
	padding: 0;
	clear: both;
}
div.clear br,
div.sp-height1 br,
div.sp-height5 br,
div.sp-height10 br,
div.sp-height15 br,
div.sp-height20 br,
div.sp-height25 br,
div.sp-height30 br,
div.sp-height40 br {
	display:none;
}
div.sp-height1 { height:1px !important; }
div.sp-height5 { height:5px !important; }
div.sp-height10 { height:10px !important; }
div.sp-height15 { height:15px !important; }
div.sp-height20 { height:20px !important; }
div.sp-height25 { height:25px !important; }
div.sp-height30 { height:30px !important; }
div.sp-height40 { height:40px !important; }
.spacer{
	display:block;
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}

/* Float Element
----------------------------------------------------*/
.cClear { clear: both !important; }
.cLeft { 	float: left !important; }
.cRight { float: right !important; }

/* aligh
----------------------------------------------------*/
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }

/* margin padding Class
----------------------------------------------------*/
.m-top5 { margin-top:5px !important; }
.m-top10 { margin-top:10px !important; }
.m-top15 { margin-top:15px !important; }
.m-top20 { margin-top:20px !important; }
.m-top25 { margin-top:25px !important; }
.m-top30 { margin-top:30px !important; }
.m-top40 { margin-top:40px !important; }
.m-btm5 { margin-bottom: 5px !important; }
.m-btm10 { margin-bottom: 10px !important; }
.m-btm15 { margin-bottom: 15px !important; }
.m-btm20 { margin-bottom: 20px !important; }
.m-btm25 { margin-bottom: 25px !important; }
.m-btm30 { margin-bottom: 30px !important; }
.m-btm40 { margin-bottom: 40px !important; }
.p-top5{ padding-top:5px !important; }
.p-top10{ padding-top:10px !important; }
.p-top15{ padding-top:15px !important; }
.p-top20{ padding-top:20px !important; }
.p-top25{ padding-top:25px !important; }
.p-top30{ padding-top:30px !important; }
.p-top40{ padding-top:40px !important; }
.p-btm5 { padding-bottom: 5px !important; }
.p-btm10 { padding-bottom: 10px !important; }
.p-btm15 { padding-bottom: 15px !important; }
.p-btm20 { padding-bottom: 20px !important; }
.p-btm25 { padding-bottom: 25px !important; }
.p-btm30 { padding-bottom: 30px !important; }
.p-btm40 { padding-bottom: 40px !important; }


/* txt Layout
----------------------------------------------------*/
/* SizeVariation( px) */
.txt-size10 { font-size:77% !important; }
.txt-size11 { font-size:85% !important; }
.txt-size12 { font-size:93% !important; }
.txt-size14 { font-size:108% !important; }
.txt-size16 { font-size:123.1% !important; }
.txt-size18 { font-size:138.5% !important; }

.lh-125 { line-height:125% !important; }
.lh-150 { line-height:150% !important; }
.lh-175 { line-height:175% !important; }
.txt-normal { font-weight: normal !important; }

/* SizeVariation( px) */
.clr-red { color:#F00 !important; }


/**************************************************************/
/*page-body設定(下層ページ)**************************************/
/**************************************************************/


#page-body p{
	padding:10px;
	margin:10px;
}
#page-body ul{
	padding:10px 20px 10px 10px;
	margin-left: 20px;
}
#page-body ol{
	padding-left: 20px;
	margin-left: 20px;
}
#page-body li{
	margin-left: 10px;
}
/*  title関連  *************************/

#page-body #tit{
	background-image:url(../img/common/common_contents_menu_bg.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#page-body #tit #contTit,
#page-body #tit h2{
	color:#069;
	font-weight:bold;
	font-size:16px;
	float: left;
	margin: 0px;
	padding: 17px 0px 0px 20px;
	display:block;
	
}

#page-body #tit ul{
	margin: 0px;
	padding: 18px 10px 0px 0px;
	text-align:right;
	font-size:10px;
}

#page-body #tit li{
/*	float:left;
	color:#FFFFFF;*/
	padding: 12px 0px 0px 0px;
	margin: 0px;
	display:inline;
}

#page-body #tit a{
	border-style:none;
}

/* hotoplayページ横幅ズレ防止 */
#page-body #htpMenu ul{
	width:380px;
}

/*  contents関連  ***********************/

#page-body #contents{
	margin: 0px 0px 0px 0px;
	padding:10px 5px 10px 10px;
	background-image:url(../img/common/common_contents_bg.jpg);
	background-repeat:repeat-y;
	line-height:140%;

}

#page-body #contents_top{
	background-image:url(../img/common/common_contents_bg_top.jpg);
	background-repeat:no-repeat;
	height:6px;
	padding:0px;
	margin:0px;
	line-height:0px;
	font-size:4px;
}

#page-body #contents_bot{
	clear:both;
	background-image:url(../img/common/common_contents_bg_bot.jpg);
	background-repeat:no-repeat;
	height:6px;
	padding-bottom:10px;
}


/*  hタグ関連  ***********************/

#contents h2{
	font-size:12px;
	padding: 3px 0px 10px 0px;
}

#contents h3{
	font-size:12px;
	margin: 5px 0px 5px 10px;
	padding: 8px 0px 10px 28px;
	/*background-image:url(../img/common/h4_bg.jpg);*/
	background-repeat:no-repeat;
}

#contents h4{
	font-size:12px;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	border:#666666 solid 1px;
}
#contents h5{
	font-size:11px;
	margin: 5px 15px 5px 10px;
	padding: 5px 5px 5px 5px;
	border-bottom:#666666 dotted 1px;
}


/* テーブル制御　************************************************/
/* 2カラムテーブル */
dl.table {
        margin: 5px 20px 20px 10px;
        border: #BBBBBB solid;
        border-width: 0px 0px 1px 1px;
	background-color:#EEEEEE;
	clear:both;
}
dl.table dt {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 5px 5px 5px 5px;
        border-top: 1px #BBBBBB solid;
	clear:both;
        font-weight: bold;
        width: 150px;

}
dl.table dd {
        margin-left:160px;
        padding: 5px 5px 5px 5px;
        border: 1px #BBBBBB solid;
        border-bottom: none;
	background-color:#FFFFFF;

}

/*　共通スクロールボックス制御　************************************************/
#commonOverflowBox{
	overflow:auto;
	width:95%;
	margin: 5px auto 5px auto;
	padding: 3px;
	height:200px;
	border:1px #CCCCCC solid;
	font-size:12px;
}

#contents #commonOverflowBox h3{
	background-image:url(../img/common/common_blank.gif);
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
}

/*　ページリスト　************************************************/

#pageBack{
	float:left;
	padding: 5px 5px 0px 5px;
}
#pageNext{
	float:right;
	padding: 5px 10px 0px 5px;
}


/*　個人情報の取扱いについて　************************************************/

#aboutPrivacy{
	margin:20px;
	padding:5px;
	border:#BBB double 4px;
	text-align:left;
}
#aboutPrivacy p{
	margin:0px;
	padding:5px;
}
#aboutPrivacy .title{
	font-weight:bold;
}#aboutPrivacy .name{
	text-align:right;
}

/*　利用規約関連　************************************************/

#contents #agreementTxt h2{
	padding: 0px 0px 15px 0px;
}

#contents #agreementTxt h3{
	background-image:none;
	background-color:#FFFFFF;
	font-size:14px;
	margin: 0px 10px 10px 10px;
	padding: 10px 10px 10px 0px;

	border-bottom:1px #999999 solid;
}

#contents #agreementTxt h5{
	border:0px;
	padding: 10px;
	margin: 5px;
	font-size:12px;
}

table.agreementTable {background-color:#999; margin:20px 20px 20px 10px; width:95%;}
table.agreementTable td {background-color:#FFF; padding:3px;}


/*アバターページ大枠CSS************************************************/

body#avater_page #contents-body01{
	padding-top:20px;
}