@charset "UTF-8";

/* [CSS設定目次]----------------------------

01.全般的な設定
02.トップページ設定:上段部
03.トップページ設定:中段部
04.フッタ設定
05.内部ページ共通部分設定(ヘッダメニュー部分)
06.内部ページパーツ設定
07.サービス
08.ご利用方法
09.使えるサイト
10.キャンペーン
11.設定(マージン・センタリング)]
12.アイコン表示設定
13.カラー設定
14.ニュース

----------------------------[CSS設定目次] */


/* [01.全般的な設定]
---------------------------------------------------------*/


html{
	font-size:100%;
	}

body {
margin: 0;
padding: 0;
color: #333333;
font-size: 12px;
font-family: "メイリオ", Meiryo, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
line-height: 160%;
}



td {
vertical-align:top;
}

#wrap a{color:#0033cc;text-decoration:underline;}
#wrap a:hover {text-decoration:none;}
#wrap a:visited {color:#0033cc;}


h1,h2,h3,h4,h5,ul,dl,dt,dd,p{
margin: 0;
padding: 0;
/*font-size: small;*/
font-weight: normal;
}

pre{
margin: 0 70px ;
padding: 0;
font-size: small;
font-weight: normal;
text-align: left;
}


#wrap {
width: 960px;
margin: 0 auto;
text-align: left;
}

.off-txt {
display: none;
}

.off-txt2 {
visibility: hidden;
}

img{
border:0;
}


/* [05.内部ページ共通部分設定(ヘッダメニュー部分)]
---------------------------------------------------------*/
#bread {
float: right;
width: 640px;
margin: 4px 0 0 0;
font-size: x-small;
}

h1.logo {
float: left;
width: 80px;
}

h2.title {
float: right;
clear: right;
margin: 2px 0 0 0;
width: 640px;
height: 22px;
}

h3.find {
margin: 30px 0 20px 0;
padding: 6px 0 6px 0;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}


#headbread {
clear:both;
width: 740px;
height: 30px;
margin: 0 0 8px 0;
padding: 0 0 4px 0;
}

#headttl {
clear:both;
width: 740px;
height: 60px;
margin: 12px 0 4px 0;
padding: 0 0 4px 0;
}

.service #headmenu p {
height: 2.2em;
padding: 6px 0 8px 6px;
border-top: 1px solid #a6b2ff;
background: url(/images/service/bg_service_head.gif) bottom repeat-x #f5f7ff;
font-size: 90%;
color:#9facfe;
width: 734px;
}

.guide #headmenu p {
height: 2.2em;
padding: 6px 0 8px 6px;
border-top: 1px solid #90db90;
background: url(/images/guide/bg_guide_head.gif) bottom repeat-x #f5fcf7;
font-size: 90%;
color:#90db90;
width: 734px;
}

.shopping #headmenu p {
height: 2.2em;
padding: 6px 0 8px 6px;
border-top: 1px solid #ce86ce;
background: url(/images/shopping/bg_shopping_head.gif) bottom repeat-x #fff8fc;
font-size: 90%;
color:#ce86ce;
width: 734px;
}

.utility #headmenu p {
height: 2.2em;
padding: 6px 0 8px 6px;
border-top: 1px solid #86c9b7;
background: url(/images/utility/bg_utility_head.gif) bottom repeat-x #f5fcfc;
font-size: 90%;
color:#86c9b7;
width: 734px;
}

.cmn #headmenu p {
height: 2.2em;
padding: 6px 0 8px 6px;
border-top: 1px solid #999999;
background: url(/images/cmn/bg_cmn_head.gif) bottom repeat-x #f6f6f6;
font-size: 90%;
color:#999999;
width: 734px;
}


.corp #headmenu p {
background: url(/images/cmn/bg_footer2.gif) repeat-x #666666;
border-top:5px solid #666666;
border-bottom:5px solid #555555;
font-size: 90%;
color:#ff9900;
width: 728px;
text-align:left;
padding:0 0 0 10px;
}

