@charset "utf-8";
/* ===================================================================
top_index
=================================================================== */



/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */

body#index{ font-size:12px;}

body#index #main{ /*background-image: url(../img/common/main_bg.jpg); background-repeat: no-repeat; background-position: -20px 0px;*/ margin-top:-61px; }
#right_deco{ position:relative; top:-312px;}

a#free_count{ background-image:url(../img/index/btn_free_count.jpg); background-position:0 0; width:280px; height:61px; text-indent:-6666px; display:block; position:relative; left:282px; top: 0px; z-index: 10; }
a#free_count:hover{ background-position:0 -61px;}
a#free_count:active{ top:0px; left:283px; }
h2#main_img{ font-size:0;}


/*--------------------------------------過去500万枚以上の･･･*/
div#skill{ background-color:#f3f1ec; border-left:1px #d1cbbd solid; border-right:1px #d1cbbd solid;}
h2#skill{ background-image:url(../img/index/h2_skill.jpg); width:560px; height:87px; text-indent:-6666px; margin-top: -8px; }
div#skill p{ margin:-35px 10px 10px; padding:10px 10px 12px; background-image:url(../img/common/border_bottom.gif); background-repeat:no-repeat; background-position:bottom; text-align: justify; }
a#achievement{ background-image:url(../img/index/btn_achievement.jpg); width:310px; height:35px; text-indent:-6666px; background-position:left top; background-repeat:no-repeat; display: block; position: relative; left: 239px; top: -35px; }
a#achievement:hover{ background-position:0 -35px;}
a#achievement:active{ position:relative; top:-34px; left:240px;}
div#skill h3{ background-image:url(../img/common/list01.gif); background-repeat:no-repeat; background-position:left center; font-size:14px; font-weight:bold; padding-left:15px; margin-left:20px;}

ul#achievement{ padding: 10px 20px; margin: 0; }
ul#achievement li{ float:left; width: 129px; }

div.round_bottom{ background-image: url(../img/index/round_bottom.jpg); background-repeat: no-repeat; height:5px; margin-bottom: 30px; }


/*-----------------------------------------------最新情報･･･*/

h2#whats_new{ clear:both; background-image:url(../img/index/h2_whats_new.jpg); width:560px; height:35px; text-indent:-6666px;}
ul.index_ul{ background-color:#f3f1ec; border-bottom:1px #d1cbbd solid; padding: 10px; text-align: justify; }
ul.index_ul li span{ padding-right:1em;}
ul.index_ul li strong{ display:block; margin-bottom: 0.5em; }
ul.index_ul ul{ margin-left:1em; padding-left:0.5em; }
ul.index_ul ul li{  list-style-type:disc;}
ul.index_ul ul ul { padding-left:0; margin-left: 0px; }
ul.index_ul ul ul li{  list-style-type:none;}
/*-----------------------------------------------会社情報･･･*/

h2#company{ clear:both; background-image:url(../img/index/h2_company.jpg); width:281px; height:35px; text-indent:-6666px; margin-top: 30px; }


/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */

h2#secret110{ background-image:url(../img/index/h2_secret110.jpg); width:280px; height:88px; text-indent:-6666px; }

/*---------------------------------------その他のサービス･･･*/
p.other_service{ background-color:#f3f1ec; background-image:url(../img/common/border_bottom.gif); background-repeat:no-repeat; background-position:bottom; padding: 10px 10px 15px; position: relative; }

h2#meishi{ background-image:url(../img/index/h2_best_meishi.jpg); width:280px; height:57px; text-indent:-6666px; }
h2#e_catalogue{ background-image:url(../img/index/h2_e_catalogue.jpg); width:280px; height:159px; text-indent:-6666px; }

a.btn_detail{ background-image:url(../img/index/btn_detail.gif); width:150px; height:30px; background-position:0 0; text-indent:-6666px; position: relative; left: 110px; display:block; top:5px;}
a.btn_detail:hover{ background-position:0 -30px;}
a.btn_detail:active{ position:relative; top:6px; left:111px;}

p.other_service2{ background-color:#f3f1ec; background-image:url(../img/common/border_bottom.gif); background-repeat:no-repeat; background-position:bottom; padding: 10px 10px 5px; position: relative; }

a.btn_detail2{ background-image:url(../img/index/btn_detail.gif); width:150px; height:30px; background-position:0 0; text-indent:-6666px; position: absolute; left: 120px; display:block; top:-40px; z-index: 100; }
a.btn_detail2:hover{ background-position:0 -30px;}
a.btn_detail2:active{ position:absolute; top:-39px; left:121px; }