@charset "utf-8";
/* CSS Document */

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
strong{
	font-weight:bold;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start css */
body{
	background:#bae1fe url(../images_refrear/bg.jpg) repeat-x top center;
	font-size:12px;
	color:#333;
	line-height:1.5;
}
body.periodic{
	background:#ffffff;
	background-image:none;

}

a{
	color:#006dbb;
}
a:hover{
	color:#4fa9e9;
}


h1{
	text-align: right;
}

h1.h1-p
{
	text-align: center;
	margin-left: 3px;
}

/*
h2{
	text-indent:-9999px;
	margin-bottom:0px;
	padding-bottom:0px;
	background-repeat:no-repeat;
}

h2.title4safty{
	width:856px;
	height:96px;
	background:url(../images_refrear/title_4safety.jpg) no-repeat;
	
}
h2.company{
	width:852px;
	height:48px;
	background: url(../images_refrear/h2_company.jpg) ;
}
h2.law{
	width:852px;
	height:48px;
	background: url(../images_refrear/h2_law.jpg) ;
}
h2.privacy{
	width:852px;
	height:48px;
	background: url(../images_refrear/h2_privacy.jpg) ;
}
h2.guide{
	width:852px;
	height:46px;
	background: url(../images_refrear/h2_shopping.jpg);
}
*/

h3{
	font-weight:bold;
	font-size:14px;
}
h3.lawTittle{
	font-weight:bold;
	font-size:16px;
	margin-bottom:12px;
}

h3.guideTittle01{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub01.gif) no-repeat;
	margin-bottom:12px;
}
h3.guideTittle02{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub02.gif) no-repeat;
	margin-bottom:12px;
}
h3.guideTittle03{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub03.gif) no-repeat;
	margin-bottom:12px;
}
h3.guideTittle04{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub04.gif) no-repeat;
	margin-bottom:12px;
}
h3.guideTittlePay{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSubPay.gif) no-repeat;
	margin-bottom:12px;
}

h4{
	font-weight:bold;
	font-size:14px;
	color:#0051b6;
}
h4.guideTittle01{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub01.gif) no-repeat;
	margin-bottom:12px;
}
h4.guideTittle02{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub02.gif) no-repeat;
	margin-bottom:12px;
}
h4.guideTittle03{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub03.gif) no-repeat;
	margin-bottom:12px;
}
h4.guideTittle04{
	text-indent:-9999px;
	width:852px;
	height:35px;
	background:url(../images_refrear/title_guideSub04.gif) no-repeat;
	margin-bottom:12px;
}



/**/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
	overflow: hidden;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */


/* ------------------------------------*/
#mainImgContainer{
	background:url(../images_refrear/bgmain.jpg) center 40px no-repeat;
	width:100%;
	height:512px;
}
#headerTopContainer{
	width:960px;
	padding-top:40xp;
	margin:0px auto;
	height:84px;
	border-top:solid 3px #4285e0;
	border-bottom:solid 1ps #36F;
	text-align: center;
}
.kago{
	width:480px;
	padding-left:5px;
	float:left;
	margin:0px;
	text-align: left;
}
.kago a img{
	margin-top:5px;
	border:solid 3px #bfdbef;
}
.kago a:hover img{
	border:solid 3px #62a4d6;
}



#headerContainer{
	width:960px;
	padding-top:40xp;
	margin:0px auto;
	height:82px;
	border-top:solid 2px #4285e0;
	background:#fff;
	text-align: center;
}

#indexTopContainer{
	width:959px;
	margin:0 auto;
	padding:10px 0px 0px 1px;
	background: url(../images_refrear/bg_title.gif) repeat-y #FFF;
}
.campaign01Container{
	text-align:center;
	margin-bottom:30px;
}

.campaign01Container img{
	margin-left:10px;
	margin-bottom:20px; 
	font-size:15px; 
}

.buyContainer{
	background:url(../images_refrear/bg_buy.jpg) center top no-repeat;
	height:80px;
	padding:158px 0 0 473px;
	margin-bottom:10px;
}

