@charset "UTF-8";

/*=========================================================================

Description : 共通レイアウト
Author      : Akira Sasaki
Date        : 2010.09
URL         : http://www.so-net.ne.jp/point/

=========================================================================*/

/* フォントサイズチャート
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%

--12px基準の場合--

10px	85%
11px	93%
12px	100%
13px	108%
14px	116%
15px	123.1%
16px	131%
17px	138.5%
18px	146.5%
19px	153.9%
20px	161.6%
21px	167%
22px	174%
23px	182%
24px	189%
25px	197%
*/


/*
 共通レイアウト
-------------------------------------------------------------------------*/
body {}
hr { display:none; }
img.blank { padding:0 5px; vertical-align:baseline;}
img.blank2 { padding:0 5px; vertical-align:baseline;}
*html img.blank2 {margin-top:6px;}
img.new { padding:0 0px 0 5px; vertical-align:baseline; }
img.up { padding:0 5px 0 0px; vertical-align:baseline; }
img.sp {vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {
	font-size:13px;
	line-height:1.2;
	*font-size:small;
	*font:x-small;
	font-weight:normal;
}

/*
 コンポーネント
-------------------------------------------------------------------------*/
.pageTop { clear:both; padding:10px 0; width:100%; text-align:right;font-size: 85%;}
.pageTop img { vertical-align:middle;}
.pageTop a:visited { color:#0a55a8;}

/*
 アイコン関連
-----------------------------------------------*/
.icon {float:left; display:block; margin-right:3px; vertical-align:middle;}
#MAIN_CONTAINER .note {
	padding:3px;
	padding-left:13px;
	background:url(../../point/img/icon.gif) -81px 4px no-repeat;
	}
#MAIN_CONTAINER .note .icon {
	}



/*
 #WRAPPER　全体の幅調整
-------------------------------------------------------------------------*/
#WRAPPER {
	margin:0 auto;
	width:950px;
	}




/*
 #HEADER　ヘッダー部分（タイトル、パンくず等）
-------------------------------------------------------------------------*/
/** ティッカーはcss/home/layout.css参照 */
#HEADER {
	width:950px;
	/*margin-top:20px;*/
	margin-bottom:20px;
	}

/*
 ユーザー情報
-----------------------------------------------*/
#HEADER .commonHead {
	position:relative;
	zoom:100%;
	}
#HEADER .commonHead:after{
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:".";
	}
	#HEADER .commonHead h1 {
		position:absolute;
		padding-top:8px;
		}
	#HEADER .commonHead .copy {
		position:absolute;
		left:245px;
		top:22px;
		}
	#HEADER .commonHead .point {
		padding-top:4px;
		position:relative;
		float:right;
		background:url(../../point/img/head_bg_user_t.gif) left top no-repeat;
		}
	#HEADER .commonHead .point .wrap {
		padding:4px 8px 5px 9px;
		width:468px;
		background:url(../../point/img/head_bg_user_b.gif) left bottom no-repeat;
		}
	#HEADER iframe {
		width:466px;
		height:30px;
		background:#FFF;
		}


	#HEADER .commonHead .point ul {
		clear:both;
		padding-top:4px;
		padding-left:0px;
		}
		#HEADER .commonHead .point ul li {
			display:inline;
			padding-left:0px;
			}

	#HEADER .commonHead .point li.l2{
padding-left:6px;
}
	#HEADER .commonHead .point li.l3{
padding-left:6px;
}
	#HEADER .commonHead .point .login {
		padding-left:3px;
		}
	#HEADER .commonHead .point .login img {
		vertical-align:middle;
		}

/*
 下階層ヘッドタイトル
-----------------------------------------------*/
#HEADER .pageHead {
	clear:both;
	margin:0;
	padding-top:10px;
	width:950px;
	}
#HEADER .pageHead .pageTitle {
	width:950px;
	background:#bdd9fa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/point/css/border-radius.htc);
	}
	#HEADER .pageHead .pageTitle h2 {
		float:left;
		}
	#HEADER .pageHead .pageTitle h1 {
		float:left;
		padding:12px 10px 0 15px;
		font-size:108%;
		line-height:1.1;
		}
	#HEADER .pageHead .pageTitle p {
		float:right;
		padding-top:10px;
		padding-right:5px;
		}
	#HEADER .pageHead .pageTitle p span.icon {
		width:15px;
		height:14px;
		background:url(../../point/img/icon.gif) -50px 0px no-repeat;
		}


