@charset "utf-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
background:url(../img/common/bodyBg.jpg) repeat-x 50% 0;
margin:0 auto;
padding:0;
text-align:center}

#index{background:url(../img/index/bodyBg.jpg) repeat-x 50% 0}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#333;
font-style:normal;
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック",  Osaka, sans-serif}

*html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:x-small/180% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

*+html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

;;body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

table{
border-collapse:collapse;
border-spacing:0}

textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{vertical-align: top}

fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

a,a:link{color:#007eff}
a:visited{color:#007eff}
a:hover{color:#007eff;text-decoration:none}
strong{font-weight:bold}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper{background:url(../img/common/wrapBg.jpg) no-repeat 50% 0}

#index #wrapper{background:url(../img/index/wrapBg.jpg) no-repeat 50% 0}

#head{
height:211px;
margin:0 auto 40px;
position:relative;
width:840px}

#index #head{height:378px}

#cont{
margin:0 auto;
padding:0 20px;
width:800px;
_width:840px}

#cont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#cont{display:inline-block;}

/*\*/
*html #cont{height:1%}
#cont{display:block}
/**/

#main{
float:left;
margin:0 auto 20px;
padding:0;
text-align:left;
width:580px}

#sideBar{
float:right;
margin:0 0 20px 20px;
padding:0;
text-align:left;
width:200px}

#foot{background:url(../img/common/footBg.jpg) repeat-x}

/***********************************************/
/* head style                                  */
/***********************************************/

#head h1,
#head #logo{
left:0;
top:7px;
position:absolute}

#head .topNav{
position:absolute;
top:2px;
right:0}

#head .topNav li{
display:inline;
margin:0 0 0 5px}

#head .mainVisual{
position:absolute;
top:72px;
left:0}

#head #globalNav{
background:url(../img/common/gNav.jpg) no-repeat;
height:51px;
left:0;
top:160px;
position:absolute}

#index #head #globalNav{top:328px}

#head #globalNav li{float:left}
#head #globalNav li a{
display:block;
height:51px;
text-indent:-10000px}

/*\*/
#head #globalNav li a{overflow:hidden}
/* */

#head #globalNav li.menu01 a{width:139px}
#head #globalNav li.menu02 a{width:140px}
#head #globalNav li.menu03 a{width:140px}
#head #globalNav li.menu04 a{width:140px}
#head #globalNav li.menu05 a{width:140px}
#head #globalNav li.menu06 a{width:141px}

#head #globalNav li.menu01 a:hover{background:url(../img/common/gNav.jpg) no-repeat 0 -51px}
#head #globalNav li.menu02 a:hover{background:url(../img/common/gNav.jpg) no-repeat -139px -51px}
#head #globalNav li.menu03 a:hover{background:url(../img/common/gNav.jpg) no-repeat -279px -51px}
#head #globalNav li.menu04 a:hover{background:url(../img/common/gNav.jpg) no-repeat -419px -51px}
#head #globalNav li.menu05 a:hover{background:url(../img/common/gNav.jpg) no-repeat -559px -51px}
#head #globalNav li.menu06 a:hover{background:url(../img/common/gNav.jpg) no-repeat -699px -51px}

#head #globalNav li.menu01 a.c{background:url(../img/common/gNav.jpg) no-repeat 0 -51px}
#head #globalNav li.menu02 a.c{background:url(../img/common/gNav.jpg) no-repeat -139px -51px}
#head #globalNav li.menu03 a.c{background:url(../img/common/gNav.jpg) no-repeat -279px -51px}
#head #globalNav li.menu04 a.c{background:url(../img/common/gNav.jpg) no-repeat -419px -51px}
#head #globalNav li.menu05 a.c{background:url(../img/common/gNav.jpg) no-repeat -559px -51px}
#head #globalNav li.menu06 a.c{background:url(../img/common/gNav.jpg) no-repeat -699px -51px}

.service #head #globalNav li.menu02 a{background:url(../img/common/gNav.jpg) no-repeat -139px -51px}

.about #head #globalNav li.menu03 a,
.business #head #globalNav li.menu03 a,
.message #head #globalNav li.menu03 a,
.map #head #globalNav li.menu03 a,
.origin #head #globalNav li.menu03 a{background:url(../img/common/gNav.jpg) no-repeat -279px -51px}

.news #head #globalNav li.menu04 a{background:url(../img/common/gNav.jpg) no-repeat -419px -51px}

/***********************************************/
/* side style                                  */
/***********************************************/

#sideBar .sideBanner li{margin:0 0 10px}

#sideBar .sideBanner li img{vertical-align:bottom}

#sideBar h3{font-size:1%}
#sideBar h3 img{vertical-align:bottom}

#sideBar ul.sideNav{
background:url(../img/common/sideBg.jpg) no-repeat 0 100%;
margin:0 0 10px}

#sideBar ul.sideNav li{
background:url(../img/common/icon03.gif) no-repeat 5px 14px;
border-top:1px dotted #c1d0d5;
height:1%}

#sideBar ul.sideNav li.firstChild{border:none}

#sideBar ul.sideNav li a{
color:#333;
display:block;
padding:8px 5px 8px 25px;
text-decoration:none}

#sideBar ul.sideNav li a:hover{color:#027dff}

#sideBar ul.sideNav li a.c{color:#999}

#sideBar ul.sideNav li dl dt a{padding:8px 5px 0 25px}

#sideBar ul.sideNav li dl dd{
background:url(../img/common/icon02.gif) no-repeat 25px 8px;
padding:0 0 0 25px}

#sideBar ul.sideNav li dl dd a{
font-size:85%;
padding:0 5px 0 6px}

#sideBar p{
color:#333;
font-size:x-small;
_font-size:xx-small;
margin:0 0 10px}

/***********************************************/
/* foot style                                  */
/***********************************************/

#foot #footCont{
background:url(../img/common/footBg.jpg) repeat-x;
margin:0 auto;
padding:10px 0;
text-align:left;
width:840px}

#foot ul{margin:0 0 40px 20px}

#foot ul li{display:inline}

#foot #footCont div{text-align:right}

#foot address{
color:#fff;
font-size:80%;
text-align:right}