@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------
##############################################################
common
##############################################################
------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-family:"MS P ゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial, Tahoma;font-size:14px;
color:#333333;
}
body {
text-align:center;
background:#fff5e0 url(../images/bg_top.gif) left top repeat-x;
padding:0 0 10px;
font-size:82%;
line-height:1.5;
}
a img {border:none}
a {color:#996633}
a:hover {text-decoration:none}
li {list-style:none}
img {
border-style:none;
vertical-align:top;
}
.clear {
clear:both;
visibility:hidden;
height:0;
width:0;
}
.clearfix:after {
content:".";
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

.factp{margin:0 10px 0 10px;}

/*------------------------------------------------------------
##############################################################
layout
##############################################################
------------------------------------------------------------*/
#header {
width:806px;
margin:25px auto 0;
text-align:left;
background:url(../images/bg_header.gif) left top no-repeat;
}
#header h1 {
width:345px;
float:left;
}
#header h2 {
width:242px;
margin:25px 54px 0 0;
float:left;
}
#header ul {
padding:26px 0 0;
}
#header li {
float:left;
}
#container {
width:806px;
margin:0 auto;
padding:0 0 26px;
text-align:left;
background:url(../images/bg_container.gif) left top repeat-y;
}
#nav {
width:216px;
float:left;margin-right:6px;
}
#main {
width:572px;
float:left;
padding:5px 0 0;
}
#nav ul {
margin:5px 0 0 16px;
}
#nav dl {
margin:15px 0 0 18px;
}
#nav dd,
#right dd {
background:url(../images/icon01.gif) left .3em no-repeat;
margin:2px 0 0;
padding:0 0 0 14px;
}
h3 {
margin:0 0 13px;
}
h4 {
margin:0 0 20px 10px;
}
#footer {
width:806px;
height:45px;
margin:0 auto 10px;
text-align:left;
background:url(../images/bg_footer.gif) left top no-repeat;
}
#footer ul {
float:left;
padding:15px 0 0 18px;
}
#footer address {
float:right;
padding:15px 18px 0 0;
width:234px;
height:10px;
}

#colk {
width:806px;height:240px;
margin:0 auto;

background:url(../images/831/sensei.jpg);background-repeat:no-repeat;
}

#colkbun {

margin:0 auto;
padding:53px 50px 0px 210px;

}

/*------------------------------------------------------------
##############################################################
index.html
##############################################################
------------------------------------------------------------*/
#flash {
width:770px;
height:318px;
margin:0 0 0 18px;
}
#update {
width:397px;
float:left;
margin:19px 0 0;
}
#update dl {
width:375px;
margin:0 0 .2em;
}
#update dt {
float:left;
width:7.5em;
margin:0 0 1px;
}
#update dd {
padding:0 0 0 7.5em;
}
#update h3 {
margin:0 0 8px;
}
#right {
width:175px;
margin:19px 0 0;
float:left;
}
#right h3 {
margin:0 0 10px;
}
.home #nav {
margin:12px 0 0;
}
#right .bnr {
margin-bottom:15px;
}

/*------------------------------------------------------------
##############################################################
product/index.html
##############################################################
------------------------------------------------------------*/
.product h3 {
margin:0 0 20px;
}
.product h4,
.product h5,
.product p  {
margin:0;
}
#productbox {
width:569px;
background:url(../images/bg_product01.gif) left top repeat-y;
}
#productbox h5 {
margin:0 0 10px 0;
}
#productbox h6 {
margin:20px 0 10px 0;
}
#productbox dl {
float:left;
width:226px;
margin:0 0 30px;
}
#productbox dl.bggrey {
background:url(../images/bg_product05.gif) left top repeat-y;
}
#productbox dd {
background:url(../images/bg_product02.gif) left bottom no-repeat;
padding:.3em 0 .3em;
}
#productbox dd.bgwhite {
background:#ffffff url(../images/bg_product02.gif) left bottom no-repeat;
width:410px;
}
#productbox span {
padding:0 60px 0 7px;
}
#productboxmiddle {
width:533px;
_width:537px;
background:#fffcf2;
border:2px solid #f7f3cd;
margin:0 0 6px 16px;
}
#productbox #productboxmiddle dl {
	float:none;
	width:515px;
	margin:0 0 0 10px;
	padding:.8em 0 .5em .5em;
}
#productbox #productboxmiddle dl .valuepoint {
	color:#cc0000;
}
#productbox #productboxmiddle dt {
float:left;
}
#productbox #productboxmiddle dd {
	padding:0 0 5px 110px;
}
#productbox #productboxmiddle dd,
#productbox #productboxbottom dd {
	background:none;
	font-size:110%;
}
#productbox #productboxmiddle dl.dottedline01 {
	background:url(../images/bg_product03.gif) left bottom no-repeat;
	padding:.7em 0 .8em 0.5em;
}

