@charset "utf-8";

/* YUIのフォントサイズ
==============================================================
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%
============================================================== */

/* メトロ共通カラー
==============================================================
	#00467E //ネイビー
	#00A3D9 //スカイブルー
	#D5EDF7 //オンマウスクリアブルー
============================================================== */

body {
    color: #3D3D3D;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#FAFAFA;
    line-height: 150%;
}

/*--------------------------------
anchor
--------------------------------*/
a {
	color: #3D3D3D;
	text-decoration:underline;
	font-weight:bold;
    cursor: pointer;
}

a:hover {
	color: #11B7E1;
	text-decoration:none;
}

/*--------------------------------
text size
--------------------------------*/
#header,#container,#footer {font-size:93%;}
.font_10 {font-size:77%;} /* 10px */
.font_11 {font-size:85%;} /* 11px */
.font_12 {font-size:93%;} /* 12px */
.font_14 {font-size:108%;} /* 14px */
.font_16 {font-size:123.1%;} /* 16px */



/*--------------------------------
header
--------------------------------*/
#header {
	/*overflow: hidden;*/
	margin-bottom: 15px;
}

#header #head_upper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 15px;
	/*overflow: hidden;*/
}

#header #head_upper #head_left {
	float: left;
	width: 780px;
}
#header #head_left h1 {
	float: left;
	width: 188px;
	font-size: 93%;
	font-weight: bold;
        line-height:130%;
	text-shadow: 1px 1px #fff;
	margin-right: 20px;
}
/* IE */
* + html #header #head_left h1 {
	font-size: 85%;
}
#header #head_left ul {
	padding: 5px;
	background-color: #F0F0F0;
	float: left;
	width: 70px;
	margin: 8px 20px 0 0;
}

#header #head_left li {
        height:20px;
}

#header #head_left li:first-child {
        margin-bottom:4px;
}

#header #head_upper #head_right {
	float: right;
}

#header #head_upper #head_right a {
	text-decoration:none;
}

#header #head_right ul {
	clear: both;
	overflow: hidden;
}

#header #head_right li {
	float: right;
}

#header #head_right ul.navi_style li {
	color: #FFF;
	height: 20px;
	text-align: center;
	text-decoration: none;
	
}

#header #head_right ul.navi_style li:hover {
	background-color: #00A3D9 !important;
}

/* ↓ログイン前
---------------------------------------------------------- */
#header #head_right ul#navi_login li.question {
	background-color: #767676;
	width: 65px;
	font-size: 73%;
}
#header #head_right ul#navi_login li.login {
	background-color: #F27600;
	width: 135px;
	margin-right: 5px;
	font-size: 73%;
}

/* ↓ログイン後
---------------------------------------------------------- */
#header #head_right ul#navi_logout li {
	width: 65px;
}

#header #head_right ul#navi_logout li:hover {
	background-color: #D5EDF7;
}

#header #head_right ul#navi_logout li.question {
	background-color: #767676;
	font-size: 65%;
}

#header #head_right ul#navi_logout li.logout {
	background-color: #767676;
	margin-right: 5px;
	font-size: 73%;
}

#header #head_right ul#navi_logout li.mypage {
	background-color: #F27600;
	margin-right: 5px;
	font-size: 73%;
}

#header #head_right ul#navi_logout li:hover {
	background-color: #00A3D9;
}


/* GNavi
---------------------------------------------------------- */
#header #gNavi {
	clear: both;
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/gNavi_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
        min-width:1000px;
        _display:inline;
        _zoom:1;
	height: 50px;
}
#header #gNavi ul {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header #gNavi li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A7DBF0;
	height: 50px;
	position: relative;
}

#header #gNavi li.active {
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/gNavi_bg_on.jpg);
}

#header #gNavi li:hover {
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/gNavi_bg_on.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#header #gNavi li img {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin-top: -8px;
}

#header #gNavi .top {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A7DBF0;
	width: 95px;
}

#header #gNavi .shopping {
	width: 170px;
}

#header #gNavi .registration {
	width: 165px;
}

/* 旧 高還元ショップ */
/*#header #gNavi .reductive {
	width: 140px;
}*/

/* ドンドン貯める */
#header #gNavi .steadily {
	width: 140px;
}

/* 旧 大量ポイント */
/*#header #gNavi .point {
	width: 125px;
}*/

/* 旧 一気に貯める */
#header #gNavi .atOnce{
	width: 125px;
}

#header #gNavi .scratch {
	width: 165px;
}

#header #gNavi .quiz {
	width: 130px;
}

#header #gNavi .top img {
	margin-left: -14px;
}

#header #gNavi .shopping img {
	margin-left: -68px;
}

#header #gNavi .registration img {
	margin-left: -65px;
}

/* 旧 高還元ショップ */
/*#header #gNavi .reductive img {
	margin-left: -49px;
}*/

