@charset "Shift_JIS";
/* CSS Document */

/**
 *
 */
@import url(/cn-w/cmn/css/smartphone_notlogin.css);
@import url(/cn-w/cmn/css/smartphone_point.css);
@import url(/cn-w/cmn/css/smartphone_member_top.css);
@import url(/cn-w/cmn/css/smartphone_user_manager.css);
@import url(/cn-w/cmn/css/smartphone_point_manager.css);

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}ul,ol{list-style:none;}
/* flash object */
object { outline:none; }
.hide { display:none; }
.vanish { top:0; left:-9999px; overflow:hidden; position:absolute; width:0; height:0; margin:0; padding:0; }
html{-webkit-text-size-adjust: none;}
body {
	width:640px;
	line-height: 1.67;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #333;
}
body .container {margin: 0 auto;padding: 0;width:640px;}
/*
a {-webkit-tap-highlight-color: rgba(90,117,214,0.3);}
a:link {color: #1a65d4;text-decoration: none;}
a:visited {text-decoration: none;}
*/
img {vertical-align: top;max-width: 100%;}
body .head-top-image{display: none;}

/* telリンクの表示 */
a.telLink{
	text-decoration: none;
}

/* login_no_navi */
body #header_no_navi {width:640px;}
body ol.topicpath {width:640px;}
body #contents {width:640px;}