/*
.buyContainer .btmBuy a{
	text-indent:-9999px;
	display:block;
	background:url(../images_refrear/btm_buy.jpg) center top no-repeat;
	width:316px;
	height:66px;
}
.buyContainer .btmBuy a:hover{
	background:url(../images_refrear/btm_buy.jpg) center bottom no-repeat;
}
.titleBuyForm{
	text-align:center;
	margin-bottom:2px;
}
*/


#titleContainer{
	width:850px;
	margin:0 auto;
	padding:12px 55px 20px;
	background: url(../images_refrear/bg_title.gif) repeat-y #FFF;
}

#container{
	width:880px;
	margin:0 auto;
	padding:10px 40px 20px;
	background: url(../images_refrear/bg_main.gif) repeat-y #FFF;
}

#container.underContents{
	width:850px;
	margin:0 auto;
	padding:10px 55px 20px;
}

#mainContainer{
	width:856px;
	margin:0px auto 20px;
}
#mainContainer p{
	margin:0;
}

#mainContainer .saftyPoint01, #mainContainer .saftyPoint02, #mainContainer .saftyPoint03, #mainContainer .saftyPoint04{
	margin-bottom:30px;
}
#mainContainer .saftyPoint01 h3{
	text-indent:-9999px;
	background-image:url(../images_refrear/title_safetyPoint01.jpg);
	width:852px;
	height:86px;
	margin:0px auto 0px;
}
#mainContainer .saftyPoint01 div{
	text-indent:-9999px;
	background: url(../images_refrear/safetyPoint01txt.jpg) no-repeat;
	width:852px;
	height:111px;
	margin:0px auto 20px;
}
#mainContainer .saftyPoint02 h3{
	text-indent:-9999px;
	background-image:url(../images_refrear/title_safetyPoint02.jpg);
	width:852px;
	height:221px;
	margin:0px auto 0px;
}
#mainContainer .saftyPoint03 h3{
	text-indent:-9999px;
	background-image:url(../images_refrear/title_safetyPoint03.jpg);
	width:852px;
	height:328px;
	margin:0px auto 0px;
}
#mainContainer .saftyPoint04 h3{
	text-indent:-9999px;
	background-image:url(../images_refrear/title_safetyPoint04.jpg);
	width:852px;
	height:271px;
	margin:0px auto 0px;
}


#companyMesContainer{
	width:822px;
	margin:0 auto 30px;
}

#companyMesContainer p{
	margin:0;
}

#companyMesContainer .safetyContent03{
	background:url(../images_refrear/img_companyMes06.jpg);
	height:275px;
	padding-top:30px;
	padding-left:48px;
	margin:0 auto;
}
#companyMesContainer .safetyContent03 div.oneBox{
	float:left;
	width:174px;
	padding:0px;
	margin-right:10px;
	text-align:center;
	line-height:1.2;
	color: #444;
}
#companyMesContainer .safetyContent03 div div{
	padding:00px;
	background:#c1d3e0;
	margin-bottom:3px;
}
#companyMesContainer .safetyContent03 div img{
	border:#c1d3e0 solid 10px;
}
#companyMesContainer .safetyContent03 div img:hover{
	border:#88b1cf solid 10px;
}
#companyMesContainer .safetyContent03 div.last{
	margin-right:0px !important;
}

#companyMesContainer .lastMes{
	margin:20px 0;
	
}



.title_shopping{
	width:856px;
	height:75px;
	margin-bottom:10px;
	margin-left:12px;
}

#shoppingContainer{
	margin-bottom:26px;
}

#shoppingContainer .itembox{
	width:410px;
	float:left;
}
#shoppingContainer .itemtxt{
	width:410px;
	line-height:1.5;
	float:left;
}
#shoppingContainer .itemtxt table {
	width:380px;
	margin-top:10px;
	margin-left:20px;
}
#shoppingContainer .itemtxt table th{
	width:120px;
	text-align:left;
	font-weight:bold;
}
#shoppingContainer .itemtxt table th, #shoppingContainer .itemtxt table td{
	padding:2px;
	border-bottom:#aaa solid 1px;
}
#shoppingContainer .itemtxt .notice{
	color:#F00;
	padding-left:22px;
	margin-top:6px;
}



#shoppingContainer .buyIndividual{
	width:410px;
	float:left;
}

#shoppingContainer .buyTerm{
	width:410px;
	float:right;
}

