@charset "UTF-8";


/* ---------------------------------------------------------------------------------------------------- base */


*{
margin : 0;
padding: 0;
border     : none;
font-size  : 100%;
font-weight: normal;
font-style : normal;
font-family: Osaka , "ＭＳ Ｐゴシック" , sans-serif;
list-style : none;
}

body{
margin :0;
padding:0;
background:url(../images/common/bg.jpg) repeat;
list-style : none;
color:#000000;
font-size:12px;
}

h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,tr,th,td,
p,address,form,div {
margin:0px;
padding:0px;
}

img{
border:none;
}

.clearboth{ clear:both; width:100%; }

.img_mode_english{
ime-mode:disabled; 
}

/* ---------------------------------------------------------------------------------------------------- link */


a:link{
color:#006699;
text-decoration:none;
}
a:visited{
color:#006699;
text-decoration:none;
}
a:hover{
color:#FF0000;
text-decoration:none;
}
a:active{
color:#FF0000;
text-decoration:none;
}




/* ---------------------------------------------------------------------------------------------------- font attributes */

.emphasis_red{
color: red !important;
font-weight: bold !important;
}


/* ---------------------------------------------------------------------------------------------------- layout : wrapper */


div#wrapper{
margin-left:auto;
margin-right:auto;
width:760px;
background:url(../images/common/bg_contents.jpg);
}


/* ---------------------------------------------------------------------------------------------------- layout : header */


div#header{
margin-left:auto;
margin-right:auto;
width:756px;
height:77px;
background:url(../images/common/bg_logo.jpg) no-repeat center top;
}

div#header h1 a{
display:block;
text-indent:-9999px;
width:224px;
height:34px;
background:url(../images/common/logo.jpg) no-repeat center top;
position:relative;
top:24px;
left:16px;
}

div#header ul{
padding-top:18px;
margin-left:490px;
width:255px;
height:15px;
}

div#header ul li{
text-indent:-9999px;
font-size:1px;
float:left;
}

div#header ul li a{
display:block;
}

div#header ul li.home a{
width:47px;
height:15px;
background:url(../images/common/header_navi_home.gif) no-repeat left top;
}
div#header ul li.home a:hover{
width:47px;
height:15px;
background:url(../images/common/header_navi_home_over.gif) no-repeat left top;
}

div#header ul li.sitemap{
background:url(../images/common/header_navi_line.gif) no-repeat left top;
padding-left:9px;
}
div#header ul li.sitemap a{
width:61px;
height:15px;
background:url(../images/common/header_navi_sitemap.gif) no-repeat left top;
}
div#header ul li.sitemap a:hover{
width:61px;
height:15px;
background:url(../images/common/header_navi_sitemap_over.gif) no-repeat left top;
}

div#header ul li.inquiry{
background:url(../images/common/header_navi_line.gif) no-repeat left top;
padding-left:9px;
}
div#header ul li.inquiry a{
width:54px;
height:15px;
background:url(../images/common/header_navi_inquiry.gif) no-repeat left top;
}
div#header ul li.inquiry a:hover{
width:54px;
height:15px;
background:url(../images/common/header_navi_inquiry_over.gif) no-repeat left top;
}

div#header ul li.jp{
background:url(../images/common/header_navi_line.gif) no-repeat left top;
padding-left:9px;
}
div#header ul li.jp a{
width:66px;
height:15px;
background:url(../images/common/header_navi_jp.gif) no-repeat left top;
}
div#header ul li.jp a:hover{
width:66px;
height:15px;
background:url(../images/common/header_navi_jp_over.gif) no-repeat left top;
}


/* ---------------------------------------------------------------------------------------------------- layout : footer */


div#footer{
clear:both;
margin-left:auto;
margin-right:auto;
width:756px;
}

div#footer ul{
float:left;
}

div#footer ul li{
float:left;
font-size:1px;
}

/* footer navigation 左 */

div#footer ul.contact{
width:515px;
height:29px;
background:url(../images/common/bg_footer_line.jpg) repeat-x left top;
}
div#footer ul.contact li.tel{
text-indent:-9999px;
font-size:1px;
display:block;
width:140px;
height:29px;
background:url(../images/common/footer_navi_tel.jpg) no-repeat left top;
}
div#footer ul.contact li.mail{
text-indent:-9999px;
font-size:1px;
}
div#footer ul.contact li.mail a{
display:block;
width:190px;
height:29px;
background:url(../images/common/footer_navi_mail.jpg) no-repeat left top;
}
div#footer ul.contact li.mail a:hover{
background-position:left bottom;
}

/* footer navigation 右 */

div#footer ul.navi{
width:241px;
height:29px;
background:url(../images/common/bg_footer_line.jpg) repeat-x left top;
}

div#footer ul.navi li.csijapan a{
display:block;
text-indent:-9999px;
width:86px;
height:29px;
background:url(../images/common/footer_navi_csijapan.jpg) no-repeat left top;
}
div#footer ul.navi li.sitemap a{
display:block;
text-indent:-9999px;
width:55px;
height:29px;
background:url(../images/common/footer_navi_sitemap.jpg) no-repeat left top;
}
div#footer ul.navi li.sp a{
display:block;
text-indent:-9999px;
width:90px;
height:29px;
background:url(../images/common/footer_navi_sp.jpg) no-repeat left top;
}
div#footer ul.navi li.csijapan a:hover,
div#footer ul.navi li.sitemap a:hover,
div#footer ul.navi li.sp a:hover{
background-position:bottom;
}

/* footer copyright */

div#footer p#copyright{
font-size:1px;
text-indent:-9999px;
clear:both;
width:756px;
height:135px;
background:url(../images/common/bg_footer.jpg) repeat-x center top;
}

div#footer p#copyright a{
display:block;
width:334px;
height:11px;
position:relative;
top:20px;
left:403px;
background:url(../images/common/copyright.jpg) no-repeat left top;
}



/* ---------------------------------------------------------------------------------------------------- xxx */