.sp-hide{/* スマートフォンの時のみ非表示にする */
	display: none;
}
.title-lv1{
	margin: 20px 10px 10px;
	font-weight: bold;
	font-size: 36px;
	line-height: 1.2;
	padding-left: 40px;
	background: url(../img/sp/bg_title_lv1_sp.png) no-repeat 0 0;
}
.title-lv1 br{
	display: none;
}
.title-lv1.title-lv1-err{/* 通常エラー */
	color: #c00;
	background: url(../img/sp/title_lv1_err1.png) no-repeat 0 0;
}
/* h1 フロータイトル */
.title-lv1.title-flow1,.title-lv1.title-flow2,.title-lv1.title-flow3,.title-lv1.title-flow4,.title-lv1.title-flow5,.title-flow1-err,.title-flow2-err,.title-flow3-err,.title-flow4-err,.title-flow5-err{
	padding:5px 5px 5px  50px;
}
/* 通常 */
.title-lv1.title-flow1{background-image: url(../img/sp/p_title_1.png);}
.title-lv1.title-flow2{background-image: url(../img/sp/p_title_2.png);}
.title-lv1.title-flow3{background-image: url(../img/sp/p_title_3.png);}
.title-lv1.title-flow4{background-image: url(../img/sp/p_title_4.png);}
.title-lv1.title-flow5{background-image: url(../img/sp/p_title_5.png);}
/* エラー */
.title-flow1-err,.title-flow2-err,.title-flow3-err,.title-flow4-err,.title-flow5-err{color: #c00;}
.title-lv1.title-flow1-err{background-image: url(../img/sp/p_title_1_err.png);}
.title-lv1.title-flow2-err{background-image: url(../img/sp/p_title_2_err.png);}
.title-lv1.title-flow3-err{background-image: url(../img/sp/p_title_3_err.png);}
.title-lv1.title-flow4-err{background-image: url(../img/sp/p_title_4_err.png);}
.title-lv1.title-flow5-err{background-image: url(../img/sp/p_title_5_err.png);}

.title-lv2,
.cnw-title-lv2{
	clear: both;
    border: 2px solid #D4DDE4;
    font-weight: bold;
    font-size: 32px;
    padding: 6px 8px;
    margin-bottom: 10px;
    
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.title-lv2 span,
.cnw-title-lv2 span{
	display: block;
	padding-left: 10px;
	border-left: 10px solid #85be00;
}
.title-lv3{
	line-height: 1.4;
	font-weight: bold;
    font-size: 28px;
    margin-bottom: 10px;
    padding: 6px 8px 6px 40px;
    border-bottom: 5px solid #bed38b;
    background: url(../img/sp/bg_title_lv3_sp.gif) no-repeat 5px 10px;
}
.title-lv4{
	font-weight: bold;
    font-size: 28px;
    margin-bottom: 10px;
    background: url("../img/sp/bg_title_lv4_base.gif") repeat scroll 0 0 transparent;
}
.title-lv4 span{
    padding: 6px 8px 6px 35px;
    background: url(../img/sp/bg_title_lv4_sp.gif) no-repeat 10px 50%;
}

/* h1 下リード文 */
#main .header p{
	margin: 0 10px 10px;
	line-height: 1.4;
}
#main .header .frame{margin-top: 0;}
/* リード文 */
.lead-section{margin: 0 10px 10px;}
/* 注意書き */
.cnw-err-text,
.text-att{
	color: #c00;
}
/* パンクズ削除 */
#topicpath{display: none;}
/**
 * ポップナビエリア
 */
.popnavi-title{
	font-size: 36px;
	font-weight: bold;
	color: #999;
	text-shadow: 1px 1px 2px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	
	border-bottom: 10px solid #3597dc;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#c9c9c9 100%); /* IE10+ */
	background: linear-gradient(top,  #f4f4f4 0%,#c9c9c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}
.popnavi-title span{
	display: block;
	line-height: 1.2;
	margin-right: 10px;
	padding: 15px 40px 15px 20px;
	background: url(../img/sp/close_1.png) no-repeat right 10px;
}
/**
 * headerエリア
 */
#header {
	position: relative;
	width:640px;
	height: 115px;
	border-top: 2px solid #6699cc;
	border-bottom: 2px solid #6699cc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
	background: linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
#header .logo {
	position: absolute;
	left: 5px;
	top: 10px;
}
#header .logo a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 330px;
	height: 100px;
	background: url(/cn-w/cmn/img/sp/logo.png) 3px 0 no-repeat;
}
/* ガイド表示ボタン */
#cnw-header-guide-btn{
	position: absolute;
	top:15px;
	right: 15px;
	width:80px;
	height: 80px;
	text-align: center;
	font-size: 18px;
	color: #666;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #fff;
	-webkit-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.2);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#cnw-header-guide-btn span{
	display: block;
	padding: 50px 10px 10px 10px;
	background: url(../img/sp/guide_1.png) no-repeat 25px 10px;
}
/* グローバルメニュー表示ボタン */
#cnw-header-globalmenu-btn{
	position: absolute;
	top:15px;
	right: 115px;
	width:80px;
	height: 80px;
	text-align: center;
	font-size: 18px;
	color: #666;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #fff;
	-webkit-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.2);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#cnw-header-globalmenu-btn span{
	display: block;
	padding: 50px 0 10px;
	background: url(../img/sp/guide_1.png) no-repeat -37px 10px;
}
/* ローカルナビ表示ボタン */
#cnw-header-localnavi-btn{
	position: absolute;
	top:13px;
	left: 338px;
	width:84px;
	height: 84px;
	text-align: center;
	font-size: 18px;
	color: #0066cc;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #71aeeb;
	-webkit-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.2);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#b1d8f5 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 1%,#b1d8f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
}
#cnw-header-localnavi-btn span{
	display: block;
	padding: 53px 0 10px;
}
/* ポイント交換：ローカルナビ表示 */
#cnw-header-localnavi-btn span#localnavi-btn-exchangeItem{background: url(../img/sp/guide_1.png) no-repeat -150px 4px;}
/* プレゼント＆キャンペーン：ローカルナビ表示 */
#cnw-header-localnavi-btn span#localnavi-btn-special{background: url(../img/sp/guide_1.png) no-repeat -240px 0px; font-size:14px !important; font-weight:bold; line-height:1.1 !important;}
/* 会員情報管理：ローカルナビ表示 */
#cnw-header-localnavi-btn span#localnavi-btn-userManager{
	padding-top: 46px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.1;
	background: url(../img/sp/guide_1.png) no-repeat -330px 0;
}
/* ポイント情報管理：ローカルナビ表示 */
#cnw-header-localnavi-btn span#localnavi-btn-pointManager{
	padding-top: 46px;
	line-height: 1.1;
	background: url(../img/sp/guide_1.png) no-repeat -420px 4px;
}
/* お問い合せ：ローカルナビ表示 */
#cnw-header-localnavi-btn span#localnavi-btn-inquiry{background: url(../img/sp/guide_1.png) no-repeat -510px 4px;}

#head-logout{
	border-bottom: 1px dotted #999;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#head-logout {
	display: none;
}
#header .cnw_guide{
}
#header .cnw_guide .inside{
	display: none;
}
#header .cnw_guide .inside a{
	display: block;
	padding: 10px 5px 10px 30px;
	background: url(../img/sp/arrow_1.png) no-repeat 5px 50%;
}

/**
 * Android不具合により
 * ポップアップ表示時のポップアップ以外エリア非表示
 */