.corp #headmenu a {
text-decoration: none;
color: #eeeeee;
font-size:12px;
}

.corp #headmenu a:hover{
text-decoration: underline;
color: #999999;
}

.corp #headmenu span {
color: #333333;
}

#maintenance_page #wrap{
	width:900px;
}

#incontent {
padding: 0;
}


/* [06.内部ページパーツ設定]
---------------------------------------------------------*/



.info {
width: 860px;
margin: 10px auto 0;
padding: 10px 5px 10px;
}

.info ul li {
line-height: 100%;
list-style: none;
padding-bottom: 10px;
}

.description {
margin: 0 0 25px;
padding: 12px 0;
background: url(/images/cmn/dotline_1.gif) bottom repeat-x;
}

.description p {
padding: 0 8px 8px 8px;
}

.box1 {
float: left;
width: 125px;
height: 140px;
margin: 0 6px 0 0;
padding: 6px;
border: 1px solid #d8d8d8;
}

.box1 p {
height: 70px;
font-size: x-small;
}

.box1-last {
margin: 0 0 15px 1px;
}

.box2 {
width: 718px;
padding: 8px 0;
border: 1px solid #d8d8d8;
background: #fcfcfc;
}

.box3 {
margin: 3px 0 0 0;
padding: 8px 8px 8px 24px;
background: #e7e4e9;
}

.box3-h {
width: 688px;
margin: 3px 0 0 0;
padding: 8px 8px 8px 24px;
}

.box4 {
padding: 8px 8px;
background: #fcfcfc;
border: 1px solid #d8d8d8;
}

.box5 {
width: 700px;
margin: 0 0 15px 0;
padding: 10px 10px;
background: #f8f8f8;
}

.box6 {
float: left;
width: 160px;
margin: 0 6px 0 0;
padding: 6px;
display:block;
}

.box6-last {
margin: 0 0 15px 1px;
}

.buybox {
float: left;
width: 125px;
height: 120px;
margin: 0 6px 0 0;
padding:6px;
text-align:center;
border: 1px solid #d8d8d8;
display:block;
}

.buybox p{
font-size:x-small;
height: 95px;
}

.buybox-last {
margin: 0 0 15px 0px;
}

.buybox_credit_card {
float: left;
width: 165px;
height: 120px;
margin: 0 6px 0 0;
padding:6px;
text-align:center;
border: 1px solid #d8d8d8;
display:block;
}

.buybox_credit_card p{
font-size:x-small;
height: 95px;
}

.buybox_bank {
float: left;
width: 376px;
height: 120px;
margin: 0 6px 15px 0 ;
padding: 6px;
text-align:center;
border: 1px solid #d8d8d8;
display:block;
}

.buybox_bank p {
font-size:x-small;
height: 95px;
}

/********************************/
/**  買い方：ネットカフェ　　　**/
/********************************/