#shoppingFormContainer{
	margin-bottom:30px;
	padding-left:10px;
	
}

.oneFormContainer{
	text-align:center;
	width:400px;
	margin-left:430px;
	padding:105px 0 0;
	color:#2a4eb3;
	font-size:14px;
}
.oneFormContainer .formDot{
	border-right:solid 2px #fff;
}

.oneFormContainer input{
	width:255px;
	margin:10px auto 0px;
	
}


.oneFormContainerA{
	text-align:center;
	width:400px;
	margin-left:430px;
	padding:210px 10px 10px 20px;
	color:#2a4eb3;
	font-size:14px;
}
.oneFormContainerA .formDot{
	border-right:solid 2px #fff;
}

.oneFormContainerA input{
	width:255px;
	margin:10px auto 0px;
	
}

.oneFormContainerB{
	text-align:center;
	width:400px;
	margin-left:430px;
	padding:315px 0 0;
	color:#2a4eb3;
	font-size:14px;
}
.oneFormContainerB .formDot{
	border-right:solid 2px #fff;
}

.oneFormContainerB input{
	width:255px;
	margin:10px auto 0px;
	
}

#shoppingFormContainer table{
	margin:0 auto;
	width:360px;
	font-size:12px;
	
}
#shoppingFormContainer table td, #shoppingFormContainer table th{
	padding:4px 5px;
	text-align:left;

}
#shoppingFormContainer table th{
	background:url(../images_refrear/bg_formTitle.gif) center top no-repeat;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
#shoppingFormContainer table td{
	color:#333;
	background-color:#ddfcff;
}
#shoppingFormContainer table td.teiki3{
	text-align:center;
}

#LensNoticeContainer{
	text-align:center;
	margin:0 auto 50px;
}

#textLensNoticeContainer{
	width:810px;
	padding:10px;
	background-color:#ffe2e2;
	border:dotted 2px #cc0000;
	margin:0 auto 50px;
}
#textLensNoticeContainer h4{
	color:#F00;
	font-size:16px;
}


#campaignDetail01Container{
	width:872px;
	margin:0 auto 20px;;
	padding:0;
}
#campaignDetail01Container02{
	padding:0px 0;
	background:url(../images_refrear/img_campaign01_02.jpg) center bottom no-repeat;
}
#campaignDetail01Container02 .campaignDetail01title{
	width:776px;
	margin:0 auto 20px;
}
#campaignDetail01Container02 .campaignDetail01txt{
	width:740px;
	margin:0 auto;
	font-size:14px;
	text-align:1.5;
}

#campaignDetail01Container02 .campaignDetail01term{
	width:700px;
	margin:36px auto 0;
	padding:12px;
	text-align:center;
	color:#C00;
	font-weight:bold;
	background:#ffcfcf;
	border:solid 1px #e42727;
	

}

#companyContainer{
	text-indent:-9999px;
	width:960px;
	height:67px;
	margin:0 auto 0;
	background:url(../images_refrear/bg_fotCom.gif);
}



#footerContainer{
	width:940px;
	padding-top:40xp;
	margin:50px auto 20px;
	text-align:center;
	color:#006dbb;
}

#footerContainer .footerLink li{
	display: inline;
	float: none;
	border-right:solid 1px #006dbb;
	padding-right:6px;
	margin:0 5px 5px 0;
	font-size: 93%;
	line-height: 1.8
}

#footerContainer .footerLink li a{
}

#footerContainer .footerLink li.last{border:none !important;padding:0 !important; background:none!important}

.textContainer{
	line-height:1.6;
	font-size:14px;
	margin-bottom:28px;
}

.textContainer p{
	margin-bottom:28px;
}

.presetContainer{
	text-align:center;
	margin:30px 0px 0px 0px;
}

.voiceContainer{
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}


.movie_banner:hover{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}


/*
.voiceContainer a{
	display:block;
	width:207px;
	height:32px;
	text-indent:-9999px;
	margin:0px 32px 7px auto;
	background:url(../images_refrear/btm_voice.gif) center top no-repeat;
}
.voiceContainer a:hover{
	background:url(../images_refrear/btm_voice.gif) center bottom no-repeat;
}
*/