/*
 ぱんくず
-----------------------------------------------*/
#HEADER .pageHead .breadcrumb {
	clear:both;
	margin:0;
	padding:10px 0 0;
	width:950px;
	}
	#HEADER .pageHead .breadcrumb ol {
		width:950px;
		}
	#HEADER .pageHead .breadcrumb ol li {
		display:inline;
		margin-right:10px;
		padding-right:20px;
		background:url(../../point/img/icon_arrow2.gif) right 50% no-repeat;
		}
	#HEADER .pageHead .breadcrumb ol li.current {
		background:none;
		}









/*
 #MAIN　中央部分
-------------------------------------------------------------------------*/
#MAIN {
	float:left;
	margin-bottom:20px;
	width:950px;
	}




/*
 #SIDE 中央左
-------------------------------------------------------------------------*/
#SIDE {
	float:left;
	width:178px;
	}


/*
 グローバルメニュー
-----------------------------------------------*/
#GROBAL_MENU {
	margin-bottom:20px;
	width:178px;
	background:url(../../point/img/gmenu_bg_t.gif) left top no-repeat;
	}
	#GROBAL_MENU h3 {
		padding-top:7px;
		}
	#GROBAL_MENU h3,
	#GROBAL_MENU ul {
		padding-left:5px;
		padding-right:5px;
		width:168px;
		}
	#GROBAL_MENU ul.use {
		padding-bottom:14px;
		background:url(../../point/img/gmenu_bg_b.gif) left bottom no-repeat;
		}
	#GROBAL_MENU ul li {
		padding:7px 5px 5px 20px;
		/*padding:7px 10px 5px 25px; 20130610追加 */
		border-bottom:1px dotted #dfdfdf;
		background:url(../../point/img/icon_arrow.gif) 8px 0.8em no-repeat;
		/*background:url(../../point/img/icon_arrow.gif) 13px 0.8em no-repeat; 20130610追加 */
		line-height:1.2;
		}
	#GROBAL_MENU ul li.menu_option { /* 201209追加 */
		/*padding:7px 10px 4px 25px; 20130610追加 */
		padding:7px 5px 4px 20px;
		border-bottom:1px solid #ffffff;
		/*background:url(../../point/img/icon_arrow.gif) 13px 0.8em no-repeat; 20130610追加 */
		background:url(../../point/img/icon_arrow.gif) 8px 0.8em no-repeat;
		line-height:1.2;
		}
	#GROBAL_MENU ul li.optionmenu { /* 201209追加 */
		padding:6px 10px 4px 25px;
		border-bottom:1px solid #ffffff;
		background:url(../../point/img/icon_tree.gif) 13px 0.8em no-repeat;
		line-height:1.2;
		}
	#GROBAL_MENU ul li.optionmenubottom { /* 201209追加 */
		padding:6px 10px 4px 25px;
		border-bottom:1px dotted #dfdfdf;
		background:url(../../point/img/icon_tree.gif) 13px 0.8em no-repeat;
		line-height:1.2;
		}
#GROBAL_MENU span.itemList {
		font-size:90%;
		padding:5px 0 0 0;
		line-height:1.2;
		display:block;
		}
	#GROBAL_MENU ul li.dot_line { /* 201403追加 */
		border-bottom:1px dotted #dfdfdf;
		}

/*
 定番人気
-----------------------------------------------*/
#POPULAR {
	width:178px;
	background:url(../../point/img/popular_bg.gif) left top repeat-y;
	}
	#POPULAR ul {
		padding:15px 0 20px;
		width:178px;
		background:url(../../point/img/popular_bg_b.gif) left bottom no-repeat;
		}
	#POPULAR ul li {
		padding:5px 0;
		text-align:center;
		}




/*
 #MAIN_CONTAINER　ここにコンテンツを展開（bodyのidにより1~2カラムを制御）
-------------------------------------------------------------------------*/
#MAIN_CONTAINER {
	float:right;
	width:757px;
	}
#MAIN_CONTAINER .leftArea {
	float:left;
	width:441px;
	}
#MAIN_CONTAINER .rightArea {
	float:right;
	width:300px;
	}




/*
 下階層見出し共通
-----------------------------------------------*/
#MAIN_CONTAINER .mainPageTitle  {
	margin-bottom:10px;
	font-size:138.5%;
	font-weight:bold;
	}
#MAIN_CONTAINER h2.contHead {
	margin-bottom:10px;
	height:37px;
	font-size:100%;
	font-weight:normal;
	}
