@import url(smph.php);

/*##########################################################################################
##// 共通 //################################################################################
##########################################################################################*/

body { background: #4aa8e8; }
#wrapper { width: 100%; }
#header { background: url(../images/header/bg.jpg) repeat-x; }
#header h1 { background: url(../images/header/h1.jpg) no-repeat; height: 35px; margin: 0 auto; }


/*##########################################################################################
##// TOP //#################################################################################
##########################################################################################*/

/*お支払い登録へ*/
/*
.regist h4 { background: url(../images/regist/tablet/h4.png) no-repeat top right; margin-right: 0px; padding-right: 27px; }
.regist h4 a { display: block; background: url(../images/regist/tablet/a.png) repeat-x; margin-left: 12px; width: 100%; }
.regist h4 strong { display: block; height: 70px; background: url(../images/regist/tablet/strong.png) no-repeat; }
.regist h4 span { display: block; height: 70px; background: url(../images/regist/tablet/span.png) no-repeat center 0; }
*/

/*ここが安心*/
#anshin h3 { background: #ffffff; }
#anshin h3 strong { height: 105px; display: block; margin: 0 auto; background: url(../images/anshin/h3.jpg) no-repeat center top; }
#anshin h4 { display: block; background: url(../images/anshin/h4/tablet/bg.jpg) repeat-x; height: 70px; }
#anshin h4:nth-of-type(1),
#anshin h4:nth-of-type(2),
#anshin h4:nth-of-type(3) { background: url(../images/anshin/h4/tablet/bg.jpg) repeat-x; }
#anshin h4 a { display: block; height: 70px; }
#anshin h4:nth-of-type(1) a { background: url(../images/anshin/h4/tablet/01.jpg) no-repeat center top; }
#anshin h4:nth-of-type(2) a { background: url(../images/anshin/h4/tablet/02.jpg) no-repeat center top; }
#anshin h4:nth-of-type(3) a { background: url(../images/anshin/h4/tablet/03.jpg) no-repeat center top; }
#anshin h4 strong { display: block; background: url(../images/anshin/h4/tablet/strong.jpg) no-repeat; height: 70px; }
#anshin h4 span { display: block; background: url(../images/anshin/h4/tablet/span.jpg) no-repeat top right; height: 70px; }

/*安心機能が充実*/
#func h3 { background: #ffffff; }
#func h3 strong { height: 105px; display: block; margin: 0 auto; background: url(../images/func/h3.jpg) no-repeat center top; }
#func h4 { display: block; background: url(../images/func/h4/tablet/bg.jpg) repeat-x; height: 54px; }
#func h4:nth-of-type(1),
#func h4:nth-of-type(2),
#func h4:nth-of-type(3) { background: url(../images/func/h4/tablet/bg.jpg) repeat-x; }
#func h4 a { display: block; height: 54px; }
#func h4:nth-of-type(1) a { background: url(../images/func/h4/tablet/01.jpg) no-repeat center top; }
#func h4:nth-of-type(2) a { background: url(../images/func/h4/tablet/02.jpg) no-repeat center top; }
#func h4 strong { display: block; background: url(../images/func/h4/tablet/strong.jpg) no-repeat; height: 54px; }
#func h4 span { display: block; background: url(../images/func/h4/tablet/span.jpg) no-repeat top right; height: 54px; }

#btn dl { margin: 0 auto; width: 90%; margin-bottom: 14px; padding-bottom: 14px; }
#btn dt { display: block; background: url(../images/btn/tablet/dl/bg.jpg) repeat-x; height: 47px; }
#btn dt a { display: block; background: url(../images/btn/tablet/dl/a.jpg) no-repeat top right; width: 100%; }
#btn dt strong { display: block; height: 47px; background: url(../images/btn/tablet/dl/strong.jpg) no-repeat; }
#btn dd ul { width: 100%; }

#btn ul { margin: 0 auto; width: 90%; /*margin-top: 14px;*/ }
#btn li { background: url(../images/btn/tablet/ul/bg.jpg) repeat-x; height: 47px; display: block; }
#btn li a { display: block; background: url(../images/btn/tablet/ul/a.jpg) no-repeat top right; width: 100%; }
#btn li strong { display: block; height: 47px; background: url(../images/btn/tablet/ul/strong.jpg) no-repeat; }

h5,h6 { width: 320px; margin: 0 auto; }
h6 { margin-bottom: 10px; }

#about dl { width: 90%; margin: 5px auto; }


/*##########################################################################################
##// COMPLETE //############################################################################
##########################################################################################*/

#complete #main { width: 90%; margin: 0 auto; }




/*au、softbank追加時（12/05/29）*/

.regist h4.btn { background: url(../images/regist02/tablet/h4.png) no-repeat top right; margin-right: 0px; padding-right: 27px; }
.regist h4.btn a { display: block; background: url(../images/regist02/tablet/a.png) repeat-x; margin-left: 12px; width: 100%; }
.regist h4.btn strong { display: block; height: 70px; background: url(../images/regist02/tablet/strong.png) no-repeat; }
.regist h4.btn span { display: block; height: 70px; background: url(../images/regist02/tablet/span.png) no-repeat center 0; }

.regist h4.docomo,
.regist h4.au,
.regist h4.softbank { background: url(../images/regist/tablet/h4.png) no-repeat top right; }
.regist h4 { margin-right: 0px; padding-right: 70px; margin-bottom: 1px; }
.regist h4 a { display: block; background: url(../images/regist/tablet/a.png) repeat-x; margin-left: 50px; width: 100%; }

.regist h4 strong { display: block; height: 53px; }
.regist h4.docomo strong { background: url(../images/regist/tablet/docomo/strong.png) no-repeat; }
.regist h4.au strong { background: url(../images/regist/tablet/au/strong.png) no-repeat; }
.regist h4.softbank strong { background: url(../images/regist/tablet/softbank/strong.png) no-repeat; }

.regist h4 span { display: block; height: 53px; }
.regist h4.docomo span { background: url(../images/regist/tablet/docomo/span.png) no-repeat center 1px; }
.regist h4.au span { background: url(../images/regist/tablet/au/span.png) no-repeat center 1px; }
.regist h4.softbank span { background: url(../images/regist/tablet/softbank/span.png) no-repeat center 1px; }