@charset "UTF-8";
/* CSS Document */

body{background:url(../img/common/h_bg01.jpg) repeat-x;}


/* header for top page--------------------------------------- */
#hWrap{background:url(../img/common/h_img01.jpg) no-repeat center top; width:100%; margin:0 0 101px 0;}
#hBox{width:850px; height:396px; margin:0 auto; position:relative;}



/* global menu for top page--------------------------------------- */
#gMenuBox{background:url(../img/common/g_menu_bg01.png) no-repeat; width:830px; height:85px; padding:20px 0 0 20px; position:absolute; bottom:-75px; left:0;}
#gMenuBox ul{margin:0; padding:0;}
#gMenuBox li{margin:0; padding:0; list-style-type:none;}

#gMenuBox #gMenu01,#gMenuBox #gMenu02,#gMenuBox #gMenu03,#gMenuBox #gMenu04{float:left;}
#gMenuBox #gMenu01 a{background:url(../img/common/g_menu_top01.gif) no-repeat; display:block; width:184px; height:65px; text-indent:-9999px; margin:0 27px 0 0;}
#gMenuBox #gMenu02 a{background:url(../img/common/g_menu_top02.gif) no-repeat; display:block; width:184px; height:65px; text-indent:-9999px; margin:0 26px 0 0;}
#gMenuBox #gMenu03 a{background:url(../img/common/g_menu_top03.gif) no-repeat; display:block; width:184px; height:65px; text-indent:-9999px; margin:0 26px 0 0;}
#gMenuBox #gMenu04 a{background:url(../img/common/g_menu_top04.gif) no-repeat; display:block; width:184px; height:65px; text-indent:-9999px;}

#gMenuBox #gMenu01 a:hover,#gMenuBox #gMenu02 a:hover,#gMenuBox #gMenu03 a:hover,#gMenuBox #gMenu04 a:hover{background-position:0 -65px;}



/* top page contents --------------------------------------- */
#contentLeft{width:630px; float:left;}
#contentRight{width:200px; float:right;}



/* news --------------------------------------- */
#newsTitle{background:url(../img/top/news_bg.gif) no-repeat bottom; width:610px; height:23px; margin:0 0 5px 0; padding:0 10px;}
#newsTitle h3{width:67px; height:15px; float:left;}
#newsTitle p{width:65px; height:11px; margin:4px 0 0 0; float:right;}
#newsTitle p a{background:url(../img/top/news_btn.gif) no-repeat; display:block; width:65px; height:11px; text-indent:-9999px;}
#newsTitle p a:hover{background-position:0 -11px;}

#newsBox{width:620px; margin:0 auto 40px auto;}
#newsBox dl{width:620px; font-size:12px; color:#333; line-height:150%; margin:0; padding:0; position:relative;}

/* safari 3.0用ハック */
@media screen and (-webkit-min-device-pixel-ratio:0){
#newsBox dl{width:620px; font-size:12px; color:#333; line-height:150%; margin:0; padding:0; position:relative; letter-spacing:-0.1em;}
}

#newsBox dt{width:120px; padding:1em 0 0 5px; clear:both;}
#newsBox dd{background:url(../img/common/dot_grey.gif) repeat-x bottom; width:530px; margin:-2.5em 0 0 0; padding:1em 0 0.5em 90px; float:right;}
#newsBox dd a{color:#333; text-decoration:none;}
#newsBox dd a:hover{color:#F60;}
#newsBox dd img{margin:0 20px 0 0; vertical-align:middle;}



/* contact --------------------------------------- */
#contactBox{width:166px; border:solid 2px #EEE; margin:0 0 20px 0; padding:15px;}
#contactNo{background:url(../img/common/dot_grey.gif) repeat-x bottom; width:166px; margin:0 0 10px 0; padding:0 0 10px 0;}

#contactAccess{width:86px; height:11px; margin:0 0 10px 0;}
#contactAccess a{background:url(../img/top/contact_access.gif) no-repeat; display:block; width:86px; height:11px; text-indent:-9999px;}
#contactAccess a:hover{background-position:0 -11px}

#contactMail{width:166px; height:30px;}
#contactMail a{background:url(../img/top/contact_mail.jpg) no-repeat; display:block; width:166px; height:30px; text-indent:-9999px;}
#contactMail a:hover{background-position:0 -30px;}