#MAIN_CONTAINER h2.contHead {
	margin-bottom:0px;
	font-weight:bold;
	padding:11px 0 0 10px;
	}
.typeUse #MAIN_CONTAINER div.mainPageTitle {
	margin-bottom:10px;
	overflow:hidden;
	}
.typeUse #MAIN_CONTAINER div.mainPageTitle h1 {
	display:block;
	float:left;
	font-size:100%;
	font-weight:bold;
	}
.typeUse #MAIN_CONTAINER div.mainPageTitle p {
	display:block;
	float:left;
	margin-left:10px;
	padding-left:10px;
	padding-top:3px;
	border-left:3px solid #fc7d00;
	font-size:75%;
	}
.tieupDetail .mainPageTitle img {
	vertical-align:middle;
	line-height:1000%;
	}



/*
 貯めると使うの色分け
-----------------------------------------------*/
.typeGet #HEADER .pageHead .pageTitle {
	background:#e1eeff;
	}
.typeUse #HEADER .pageHead .pageTitle {
	background:#ffe6b7;
	}
.typeGet #MAIN_CONTAINER .mainPageTitle  {
	border-bottom:3px solid #3796fb;
	}
.typeUse #MAIN_CONTAINER .mainPageTitle  {
	border-bottom:3px solid #fc7d00;
	}
.typeGet #MAIN_CONTAINER h2.contHead {
	background:url(../../point/img/get_h_bg.gif) left 4px no-repeat;
	}
.typeUse #MAIN_CONTAINER h2.contHead {
	background:url(../../point/img/use_h_bg.gif) left 4px no-repeat;
	}


/*
 #ALL_MENU　下部のメニュー（bodyのidにより詳細リンクの表示を制御）
-------------------------------------------------------------------------*/
#ALL_MENU {
	overflow:hidden;
	clear:both;
	padding:5px 0 0;
	width:950px;
	background:#f4f4f4 url(/point/img/bg_allmenu_t.gif) left top no-repeat;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/point/css/border-radius.htc);
	*/
	}
	#ALL_MENU .wrap {
		overflow:hidden;
		padding:11px 20px 16px;
		width:910px;
		background:#f4f4f4 url(/point/img/bg_allmenu_b.gif) left bottom no-repeat;
		}
	/*#ALL_MENU h3 {
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px solid #8f8f8f;
		} 20130129追記 */

	#ALL_MENU h3.pget {/* 20130129追記 */
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:2px solid #4b9bff;
		font-weight: bold;
		}

	#ALL_MENU h3.puse {/* 20130129追記 */
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:2px solid #f97b00;
		font-weight: bold;
		}

    #ALL_MENU h3.allmenu_title_help {/* 20140716追記 */
        padding-bottom:5px;
        margin-bottom:12px;
        border-bottom:2px solid #666666;
        }

	#ALL_MENU ul li {
		padding:7px 0;
		border-bottom:1px dotted #d5d5d5;
		font-weight:bold;
		line-height:1.2;
		}
	#ALL_MENU ul li li {/* 201209追記 */
		border-bottom:none;
		font-weight:normal;
		}
	#ALL_MENU ul li li.optionmenu {/* 201209追記 */
		padding: 6px 10px 4px 25px;
		background: url(/point/img/icon_tree.gif) 13px 0.8em no-repeat;
		line-height: 1.2;
		}
	#ALL_MENU .allGetMenu {
		float:left;
		width:272px;
		/*width:610px; 20130610追加 */
		}
		#ALL_MENU .allGetMenu ul {
			width:272px;
			/*width:610px; 20130610追加 */
			}
		#ALL_MENU .allGetMenu ul li ul {
			padding-top:5px;
			width:272px;
			/*width:610px; 20130610追加 */
			}
		#ALL_MENU .allGetMenu ul li ul li {
			padding:0;
			display:inline;
			border:none;
			font-weight:normal;
			line-height:1.5;
			}
	#ALL_MENU .allUseMenu {
		float:right;
		width:610px;
		/*width:272px; 20130610追加 */
		}
		#ALL_MENU .allUseMenu ul {
			/*width:272px; 20130610追加 */
			width:610px;
			}
		#ALL_MENU .allUseMenu ul.leftList { /* 20130610追加*/
			width:272px;
			float:left;
			padding:0 10px 0 0;
			}
		#ALL_MENU .allUseMenu ul.rightList { /* 20130610追加*/
			width:272px;
			float:right;
			}
		#ALL_MENU .allUseMenu .menu_option {
		    border-bottom:0;
		}
	#ALL_MENU .allHelpMenu {
	    clear:both;
	    padding-top:10px;
	}
    	#ALL_MENU .allHelpMenu ul li {/* 20140716追加*/
    	    border-bottom:0;
    	    display:inline;
    	    margin-right:50px;
    	    }

	#ALL_MENU span.itemList {
		font-size:90%;
		padding:5px 0 0 1em;
		display:block;
		line-height:1;
		font-weight:lighter;
		}