.cafeBuybox {
	width: 400px;
	height: 120px;
	margin: 0 6px 0 0;
	padding: 14px;
	text-align:center;
	border: 1px solid #d8d8d8;
	overflow: hidden;
}
.cafeBuyboxafter {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.cafeBuybox .cafeBuybox_left {
	float: left;
	width: 150xp;
}
.cafeBuybox .cafeBuybox_left p {
	font-size:x-small;
	line-height:14px;
	padding: 18px 0 30px;
}
.cafeBuybox .cafeBuybox_right {
	float: right;
	width: 250px;
	padding: 5px 0 0;
	text-align: left;
}
.cafeBuybox .cafeBuybox_right p {
	text-align: left;
	padding: 15px 0 0;
	text-align: 15px;
}
.cafeBuybox .cafeBuybox_right p a {
	color: #F00;
	text-decoration: underline;
}


.toTop {
background: url(/images/cmn/icn_sankaku.gif) no-repeat;
padding: 0 0 20px 15px;
line-height: 100%;
}

.caution {
padding: 10px;
background: #fffdf2;
border: 1px dotted #7a7a7a;
}

.caution h3 {
background: url(/images/cmn/t_caution.gif) no-repeat;
width:65px;
height:20px;
display:block;
}

.arrow {
margin: 15px 0 10px 0;
text-align: center;
}


/* 楽天スーパーポインでの追加*/
.exchange {
	width: 698px;
	padding: 10px;
	background: #fffdf2;
	border: 1px dotted #7a7a7a;
}
.exchange h3 {
background: url(/images/cmn/t_caution.gif) no-repeat;
width:65px;
height:15px;
display:block;
}

/* [07.サービス]
---------------------------------------------------------*/

.service h4{
font-weight: bold;
}

.box1 ul {
list-style: none;
margin: 12px 0 0 14px;
}

.box1 li {
margin: 0 0 8px 0;
}

.box6 ul {
list-style: none;
margin: 12px 0 0 14px;
}

.box1 p {
text-align: center;
}

.buy a {
display: block;
width: 99px;
height: 21px;
text-decoration: none;
}

.howtobuy a {
display: block;
width: 99px;
height: 21px;
text-decoration: none;
}

.status{
font-size: large;
line-height: 110%;
}

.buy {
width: 99px;
height: 21px;
background: url(/images/service/btn_buy.gif) no-repeat;
}

.howtobuy {
width: 99px;
height: 21px;
background: url(/images/service/btn_howtobuy.gif) no-repeat;
}


/* [メルマガ改修後200612]--------*/

.txt-sub{
font-size:10px;
}

#mailmag{
margin:0 0 0 10px;
width:720px;
border-left:1px solid #9999cc;
border-top:1px solid #9999cc;
}

#mailmag th{
background:#eeeeff;
padding:4px;
border-right:1px solid #9999cc;
border-bottom:1px solid #9999cc;
}

#mailmag td{
padding:4px;
border-right:1px solid #9999cc;
border-bottom:1px solid #9999cc;
}

#mailmag thead{
color:#6666cc;
font-size:12px;
}

.mailmag_input_title {
	font-size: 1.1em;
	padding: 0 15px 0 0;
}
.mailmag_input_email {
	padding: 5px;
	font-size: 1.1em;
}
.mailmag_submit {
	padding: 5px 15px;
	font-size: 1.1em;

}


/* [08.ご利用方法]
---------------------------------------------------------*/

.guide h4,h5{
font-weight: bold;
margin: 20px 0 5px 0;
}

.guide td{
width: 240px;
}

.guide td li{
margin: 0 0 20px 0;
list-style: none;
}

.guideimg{
float: left;
margin: 0 8px 10px 0;
width: 120px;
}

.guideimg_fcwm{
float: left;
margin: 0 8px 10px 0;
width: 220px;
}

.guideflow{
margin: 0 0 0 128px;
padding: 5px 0 0 0;
width: 570px;
}

.guideflow_fcwm{
	width: auto;
	margin-left: 228px;
	padding-top: 5px;
}

.guidebtn{
margin: 4px 3px 0 0;
}

.sevenguideflow{
margin: 0 0 0 64px;
padding: 5px 0 0 0;
width: 570px;
}

.payimg{
float: left;
margin: 0 8px 10px 0;
width: 248px;
}

.payflow{
margin: 0 0 0 264px;
padding: 5px 0 0 0;
width: 442px;
}

/***************************************/

.pay_guide{
	margin: 30px 0 20px;
}

.sample_img{
	width: 248px;
}

#popUp {
	display: none;
	padding: 10px;
	border: solid 5px #999;
	position: absolute;
	z-index: 2;
	background-color: #FFFFFF;
}

.pay_flow{
	margin: 0 0 0 264px;
	width: 442px;
}

.pay_flow p{
	padding-top: 5px;
}

.pay_case {
	width: 900px;
	overflow: hidden;
	font-size: 110%;
	margin-top: 10px;
}

.pay_case:after {
    content: ".";
    clear: both;
    height: 1px;
    display: block;
    visibility: hidden;
}

.pay_substance {
	padding: 12px;
}

.pay_substance p{
	padding-top: 10px;
}

.pay_substance .point {
	padding-top: 10px;
	font-weight: bold;
	color: #ff0000;
}

