@charset "utf-8";

/* e-yado common.css 全般的な定義 */



/* ===== Universal Reset ===== */

*{
margin:0;
padding:0;
}

img {
border: none;
}

.bn {
margin-top: 10px;
}

/* ==== clearfix ==== */

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* ==== end clearfix ==== */



body{
margin:0;
padding:0;
background-color:#ededed;
background-image:url(../imgback/bodyback.gif);
background-position:center;
background-repeat:repeat-y;
text-align:center;
}

img{
border:none;
}

a,a:link,a:visited,a:active{
color:#000000;
text-decoration:underline;
}

a:hover{
color:#ff6600;
text-decoration:underline;
}

h3{
margin:0 0 10px 0;
padding:2px 10px;
text-align:left;
font-size:14px;
font-weight:bold;
color:#333333;
border-top:double 3px #cccccc;
border-right:double 3px #cccccc;
border-bottom:double 3px #cccccc;
border-left:solid 5px #000099;
}

h4{
margin:0 0 10px 0;
padding:2px 10px;
text-align:left;
font-size:14px;
color:#333333;
border-bottom:double 3px #000099;
}

h5{
margin:0 0 10px 0;
padding:10px;
text-align:center;
font-size:14px;
color:#333333;
border:solid 1px #000099;
}

h6{
margin:0;
padding:2px 15px;
text-align:left;
font-size:14px;
color:#333333;
border-bottom:solid 1px #cccccc;
}

p{
margin:0;
padding:0 0 5px 0;
font-size:13px;
color:#000000;
text-align:left;
line-height:23px;
}

.fleft{
margin:10px;
padding:0;
float:left;
}

.fright{
margin:10px;
padding:0;
float:right;
}

.center{
text-align:center;
}

.left{
text-align:left;
}

/* wrap 部分の指定 */

#wrap{
position:relative;
width:750px;
margin:0 auto;
padding:0;
text-align:center;
}


/* header 部分の指定 */

#header{
width:750px;
height:90px;
margin:0;
padding:0;
background-image:url(../imgback/headerback.gif);
background-position:right;
background-repeat:no-repeat;
text-align:left;
}

#header h1{
margin:0;
padding:0;
text-align:left;
width:440px;
height:90px;
display:block;
}

#header h1 a{
background-image:url(../imgback/headlogo.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:440px;
height:90px;
}

#header h1 a:hover{
background-position:0 0;
background-repeat:no-repeat;
}

#header ul{
margin:0;
padding:0;
position:absolute;
top:0;
right:0;
}

#header ul li{
margin:0 0 0 10px;
padding:0 0 0 12px;
background-image:url(../imgback/arroworangeback.gif);
background-position:left;
background-repeat:no-repeat;
color:#666666;
font-size:12px;
text-align:left;
line-height:140%;
list-style-type:none;
display:inline;
}

#header ul li a,
#header ul li a:link,
#header ul li a:visited,
#header ul li a:active{
color:#666666;
text-decoration:none;
}

#header ul li a:hover{
color:#ff6600;
text-decoration:underline;
}

/* flusharea 部分の指定 */

#flusharea{
margin:0;
padding:0;
}

/* globalnavi 部分の指定 */

#globalnavi{
margin:10px 0 0 0;
padding:0;
height:40px;
}

#globalnavi ul{
margin:0;
padding:0;
height:40px;
}

#globalnavi ul li{
list-style-type:none;
float:left;
height:40px;
}

#globalnavi ul li#globalnavihome a{
background-image:url(../imgback/globalnavihome.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:125px;
height:40px;
}

#globalnavi ul li#globalnavihome a:hover{
background-position:0 -40px;
background-repeat:no-repeat;
}

#globalnavi ul li#globalnaviconcept a{
background-image:url(../imgback/globalnaviconcept.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:125px;
height:40px;
}

#globalnavi ul li#globalnaviconcept a:hover{
background-position:0 -40px;
background-repeat:no-repeat;
}

#globalnavi ul li#globalnavimailmaga a{
background-image:url(../imgback/globalnavimailmaga.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:125px;
height:40px;
}

#globalnavi ul li#globalnavimailmaga a:hover{
background-position:0 -40px;
background-repeat:no-repeat;
}

#globalnavi ul li#globalnavijouhou a{
background-image:url(../imgback/globalnavijouhou.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:125px;
height:40px;
}