/* 旧 ドンドン貯める */
#header #gNavi .steadily img {
	margin-left: -50px;
}

/* 旧 大量ポイント */
/*#header #gNavi .point img {
	margin-left: -42px;
}*/

/* 旧 一気に貯める */
#header #gNavi .atOnce img {
	margin-left: -44px;
}

#header #gNavi .scratch img {
	margin-left: -60px;
}

#header #gNavi .quiz img {
	margin-left: -46px;
}

/* search
---------------------------------------------------------- */
#search {
	background-color: #41414A;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	overflow: hidden;
	color: #FFF;
	padding-right: 10px;
	padding-left: 20px;
	line-height: 40px;
	height: 40px;
	font-size: 85%;
}
#search .search_input {
	float: left;
	/*width: 410px;*/
}
#search .search_input li {
	float: left;
}
#search .search_shop {
	float: right;
	width: 550px;
}
#search .search_shop li dd li {
	display: inline;
}

#search .search_shop li {
	float: right;
}

#search .search_input  li.search_radio {
	padding-top: 2px;
	padding-right: 15px;
}

#search .search_input  li.search_radio input {
	margin-right: 3px;
	vertical-align: middle;
}

#search .search_input  li input[type="inputbox"] {
	border: none;
	padding-left: 30px;
	vertical-align: middle;
	line-height: 25px;
	font-size: 108%;
}

#search .search_input  li.search_box {
	position: relative;
	padding-right: 6px;
}

#search .search_input  li.search_box input[type="image"]  {
	position: absolute;
	top: 10px;
	left: 5px;
}

#search li.search_btn button {
	border: 1px solid #555;
	background-color: #333;
	color: #FFF;
	line-height: 25px;
	border-radius: 4px;
	vertical-align: middle;
	padding: 0 6px;
	cursor: pointer;
	font-weight: bold;
        font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#search li.search_btn button:hover  {
	background-color: #00A3D9;
	color: #FFF;
}

/* IE7 */
* + html #search .search_input  li.search_box {
	margin-left: 30px;
	width: 160px !important;
}

/* IE7 */
* + html #search .search_input  li.search_box input[type="image"]  {
	top: 8px;
	left: -26px;
	padding:4px;
	background-color: #fff; 
}

#search .search_shop li.shop_list {
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/ico_shopList.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	height: 20px;
	line-height: 20px;
	padding: 1px 12px 1px 32px;
	margin-top: 9px;
	color: #fff;
	text-decoration: none; /* IE7 */
}

#search .search_shop li.shop_list:hover {
	background-color: #00A3D9;
}

#search .search_shop li.topic {
	background: url(https://img-point.pointmall-solution.com/mpm/images/common/border_searchRight.gif) no-repeat right center;
	padding-right: 20px;
	margin-right: 10px;
}
#search .search_shop .topic span {
	font-weight: bold;
}
#search .search_shop .topic a {
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
}



/*--------------------------------
main_frame
--------------------------------*/
#container{
	width:1000px;
	margin:0 auto 30px;
}

#main {
    width: 750px;
    float: right;
}



/*--------------------------------
左カラム
--------------------------------*/
#side{
	float:left;
	width: 225px;
}
#side #side_navi ul {
	/*padding: 5px 0px;*/
}

#side #side_navi li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F1F1F1;
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/ico_sideNavi.gif);
	background-repeat: no-repeat;
	background-position: 200px center;
	font-weight: bold;
}

#side #side_navi li.active {
	color: #13B5E3;
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/ico_sideNavi_on.gif);
	background-color: #D5EDF7;
	padding: 5px 10px;
}

#side #side_navi li:hover {
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/ico_sideNavi_on.gif);
	background-color: #D5EDF7;
}

#side #side_navi a {
	color: #333;
	display:block;
	text-decoration: none;
	padding: 5px 10px;
}

#side #side_navi a:hover {
	color: #13B5E3;
}

#side #side_navi a:first-child {
	border-top: none;
}
#side .mypage_ad {
	text-align: center;
}
/*.mypage_ad img {
	border: 5px solid #FFF;
}*/
div#side_movie {
    background-color: #2A2A2A;
    color: #FFF;
    padding-top: 3px;
    font-size: 11px;
}
div#side_movie p {
    line-height: 2rem;
}

/*--------------------------------
パンくず
--------------------------------*/
#pannavi {
	font-size: 93%;
	margin: 15px 0;
}

#pannavi span {
	padding-left: 7px;
	padding-right: 7px;
}



/*--------------------------------
contents_box
--------------------------------*/
.section{
	background-color: #fff;
	border :1px solid #C1C1C1;
	border-radius: 4px;
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
}

.section_inner{
	padding: 25px 30px;
	overflow: hidden;
}