.pay_substance ul{
	list-style: disc;
	padding-left: 20px;
}
.pay_substance ul li{
	list-style: disc;
	padding: 0 0 5px;
}



.pay_images {
	margin-top: 14px;
	text-align: center;
	line-height: 0;
}

.pay_newWallet {
	text-align: center;
}

.pay_newWallet a {
	margin: 20px auto 0;
	text-align: center;
	height: 52px;
	width: 204px;
	display: block;
	background: url(../images/guide/payImg_06.gif) no-repeat center top;
}

.pay_newWallet a:hover {
	display: block;
	background: url(../images/guide/payImg_06.gif) no-repeat center bottom;
}


/***********************/
.pay_prepaid {
	float: left;
	width: 420px;
	display: block;
	background-color: #ffeed0;
}

/***********************/

.pay_wallet {
	float: right;
	width: 420px;
	display: block;
	background-color: #e4f5ff;
}

/***************************************/

.pay_codicil {
	border: solid 1px #b0b0b0;
	background: #f2f0ff;
	padding: 15px;
	margin: 15px 0;
}

/***************************************/

.payflow ul{
padding:20px 0 0 0;
border-top: 1px dotted #cccccc;
}

#for_mora {
	background-image: url(/images/guide/for_mora_logo.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	margin-top: 20px;
	padding-left: 95px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 20px;
}

#for_mora_notice {
color: #CC0000;
font-size:x-small;
line-height: 1.3;
}

#crystawm {
	background-image: url(/images/guide/crystawm_logo.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	margin-top: 10px;
	padding-left: 95px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 20px;
	padding-bottom: 10px;
}

#fcwm {
	background-image: url(/images/guide/fcwm_logo.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	margin-top: 10px;
	padding-left: 95px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 20px;
	padding-bottom: 10px;
}

#ff11 {
	margin-top: 20px;
	padding-left: 95px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 10px;
	background: url(../images/guide/ff11wm_logo.gif) no-repeat left 20px;
}

#justpoint {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

#orange {
color: #FF6600;
}


#camp_banner {
	width: 450px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}


#brandmark {
	margin-top: 10px;
	height: 72px;
	width: 100px;
	margin-bottom: 10px;
}

#buy_step {
	height: auto;
	width: auto;
	background-image: url(../images/guide/brandmark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 110px;
}



/* [09.使えるサイト]
---------------------------------------------------------*/

.genrename{
font-size: x-small;
}

.keitailist h4 {
margin: 20px 0 10px;
font-weight: bold;
background: #bad0ea;
padding: 0 5px 0;
}

.keitailist {
padding: 0 15px 0;
}

.keitailist li {
margin: 0 0 5px 0;
list-style: none;
}

.keitailist strong {
margin: 0 10px 0 0;
}

.info2 {
width: 530px;
margin: 10px 0;
padding: 8px 8px 2px 8px;
background: #f7f9fb;
border: 1px solid #bad0ea;
}

.info ul {
line-height: 100%;
list-style: none;
}

.pickup {
border: 1px solid #ea7596;
padding: 5px 5px;
margin: 5px 0;
background: #ffeef4;
line-height: 110%;
width: 140px;
}

.directranking {
border: 1px solid #cccccc;
padding: 8px 5px;
margin: 0 0 10px;
background: #eeeeee;
line-height: 110%;
width: 140px;
}

.rankingitem {
border-bottom: 1px dotted #cccccc;
text-align: center;
margin:0 0 20px 0;
}

.rankingitem img {
border: 1px solid #333333;
}


.mainnews {
border: 1px solid #cccccc;
padding: 5px;
text-align: center;
margin: 0;
width: 390px;
}

.shopnews {
float: left;
padding: 8px 5px;
margin: 6px 0 0 0;
line-height: 110%;
width: 390px;
}

.shopnews-present {
margin: 0 0 5px 0;
padding: 2px 0 2px 85px;
background: #eeeeee url(/images/cmn/icn_present.gif) no-repeat 2px 3px;
}