#globalnavi ul li#globalnavijouhou a:hover{
background-position:0 -40px;
background-repeat:no-repeat;
}

#globalnavi ul li#globalnavishouhin a{
background-image:url(../imgback/globalnavishouhin.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:125px;
height:40px;
}

#globalnavi ul li#globalnavishouhin a:hover{
background-position:0 -40px;
background-repeat:no-repeat;
}

#globalnavi ul li#globalnavikaisha a{
background-image:url(../imgback/globalnavikaisha.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:125px;
height:40px;
}

#globalnavi ul li#globalnavikaisha a:hover{
background-position:0 -40px;
background-repeat:no-repeat;
}

#globalnavi ul li#globalnavitoiawase a{
background-image:url(../imgback/globalnavitoiawase.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
width:125px;
height:40px;
}

#globalnavi ul li#globalnavitoiawase a:hover{
background-position:0 -40px;
background-repeat:no-repeat;
}


/* pageimage 部分の指定 */

#pageimage{
width:750px;
height:50px;
margin:0 0 20px 0;
padding:0;
background-image:url(../imgback/h2back.jpg);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-align:left;
}

#pageimage h2{
width:400px;
margin:0;
padding:17px;
font-size:16px;
color:#666666;
}


/* main 部分の指定 */

#main{
clear:both;
width:520px;
margin:0;
padding:0;
text-align:left;
font-size:13px;
color:#000000;
float:left;
}

#maincatch img{
margin:0 0 10px 0;
padding:0;
width:520px;
height:70px;
border:none;
}

#mainbox{
width:520px;
margin:0;
padding:0 0 10px 0;
border:solid 1px #000099;
}

.columnbox{
width:520px;
height:220px;
margin:10px 0;
padding:0;
text-align:center;
background-image:url(../imgback/columnback.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

.columnbox1{
width:520px;
height:220px;
margin:10px 0;
padding:0;
text-align:center;
background-image:url(../imgback/columnback1.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

.columnbox2{
width:520px;
height:220px;
margin:10px 0;
padding:0;
text-align:center;
background-image:url(../imgback/columnback2.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

.columnbox3{
width:520px;
height:220px;
margin:10px 0;
padding:0;
text-align:center;
background-image:url(../imgback/columnback3.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

.columnbox p{
padding:8px 0 0 0;
font-size:16px;
font-weight:bold;
text-align:center;
}

.columnbox1 p{
padding:8px 0 0 0;
font-size:16px;
font-weight:bold;
text-align:center;
}

.columnbox2 p{
padding:8px 0 0 0;
font-size:16px;
font-weight:bold;
text-align:center;
}

.columnbox3 p{
padding:8px 0 0 0;
font-size:16px;
font-weight:bold;
text-align:center;
}

.columnbox p a:link,
.columnbox p a:visited{
color:#ffffff;
text-decoration:none;
}

.columnbox1 p a:link,
.columnbox1 p a:visited{
color:#ffffff;
text-decoration:none;
}

.columnbox2 p a:link,
.columnbox2 p a:visited{
color:#ffffff;
text-decoration:none;
}

.columnbox3 p a:link,
.columnbox3 p a:visited{
color:#ffffff;
text-decoration:none;
}

.columnbox p a:hover{
color:#ff6600;
}

.columnbox1 p a:hover{
color:#ff6600;
}

.columnbox2 p a:hover{
color:#ff6600;
}

.columnbox3 p a:hover{
color:#ff6600;
}

.columnbox img{
margin:20px 0 0 0;
padding:0;
border:none;
}

.columnbox1 img{
margin:20px 0 0 0;
padding:0;
border:none;
}

.columnbox2 img{
margin:20px 0 0 0;
padding:0;
border:none;
}

.columnbox3 img{
margin:20px 0 0 0;
padding:0;
border:none;
}


/* keisaikijun ページの指定 */

.keisaikijun ul{
margin:0;
padding:0;
text-align:left;
font-size:13px;
color:#000000;
line-height:130%;
}

.keisaikijun li{
margin:0;
padding:0 0 10px 10px;
list-style-type:circle;
list-style-position:inside;
text-align:left;
font-size:13px;
color:#000000;
line-height:130%;
}

.keisaikijun p{
margin:0;
padding:0 0 10px 0;
font-size:13px;
color:#000000;
text-align:left;
line-height:140%;
}


/* side 部分の指定 */

#side{
margin-right:0;
padding:0;
text-align:right;
float:right;
}

#mailmagabox{
width:210px;
height:250px;
margin:0 0 10px 0;
padding:0;
background-image:url(../imgback/mailmagaback.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:13px;
line-height:100%;
text-decoration:none;
text-align:center;
}

#side #mailmagabox input.mail{
margin-top:155px;
padding:0;
}

#sidenavi ul{
width:210px;
margin:0;
padding:0;
border-top:solid 1px #cccccc;
border-right:solid 1px #cccccc;
clear:both;
}

#sidenavi ul li{
margin:0;
padding:0;
font-size:12px;
border-bottom:solid 1px #cccccc;
list-style-type:none;
}

#sidenavi ul li a:link,
#sidenavi ul li a:visited{
margin:0;
padding:6px 12px 6px 10px;
top:0;
right:0;
background-image:url(../imgback/sideliback.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#666666;
text-align:left;
text-decoration:none;
line-height:150%;
display:block;
}

#sidenavi ul li a:hover{
margin:0;
padding:6px 12px 6px 10px;
top:0;
right:0;
background-image:url(../imgback/sideliback.gif);
background-position:0 -100px;
background-repeat:no-repeat;
color:#ff0000;
text-align:left;
text-decoration:none;
line-height:150%;
}

#sidemenubox{
width:210px;
margin:0 0 10px 0;
padding:0;
clear:both;
}

#sidemenubox ul{
width:210px;
margin:0;
padding:0;
}

#sidemenubox ul li{
width:210px;
margin:0 0 10px 0;
padding:0;
list-style-type:none;
}