body.open-pop #main,
body.open-pop #member-top-point-limit-news,
body.open-pop #aside .user-infor,
body.open-pop #aside-point-change-scene,
body.open-pop #btn-point-top,
body.open-pop #cnw-header-localnavi-btn,
body.open-pop #cnw-header-globalmenu-btn,
body.open-pop #cnw-header-guide-btn,
body.open-pop #footer-utility,
body.open-pop #pagetop,
body.open-pop .logo,
body.open-pop #member-top-point-limit,
body.open-pop #member-top-head,
body.open-pop #promotion,
body.open-pop #member-top-head-up,
body.open-pop #footer
{
	display: none !important;
}
body.open-pop {
	min-width:640px;
	min-height:1000px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
	background: linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
body.open-pop #header{
	border: none;
	height: auto;
	background: none;
	padding-bottom: 20px;
}
/**
 * ポップアップ表示
 */
body .popupView,
body .list-inne{
	width: 600px;
	position: relative;
	left: 10px;
	top: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 10;
	border: 10px solid #3597dc;
	background: #fff;
}
.popupView li{
	display: block;
	border-bottom: 1px dotted #999;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.popupView li a{
	border-top: 1px solid #fff;
}
#header .popupView li.current{
	text-shadow: 1px 1px 2px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	
	-webkit-box-shadow: inset 1px 1px 5px 1px rgba(0, 51, 102, 0.5);
	box-shadow: inset 1px 1px 5px 1px rgba(0, 51, 102, 0.5);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f0ff), color-stop(100%,#59c2ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d6f0ff 0%,#59c2ff 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #d6f0ff 0%,#59c2ff 100%); /* IE10+ */
	background: linear-gradient(top,  #d6f0ff 0%,#59c2ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f0ff', endColorstr='#59c2ff',GradientType=0 ); /* IE6-9 */
}
#header .popupView li.current a{
	padding-left: 70px;
	background-position-x: 20px;
}
/* グローバルナビ */
#header-global-nav{
	display: none;
}
#header-global-nav li a{
	display: block;
	padding: 15px 5px 15px 55px;
	background: url(../img/sp/menu_icon1.png) no-repeat 5px 12px;
}
#header-global-nav li:nth-child(2) a{background-position-y: -88px;}
#header-global-nav li:nth-child(3) a{background-position-y: -195px;}
#header-global-nav li:nth-child(4) a{background-position-y: -305px;}
#header-global-nav li:nth-child(5) a{background-position-y: -425px;}
#header-global-nav li:nth-child(6) a{background-position-y: -540px;}
#header-global-nav li:nth-child(7) a{background-position-y: -660px;}
#header-global-nav li:nth-child(8) a{background-position-y: -780px;}

/* グローバルナビ：ポイント情報 */
.popnavi-user-point{
	color: #d64100;
	line-height: 1.2;
	background: #ffffcc;
	-webkit-box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.6);
	box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.6);
}
.popnavi-user-point dt,
#cnw-localNavi .popnavi-user-point dt{
	float: left;
	font-weight: bold;
	font-size: 24px;
	padding: 20px 30px 20px 70px;
	border: none;
	background: url(../img/sp/point_icon_1.png) no-repeat 20px 20px;
}
.popnavi-user-point dd{
	font-size: 38px;
	font-weight: bold;
	padding-top:10px;
}
.popnavi-user-point dd span{font-size: 24px;}

/**
 * ユーザー情報
 */
/* ローカルナビ */
#aside .local {
	display: none;
}
/* ソース移動後のローカルナビ */
#cnw-localNavi{
	display: none;
	position: absolute;
}
#cnw-localNavi dt{
	border-bottom: 10px solid #e3f45b;
	filter: dropshadow(color=#0c91a8, offx=1, offy=1);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#70e8ff), color-stop(85%,#05b3d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70e8ff 30%,#05b3d5 85%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #70e8ff 30%,#05b3d5 85%); /* IE10+ */
	background: linear-gradient(top,  #70e8ff 30%,#05b3d5 85%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70e8ff', endColorstr='#05b3d5',GradientType=0 ); /* IE6-9 */
}
#cnw-localNavi dt a{
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 3px #0c91a8;
	margin-right: 10px;
	padding: 10px 10px 10px 40px;
	background: url(../img/sp/arrow_3.png) no-repeat 10px 50%;
}
#cnw-localNavi li{
	background: #ccc;
}
#cnw-localNavi li a,
#cnw-localNavi li.current li a{
	display: block;
	border-bottom: 1px dotted #999;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#cnw-localNavi li.current li,
