@charset "utf-8";


/*//FORMAT//*/
* {
margin:0;
padding:0;
}



/*//FIELD//*/
body{
background:url(img/bg-body.gif) no-repeat top center fixed;
}

#container {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top:1px #CCCCCC solid;
}

#contents {
margin:0 30px 0 30px;
width:640px;
font-size:14px;
line-height:2em;
color:#333333;
}

#footer {
text-align:center;
background:#BBDBFF;
margin-top:20px;
padding:10px 0 10px 0;
}

                  

/*//BLOCK INLINE//*/
#caption {
color:#FF0000;
padding:5px 0 5px 0;
text-align:center;
font-size:13px;
}

h1 {
background:url(img/h1.jpg) no-repeat;
width:700px;
height:495px;
padding-bottom:30px;
margin-top:20px;
text-indent:-9999px;
}

h2 {
background:url(img/h2.gif);
background-repeat:no-repeat;
background-position:center;
width:700px;
height:210px;
text-indent:-9999px;
}

h3 {
background:url(img/h3.gif);
width:600px;
height:68px;
text-indent:-9999px;
background-position:center;
background-repeat:no-repeat;
}


.sitesub-RIGHT img{
border:1px #666666 solid;
margin-bottom:90px;
}

.sitesub-RIGHT2 img {
border:1px #666666 solid;
margin-bottom:90px;
}


#mark li {
background-image:url(img/mark.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:18px;
}

#housoku h3 {
background:url(img/housoku-title.gif);
width:500px;
height:35px;
margin:auto;
text-indent:-9999px;
margin-bottom:30px;
}

#housoku td {
font-size:17px;
font-weight:600;
text-align:center;
}

#housoku table {
margin-left:auto;
margin-right:auto;
}

#yesno td {
background:#FFFFFF;
padding:7px 15px 7px 15px;
}

#advantage dt {
background:url(img/check.gif) no-repeat left top;
font-size:14px;
font-weight:600;
padding-left:22px;
color:#FF0000;
}

#advantage dd {
padding-left:22px;
margin-bottom:20px;
}

#advantage ul {
padding-left:18px;
}

#voice ul {
list-style-type:none;
margin-bottom:30px;
}

#demeritto ul {
list-style-type:none;
}

#demeritto li {
background:url(img/markb.gif) no-repeat left 6px;
padding-left:18px;
margin-bottom:15px;
font-weight:600;
}

#meritto ul {
list-style-type:none;
}

#meritto li {
background:url(img/markr.gif) no-repeat left 6px;
padding-left:18px;
margin-bottom:15px;
color:#FF0000;
font-weight:600;
}

#matome td {
line-height:1.3em;
padding:10px;
border-bottom:1px #999999 solid;
}

#matome table {
border-collapse:collapse;
border:1px #999999 solid;
}

#specially dt {
margin-bottom:20px;
}

#specially dd {
margin-bottom:40px;
}

#specially dd img {
float:right;
padding:30px 0 0 30px;
}

#question dt {
background:url(img/q.gif) no-repeat left top;
padding-left:29px;
color:#FF0000;
font-weight:600;
font-size:18px;
margin-bottom:20px;
}

#question dd {
margin-bottom:40px;
padding-left:29px;
}


#commodity p {
margin-bottom:30px;
text-align:center;
}

#footer li {
list-style-type:none;
display:inline;
margin-left:8px;
font-size:13px;
color:#333333;
}

#footer a {
color:#333333;
font-size:13px;
}

#footer a:hover {
color:#0000CC;
}



/*//ID CLASS//*/
#kokuhaku {
border-left:#FFCC00 5px solid;
border-right:#FFCC00 5px solid;
padding:0 20px 0 20px;
}

#mark{
list-style-type:none;
}

#housoku {
border:2px #0000FF solid;
padding:20px;
}



#yesno {
	width:620px;
	background-color: #E6F2FF;
	padding:10px;
}

#voice {
border:#FFCC00 3px solid;
background:#FFFFCC;
padding:25px;
width:584px;
}

#meritto {
border:#FF0000 3px dotted;
padding:15px;
}

#demeritto {
border:#000000 3px dotted;
padding:15px;
}

#advantage {
border:1px solid #666666;
width:588px;
padding:25px;
}

#matome {
	padding:15px;
	text-align:center;
}


#commodity {
background:url(img/commodity.jpg) no-repeat left top;
padding:30px 0 0 230px;
width:410px;
padding-bottom:10px;
}

#delivary {
width:250px;
margin-left:auto;
margin-right:auto;
margin-top:40px;
margin-bottom:40px;
}

#specially {
border:3px #006CE3 solid;
padding:25px;
}

#question {
border-left:#FFCC00 5px solid;
border-right:#FFCC00 5px solid;
padding:0 20px 0 20px;
}



.font-S{
font-size:12px;
}

.font-L{
font-size:20px;
}

.font-LL{
font-size:26px;
}

.font-RED{
color:#FF0000;
}

.font-BLUE{
color:#0000FF;
}

.font-YELLOW{
color:#FFFF00;
}

.pen-YELLOW{
background:#FFFF00;
padding:3px;
}

.pen-LIGHTBLUE {
	padding:3px;
	background-color: #A2D0FF;
}

.sitesub-LEFT{
float:left;
width:415px;
padding-right:20px;
}

.sitesub-RIGHT{
float:right;
width:205px;
}

.sitesub-LEFT2 {
float:left;
width:475px;
padding-right:20px;
}

.sitesub-RIGHT2 {
float:right;
width:145px;
}

.Arrow {
background:url(img/arrow.gif) no-repeat center;
padding:30px;
}

.Arrow2
{background:url(img/arrow2.gif) no-repeat left top;
padding-left:20px;
}


.sp1 {
background:url(img/sp-1.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp2 {
background:url(img/sp-2.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp3 {
background:url(img/sp-3.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp4 {
background:url(img/sp-4.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp5 {
background:url(img/sp-5.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp6 {
background:url(img/sp-6.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp7 {
background:url(img/sp-7.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp8 {
background:url(img/sp-8.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp9 {
background:url(img/sp-9.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}

.sp10  {
background:url(img/sp-10.gif) no-repeat left top;
padding-top:105px;
padding-left:10px;
font-size:18px;
font-weight:600;
}