#productbox #productboxmiddle .buyAttention {
margin:10px;
padding:10px;
background:#ffffff;
border:solid 1px #f7f3cd;
}

#productbox #productboxmiddle .buyAttention .aboutContinue {
color:#66490e;
}

#productbox #productboxmiddle ul {
text-align:left;
margin:10px;
}
#productboxbottom {
width:535px;
_width:537px;
background:#fcfcfc;
border:1px solid #cccccc;
margin:16px 0 0 16px;
padding:.7em 0 .8em;
text-align:center;
}
#productbox #productboxbottom dl {
float:none;
width:515px;
margin:0 0 0 10px;
padding:0;
}
#productbox #productboxbottom p {
font-size:110%;
}
#productbox #productboxbottom dt strong {
font-size:120%;
}
#productboxbottom dt img {
vertical-align: text-top;
width:18px;
margin:0 3px 0 0;
}
#productwrap {
width:569px;
background:url(../images/bg_product04.gif) left bottom no-repeat;
padding:0 0 30px;
}

#goStore {
width:510spx;
text-align:center;
margin:0 auto;
margin:10px;
}
#goStore img {
margin-bottom:10px;
}

#productdetails {
width:533px;
margin:20px;

}
#productboxL {
width:214px;
float:left;
}
#productboxL p {
margin:0 0 15px 0;
}
#productboxR {
width:319px;
float:right;
}
.productspec {
padding-left:50px;
background:url(../images/icon_spec.gif) left top no-repeat;
}
/*------------------------------------------------------------
##############################################################
about/index.html
##############################################################
------------------------------------------------------------*/
#aboutbox {
width:552px;
margin:0 0 0 10px;
padding:.5em 0;
background:#f9f9f9;
}
#aboutbox li {
width:522px;
border-bottom:1px solid #dbdbdb;
margin:0 0 0 15px;
padding:.3em 0 .3em;
}
.about p {
width:555px;
margin:0 0 1.4em 10px;
}
.about h5 {
margin:0 0 17px 10px;
}
#aboutbox li.bordernone {border-bottom:none}

/*------------------------------------------------------------
##############################################################
qa/index.html
##############################################################
------------------------------------------------------------*/
.qa h3 {
margin:0 0 6px;
}
.qa dl {
width:555px;
margin:0 0 0 9px;
background:url(../images/bg_qa01.gif) left bottom no-repeat;
padding:1em 0;
}
.qa dl.bgnone {
background:none;
}
.qa dt {
font-weight:bold;
text-indent:-24px;
margin:0 0 5px;
padding:0 0 0 24px;
}
.qa dd {
text-indent:-24px;
padding:0 0 0 24px;
}
.qa dt img,
.qa dd img {
width:19px;
margin:0 4px 0 0;
vertical-align: bottom;
}

/*------------------------------------------------------------
##############################################################
company/index.html
##############################################################
------------------------------------------------------------*/
.company h3 {
margin:0 0 20px;
}
#companyphotos {
	width:555px;
	margin:0 0 20px 10px;
}
#companyphotos li {
float:left;
margin:0 15px 0px 0;
}
#companyphotos li.margin0 {
margin:0;
}
.company p {
width:550px;
margin:0 0 1.9em 9px;
clear:both;
}

#companyvision {
margin:0 10px 20px 10px;
}

#companyvision dt {
margin:0 0 10px 0;
}

#companyinfowrap {
width:550px;
background:url(../images/bg_company02.gif) 10px top repeat-y;
}
#companyinfo {
width:550px;
background:url(../images/bg_company01.gif) left top no-repeat;
margin:0 0 0 10px;
}
#companyinfo dl {
width:550px;
background:url(../images/bg_company01.gif) left bottom no-repeat;
padding:.4em 0;
}
#companyinfo dt {
width:140px;
margin:0 0 1px;
padding:0 0 0 8px;
float:left;
}
#companyinfo dd {
padding:0 0 0 150px;
}

/*------------------------------------------------------------
##############################################################
privacy/index.html
##############################################################
------------------------------------------------------------*/
.privacy h3 {
margin:0 0 16px;
}
.privacy p {
width:549px;
margin:0 0 1.4em 12px;
}

/*------------------------------------------------------------
##############################################################
sitemap/index.html
##############################################################
------------------------------------------------------------*/
.sitemap h3 {
margin:0 0 20px;
}
.sitemap ul {
width:283px;
float:left;
}
.sitemap li {
background:#f7f7f7 url(../images/icon_sitemap.gif) left top no-repeat;
_height:25px;
min-height:25px;
margin:0 0 7px 9px;
}
.sitemap li a {
margin:2px 0 0;
padding:0 0 0 18px;
}