/* --------------------------------会社概要----------------------------------- */
.tableContainer{
	padding-top:40px;
}
.table{
	margin:0px auto 50px;
}
.table th, .table td{
	padding:10px;
	text-align:left;
	border-bottom:#aaa solid 1px;
	
	
}

.table th{
	font-weight:bold;
}


/* ------------ショッピングのご案内----------- */
#btmSubGuide{
	width:852px;
	margin-bottom:20px;
}
#btmSubGuide li{
	float:left;
	margin-right:9px;
	margin-bottom:9px;
	
}
#btmSubGuide li.last{
	margin-right:0px;
}
#btmSubGuide a{
	display:block;
/*	background: url(../images_refrear/btmSubGuide.gif);
	text-indent:-9999px;
*/
	width:206px;
	height:43px;
}


/*
#btmSubGuide a.guideBtm01:hover{
	background-position:0 -43px;
}
#btmSubGuide a.guideBtm02{
	background-position:-206px 0;
}
#btmSubGuide a.guideBtm02:hover{
	background-position:-206px -43px;
}
#btmSubGuide a.guideBtm03{
	background-position:-412px 0;
}
#btmSubGuide a.guideBtm03:hover{
	background-position:-412px -43px;
}
#btmSubGuide a.guideBtm04{
	background-position:-618px 0;
}
#btmSubGuide a.guideBtm04:hover{
	background-position:-618px -43px;
}
#btmSubGuide a.guideBtm05{
	background-position:-824px 0;
}
#btmSubGuide a.guideBtm05:hover{
	background-position:-824px -43px;
}
*/


.bnr_teiki{
	text-align:center;
	margin-bottom:20px;
	padding-left:10px;
}

.troubleContainer{
	text-align:left;
	width:856px;
	margin: 0 auto 20px;
}


/*
.troubleContainer a{
	text-indent:-9999px;
	display:block;
	width:856px;
	height:129px;
	margin:0 auto;
	background:url(../images_refrear/bnr_trouble01.jpg) left top;
}
.troubleContainer a:hover{
	background:url(../images_refrear/bnr_trouble01.jpg) left bottom;
}
*/

.goToTop{
	text-align:right;
	margin-bottom:20px;
}
.goToTop a img{
	border:solid 3px #bfdbef;
}
.goToTop a:hover img{
	border:solid 3px #62a4d6;
}


.goToSiteTop{
	text-align:center;
	margin-bottom:20px;
}
.goToSiteTop a img{
	border:solid 3px #bfdbef;
}
.goToSiteTop a:hover img{
	border:solid 3px #62a4d6;
}


/*別ウインド処理*/
#certifyContainer{
	width:550px;
	background:#FFF;
	margin:20px auto;
	padding:20px;
}

#certifyContainer .close{
	margin-top:12px;
	text-align:right;
}
#certifyContainer .close a img{
	border:solid 3px #bfdbef;
}
#certifyContainer .close a:hover img{
	border:solid 3px #62a4d6;
}
body.otherWind{
	background-color:#bae1fe !important;
	background-image:none !important;
}

.btm_kago{
float: left;
width: 500px;
padding-left: 226px;
padding-top: 5px;

}

.btm_kago div{
	float:left;
	height:29px;
}
/*
.btm_kago a{
	display:block;
	height:28px;
	background:url(../images_refrear/btm_basic.jpg);
	text-indent:-9999px;
}
.btm_kago .btm_kago01 div{
}
.btm_kago .btm_kago01 a{
	background-position:0 0;
	width:94px;
}
.btm_kago .btm_kago01 a:hover{
	background-position:0 bottom;
}
.btm_kago .btm_kago02 a{
	background-position:-94px 0;
	width:95px;
}
.btm_kago .btm_kago02 a:hover{
	background-position:-94px bottom;
}
.btm_kago .btm_kago03 a{
	background-position:-189px 0;
	width:94px;
}
.btm_kago .btm_kago03 a:hover{
	background-position:-189px bottom;
}

*/