#sidemenubox ul li#sidehp a{
width:210px;
height:70px;
background-image:url(../imgback/sidehpback.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
}

#sidemenubox ul li#sidehp a:hover{
background-position:0 -70px;
background-repeat:no-repeat;
}

#sidemenubox ul li#sidekijun a{
width:210px;
height:70px;
background-image:url(../imgback/sidekijunback.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
}

#sidemenubox ul li#sidekijun a:hover{
background-position:0 -70px;
background-repeat:no-repeat;
}

#sidemenubox ul li#sidekigyou a{
width:210px;
height:70px;
background-image:url(../imgback/sidekigyouback.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px;
display:block;
}

#sidemenubox ul li#sidekigyou a:hover{
background-position:0 -70px;
background-repeat:no-repeat;
}


/* footer 部分の指定 */

#footer{
width:750px;
height:50px;
clear:both;
margin:0;
padding:20px 0 0 0;
background-image:url(../imgback/footerback.gif);
background-position:left;
background-repeat:no-repeat;
text-align:right;
}

#footer ul{
margin:0;
padding:0;
}

#footer ul li{
margin:0 0 0 10px;
padding:0 0 0 12px;
background-image:url(../imgback/arroworangeback.gif);
background-position:left;
background-repeat:no-repeat;
color:#666666;
font-size:12px;
text-align:left;
line-height:16px;
list-style-type:none;
display:inline;
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active{
color:#666666;
text-decoration:none;
}

#footer ul li a:hover{
color:#ff6600;
text-decoration:underline;
}


/* chunk 部分の指定 */

.chunkbox{
margin:0 0 10px 0;
padding:0;
background-color:#ebebeb;
border:solid 1px #666666;
font-size:12px;
text-align:left;
line-height:140%;
}

.chunkp{
margin:0;
padding:10px;
}

#chunk{
margin:0;
padding:0;
text-align:right;
}

#chunk ul{
margin:0;
padding:0;
}

#chunk ul li{
margin:0 0 0 10px;
padding:0 0 0 12px;
background-image:url(../imgback/arroworangeback.gif);
background-position:left;
background-repeat:no-repeat;
color:#666666;
font-size:12px;
text-align:left;
line-height:140%;
list-style-type:none;
display:inline;
}

#chunk ul li a,
#chunk ul li a:link,
#chunk ul li a:visited,
#chunk ul li a:active{
color:#666666;
text-decoration:none;
}

#chunk ul li a:hover{
color:#ff6600;
text-decoration:underline;
}


/* お問い合わせ 部分の指定 */

.toiawase table{
width:520px;
margin:10px 0;
padding:0;
border:solid 1px #999999;
border-collapse:collapse;
}

.toiawase td{
margin:0;
padding:5px 10px;
border:solid 1px #999999;
font-size:13px;
text-align:left;
color:#333333;
}

.toiawase td.index1{
width:180px;
}