#cnw-localNavi li.current li a{
	font-weight: normal;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
	
	-webkit-box-shadow: 1px 1px 3px 1px rgba(50, 113, 152, 0.3);
	box-shadow: 1px 1px 3px 1px rgba(50, 113, 152, 0.3);
}
#cnw-localNavi li.current a{
	font-weight: bold;
	border-bottom: 1px solid #3597dc;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#a1dbff 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#a1dbff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
#cnw-localNavi li span{
	display: block;
	padding: 10px 5px 10px 30px;
	margin: 5px;
	background: url(../img/sp/arrow_1.png) no-repeat 5px 50%;
}
#cnw-localNavi ul ul{
	-webkit-box-shadow: inset 1px 1px 5px 1px rgba(50, 113, 152, 0.3);
	box-shadow: inset 1px 1px 5px 1px rgba(50, 113, 152, 0.3);

	padding:10px 20px;
	background: #fff;
	border-bottom: 1px dotted #999;
	background: #a1dbff; /* Old browsers */
}
/* */
#main .control{
	clear: both;
	text-align: center;
}
#main .control a{
	display: block;
	margin: 0 auto;
	width: 400px;
	padding: 20px;
}
#main .control img{
	width: 300px;
	height: auto;
}
/*  トップへ戻るボタン（ログイン前／ログイン後）／パスワードのみをお忘れの方はこちら */
#main #btn-return-02,
#main #btn-return-04,
#main #btn-pass-btn01,
#main #btn-aboutAccountLock-btn01,
#main #btn-question-btn01{
	clear: both;
	margin:10px 20px ;
}
#main #btn-return-02 a,
#main #btn-return-04 a,
#main #btn-pass-btn01 a,
#main #btn-aboutAccountLock-btn01 a,
#main #btn-question-btn01 a {
	display: block;
	margin: 10px auto;
	padding: 0;
	text-decoration: none;
	line-height: 1.2;
	font-weight: bold;
	font-size: 30px;
	color: #333;

	font-weight: bold;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: left;
	border: 2px solid #ccc;
	width: auto;

	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#main #btn-return-02 a span,
#main #btn-return-04 a span,
#main #btn-pass-btn01 a span,
#btn-aboutAccountLock-btn01 a span,
#main #btn-question-btn01 a span{
	display: block;
	padding: 10px 5px;
	text-align: center;
	margin: 5px;
	text-shadow: none;
	-webkit-box-shadow: none;
	color: #333;
	background: url(../img/sp/arrow_1.png) no-repeat 5px 50%;
}
#main #btn-question-btn01 a span{
	font-size: 24px;
	text-align: left;
	padding-left: 30px;
}

/* 役立つ使い方トップへ戻る */
#btn-scene-retrun01{
	clear: both;
	margin: 10px 20px;
}
#btn-scene-retrun01 a{
	display: block;
	margin: 10px auto;
	padding: 0;
	line-height: 1.2;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 30px;
	color: #333;
	border: 2px solid #ccc;

	font-weight: normal;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;

	border: 2px solid #ccc;
	width: auto;
	
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#btn-scene-retrun01 a span{
	display: block;
	padding: 10px 5px 10px 30px;
	margin: 5px;
	background: url(../img/sp/arrow_1.png) no-repeat 5px 50%;
}
/* 「このウインドウを閉じる」ボタン */
#btn-page-close a{
	display: block;
	margin:20px auto 30px;
	width: 320px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #fff;
	
	text-shadow: 1px 1px 2px #08558f;
	filter: dropshadow(color=#08558f, offx=1, offy=1);
	
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67e7f5), color-stop(100%,#00a7d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* IE10+ */
	background: linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67e7f5', endColorstr='#00a7d1',GradientType=0 ); /* IE6-9 */

}
#btn-page-close  a span{
	display: block;
	padding: 15px 10px 15px 40px;
	background: url(../img/sp/close_3.png) no-repeat 10px 50%;
}

/* 「閉じる（メールをご確認ください）」ボタン */
#btn-Close-mail a{
	display: block;
	margin:20px auto 30px;
	width: 500px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #fff;
	
	text-shadow: 1px 1px 2px #08558f;
	filter: dropshadow(color=#08558f, offx=1, offy=1);
	
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67e7f5), color-stop(100%,#00a7d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* IE10+ */
	background: linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67e7f5', endColorstr='#00a7d1',GradientType=0 ); /* IE6-9 */

}
#btn-Close-mail  a span{
	display: block;
	padding: 15px 10px 15px 40px;
	background: url(../img/sp/close_3.png) no-repeat 10px 50%;
}
#btn-Close-mail  a span small{
	display:block;
	font-size:28px;
}

