@charset "utf-8";

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* SG common setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#content .tex03{
color:#ceaf58;
font-size:96%;
font-weight:bold;
padding:8px 0 3px 2px;
}

#content .tex04{
font-size:90%;
line-height:1.6;
padding-left:2px;
}

td{
border:1px solid #999;
background:#fff;
padding:4px 3px;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* SG index setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#sg_list {
padding:0 0 25px 15px;
}

#sg_list dt{
float: left;
width: 175px;
padding-bottom:6px;
}

#sg_list dt img{
margin-top:2px;
}

#sg_list dd {
float: left;
width: 365px;
font-size: 12px;
padding-bottom:8px;
line-height:1.9;
}

p#sg_menu{
margin:20px 0 0 20px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* TX45 setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.tx45{
padding-bottom:30px;
}

.tx45 p.tex45{
padding:5px 0;
margin-bottom:10px;
color:#e19100;
font-size:105%;
font-weight:bold;
line-height:1.2;
letter-spacing:2px;
}

.tx45 img#l-syaken{
float:left;
}

.tx45 div#syaken{
float:left;
width:275px;
padding:0 0 20px 30px;
}

.tx45 div#syaken p{
padding-bottom:4px;
font-size:70%;
}

.tx45 div#syaken p img{
margin:0 5px -3px -21px;
}

h3#nagare{
clear:both;
padding-top:10px;
}


/* ���{�X�� */

#t-jump{
padding:15px 0 5px 0;
width:560px;
}

#t-jump li{
float:left;
margin:0 7px 0 0;
}

#t-jump li#st-end{
margin-right:0;
}





/* tx45�Ԍ��̗��� */
.tx45 div#too-inner{
margin:10px 0 0 5px;
background:url(../SG/image/TX45/t-back.gif) 107px 30px no-repeat;
}

.tx45 div#boo-inner{
clear:both;
margin:20px 0 20px 5px;
background:url(../SG/image/TX45/t-back.gif) -155px 30px no-repeat;
}

.tx45 .steps{
float:left;
width:131px;
background:url(../SG/image/TX45/t-back02.gif) left bottom no-repeat;
font-size:60%;
}

.tx45 div.steps ul{
margin:3px 30px 3px 1em;
}

.tx45 div.steps li{
text-indent:-1em;
margin:5px 0 5px 3px;
line-height:1.1;
}

.tx45 div.steps li span{
color:#5268af;
}

.tx45 div.steps li.smo{
font-size:70%;
}

.tx45 div.steps li.just45{
text-indent:0;
margin-left:-3px;
}




/* �Ԍ�����\ */
#check-pr{
margin-bottom:30px;
padding-bottom:10px;
border:2px solid #bbb;
font-size:70%;
}

#check-pr dl{
border-bottom:2px solid #bbb;
line-height:1.8;
}

#check-pr dl dt{
float:left;
font-weight:bold;
font-size:150%;
}

#check-pr dl dd{
float:right;
padding:7px 5px 0 0;
}

p.tx45_01{
clear:both;
padding-left:1em;
font-size:80%;
}

#check-pr table{
width:530px;
margin:10px 10px 0 10px;
text-align:center;
}

#check-pr table td{
background:none;
padding:6px 2px;
}

#check-pr td.ba01{
background:#b6d9f3;
}

#check-pr td.ba02{
background:#de8c6d;
font-size:120%;
}

#check-pr td.ba03{
background:#cb0000;
font-size:120%;
}

#check-pr td.ba04{
background:#f5d686;
font-size:120%;
}

#check-pr td.ba05{
background:#719ccc;
font-size:120%;
}

#check-pr td.ba06{
width:160px;
background:#b6d9f3;
font-size:120%;
}

#check-pr td.ba07{
background:#8bc6ed;
font-size:120%;
}

#check-pr td.ba08{
background:#009fc8;
font-size:120%;
}

#check-pr td.ba09{
background:#007dbc;
font-size:120%;
}

#check-pr table .co01{
color:#cb0000;
font-weight:bold;
font-size:120%;
}

#check-pr table td.st01{
font-size:120%;
border-bottom:none;
}

#check-pr table td.st02{
border-top:none;
}

#check-pr table td.st03{
border:none;
margin:0;
padding:0;
}



/* Q��A */
.tx45 div#howto{
clear:both;
}

div#howto dl{
padding:20px 0;
font-size:75%;
line-height:1.3;
}

div#howto dl dt{
padding:8px 20px 13px 50px;
}

div#howto dl dd{
padding:4px 20px 25px 50px;
}

dt#q1{
background:url(../SG/image/TX45/q1.gif) no-repeat;
}

dt#q2{
background:url(../SG/image/TX45/q2.gif) no-repeat;
}