/*------------------------------------------------------------
##############################################################
info/index.html
info/details.html
##############################################################
------------------------------------------------------------*/
.info h3 {
margin:0 0 18px;
}
#infoupdate {
width:398px;
float:left;
}
#infoupdate h4 {
font-size:120%;
background:url(../images/bg_info01.gif) left bottom no-repeat;
margin:0 0 16px;
padding:0 0 .4em 1px;
}
#infoupdate dl {
width:370px;
margin:0 0 .3em;
}
#infoupdate dt {
font-weight:bold;
float:left;
width:5em;
margin:0 0 1px;
}
#infoupdate dd {
padding:0 0 0 5em;
}
#inforight {
width:174px;
margin:5px 0 0;
padding:0 0 8px;
float:left;
background:url(../images/bg_info02.gif) left bottom no-repeat;
}
#inforight h4 {
margin:0;
}
#inforight li {
margin:.4em 0 0 10px;
}
#infodetails {
width:398px;
margin:2px 0 0;
float:left;
}
#infodetails dl {
width:373px;
margin:0 0 30px;
font-weight:bold;
}
#infodetails dt {
color:#eb611f;
}
#infodetails dd {
font-size:120%;
line-height:115%;
}
#infodetails ul,
#infodetails ol {
margin:.8em 0;
}
#infodetails ul li {
list-style:disc;
margin-left:2em;
}
#infodetails ol li {
list-style:decimal;
margin-left:2.5em;
}
#infodetails blockquote {
padding:10px;
text-align:center;
background:#f9f9f9;
}
#infodetails img {
margin:0 0 20px;
}
#infodetails p {
width:375px;
color:#333333;
margin:0 0 15px;
}

/*------------------------------------------------------------
##############################################################
contact/
##############################################################
------------------------------------------------------------*/
.contact h4 {
margin:20px 0 0 10px;
}
.contact h5 {
font-size:100%;
background:url(../images/icon_contact01.gif) left 1px no-repeat;
margin:19px 0 0 10px;
padding:0 0 0 9px;
}
.contact p {
margin:14px 0 0 12px;
}
.contact p.thanks {
width:550px;
margin:4px 0 0 9px;
}
#contractboxupper dl {
float:none;
margin:0;
padding:.3em 0 .5em 10px;
background:url(../images/bg_contact03.gif) left top repeat-y;
}
#contractboxupper dt strong {
font-size:120%;
}
#contractboxupper dt img {
vertical-align: text-top;
width:18px;
margin:0 3px 0 0;
}
#contractboxupper {
background:url(../images/bg_contact01.gif) left top no-repeat;
width:552px;
margin:5px 0 0 10px;
padding:3px 0 0;
text-align:center;
}
#contractboxlower {
background:url(../images/bg_contact02.gif) left bottom no-repeat;
padding:0 0 3px;
}
#formwrap {
width:550px;
margin:20px 0 0 10px;
background:url(../images/bg_contact05.gif) left top repeat-y;
}
#formwrap2 {
width:550px;
margin:7px 0 0 10px;
background:url(../images/bg_contact05.gif) left top repeat-y;
}
#formwrapborder {
background:url(../images/bg_contact04.gif) 10px bottom no-repeat;
padding:0 0 3px;
}
#formwrap dl {
width:550px;
padding:.6em 0 .5em;
background:url(../images/bg_contact04.gif) left top no-repeat;
}
#formwrap2 dl{
width:550px;
padding:.6em 0 .4em;
background:url(../images/bg_contact04.gif) left top no-repeat;
}
#formwrap dt,
#formwrap2 dt {
width:170px;
padding-left:8px;
float:left;
}
#formwrap dt em,
#formwrap2 dt em {
font-style:normal;
color:#cc0001;
margin:0 0 0 .4em;
}
#formwrap dd,
#formwrap2 dd {
padding:0 0 0 170px;
}
#formwrap dd input,
#formwrap dd textarea,
#formwrap2 input,
#formwrap2 textarea {
display:block;
}
#formwrap dd textarea,
#formwrap2 textarea {
width:370px;
}
ul.submit01 {
width:550px;
background:url(../images/bg_contact04.gif) left top no-repeat;
margin:0 0 0 10px;
padding:10px 0 0;
clear:both;
}

ul.submit01 li {
margin:0 0 0 215px;
background:url(../images/btn_contact01.gif) left top no-repeat;
}
ul.submit01 li input {
width:116px;
height:25px;
border:none;
background:none;
cursor:pointer;
}
ul.submit02 {
width:550px;
margin:0 0 0 10px;
padding:10px 0 0;
}
ul.submit02 li {
margin:0 0 0 225px;
background:url(../images/btn_contact02.gif) left top no-repeat;
}
ul.submit02 li input {
width:101px;
height:25px;
border:none;
background:none;
cursor:pointer;
}
.textfieldRequiredMsg,
.textareaRequiredMsg,
.textfieldInvalidFormatMsg,
.textareaMinCharsMsg {
font-weight:bold;
}