/* 審査ナンバー */
.shinsa-num{
	clear: both;
	float: right;
	width:100px;
	text-align: center;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #666;
	margin: 10px 5px;
}
/**
 * ページの上へ
 */
#pagetop{
	clear: both;
	position: relative;
	width: 620px;
	height: 60px;
	margin: 10px 0 10px 10px;
}
#pagetop p{
	position: absolute;
	right:0;
	top: 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	border: 1px solid #ccc;
	width:320px;
	
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#pagetop a{
	display: block;
	padding: 5px 10px 5px 35px;
	color: #555;
	text-decoration: none;
	background: url(../img/sp/arrow_2.gif) no-repeat 15px 50%;
}

#pc-site-view{
	width:150px;
	-webkit-border-radius: 30px;
	border-radius: 30px;	
	border: 1px solid #ccc;

	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#pc-site-view span{
	display: block;
	padding: 5px 10px 5px 45px;
	color: #555;
	background: url(../img/sp/pc_1.gif) no-repeat 15px 50%;
}


/**
 * 入力フォーム 送信ボタン
 */
/* 「次へ進む」ボタン／右より */
.cnw-wrap-next a{
	float: right;
	display: block;
	margin:0 5px 20px 0;
	width: 290px;
	min-height: 110px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;

	border: 3px solid #fff;

	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	
	text-shadow: 1px 1px 2px #a12303;
	filter: dropshadow(color=#a12303, offx=1, offy=1);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb13d), color-stop(100%,#f75a17)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdb13d 0%,#f75a17 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #fdb13d 0%,#f75a17 100%); /* IE10+ */
	background: linear-gradient(top, #fdb13d 0%,#f75a17 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb13d', endColorstr='#f75a17',GradientType=0 ); /* IE6-9 */
}
.cnw-wrap-next a span{
	display: block;
	padding: 10px 30px 10px 10px;
	background: url(../img/sp/arrow_9.png) no-repeat 240px -138px;
}

/* 「次へ進む」ボタン／センター揃えより */
.cnw-wrap-center a{
	display: block;
	margin: 0 auto 30px;
	width: 500px;
	text-decoration: none;
	
	text-shadow: 1px 1px 1px #8f2c08;
	filter: dropshadow(color=#8f2c08, offx=1, offy=1);
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdaf3c), color-stop(100%,#f75a17)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdaf3c 0%,#f75a17 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #fdaf3c 0%,#f75a17 100%); /* IE10+ */
	background: linear-gradient(top,  #fdaf3c 0%,#f75a17 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdaf3c', endColorstr='#f75a17',GradientType=0 ); /* IE6-9 */
}
.cnw-wrap-center a span{
	display: block;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	font-size: 38px;
	text-align: center;
	
	padding: 15px 10px;
	background: url(../img/sp/arrow_6.png) no-repeat 30px 50%;
}

/* 個別設定 */
/* 次へ進む */
#btn-send-01 a span,
#btn-send-02 a span,
#btn-send-07 a span,
#point-btn-send-02 a span{
	padding: 35px 0 20px 70px;
}
#btn-send-14 a span{
	padding: 20px;
}
/* この内容で申し込む／この内容で拒否する */
#btn-send-04 a span,
#btn-send-09 a span,
#btn-send-10 a span,
#btn-send-11 a span,
#btn-send-13 a span,
#point-btn-send-11 a span{
	padding: 20px 90px 10px 30px;
}
/* この内容でお問合せする */
#btn-send-03 a span{
	padding: 20px 40px 10px 20px;
}
/* 戻るボタン */
.cnw-wrap-return a{
	float: left;
	display: block;
	margin:0 0 20px 5px;
	width: 290px;
	min-height: 110px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #fff;
	
	text-shadow: 1px 1px 2px #08558f;
	filter: dropshadow(color=#08558f, offx=1, offy=1);
	
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67e7f5), color-stop(100%,#00a7d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* IE10+ */
	background: linear-gradient(top, #67e7f5 0%,#00a7d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67e7f5', endColorstr='#00a7d1',GradientType=0 ); /* IE6-9 */

}
.cnw-wrap-return a span{
	display: block;
	padding: 35px 0 20px 70px;
	background: url(../img/sp/arrow_9.png) no-repeat 10px 23px;
}
/* 個別設定 */
/* 申し込みをやめる */
#point-btn-return-05 a span,
#point-btn-return-05-2 a span{
	padding: 20px 60px 10px 70px;
}
/* 修正する／キャンセル */
#btn-cancel-01 a span,
#btn-return-03 a span,
#point-btn-return-03 a span{
	padding: 38px 30px 10px 60px;
}
/* 前のページへ戻る */
#btn-retrun-01 a span,
#point-btn-retrun-01 a span{
	padding: 20px 30px 10px 60px;
}