dt#q3{
background:url(../SG/image/TX45/q3.gif) no-repeat;
}

dd#a1{
background:url(../SG/image/TX45/a1.gif) no-repeat;
}

dd#a2{
background:url(../SG/image/TX45/a2.gif) no-repeat;
}

dd#a3{
background:url(../SG/image/TX45/a3.gif) no-repeat;
}




/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* oil setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#container div.oil h3{
margin:3px 0 12px 0;
}

p.oil-tex01{
margin-bottom:7px;
padding-left:2px;
border-left:1em solid #215796;
line-height:1;
font-weight:bold;
color:#215796;
}

p#oilend{
width:500px;
text-align:right;
font-size:60%;
line-height:1.3;
padding-bottom:30px;
}

.oil table{
margin:0;
padding:0;
width:500px;
font-weight:bold;
font-size:80%;
text-align:center;
}

.oil table#oil01{
margin-bottom:20px;
}

div.oil td{
padding:8px;
}

div.oil table td.cs01{
background:#7eabdb;
}

div.oil table td.cs02{
background:#bedbef;
}

div.oil table td.cs03{
background:#e4efea;
}

div.oil table td.cs04{
background:#edf5fb;
}

div.oil table td.cs05{
background:#edf5fb url(../SG/image/oil/line01.gif) left bottom no-repeat;
border-bottom:none;
}

div.oil table td.bo01{
border-top:none;
}

div.oil table td.bo02{
background:url(../SG/image/oil/line01.gif) left bottom no-repeat;
border-bottom:none;
}

div.oil td span.color01{
color:#e09000;
}

div.oil td span.size02{
font-size:8px;
font-weight:normal;
color:#215796;
}

div#container div.oil td strong {
font-size:16px;
font-weight:bold;
color:#f00;
text-decoration:none;
}

div.oil td span#set01 {
display:block;
float:left;
text-indent:1em;
padding:0;
margin:0;
}

div.oil td span#set02 {
display:block;
float:left;
padding:0;
margin:0;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* otegaru setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#container div.otegaru h3{
margin:3px 0 12px 0;
}

div.otegaru p#tex01{
margin:0 0 3px 0;
font-weight:bold;
font-size:75%;
}

p#tex01 span{
padding-right:5px;
font-size:120%;
color:#215796;
}

.otegaru table{
margin:0 0 30px 0;
padding:0;
width:500px;
font-weight:bold;
font-size:90%;
text-align:center;
border:2px solid #7eaad7;
}

div.otegaru td{
padding:8px;
background:none;
}

div.otegaru td.color01{
background:#edf5fb;
}

div.otegaru td.fo01{
font-weight:normal;
text-align:left;
}

div.otegaru td#color02{
background:#7eaad7;
border:0;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* 12 setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.sg12 p.tex12{
color:#e19100;
font-size:125%;
font-weight:bold;
letter-spacing:2px;
line-height:2;
}

#check{
float:left;
width:235px;
margin-bottom:30px;
}

#check p{
padding-top:5px;
}

#check2{
float:left;
width:265px;
margin-bottom:30px;
text-align:center;
}

#check2 p{
text-align:left;
font-size:150%;
font-weight:bold;
color:#cb0033;
line-height:1.2;
padding-bottom:10px;
}

#check2 dl dt{
margin-top:30px;
font-size:70%;
}

dl#pricelist{
clear:both;
}

dl#pricelist dt {
display:inline;
font-weight:bold;
font-size:120%;
}

dl#pricelist dd{
display:inline;
font-size:90%;
}

.sg12 table{
clear:both;
width:500px;
margin:0;
padding:0;
font-size:60%;
text-align:center;
}

.sg12 td{
padding:2px;
}

.sg12 table{
margin:0;
padding:0;
width:500px;
font-size:70%;
text-align:center;
border:2px solid #7eaad7;
}

.sg12 table td{
background:none;
}

.sg12 table .ba01{
background:#edf5fb;
}

.sg12 table .fo01{
font-size:130%;
font-weight:bold;
color:#215796;
}

.sg12 table span.fo02{
font-size:130%;
font-weight:bold;
color:#f00;
}

.sg12 table span.fo02{
font-size:130%;
font-weight:bold;
color:#f00;
}

.sg12 table span.fo03{
font-size:130%;
font-weight:bold;
line-height:2.2;
}

p#end12{
width:500px;
font-size:60%;
padding-bottom:30px;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* procare10 setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.proc-box h3{
padding:0 0 30px 0;
}

#pc-inner{
position:relative;
width:500px;
font-size:65%;
line-height:1.1;
}

#pc-inner ul{
clear:both;
margin:0 150px 0 0;
padding:0;
}

