h1,h2,h3,h4,h5,p,ul,ol { padding: 0; margin: 0;}
ul,ol { margin: 15px 0 15px 50px;}
.column p { line-height: 1.6; margin: 12px 0;}
p,li { font-size: 14px; line-height: 1.5em;}
h2 a { font-weight: bold; font-size: large; padding: 10px; line-height: 30px; color: #FFFFFF;}
.column h2 { font-size: 110%; padding: 5px 10px; color: #000000; /*margin: 20px 0;*/ text-align: left; border-top: 4px solid #7DBF0E; border-bottom: 1px solid #cccccc;}
h3 { padding: 0; margin:10px 0 10px 0;}
h3.rakutenpoint { padding: 5px 8px; font-weight: bold; font-size: 100%; margin: 30px 0 10px 0; border: 1px solid #DCDCDC; color: #333333; background: #f4f4f4;}
h4 { clear:both; padding: 0 10px 0 10px; margin:30px 0 10px 0; font-size: large; line-height: 30px; background: #EEEEEE; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
chccc5 { clear:both; padding: 0 10px 0 10px; margin:30px 0 10px 0; font-size: medium; line-height: 30px;}
h5 { clear:both; padding: 0 5px; margin:0 0 10px 0; font-size: medium; border-bottom: 3px solid #CCCCCC;}
h6 { clear: both; font-weight: bold; margin: 10px 0; font-size: medium;}
h6:before { content:"■"; padding-right: 5px;}
form { padding: 0; margin: 0;}
hr { clear:both;}
th { white-space: nowrap;}
.table01 { font-size: 14px;}
.table01 th { background: #AFDFEF; font-weight: bold; text-align: left;}
table tr td table.mallTable { border-collapse: collapse;}
table tr td table.mallTable th { border: #999 1px solid; padding: 5px; text-align: center; background: #E7E7E7; font-size: 14px;}
table tr td table.mallTable td { border: #999 1px solid; padding: 5px;}
table tr td table.mallTable td ul { margin: 0; padding: 0; list-style: inside;}

.floatright{ float: right; font-size: small;}
.floatleft{ float: left; margin-right: 10px;}
.flBjcCaiC { width: 100%; display: flex; justify-content: center; align-items: center;}

.ma0 { margin: 0 !important;}
.maT0 {	margin-top: 0 !important;}
.maT10 { margin-top: 10px !important;}
.maT20 { margin-top: 20px !important;}
.maT50 { margin-top: 50px !important;}
.maT100 { margin-top: 30px !important;}
.maB0 {	margin-bottom: 0 !important;}
.maB10 { margin-bottom: 10px !important;}
.maB20 { margin-bottom: 20px !important;}
.maB50 { margin-bottom: 50px !important;}
.maB100 { margin-bottom: 100px !important;}

.taR { text-align: right;}
.taL { text-align: left;}
.taC { text-align: center;}

.vaM { vertical-align: middle;}

.lh1-5 { line-height: 1.5em !important;}
.lh2 { line-height: 2em !important;}

.ti0pL0 { text-indent: -1em; padding-left: 1em;}

.small { font-size: x-small;}
.fs75 { font-size: 75%;}
.fs150 { font-size: 150%;}
.fs200 { font-size: 200%;}

.fwB { font-weight: bold;}

.blue { color: #00F;}
.colGre01 { color: #093;}
.colRed01 { color: #ff0000;}

.bgYEL { background: #FFFFE6;}

.GRE { line-height: 1.2em; padding: 0px; color: #FFFFFF; background-color: #9ACD32;}
.PGR { line-height: 1.2em; padding: 0px; color: #FFFFFF; background-color: #CDE01F;}
.DGR { line-height: 1.2em; padding: 01px; color: #FFFFFF; background-color: #669900;}
.RED { line-height: 1.2em; padding: 0px; color: #FFFFFF; background-color: #FF4500;}
.ORA { line-height: 1.2em; padding: 0px; color: #FFFFFF; background-color: #FF9900;}
.SKY { line-height: 1.2em; padding: 0px; margin: 0px; color: #FFFFFF; background-color: #ACE4FF;}
.BLU { line-height: 1.2em; padding: 0px; margin: 0px; color: #FFFFFF; background-color: #7189FF;}
.YEL { line-height: 1.2em; padding: 0px; color: #FF0000; background-color: #FFFF00;}
.GRA { line-height: 1.2em; padding: 0px; color: #FFFFFF; background-color: #CCCCCC;}
.BPU { line-height: 1.2em; padding: 0px; margin: 0px; color: #FFFFFF; background-color: #9966FF;}
.GRABUTTON { line-height: 1.2em; padding: 2px; color: #000000; background-color: #CCCCCC;}

.flL { float: left;}
.flR { float: right;}

.lsI { list-style: inside !important;}
.lsN { list-style: none;}

.opa70:hover { opacity: 0.7;}

.Ttl { font-weight: bold; font-size: 120%;}/*文中タイトル*/
.aleartTxt { font-size: 85%; color: #F00;}

.alertBl { border: 3px dotted #0066CC; padding: 5px;}
.caption { font-size: small; font-weight: bold; color: #666666; padding-bottom: 10px; }
.captionn { font-size: small; font-weight: normal; color: #666666; padding-bottom: 10px; }
.white a{ font-size: x-small; padding-right: 10px; color: #FFFFFF; }
.comment { font-size: small; line-height: 1.0em; color: #FF6600; }
.alert { padding: 5px; background: #FFDDDD; border: 2px solid #FF0000; }
.stsRakutenOn { width: 60%; line-height: 30px; background: #FFFFCC; border: 2px solid #CC0000; }
.stsYahooOn { width: 60%; line-height: 30px; background: #FFFFCC; border: 2px solid #993399; }
.stsRakutenOff { color: #999999; width: 60%; line-height: 30px; background: #F7F7F7; border: 1px dotted #CCCCCC; }
.stsSukeneko { width: 60%; line-height: 30px; background: #FFFFCC; border: 2px solid #333399; }
.flowBox { padding: 10px; margin: 10px; width: 80%; background: #FFFFEC; border: 2px solid #333399; text-align: left; }
.flowBox100 { padding: 5px; background: #FFFFEC; border: 2px solid #333399; text-align: left; }
.title { padding: 0 10px 0 10px; margin:30px 0 10px 0; font-size: large; line-height: 30px; background: #EEEEEE; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.path { font-size: small; color: #666666; background: #FFFFCC; padding: 3px; margin-bottom: 10px; }
.copyright { font-size: small; color: #666666; padding-top: 20px; padding-bottom: 10px; text-align: center; }
.menu { font-size: small; padding-top: 5px; padding-bottom: 5px; text-align: center;}

.quo { color: #666666; font-size: 11px; line-height: 1.3em; margin: 5px 0; padding:10px; background: #F9F9F9; border: 1px solid #EEEEEE; }
.question { font-weight: bold; line-height: 1.3em; margin: 5px 0; padding:10px; }
.question2 { font-weight: bold; line-height: 1.3em; margin: 5px 0; padding:3px; list-style-type: none;}
.answer { color: #666666; margin: 0; padding:0 10px; background: #F9F9F9; border: 1px solid #EEEEEE; }
.answer p { line-height: 1.3em; margin: 10px 0;}
.edge { padding: 0; margin: 0;}

input[type="text"]:focus,
input[type="text"]:hover,
input[type="password"]:focus,
input[type="password"]:hover,
textarea:focus,
textarea:hover { background: #ffd;}

.hassou{ font-size: small;}

#container{ width: 900px; margin: 150px auto 0; padding: 0; background: #FFF; text-align:left;}

#Print td{ font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3, Arial, Helvetica, sans-serif; font-size: 12pt;}
#Print td.small { font-size: 8pt;}
#Print td.medium { font-size: 9pt;}
#Print .OCR { font-family: OCRB; font-size: 12pt; letter-spacing: 9px;}
#Print td.vline { border-left: dashed; border-left-width: 1px;}
#Print td.rbline { border-right: dashed; border-bottom: dashed; border-right-width: 1px; border-bottom-width: 1px;}
#Print td.rline { border-right: dashed; border-right-width: 1px;}
#Print td.bline { border-bottom: dashed; border-bottom-width: 1px;}
#Print td.inei { background-image: url("images/inei_s_72.gif"); background-repeat: no-repeat; background-position: center bottom;}
#Print td.ineib { background-image: url("images/inei_b_72.gif"); background-repeat: no-repeat; background-position: center bottom;}

#form table{ margin: 2px 2px;}
#form table.nomargin{ margin: 0; padding: 0;}
#form table.nomargin tr td{ margin: 0; padding: 0;}
#form table th { background: #EEEEEE; padding: 2px; font-weight: normal; text-align: left;}
#form table tr td{ background: #FFFFFF; padding: 3px;}
#form td.orange{ background: #FF9900; padding: 3px;}
#form td.red{ background: #FF0000; padding: 3px;}
#form td.green{ background: #99CC00; padding: 3px;}
#form td.pink{ background: #FF99CC; padding: 3px;}
#form td.memo{ background: #D1EECA; padding: 3px;}
#form td.sky{ background: #66CCFF; padding: 3px;}
#form td.yellow{ background: #FFF900; padding: 3px;}
#form td.purple{ background: #CC3399; padding: 3px;}

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


#container_cvp{ width: 810px; margin:0 auto; padding: 0; background: #FFF; text-align:left;}
.title_p_movie{ clear:both; padding: 3px 10px; margin:30px 0 10px 0; font-size: 100%; font-weight: bold; line-height: 30px; background: #EEEEEE; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.manual_movie{ display:block; background: url(../img/manual_movie_2.gif) no-repeat 0 0; width:120px; height:30px; margin: 0;text-align: center;}
.manual_movie a{ display:block; width:120px; height:30px;}
.manual_movie a:hover{ background-color: transparent;}

.manual_movie a:hover img{ visibility: hidden;}
.caution{ margin: 2px 0; padding: 10px; background-color: #e0ffff; border: 2px solid #87ceeb;}
img.other_cap{border:5px solid #EEEEEE;}
.red_caution{ color: #FF0000;}
.red_caution_kome{ color: #FF0000; padding-left: 1em; text-indent: -1em;}
.NextStep{ margin: 10px; padding: 10px; border: 2px dashed #69821b;}
hr.kugiri{ border: 0; background: #DDD;}

.button{ border-top: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #ccc; margin-left: 4px; margin-right: 4px; padding: 2px 4px; background: #EEE;}
td dl dd { font-size: 85%; text-indent: -1em; padding-left: 1em; margin-bottom: 5px;}
.dd_test{ text-indent:0em;}

.caution_kome{ padding-left: 1em; text-indent: -1em; } 
.fontB { font-weight: bold;}
.bread { margin-bottom: 25px; color: #666666; font-size: 90%;}

#container table tr td.btnBox { text-align: center; font-size: 25px; font-weight: bold; background: #F93; color: #FFF; border-radius: 10px; padding: 15px;}
.ind_3 { padding-left: 3.5em; text-indent: -3em;}
td dl dd p { font-weight: bold;}

#container #header,
#container_cvp #header { width: 100%;}
#container #header h2,
#container_cvp #header h2 { float:left;}
#container #header p.white,
#container_cvp #header p.white { float: right; line-height: 2em;}
#container #header #do_delivery { background: #B9CFFF; padding: 2px;}
#container #header #un_delivery { background: #5576D3; padding: 2px;}
#container #header #external { background: #108B8A; padding: 2px;}
#container #header #haisou { background: #108B8A; padding: 2px;}
#container #header #yahoo_api_header { background: #108B8A; padding: 2px;}
#container #header #tag { background: #0C6; padding: 2px;}
#container #header #do_hacchu { background: #FF92FA; padding: 2px;}
#container #header #un_hacchu { background: #FFADFB; padding: 2px;}
#container #header #do_item { background: #c680e6; padding: 2px;}
#container #header #un_item { background: #A62FA0; padding: 2px;}
#container #header #do_order { background: #CC6600; padding: 2px;}
#container #header #do_api { background: #E02151; padding: 2px;}
#container #header #do_convplus,
#container_cvp #header #do_convplus { background: #FCA20A; padding: 2px;}
#container #header #un_order { background: #A42401; padding: 2px;}
#container #header #do_zaiko { background: #FF92B1; padding: 2px;}
#container #header #un_zaiko { background: #FFCCDA; padding: 2px;}
#container #header #ec { background: ##E96399; padding: 2px;}

.point_text { width: 550px; float: left; margin-right: 20px;}
.douga_manual { float: right;}
p.textBox { margin-bottom: 30px;}
.contact { border: 1px solid #DFDFDF; padding: 15px; margin: 20px 0; text-align: left;}
.boRbaLY { background: #FFFFEC; border: 3px solid #C00; padding: 10px;}

.movie_load{
	cursor:pointer;
}

.manualMovieList { display: flex; justify-content: space-between; flex-wrap: wrap;}
.manualMovieList li { width: 300px; list-style: none;}
.manualMovieList figure img { box-sizing: border-box;}
.manualMovieList figcaption { margin-top: 10px;}
.manualMovieList figcaption p { text-align: left; line-height: 1em;}

/*----------orderのmain.csv移行----------*/

.manual_navi {
    font-size: 90%;
    border: 1px solid #DDDDDD;
    padding: 5px 7px;
    background: #f4f4f4;
}
.main_left {
    width: 430px;
    text-align: left;
    float: left;
    margin: 0;
}
.main_right {
    width: 430px;
    text-align: left;
    float: right;
    margin: 0;
}
.column {
	margin-bottom: 50px;
}
.column h4 {
    color: #000000;
    padding: 5px 8px;
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 10px;
    background: #F5F5F5;
    border-left: 10px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
/*----------rakuten_pointのmain.csv移行----------*/

.pinkBox {
	 background: #ffeaf4;
	 margin: 20px;
	 padding: 10px 20px;
	 border: 1px solid #dedede;
}
.flow {
    width: 841px;
    text-align: center;
    margin: 40px auto;
    clear: both;
    text-decoration: none;
}
a.flow_1{
	background: url(rakuten_point/img/rakutenpoint_flow_01.gif) center top;
	width:840px;
	height:240px;
	display: block;
	cursor:pointer;
	text-align:center;
	color:#fff;
}
a.flow_2{
	background: url(rakuten_point/img/rakutenpoint_flow_02.gif) center top;
	width:840px;
	height:221px;
	display: block;
	cursor:pointer;
	text-align:center;
	color:#fff;
}
a.flow_3{
	background: url(rakuten_point/img/rakutenpoint_flow_03.gif) center top;
	width:840px;
	height:284px;
	display: block;
	cursor:pointer;
	text-align:center;
	color:#fff;
}
a.flow_1:hover,
a.flow_2:hover,
a.flow_3:hover{
	background-position:center bottom;
}
	
a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.flow{
	 width: 841px;
	 text-align: center;
	 margin: 40px auto;
	 clear: both;
	text-decoration: none;
	}
.flow a,
.flow2 a{
	z-index:10;
	}
.flow a:hover,
.flow2 a:hover{
	position:relative;
	z-index:100;
	text-decoration: none;
}
.flow a span,
.flow2 a span{
	display:none;
	text-decoration: none;
}
.flow a:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top: 150px;
	left: 120px;
	background:#FFE4E1;
	border:1px solid #FFB6C1;
	color:#333;
	padding:1px 5px;
	z-index:10;
	text-decoration: none;
}
.flow2 a:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top: 100px;
	left: -200px;
	background:#FFE4E1;
	border:1px solid #FFB6C1;
	color:#333;
	padding:1px 5px;
	z-index:10;
	font-size: 14px;
	text-decoration: none;
}
.flow2 a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*----------include announce_text.html----------*/
.announceContent { padding: 10px 20px; border: #F00 5px solid; margin-bottom: 20px; background: #ffeb3b;}
.announceTxt { text-align: center; font-weight: bold;}

/*----------un_editpage_rakuten----------*/
.edit_title01 ol,
.edit_title01 ul { margin: 0 0 0 10px; padding-start: 0; -webkit-padding-start: 0; list-style-position: inside;}
.edit_title01 li { text-indent: -1em; padding-left: 1em;}
.edit_title01 table { width: 100%;}
.edit_title01 th { background: #FF9; text-align: center;}


/*----------cf(clearfix)----------*/

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}




/*　画面サイズが1300pxまではここを読み込む　*/
@media screen and (max-width:1300px) {

#container{
	float: left;
	margin-left: 2%;
}

}