/**
 * 入力フォームテーブル
 */
/* 左項目（非表示） */
#circuit-input-table tbody th{
	display: none;
}

/* 必須 */
.indispensable{
	position: absolute;
	top: 0px;
	right: 5px;
	background: #c00;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
	margin: 10px;
	padding: 5px 10px;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.input-header{
	position: relative;
  margin-bottom: 10px;
  padding: 5px;
  border-bottom: 5px solid #bed38b;
  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5f3fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5f3fc 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5f3fc 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#e5f3fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f3fc',GradientType=0 ); /* IE6-9 */
}
.input-title{
	line-height: 1.4;
	font-weight: bold;
  font-size: 28px;
  padding: 6px 8px 6px 40px;
  background: url(../img/sp/bg_title_lv3_sp.gif) no-repeat 5px 10px;
}
.input-ex{
	color: #6699cc;
}
.cnw-table td,
.cnw-table th {
	position: relative;
	border-bottom: 2px solid #C5D3DD;
	border-top: 2px solid #C5D3DD;
}


.cnw-table label{
	clear: both;
	display: block;
}
.cnw-table label input{
	display: inline;
	width: auto !important;
	margin-right: 5px;
}
.cnw-table input:focus{
	margin:5px 0 5px 5px;
	background: #ffffcc;
	border:10px solid #ff9933;
	-webkit-box-shadow: inset 2px 2px 20px 3px rgba(102, 51, 0, 0.5);
	box-shadow: inset 2px 2px 20px 3px rgba(102, 51, 0, 0.5);
}

.cnw-supple-text{
	color: #669900;
}
table .cnw-supple-text{
	clear: both;
	margin: 0 10px 10px;
}
/* セレクトボックス 3セレクトある場合 */
table .selectbox-3select label{
	float: left;
	display: block;
	clear: none;
	width: 190px;
	padding: 10px;
	cursor:pointer;
}
table .selectbox-2select label{
	float: left;
	display: block;
	clear: none;
	width: 290px;
	padding: 10px;
	cursor:pointer;
}
.cnw-metaphor-text{
	margin: 5px 10px 10px;
	padding: 5px;
	line-height: 1.2;
	background: #eee;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* 登録内容確認メールの送付先 */
#single-mail-items-wrap input{
	width: auto !important;
}

/**
 * 交換完了ページ
 */
#complate-header{
	margin: 0 10px 20px;
	padding: 10px;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #edf0f4;
	border: 5px solid #fff;

	-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
}
/* 完了画面／ヘッダーメッセージ */
#complate-header .text{
	display: block;
	padding: 10px;
	line-height: 1.4;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
}
#complate-header .cnw-table-middle{
	margin-top: 10px;
	display: block;
	padding: 10px;
	line-height: 1.4;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
}

/**
 * フッターエリア
 */
#footer-utility .global{
	display: none;
}
#footer {
	position: relative;
	width: 640px;
}


#footer .utility {
    background-color: #E3EFF6;
    border-bottom: 2px solid #C1D8E6;
    font-size: 26px;
    line-height: 1.2;
    padding: 5px;
}
#footer .utility a{
	display: block;
	padding: 5px 5px 5px 30px;
	margin: 5px;
	background: url(../img/sp/arrow_1.png) no-repeat 5px 50%;
}
#footer .copyright{
	width: 480px;
	margin: 10px 0 10px 160px;
	color: #8998A1;
    font-size: 14px;
}
.article .frame {
	margin: 30px 10px 10px;
    background-color: #F0F0F0;
    padding: 5px;
    font-size: 18px;
}
.article .frame .section .title-f {
    font-weight: bold;
}
.article .frame li{
	padding: 5px 0 5px 20px;
	background: url(../img/sp/list_icon1.png) 0 14px no-repeat;
}
/**
 * IPコール
 */