#pc-inner ul li{
float:left;
padding:5px 0 0 0;
width:65px;
margin:0 0 0 5px;
text-align:center;
}

#pc-inner #stic{
position:absolute;
top:3px;
right:5px;
}



table#pro-t{
margin:20px 0 0 0;
padding:0;
width:500px;
font-weight:bold;
font-size:90%;
text-align:center;
border:2px solid #7eaad7;
}

table#pro-t td{
padding:7px 3px;
}


#pro-t .pp01{
background:#bed8ef;
}

#pro-t .pp02{
background:#edf5fb;
font-weight:normal;
}

#pro-end{
margin-bottom:30px;
font-size:70%;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* item setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#sg p#main-item{
padding:15px 0;
}

p#kizu{
padding:20px 0 10px 0;
}

#sg table#box {
margin-left:-8px;
border-collapse:separate;
border-spacing:8px;
}

#sg table#box td {
width:243px;
padding:0;
vertical-align:top;
border:2px solid #7eabdb;
}

#sg table#box h4 {
background:#7eabdb;
font-size:80%;
text-indent:5px;
color:#fff;
}

#sg table#box p {
font-size:60%;
padding:4px;
}

#sg table#box img {
margin:5px 0 0 5px;
}

#sg table#box img#os04 {
float:left;
margin:0 10px 0 2px;
}

#sg table#box p#os05a {
float:left;
width:155px;
padding-bottom:0;
}

#sg table#box p#os05b {
float:left;
width:55px;
}

#sg table#box table{
width:123px;
font-size:60%;
border-collapse:collapse;
border-spacing:0;
margin:0;
}

#sg table#box table td{
margin:0;
padding:0;
border:1px solid #aaa;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* CPC setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* middle 3colum */ 
#CPC_howto{
	margin:11px 0;
	padding-bottom:1em;
	background:url(../SG/image/CPC/back01_02.gif) left bottom no-repeat;
}

#CPC_howto .corner{
	float:left;
	width:175px;
	margin-right:9px;
	padding-top:10px;
	background:url(../SG/image/CPC/back01_01.gif) left top no-repeat;
}

#CPC_howto #co_end{
	margin-right:0;
}

#CPC_howto .corner h4{
	float:left;
	width:85px;
}

#CPC_howto .corner img{
	float:left;
}

#CPC_howto .corner dl{
	clear:both;
	padding:10px 5px 5px 5px;
}

#CPC_howto .corner dl dt{
	color:#49a3c3;
	font-size:70%;
	font-weight:bold;
	line-height:1.2;
}

#CPC_howto .corner dl dd{
	padding:1em 0 0;
	color:#e09000;
	font-size:60%;
	line-height:1.2;
}

#CPC_howto .corner p{
	padding:0 5px;
	font-size:60%;
	line-height:1.5;
}


/* bottom 3box */
#CPC_price{
	width:540px;
	margin:11px 0;
	padding-bottom:1em;
	font-size:75%;
}

#CPC_price table{
	width:530px;
	margin:5px;
	line-height:1.2;
	text-align:center;
}

#CPC_price  td{
	border:1px solid #999;
	background:#fff;
	padding:4px 3px;
}

#CPC_price td#si01{
width:200px;
}

#CPC_price td#si02{
width:150px;
}

#CPC_price  td#si03{
}

#CPC_price .de01 td{
	background:#faebca;
	text-align:center;
}

#CPC_price .de02 td{
	background:#eee;
}

#CPC_price ul li{
	width:530px;
	list-style-type:none;
	padding:0 10px;
}



/* top box*/
#CPC_price #corner_top{
	margin:10px 0;
	background:url(../SG/image/CPC/back03.gif) left bottom no-repeat;
}

#CPC_price #corner_top p#nousya{
	margin:1em 5px 0 5px;
	padding:0 2px;
	font-weight:bold;
	color:#fff;
	background:#ceaf58;
}

#CPC_price #corner_top p{
	margin:0 7px;
	padding:2px 0 15px 0;
	font-size:100%;
}


/* mid box*/
#CPC_price #corner_mid{
	margin:15px 0;
	background:url(../SG/image/CPC/back03.gif) left bottom no-repeat;
}


#corner_mid p{
	margin:5px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:#ceaf58;
	border:1px solid #ceaf58;
}


#de03 td{
	color:#f00;
	font-weight:bold;
}

#de03 td span{
	color:#333;
	font-weight:normal;
}

#CPC_price #corner_mid ul{
	padding-bottom:15px;
}

/* bottom box */
#CPC_price #corner_end{
	margin:15px 0;
	padding:0 0 15px 0;
	background:url(../SG/image/CPC/back03.gif) left bottom no-repeat;
}