.shopnews-campaign {
margin: 0 0 5px 0;
padding: 2px 0 2px 85px;
background: #eeeeee url(/images/cmn/icn_campaign.gif) no-repeat 2px 3px;
}

.shopnews-feature {
margin: 0 0 5px 0;
padding: 2px 0 2px 85px;
background: #eeeeee url(/images/cmn/icn_feature.gif) no-repeat 2px 3px;
}

.shopnews-pr {
margin: 0 0 5px 0;
padding: 2px 0 2px 85px;
background: #eeeeee url(/images/cmn/icn_pr.gif) no-repeat 2px 3px;
}


.shopnews-new {
margin: 0 0 5px 0;
padding: 2px 0 2px 85px;
background: #eeeeee url(/images/cmn/icn_new.gif) no-repeat 2px 3px;
}

.shopnews img {
float: left;
margin: 0 5px 0 0;
}

.sitehead {
width: 550px;
padding: 4px 4px;
background: #ffffee;
border: 1px solid #cccc99;
display:block;
}

.name{
font-weight: bold;
display:block;
float: left;
}

.date{
display:block;
text-align:right;

}

.inputsearch{
width: 530px;
padding: 5px;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;
text-align:center;
}

.searchbody{
width: 550px;
height: 50px;
padding: 5px;
display:block;
clear:both;
}

.searchimg{
float: left;
margin: 0 8px 10px 0;
display:block;
}

.searchtext{
line-height: 110%;
}

.genrelist{
width: 160px;
background: #eeeecc;
padding:8px;
}

.genrelist h4{
font-weight: bold;
background: #ddddbb;
display:block;
}

.genrelist ul{
margin: 0 0 20px 0;
}

.genrelist ul li{
line-height: 110%;
list-style: none;
}


.banner1{
margin:5px 0 0 0;
padding:0;
text-align: center;
width:740px;
height:100px;
}

/* [09.使えるサイト＞メルマガ]
-------------------------------------------*/
.magazine td {
margin:0;
padding: 0px 5px 10px;
line-height: 120%;
}

.magazine td h4{
font-weight: bold;
margin: 10px 0 5px 0;
}

.magazine ul li{
line-height: 130%;
list-style: none;
}

.meru_menu{
text-align: left;
width:300px;
padding:10px;
margin:0px;
border:1px solid orange;
background-color: #FFFFEA;
}

.meru_menu form{
padding:0px;
margin:10px 0 0 0;
}

/* [09.使えるサイト＞500POINT以下で使う]
-------------------------------------------*/

/* 使う */

.point_menu{
text-align: center;
width: 710px;
padding:0px;
margin:20px 0 30px 0;
border:1px solid orange;
background-color: #FFFFEA;
}
.point_menu1{
padding:3px;
margin:0;
text-align:center;
color: #444444;
}
.pointmenu_on{
background-color: orange;
}

.point_icon{
margin:10px 10px 0px 0;
}

.keitai{
float:right;
margin:2px 2px 0 0;
}

.wordarea{
width: 303px;
height:350px;
background: url(/images/shopping/point500/top_2.jpg) no-repeat;
float:right;
}

.wordarea h3{
font-size: 16px;
font-weight: normal;
color:#fff;
font-weight:bold;
background-color:#ff6600;
text-align:center;
margin:50px 25px 10px 30px;
padding:5px 5px 3px 5px;
display:block;
}
.wordarea h4{
font-size: 12px;
font-weight: bold;
color:#ff6600;
margin:0px 25px 10px 30px;
display:block;
}
.wordarea p{
font-size: 12px;
font-weight: normal;
margin:0px 25px 8px 30px;
display:block;
}

.new-title{
float:left;
margin:0 0 10px 0;
}
.new-day{
float:right;
margin:30px 0 0px 0;
font-weight:bold;
}
.clearfloat{
clear:both;
}

/* 使う　ここまで */


/* [10.キャンペーン]
---------------------------------------------------------*/