.buyOneContainer{
	background:url(../images_refrear/img_buy02.jpg);
	height:303px;
	width:880px;
	margin:0 auto;
}
.buyYearContainer{
	background:url(../images_refrear/img_buy_year02.jpg);
	height:303px;
	width:880px;
	margin:0 auto;
}
.buyTermContainer{
	background: url(../images_refrear/img_buy04_tsujyo.jpg);
	height:378px;
	width:880px;
}
.buyYutoTermContainer{
	background: url(../images_refrear/img_buy04_yutori.jpg);
	height:505px;
	width:880px;
}
.buyGoToTeiki{
	background:url(../images_refrear/img_buy12.jpg) center bottom;
	width:880px;
	height:129px;
	padding-top:34px;
}
.buyGoToTeiki-p{
	background:url(../images_refrear/periodic/img_buy12.jpg) center bottom;
	width:880px;
	height:10px;
	padding-top:34px;
	margin:0 auto;
}


.btmTeiki{
		width:323px;
		margin:0px auto 0;
}

.btmTeiki a{
	display:block;
	background:url(../images_refrear/btm_buyTerm.jpg) center top;
	width:323px;
	height:71px;
	
}


.goToOfficial{
	width:820px;
	height:156px;
	margin:0 auto;
	padding-top:48px;
	background:url(../images_refrear/trouble/bg_goToOfficial.jpg) center top no-repeat;
}

.goToOfficial a{
	text-indent:-9999px;
	display:block;
	width:713px;
	height:104px;
	margin-left:53px;
	background:  url(../images_refrear/trouble/bnr_official.jpg) left top no-repeat;
}
.goToOfficial a:hover{
	background: url(../images_refrear/trouble/bnr_official.jpg) right bottom no-repeat;
}

#companyContainer01{
	text-indent:-9999px;
	width:960px;
	height:67px;
	margin:20px auto 0;
	background: url(../images_refrear/trouble/bg_office.jpg) no-repeat;
}



/*
.btmTeiki a{
	display:block;
	background:url(../images_refrear/btm_buyTerm.jpg) center top;
	width:323px;
	height:71px;
	
}

.btmTeiki a:hover{
	background:url(../images_refrear/btm_buyTerm.jpg) center bottom;
}
*/
.buyYutoTermContainer5{
	background: url(../images_refrear/bg_form_5teiki.jpg) top no-repeat;
	height:440px;
	width:880px;
	margin:0 auto;
}
.oneFormContainerB{
	text-align:center;
	width:400px;
	margin-left:454px;
	padding:242px 0 0;
	color:#2a4eb3;
	font-size:14px;
}

.buyTermContainer{
	margin:0 auto;
}
.buyYutoTermContainer{
	margin:0 auto;
}
.buyYutoTermContainer{
	background: url(../images_refrear/bg_form_4teiki.jpg) top no-repeat;
	height:440px;
	width:880px;
}

.up{
	width:100%;
padding:0;
text-align:center;
letter-spacing: 0.15em; 
}

.up-font{font:
normal 12px/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif


}


#Copyright_box{
	text-align:center;
	padding-bottom:12px;
}

/*20140228追加*/
.txt_20140228_1year{
	padding:0px 92px 20px;
}
.txt_20140228_1year .point{
	color:#F00;
}
.goto_1year{
	text-align:center;
	margin-bottom:30px;
}

/*20140325追加*/
.notice20140325{
	padding:10px 20px; border:solid 1px #ccc; margin:0 7% 24px;
	text-align:center;
}
.notice20140325 strong{
	font-size:14px;
}
.notice20140325 .strong{
	font-size:14px;
}
.notice20140325 .rd{
	color:#F00;
}

/* /20140325追加 */


/*20140716追加*/
.buyContainer10{
	background:url(../images_refrear/img_buy102.jpg) center top no-repeat;
	height:80px;
	padding:158px 0 0 473px;
	margin-bottom:10px;
}


/*20150213追加*/
.post10{
	width:80%;
	margin:0 auto;
	padding:10px;
}
.postcolor{
	color:red;
}


.form10{
	background: url(../images_refrear/img_buy101.jpg);
	height: 303px;
	width: 880px;
	margin: 0 auto;
}
.buyc01{
	margin-bottom:0px;
}

/*20150303*/

.ing{
	background:#d0d0d0 url(../images_refrear/ing1.png) repeat-x top center;
}

.ingt1{
	background:#d0d0d0 url(../images_refrear/ingt1.png) repeat-x top center;
}