#CPC_price #corner_end h5 {
	margin:5px 8px 2px 8px;
	padding:2px 5px 2px 10px;
	font-size:100%;
	font-weight:bold;
	letter-spacing:1px;
	color:#333;
	background:#faebca;
}

#CPC_price #corner_end ul {
	float:left;
	width:200px;
	margin:0;
	padding:3px 0;

}

#CPC_price #corner_end ul li {
	width:180px;
	margin-bottom:4px;
}

#CPC_price #corner_end ul li span {
	padding:0 2px;
	background:#faebca;
}



#CPC_price #corner_end #st01{
	float:left;
	width:100px;
	padding:10px 5px;
}

#CPC_price #corner_end #st01 p{
	font-size:80%;
	line-height:1.2;
}



#CPC_price #corner_end #st01 img{
	margin-left:5px;
}

div#footer{
clear:both;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* QMI setting */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#sg h4#sub01 {
padding:15px 0 3px 0;
}

#sg p#sub02 {
padding:0 0 7px 0;
font-size:10px;
}

#sg p#sub03 {
text-align:center;
padding-bottom:15px;
}

#sg p#sub04 {
padding-bottom:5px;
}

#sg div.QMI-list dl {
float:left;
width:110px;
margin-top:15px;
}

#sg div.QMI-list dl dt {
}

#sg div.QMI-list dl dd {
padding:5px 7px 15px 5px;
font-size:10px;
}

#sg div.QMI-shelf {
width:535px;
}

#sg div.QMI-shelf h5 {
margin-bottom:15px;
padding:2px 7px;
font-size:13px;
text-align:center;
font-weight:bold;
color:#fff;
background:#ec6e00;
}

#sg div.QMI-shelf table {
width:100%;
text-align:center;
border:none;
margin-bottom:5px;
}

#sg div.QMI-shelf table td {
border:1px solid #aaa;
padding:4px 5px;
font-size:15px;
font-weight:bold;
}

#sg div.QMI-shelf table .m-tit {
background:#ccc;
font-weight:bold;
}

#sg div.QMI-shelf p#s-sub {
font-size:10px;
padding-bottom:20px;
line-height:1.4;
}

#sg div.QMI-shelf img#illust {
float:right;
}

#sg div.QMI-shelf dl {
padding-bottom:15px;
}

#sg div.QMI-shelf dl dt {
font-weight:bold;
padding-bottom:2px;
font-size:12px;
}

#sg div.QMI-shelf dl dd {
padding-bottom:7px;
font-size:10px;
}

#sg div.QMI-shelf .QMI-inner01 {
float:left;
width:210px;
}

#sg div.QMI-shelf .QMI-inner01 h6 {
font-size:11px;
padding-top:15px ;
}

#sg div.QMI-shelf .QMI-inner01 p {
font-size:11px;
}

#sg div.QMI-shelf .QMI-inner01 ul {
font-size:11px;
line-height:1.4;
}

#sg div.QMI-shelf .QMI-inner02 {
float:right;
width:300px;
}

#sg div.QMI-shelf .QMI-inner02 dl dt {
clear:both;
float:left;
width:30px;
}

#sg div.QMI-shelf .QMI-inner02 dl dd {
float:right;
width:270px;
}

#sg div.QMI-shelf .QMI-inner02 dl dd#sp01 {
margin-bottom:10px;
}

#sg div.QMI-shelf .QMI-inner02 dl dd strong {
font-weight:bold;
font-size:10px;
text-decoration:none;
line-height:1.3;
}

#sg div.QMI-shelf .QMI-inner02 dl dd ul {
padding-top:5px;
font-weight:bold;
}






/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* adjust IE set */
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

* html body .tx45 div#too-inner{
margin:10px 0 0 5px;
background:url(../SG/image/TX45/t-back.gif) 107px 30px no-repeat;
}

* html body .tx45 div#boo-inner{
clear:both;
margin:20px 0 20px 5px;
background:url(../SG/image/TX45/t-back.gif) -155px 30px no-repeat;
}

* html body .tx45 .steps{
float:left;
width:131px;
background:url(../SG/image/TX45/t-back02.gif) left bottom no-repeat;
font-size:60%;
}

* html body .tx45 div.steps ul{
margin:3px 30px 3px 1em;
}

* html body .tx45 div.steps li{
text-indent:-1em;
margin:5px 0 5px 3px;
line-height:1.1;
}

* html body .tx45 div.steps li span{
color:#5268af;
}

* html body .tx45 div.steps li.smo{
font-size:70%;
}

* html body .tx45 div.steps li.just45{
text-indent:0;
margin-left:-3px;
}