#hyou table{
border:3px double #9fd500;
border-collapse:collapse;
margin:0 30px;
}
#hyou td{
background-color:#fff;
border:1px solid gray;
text-align:left;
padding:8px;
}
#hyou td.index{
background-color:#ffffea;
border-right:1px dotted gray;
width:120px;
text-align:left;
padding:8px;
}
#hyou td.index2{
background-color:#ffffea;
border-right:1px dotted gray;
width:250px;
text-align:left;
padding:8px;
}

/* [09-3.500 POINT加盟店用フォーム]
---------------------------------------------------------*/

#hyou2 table{
border:3px double #DA8F8F;
border-collapse:collapse;
margin:0 10px;
}

#hyou2 td{
background-color:#fff;
border:1px solid gray;
text-align:left;
padding:8px;
}

#hyou2 td.index{
background-color:#FFEAEA;
border-right:1px dotted gray;
width:100px;
text-align:left;
padding:8px;
}


/* [10.ニュース ユーティリティ]
---------------------------------------------------------*/

h2.news{
float: right;
clear: right;
font-size: large;
margin: 4px 0 0 0;
width: 640px;
height: 22px;
}


.utility h4 {
margin: 20px 0 10px;
font-weight: bold;
}

.wording{
margin: 20px 0 10px;
font-weight: bold;
}

.wording li{
margin: 40px 0 10px;
list-style: none;
}

/* [11.設定(マージン・センタリング)]
---------------------------------------------------------*/
.mrg1 { margin:20px 0 20px 0;}
.mrg2 { margin:3px 0 25px 4px;}
.mrg3 { margin: 60px 0 0 0;}
.mrg4 { margin:30px 0 0 0;}
.mrg5 { margin: 10px 0 40px 0;}
.mrg6 { margin: 40px 0 20px 0;}
.mrg7 { margin:0 0 20px 0;}
.mrg8 { margin:0 0 40px 0;}
.mrg9 { margin:0 0 10px 0;}
.mrg10 { margin:0 0 30px 0;}
.mrg11 { margin:30px 0 3px 0;}
.mrg12 { margin:10px 0 0 0;}

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

.def-ul {margin: .25em .5em 0 20px;padding: 0 0 0 .5em;}

.txt-prepaid {
	font-size: 14px;
	font-weight: bold;
	margin-left: 6px;
	letter-spacing: 1px;
}

/* [12.アイコン設定]
---------------------------------------------------------*/
.company {
margin: 0 0 6px 0;
padding: 0 0 0 80px;
background: url(/images/cmn/icn_company.gif) no-repeat;
line-height: 100%;
list-style: none;
height:20px;
}

.present {
margin: 0 0 6px 0;
padding: 0 0 0 80px;
background: url(/images/cmn/icn_present.gif) no-repeat;
line-height: 100%;
list-style: none;
height:20px;
}

.maintenance {
margin: 0 0 6px 0;
padding: 0 0 0 80px;
background: url(/images/cmn/icn_maintenance.gif) no-repeat;
line-height: 100%;
list-style: none;
height:20px;
}

.notice {
margin: 0 0 6px 0;
padding: 10px 0 0 80px;
background: url(/images/cmn/icn_news.gif) no-repeat 0 10px;
line-height: 100%;
list-style: none;
height:20px;
}

/*---------------------------------------------------------*/

.info_maintenance {
padding: 0 0 6px 58px;
background: url(/images/cmn/icon_maintenance.gif) no-repeat;
list-style: none;
}

.info_notice {
padding: 0 0 6px 58px;
background: url(/images/cmn/icon_news.gif) no-repeat;
list-style: none;
}


.info_important {
padding: 0 0 6px 58px;
background: url(/images/cmn/icon_important.gif) no-repeat;
list-style: none;
}

.info_campaign {
padding: 0 0 6px 58px;
background: url(/images/cmn/icon_campaign.gif) no-repeat;
list-style: none;
}


/*---------------------------------------------------------*/


.important {
margin: 0 0 6px 0;
padding: 10px 0 0 80px;
background: url(/images/cmn/icn_important.gif) no-repeat 0px 10px;
line-height: 100%;
list-style: none;
height:20px;
}