#ip-call-tell dl{
	position: relative;
	margin: 10px 0;
	padding: 10px 0;
	font-size: 22px;
	font-weight: bold;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	background: #fff;
}
#ip-call-tell dt{
	padding: 0 20px 10px;
	color: #779000;
}
#ip-call-tell dd{
	line-height: 1.2;
	padding: 0 20px;
}
#ip-call-tell dd.rubi-txt{
	font-size: 18px;
	position: absolute;
	top: 65px;
	left: 100px;
}
#ip-call-tell dd.tel-no{
	color: #1166bd;
	padding: 30px 10px 0 120px;
	font-size: 40px;
	background: url(../img/sp/ip_free_icon.png) no-repeat 20px 0;
}
/**
 * 通常：エラーページ
 */
 /* エラー本文 */
#entry-error-section,
#cnw-err-txt-wrap,
#login-error-section ,
#bottom-err-txt-wrap{
	margin: 0 10px 20px;
	padding: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #f8e5ab;
}
#bottom-err-txt-wrap > div,
#entry-error-section > div,
#cnw-err-txt-wrap > div,
#login-error-section > div{
	padding: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #d0b86e;
	background: #fff;
}
#bottom-err-txt-wrap{
	margin-bottom: 30px;
	color: #c00;
}
#entry-error-section li,
#cnw-err-txt-wrap li,
#login-error-section li{
	display: block;
	line-height: 1.2;
	padding: 10px 10px 10px 50px;
	color: #c00;
	background: url(../img/sp/att_icon1.png) no-repeat 5px 10px;
}
/**
 * 下部 IPコールセンター
 */
#ip-call-center-access{
	margin-bottom: 30px;
	overflow: hidden;
}
#ip-call-center-access-number a{
	margin: 10px  auto;
	display: block;
	overflow: hidden;
	width: 590px;
	height: 80px;
	text-indent: -9999px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: url(../img/sp/ip_call_icon_01.gif) no-repeat;
}
#complate-header #ip-call-center-access.frame{/* 完了ページのみ */
	margin: 0;
	padding: 0;
	background: none;
}

/**
 * form周り
 */
table .comfirm-box{
	padding: 20px;
	-webkit-box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
	background: #eee;
}

/**
 * 臨時対応：おすすめ、フッターレコメンド消す
 */
#cnw-point-ranking,
#aside-point-change-scene,
#aside-point-progra{
	display: none;
}
/**
 * フレッツサービスお申込み内容のご案内
 * サンプルテキスト
 */
#applicationSampleText{
	margin: 10px;
	line-height: 1.4;
	font-size: 18px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #CCC;
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#EEE));
	background: -webkit-linear-gradient(top, white 0%,#EEE 100%);
	background: -ms-linear-gradient(top, white 0%,#EEE 100%);
	background: linear-gradient(top, white 0%,#EEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#EEE',GradientType=0 );
}
#applicationSampleText p{
	padding: 5px;
}
#applicationSampleText span{
	display: block;
	margin: 5px 10px;
	padding: 5px;
	line-height: 1.2;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #0FB1D5;
	text-align: center;
	text-decoration: none;
	color: white;
	text-shadow: 1px 1px 2px #1E7D88;
	filter: dropshadow(color=#1E7D88, offx=1, offy=1);
	-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BAF7FE), color-stop(100%,#0FB1D5));
	background: -webkit-linear-gradient(top, #BAF7FE 0%,#0FB1D5 100%);
	background: -ms-linear-gradient(top, #BAF7FE 0%,#0FB1D5 100%);
	background: linear-gradient(top, #BAF7FE 0%,#0FB1D5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BAF7FE', endColorstr='#0FB1D5',GradientType=0 );
}
#applicationSampleText b{
	font-weight: bold;
	color: #c00;
}

/**
 * ポップアップ背景ブラック
 */
#floatBackBlock{
	position: fixed;
	width:100%;
	height: 150%;
	z-index: 1;
}
#floatBackBlock img{
	width: 100%;
	height: 100%;
}
/* clearfix class */
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{display:inline-block;min-height:1%;  /* for IE 7 and MacIE5.5*/}
/* Hides from IE-mac ＼*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

/* clear class */
.clear:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clear{display:inline-block;min-height:1%;  /* for IE 7 and MacIE5.5*/}
/* Hides from IE-mac ＼*/
*html .clear{height: 1%;}
.clear{display: block;}
/* for ie5,6*/


/* グループ割引のお申し込み */

.groupwaripane #kubun-input-table .kubun label {
	display:block;
	float:none !important;
	width:230px !important;
}
.groupwaripane #kubun-input-table .kubun label.l3 {
	display:block;
	float:left !important;
	width:80px !important;
}
.groupwaripane #kubun-input-table .kubun span label {
	display:inline;
	float:left !important;
	width:200px !important;
}
.groupwaripane #kubun-input-table .kubun span em {
	float:left !important;
	font-style:normal;
}
.groupwaripane #kubun-input-table .kubun input {
    background: none repeat scroll 0 0 #ffffff !important;
    border: 0px none #ffffff !important;
}
.groupwaripane .groupwari-att {
	margin-bottom: 15px;
}
.groupwaripane .groupwari-att ul {
	margin-left: 1em;
}
.groupwaripane .groupwari-att ul li {
	padding-left: 1em;
	text-indent: -1em;
}
.groupwaripane .groupwari-att ul li p {
	padding-left: 1em;
	text-indent: -1em;
}
.groupwaripane .groupwari-telsaki label {
	float:none !important;
}
.groupwaripane .groupwari-telsaki label:nth-child(3) {
	float:none !important;
	display: inline !important;
	width: 2em;
}
.groupwaripane .groupwari-telsaki span {
	position:relative;
	top:-5px;
	left:20px;
}
 