/*--------------------------------
border radius
--------------------------------*/
.bRadius{
	border-radius: 4px;
}



/*--------------------------------
page_top
--------------------------------*/
.page_top {
	background-color: #00467E;
	clear: both;
	float: right;
	margin-top: 50px;
}

.page_top a {
	height: 44px;
	width: 44px;
}

.page_top:hover{
	background-color: #00A2D9;
}

.page_top img {
	padding-top: 50%;
	padding-left: 50%;
	margin-top: -6px;
	margin-left: -9px;
	text-align: center;
}



/*--------------------------------
ショップ名　大（下層）
--------------------------------*/
#detaile_ttl{
	font-size:250%;
	font-weight:bold;
	width:1000px;
	line-height: 150%;
	text-shadow: 1px 1px 0 #fff;
}



/*--------------------------------
section title
--------------------------------*/
.ttl_30{
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/ttl_30.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 28px;
	line-height: 30px;
	padding-left: 7px;
	font-weight: bold;
	font-size: 108%;
	color: #00477F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	text-shadow: 1px 1px 0 #fff;
	padding-top: 2px;
	text-align: left;
}
.ttl_37{
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/ttl_37.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 35px;
	line-height: 37px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 138.5%;
	color: #00477F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	text-shadow: 1px 1px 0 #fff;
	padding-top: 2px;
	text-align: left;
}


/*--------------------------------
リダイレクト
--------------------------------*/
#redirect{
	width:100%;
	text-align:center;
	margin-top:15%;
}



/*--------------------------------
ログイン
--------------------------------*/
#login_main {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#login_main .input_number {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 30px;
}
#login_main .forget {
	background-image: url(https://img-point.pointmall-solution.com/mpm/images/common/ico_que.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 145px;
	margin-right: auto;
	margin-left: auto;
	line-height: 14px;
	padding-left: 5px;

}
#login_main .others {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #C1C1C1;
	padding-top: 20px;
}
#login_error {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px;
	border: 3px solid #F37600;
	margin-bottom: 20px;
	font-size: 138.5%;
	font-weight: bold;
	color: #F37600;
}



/*--------------------------------
ページング
--------------------------------*/
#paging {
	text-align:center;
	font-size:100%;
	clear: both;
	margin-bottom: 20px;
}

#paging li {
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 7px;
	padding-left: 7px;
}

#paging li:first-child {
	border: none;
}

#paging li.active {
	color: #00A3D9;
	font-size: 138.5%;
	font-weight: bold;
}

#paging li a {
	text-decoration: none;
}


/*--------------------------------
フッター
--------------------------------*/
#footer {
	text-align:center;
	font-size:100%;
	clear: both;
	background-color: #01467F;
	width: 100%;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
        min-width:1000px;
        _display:inline;
        _zoom:1;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #00A2D9;
}

#footer ul {
	margin-bottom: 10px;
}

#footer li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-right: 20px;
	padding-left: 20px;
}

#footer li:first-child {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}



/*--------------------------------
clearfix
--------------------------------*/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/*--------------------------------
margin_top
--------------------------------*/
.mt_5{
	margin-top:5px;	
}
.mt_10{
	margin-top:10px;	
}
.mt_15{
	margin-top:15px;	
}
.mt_20{
	margin-top:20px;	
}
.mt_25{
	margin-top:25px;	
}
.mt_30{
	margin-top:30px;	
}

/*--------------------------------
margin_left
--------------------------------*/
.ml_5{
	margin-left:5px;	
}
.ml_10{
	margin-left:10px;	
}
.ml_15{
	margin-left:15px;	
}
.ml_20{
	margin-left:20px;	
}
.ml_25{
	margin-left:25px;	
}
.ml_30{
	margin-left:30px;	
}

/*--------------------------------
margin_bottom
--------------------------------*/
.mb_5{
	margin-bottom:5px
}
.mb_10{
	margin-bottom:10px;	
}
.mb_15{
	margin-bottom:15px;	
}
.mb_20{
	margin-bottom:20px;	
}
.mb_25{
	margin-bottom:25px;	
}
.mb_30{
	margin-bottom:30px;	
}

/*--------------------------------
margin_right
--------------------------------*/
.mr_5{
	margin-right:5px;	
}
.mr_10{
	margin-right:10px;	
}
.mr_15{
	margin-right:15px;	
}
.mr_20{
	margin-right:20px;	
}
.mr_25{
	margin-right:25px;	
}
.mr_30{
	margin-right:30px;	
}

/*--------------------------------
align
--------------------------------*/
.tLeft {
	text-align: left !important;
}
	
.tRight {
	text-align: right !important;
}
.tCenter{ 
	text-align: center !important;
}

/*--------------------------------
rollover
--------------------------------*/
.over:hover {
	opacity: 0.8;
}