.emergency {
margin: 0 0 6px 0;
padding: 10px 0 0 80px;
background: url(/images/cmn/icn_emergency.gif) no-repeat 0px 10px;
line-height: 100%;
list-style: none;
height:20px;
}

.campaign {
margin: 0 0 6px 0;
padding: 10px 0 0 80px;
background: url(/images/cmn/icn_campaign.gif) no-repeat 0px 10px;
line-height: 100%;
list-style: none;
height:20px;
}

.tips {
padding: 0 0 8px 40px;
background: url(/images/cmn/icn_tips.gif) no-repeat;
list-style: none;
line-height: 110%;
}
.imp {
padding: 0 0 8px 40px;
background: url(/images/cmn/icn_imp.gif) no-repeat;
list-style: none;
line-height: 110%;
}

.help {
padding: 0 0 8px 40px;
background: url(/images/cmn/icn_help.gif) no-repeat;
list-style: none;
line-height: 110%;
}


/* [13.カラー設定]
---------------------------------------------------------*/
.c-r01 {color: #FF0000;}


/* [14.ニュース]
---------------------------------------------------------*/

.news_wrap {
width:960px;
margin-right: auto;
margin-left: auto;
margin-bottom:30px;
text-align:left;
}
.publishDate {
text-align: right;
border-bottom-width: 1px;
border-bottom-style: dotted;
padding:24px 0 8px;
}
.headline {
width: auto;
padding: 25px 0 0;
font-size: 1.5em;
font-weight:bold;
}
.articles {
width: 920px;
padding: 10px 0 0;
line-height: 2.1em;
}
.articleDetails {
padding: 15px 0 0;
margin: 0 0 48px;
}
.details_mrg {
margin:16px 0 6px;
}
.subhead {
color:#2844A4;
padding: 0 0 10px;
}

/* お知らせ一覧 */
ul.news-shortcut {
padding: 10px;
list-style: none;
height: 1.5em;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}
ul.news-shortcut li {
float:left;
margin: 0 5px;
padding-left: 20px;
background: url(/images/news/mente-anker-down.gif) no-repeat left;
}

/* [使えるサイトリニューアル用]
---------------------------------------------------------*/
#category {
background: url(/images/shopping/bg_category.gif) no-repeat 0 12px;
width:278px;
height:198px;
float:left;
display:block;
margin: 0 6px 0 0;
}

#category ul li{
line-height: 95%;
background: url(/images/shopping/mark_genre.gif) no-repeat 0 2px;
padding: 0 0 0 16px;
vertical-align:middle;
list-style: none;
margin: 0 0 6px 10px;
}

#category h4{
margin: 6px 0 12px 12px;
}

#category h5{
margin:20px 0 10px 12px;
}

#genrelist{
float:left;
width:160px;
height:192px;
display:block;
}

#recommendlist{
width:118px;
padding:10px 0 0 0;
}

#leftarea{
width:568px;
float:left;
}

#bannerbox{
width:142px;
margin:0;
padding:10px 0 0 0;
border-bottom:1px dotted #999999;
}

#bannerbox1{
width:142px;
margin:0;
padding:10px 0 0 0;
}

#bannerbox p{
margin:7px 0 0 0;
}

#bannerbox img{
width:124px;
margin:-5px 0 0 8px;
text-align:center;
}

#pr-txt{
width:124px;
font-size:10px;
line-height:110%;
text-align:left;
margin:4px 0 8px 12px;
}

#pr-txt2{
width:124px;
font-size:10px;
line-height:100%;
text-align:center;
margin:0 0 8px 10px;
}


#link{
text-align:center;
}


/* [コーポレートページ関連]
---------------------------------------------------------*/
h2.corp_title {
float: left;
margin: 2px 0 0 20px;
width: 480px;
height: 22px;
}

.corp_left {
border-right:1px solid #999999;
vertical-align:top;
width: 166px;
}