.groupwaripane .groupwari-telsaki span input {
	width: 200px !important;
	border: 5px solid #a5bd39;
	background: #f7fedd;
}

.groupwaripane .kitsuke {
	color: #ff8000 !important;
}
.groupwaripane .em2 {
	display: inline-block;
	width: 2em !important;
	text-align: center;
}
.groupwaripane .hrclr {
	visibility:hidden;
	height:0px;
	margin: 0px !important;
	line-height: 0px;
	clear:both;
}
.groupwaripane .cls01 {
    color: #E40F3C;
}

.groupwaripane .doui {
	width: 636px;
	float: left;
	margin-bottom: -40px;
	border: 2px solid #aaaaaa;
}
.groupwaripane .doui input {
	display: block;
	float: left;
	width: 20px !important;
}
.groupwaripane .doui span {
	display: block;
	float: left;
	width: 600px;
}

.groupwaripane .onamae span.em2 {
	display: block;
	clear: left;
	float: left;
	width: 2em !important;
	padding-top: 18px;
	text-align: center;
}
.groupwaripane .onamae input {
	display: block;
	float: left;
	width: 400px !important;
}

.groupwaripane .zipcode span {
	display: inline-block;
	float: left;
	padding: 16px 0px 0px 10px;
}
.groupwaripane .zipcode input.input-width-30 {
	float: left;
	width: 200px !important;
}
.groupwaripane .zipcode input.input-width-40 {
	float: left;
	width: 300px !important;
}
.groupwaripane .banchi span {
	display: inline-block;
	float: left;
	padding: 16px 0px 0px 10px;
}
.groupwaripane .banchi input.input-width-80 {
	float: left;
	width: 165px !important;
}
.groupwaripane .shubetsu label {
	width: 30% !important;
}
.groupwaripane #groupwari-input-table td.circuit-input1,
.groupwaripane #groupwari-input-table td.circuit-input2 {
	padding: 0px !important;
	border-bottom: 0px solid #C5D3DD;
	border-top: 0px solid #C5D3DD;
}
.groupwaripane .telnum input.input-width-50 {
	float: left;
	width: 170px !important;
}
.groupwaripane .telnum p {
	float: left;
	padding: 16px 0px 0px 10px;
}
.groupwaripane #groupwari-input-table th.circuit-input2 {
margin: 0px 10px 0 !important;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
background: #FEFCEA;
border: 3px solid #F90;
border-top-style: none;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF299', endColorstr='#FEFCEA',GradientType=0 );
}
#groupwari-input-table .cnw-thead.circuit-input1 p.cnw-supple-text, #groupwari-input-table .cnw-thead.circuit-input2 p.cnw-supple-text {
	width: 600px;
}

/* 入会の手続き カコミ追加 */

#head-info { border: 2px solid #CCC; margin: 20px auto; padding: 5px; }
.emc01 { color: red; }


/* カタログギフト交換ページに注意文言追加 */

#main ul.catalog_warn {
	list-style-type: disc;
	margin: 20px 0 0 40px;
}

#main ul.catalog_warn li {
	margin-bottom: 15px;
	line-height: 1.6;
}

#main ul.catalog_warn li span {
	font-weight: bold;
	text-decoration: underline;
}