/** 詳細リンク消すタイプ */
/*#INFO #ALL_MENU .allGetMenu,
#INFO #ALL_MENU .allUseMenu,
#INFO #ALL_MENU .allGetMenu ul,
#INFO #ALL_MENU .allUseMenu ul {
	width:440px;
	}
#INFO #ALL_MENU ul li {
	display:block;
	float:left;
	margin:0 4px;
	width:210px;
	line-height:20px;
	}
#INFO #ALL_MENU ul li ul {	display:none; }
#INFO #ALL_MENU ul li.menu_option { display:none;border:none;}

20130610追加 */




/*
 #footer　フッター部分
-------------------------------------------------------------------------*/
#footer {clear:both;margin: 0px auto;padding: 10px 0px 10px;width: 950px;font-size: 85%;}
#footer .footer01 {zoom: 100%;margin-bottom: 5px;padding-bottom: 5px;width: 950px;border-bottom: 1px solid #CCCCCC;}
#footer .footer01:after {clear: both;display: block;visibility: hidden;height: 0;content: ".";}
#footer .footer02{zoom: 100%;}
#footer .footer02:after{clear: both;display: block;visibility: hidden;height: 0;content: ".";}
#footer .floatL {float:left;}
#footer .mTop10 {margin-top:10px;}
#footer .floatR {float:right;}
#footer .floatR img {margin:0 2px;}
#footer .fontV { font-family:Verdana;}
#footer .fontSmall {font-size:85%;}


/*
 webmoney交換終了告知
-------------------------------------------------------------------------*/

.Notes20110714 {
	width:156px;
	padding:10px;
	border:2px solid red;
	color:red;
	margin:10px auto 20px;
	text-align:left;
}
.Notes20110714 a {
	width:156px;
	color:red;
	text-decoration:underline;
	font-size:85%;
	display:block;
	margin-top:5px;
	text-align:center;
}
.Notes20110714 a:hover {
	text-decoration:none;
}


/*
 clearfixをclassに直接指定せずに以下のスタイルに各要素を追加するようにする。
-------------------------------------------------------------------------*/
.clearfix,
#TICKER_AREA,
#HEADER,
#HEADER .user,
#HEADER .pageHead .pageTitle,
#MAIN_CONTAINER .mainPageTitle,
#MAIN_CONTAINER .serch,
#MAIN_CONTAINER .cont .detail,
#MAIN_CONTAINER .targetCont,
#MAIN_CONTAINER .wrap,
#FOOTER {
	zoom:100%;
	}

.clearfix:after,
#TICKER_AREA:after,
#HEADER:after,
#HEADER .user:after,
#HEADER .pageHead .pageTitle:after,
#MAIN_CONTAINER .mainPageTitle:after,
#MAIN_CONTAINER .serch:after,
#MAIN_CONTAINER .cont .detail:after,
#MAIN_CONTAINER .targetCont:after,
#MAIN_CONTAINER .wrap:after,
#FOOTER:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	}

/*
 201209 追記
-------------------------------------------------------------------------*/

.bd {
	font-weight: bold;
}

/*
 201402 追記　赤枠・注意書き
-------------------------------------------------------------------------*/
.attention_red_box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #d50000;
    border-radius: 3px;
    clear: both;
    margin: 0 0 20px;
} .attention_red_box ul {
    margin: 10px;
	list-style-type:none;

} .attention_red_box li {
    margin-top: 5px;
    padding-left: 1em;
    text-indent: -1em;
} .attention_red_box ul .red {
    color: #d50000;
}

/*----------------------------------
2014-10-27 追加
----------------------------------*/
.m_r_30 { margin-right:30px; }
#ALL_MENU h3.help_other {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px solid #666666;
	font-weight: bold;
}
/*----------------------------------
2016-06 追加
----------------------------------*/
.red {
    color: #ff0000;
}

#MAIN_CONTAINER .detail_att {
    margin-bottom:15px !important;
}

#MAIN_CONTAINER .cont .detail_att .sub {
    margin-top:15px !important;
}