.corp h3{
width:510px;
height:22px;
border-bottom:1px dotted #999999;
margin: 30px 0 20px 0;
padding:5px 0 5px 5px;
clear: both;
border-left:10px solid #3062cb;
font-size:14px;
font-weight:bold;
color:#3062cb;
}

.corp h4{
font-weight:bold;
color:#3062cb;
margin: 5px 0 5px 10px;
}

.corp h5{
font-weight:normal;
margin: 10px 0 5px 10px;
}

.corp_content{
margin: 0 20px 0 20px;
}

.corp_content p{
margin: 5px 20px 15px 10px;
}

.corp_img{
float: left;
margin: 0 0 10px 0;
}

.corp_txtbox{
float: right;
width:320px;
}

.corp_img2{
float: right;
margin: 0 0 10px 0;
}

.corp_txtbox2{
float: left;
width:320px;
}


.corp_txtbox2 p{
padding:0 10px 10px 10px;
}

.corp_txtbox2 h4{
margin: 5px 0 5px 20px;
}


.corp fieldset{
padding:15px 10px;
margin:0 0 5px 0;
}

.corp dt{
float: left;
width:110px;
color:#444444;
}

.corp dd{
margin:0 0 4px 110px;
color:#444444;
}

.corp th{
vertical-align:top;
background-color:#efefef;
padding:4px 6px;
width:170px;
}

.corp td{
vertical-align:top;
color:#444444;
}

.corp fieldset{
width:95%;
}

table.normal td{
border-bottom:1px solid #eeeeee;
}

td.option{
background: url(/images/cmn/icn_optional.gif) no-repeat 0 2px;
padding:0 0 5px 40px;
}

td.necessary{
background: url(/images/cmn/icn_necessary.gif) no-repeat 0 2px;
padding:0 0 5px 40px;
}

img.title{
border-bottom:5px solid #5082eb;
}

/* [オリカ関連]
---------------------------------------------------------*/

h4.gallery{
margin:20px 0 10px 10px;
}

.contact_txt{
font-weight:bold;
text-align:center;
}

table.orica_fee{
width:100%;
padding:2px;
border-top:1px solid #3062cb;
border-left:1px solid #3062cb;
font-size:12px;
}

.orica_fee th{
background-color:#eeeeff;
border-bottom:1px solid #3062cb;
border-right:1px solid #3062cb;
text-align:center;
}

.orica_fee td{
border-bottom:1px solid #3062cb;
border-right:1px solid #3062cb;
text-align:right;
}



/* [ニュースリリース関連]
---------------------------------------------------------*/

#newsrelease a{color:#000099;text-decoration:none;}
#newsrelease a:hover {color:#FF6600;text-decoration:underline;}
#newsrelease a:active {color:#FF0000;}
#newsrelease a:visited {color:#773333;}

#newsrelease h2{
line-height:120%;
font-size:18px;
font-weight:bold;
border-top:10px solid #3062cb;
border-bottom:10px solid #3062cb;
padding:5px 0;
margin:5px 0;
}

#newsrelease h3{
width:auto;
}

#newsrelease p{
margin:10px 10px;
}

.news_footer{
text-align:center;
border-top:10px solid #3062cb;
margin:10px 0 20px;
padding:5px;
}

.news_footer p{
font-size:10px;
}

/* [IR関連]
---------------------------------------------------------*/
.ico_margin{
margin:0 4px 0 0;
vertical-align:middle;
}

.zaimu{
border-left:1px solid #999999;
border-top:1px solid #999999;
}


.zaimu th{
font-size:10px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding:2px;
}

.zaimu td{
font-size:10px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding:2px;
text-align:right;
width:13%;
}



/* [貯めて交換関連]
---------------------------------------------------------*/
#point_list{
border-right:1px solid #999999;
vertical-align:top;
width: 166px;
}

#point_list ul li{
margin:0;
}



/* [保存]
background: url(/images/shopping/bg_banner.gif) no-repeat;
---------------------------------------------------------*/

.pMarkTxt{
margin: 3px 0 0;
padding: 8px;
background: #e0e9ff;
/*background: #e7e4e9;*/
}