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


/*
 
***********************************
*
* index only
*
***********************************

*/

/* main image */
#I-Main{background: url(../img/index/main.jpg) left top no-repeat; text-indent:-9000em; width: 600px; height: 310px; margin: 0;padding: 0;display:block;}


/* copy01 */
#I-Copy01{background: url(../img/index/copy01.jpg) left top no-repeat; width: 570px; height: 170px; margin: 0;padding:40px 15px 0px 15px;;display:block;}


/* campain */
#I-Campain{ float:left;background:url(../img/index/campaign.jpg) left top no-repeat; width:385px; height:90px; padding:30px 0px 10px 10px; margin:0px 10px 10px 0px;}


#I-Recom{ float:left;background:url(../img/index/recom_bg.jpg) left top no-repeat; width:185px; height:80px; padding:40px 0px 10px 10px; margin-bottom:10px;}

#I-Mob a{ float:right;background:url(../img/index/mob.jpg) left top no-repeat; width:195px; height:130px; text-indent:-9000em; display:block;}
#I-Mob a:hover{ float:right;background:url(../img/index/mob_on.jpg) left top no-repeat;}

/* melmag */
#I-Melmag a{background:url(../img/index/melmag.jpg) left top no-repeat; width:600px; height:120px; text-indent:-9000em; display:block; margin-bottom:10px; clear:both;}
#I-Melmag a:hover{background:url(../img/index/melmag_on.jpg) left top no-repeat;}



/* navi */
#I-Navi{ clear:both;}
#I-Navi li{ float:left;}

#I-Navi .I-Navi01 a{background: url(../img/index/i_navi01.jpg) left top no-repeat; text-indent:-9000em; width: 193px; height: 50px;padding: 0;display:block; margin:0px 0px 5px 0px;}
#I-Navi .I-Navi01  a:hover{background: url(../img/index/i_navi01_on.jpg) left top no-repeat;}


#I-Navi .I-Navi02 a{background: url(../img/index/i_navi02.jpg) left top no-repeat; text-indent:-9000em; width: 193px; height: 50px;padding: 0;display:block; margin:50px 10px 5px 0px;}
#I-Navi .I-Navi02  a:hover{background: url(../img/index/i_navi02_on.jpg) left top no-repeat;}


#I-Navi .I-Navi03 a{background: url(../img/index/i_navi03.jpg) left top no-repeat; text-indent:-9000em; width: 193px; height: 50px;padding: 0;display:block; margin:0px 0px 5px 0px;}
#I-Navi .I-Navi03  a:hover{background: url(../img/index/i_navi03_on.jpg) left top no-repeat;}


#I-Navi02{ clear:both;}
#I-Navi02 li{ float:left;}

#I-Navi .I-Navi04 a{background: url(../img/index/i_navi04.jpg) left top no-repeat; text-indent:-9000em; width: 193px; height: 50px;padding: 0;display:block; margin:0px 0px 5px 0px;}
#I-Navi .I-Navi04  a:hover{background: url(../img/index/i_navi04_on.jpg) left top no-repeat;}


#I-Navi .I-Navi05 a{background: url(../img/index/i_navi05.jpg) left top no-repeat; text-indent:-9000em; width: 193px; height: 50px;padding: 0;display:block; margin:50px 10px 5px 0px;}
#I-Navi .I-Navi05  a:hover{background: url(../img/index/i_navi05_on.jpg) left top no-repeat;}


#I-Navi .I-Navi06 a{background: url(../img/index/i_navi06.jpg) left top no-repeat; text-indent:-9000em; width: 193px; height: 50px;padding: 0;display:block; margin:50px 0px 5px 0px;;}
#I-Navi .I-Navi06  a:hover{background: url(../img/index/i_navi06_on.jpg) left top no-repeat;}


.I-Recom{background:#CC0000; color:#FFFFFF; font-size:85%; padding:1px 2px 0px 2px; margin-left:5px;}