@charset "utf-8";

/* ----- メインギャラリー ----- */
#featured_gallery { background:url(img/index_featured.gif) repeat-x left top; width:990px; }
#gallery { border:5px solid #000; margin:0 0 0 15px; }

/* ----- パンくず ----- */
#index_bread_crumb { text-decoration:underline; color:#fff; margin:0; padding:7px 20px; display:block; font-size:12px; background:#9898ca; }

/* ----- 左側コンテンツはここから ---------------------------------------------------------------------------------------------------------- */

#index_left_col { width:700px; float:left; display:inline; margin:20px 0 0 15px; }


/* ------- お知らせ ------------------------------------------------------------------------------------------------------------------------ */
#index_left_top { margin:5px 0 50px 0; }/*「お知らせ」と「おすすめ」を包んでいるdiv */

#index_news { clear:both; width:515px; float:left; display:inline; }
#index_news h2 { margin:0 0 10px 0; }

/*タブ*/
.tabs { margin:0 0 11px 0; }
.tabs li { display:inline; float:left; margin:0; }
.tabs li a { text-decoration:none; }
.active { }

#index_news .tabs li a { border-bottom:1px solid #000; display:block; }

#in_menu1 a { width:74px; height:26px; background:url(img/index_tab1.gif) no-repeat left top; }
#in_menu2 a { width:73px; height:26px; background:url(img/index_tab2.gif) no-repeat left top; }
#in_menu3 a { width:73px; height:26px; background:url(img/index_tab3.gif) no-repeat left top; }
#in_menu4 a { width:74px; height:26px; background:url(img/index_tab4.gif) no-repeat left top; }
#in_menu5 a { width:73px; height:26px; background:url(img/index_tab5.gif) no-repeat left top; }
#in_menu6 a { width:73px; height:26px; background:url(img/index_tab6.gif) no-repeat left top; }
#in_menu7 a { width:74px; height:26px; background:url(img/index_tab7.gif) no-repeat left top; }

#index_news .tabs li a:hover { background-position:left bottom; text-decoration:none; }
#index_news .tabs li a.active { border-bottom:1px solid #fff; background-position:left bottom; }


/*一覧*/
ul.tab_content { margin:0; }
#index_news ul.tab_content li { margin:0 0 7px 0; background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 5px 0; height:20px; }
#index_news ul.tab_content span { width:120px; float:left; display:block; color:#0659b5; font-weight:bold; }/*日付*/
#index_news ul.tab_content li a,#index_news ul.tab_content li a:visited
        { padding:0; width:390px; display:inline-block; color:#333; text-decoration:underline; }/*タイトル*/
#index_news ul.tab_content li a:hover { color:#f634c6; }

#index_news ul.tab_content li a.recent_news { width:360px; padding-right:30px; background:url(img/new.gif) no-repeat right 1px; }

#index_news_archive { clear:both; margin:0; padding:5px 0 0 0; text-align:right; display:block; font-size:14px; font-weight:bold; }

/* ----- おすすめ ----------------------------------------------------------------------------------------------------------------------------- */
#index_recommend { width:160px; margin:0 0 0 15px; float:left; }
#index_recommend h2 { margin:0 0 10px 0; }
#index_recommend_image { width:160px; height:190px; background:#dfe3ec; position:relative; }
#index_recommend_image h3 { font-size:12px; width:138px; position:absolute; top:153px; left:10px; }
#index_recommend_image img { position:absolute; top:10px; left:9px; border:1px solid #fff; width:140px; height:140px; }
#more_recommend { font-size:14px; font-weight:bold; display:block; text-align:right; margin:12px 0 0 0; }
#more_recommend:hover { color:#f634c6; }


/* ----- 法人向けサービス　インターネットメディア ----- */
#index_service_left { width:335px; float:left; display:inline; margin:0 16px 20px 0;  }
#index_service_right { width:335px; float:left; margin:0 0 20px 0; }

.index_service_header { height:240px; position:relative; margin:0 0 15px 0; }
.index_service_header h2 { margin:0; padding:0; }
.index_service_header p { position:absolute; top:137px; margin:0; padding:0; }
.index_service_link { position:absolute; bottom:0px; right:0px; font-size:14px; font-weight:bold; }

.index_other_service { margin:0; padding:0; background:url(img/dot1.gif) repeat-x left top; }
.index_other_service li { position:relative; background:url(img/dot1.gif) repeat-x left bottom; margin:0; padding:0; height:95px; }
.index_other_service li h3 { width:240px; position:absolute; top:7px; right:0px; margin:0; padding:0; font-size:15px; }
.index_other_service li span { width:240px; position:absolute; top:23px; right:0px; margin:0; padding:0; font-size:12px; }
.index_other_service li p { width:240px; position:absolute; top:47px; right:0px; margin:0; padding:0; }
.index_service_th img { width:68px; height:68px; }
.index_service_th { position:absolute; top:7px; padding:6px 0 0 6px; width:80px; height:74px; display:block; background:url(img/index_service_image.gif) no-repeat left top; }
.index_service_th:hover { background:url(img/index_service_image.gif) no-repeat left bottom; }

/* ----- 詳細ページへのリンク（共通）----- */
.index_more_link { font-size:14px; font-weight:bold; display:block; text-align:right; margin:7px 0 0 0; text-decoration:underline; color:#555; }
.index_more_link:hover { color:#f634c6; }

/* ----- 実例・実績紹介　採用情報　会社案内 ----- */
#index_left_bottom { clear:both; padding:40px 0 0 0; }
#index_works { float:left; display:inline; width:219px; }
#index_recruit { float:left; display:inline; width:219px; margin:0 15px; }
#index_company { float:left; display:inline; width:219px; }
#index_left_bottom h2 { margin:0 0 10px 0; }
#index_left_bottom li { background:url(img/arrow1.gif) no-repeat left 2px; margin:0 0 5px 0; padding:0 0 0 18px; }
#index_left_bottom li a { text-decoration:underline; color:#555; }
#index_left_bottom li a:hover { color:#f634c6; }


/* ----- 右コンテンツ ---------------------------------------------------------------------------------------------------------------------- */

#index_right_col { float:right; width:250px; display:inline; margin:-23px 15px 0 0; }

/* ----- バナー　シャッフル ----- */
#index_top_banner { background:url(img/index_pr2.gif) no-repeat 215px top; padding:13px 0 0 0; margin:0 0 15px 0; }
#index_top_banner img { border:2px solid #000; width:246px; height:246px; }

/* ----- ランキング ----- */
#index_ranking { margin:0 0 20px 0; }
#index_ranking h2 { margin:0; padding:0; line-height:0%; }
#index_ranking ul { margin:0; padding:0; border:2px solid #000; }
#index_ranking li { background:url(img/dot1.gif) repeat-x left bottom; margin:0; }
.index_rank1 a { display:block; padding:20px 10px 20px 58px; background:url(img/index_rank1.gif) no-repeat 9px 6px; }
.index_rank2 a { display:block; padding:15px 10px 15px 58px; background:url(img/index_rank2.gif) no-repeat 15px center; font-size:12px; }
.index_rank3 a { display:block; padding:15px 10px 15px 58px; background:url(img/index_rank3.gif) no-repeat 15px center; font-size:12px; }
.index_rank4 a { display:block; padding:15px 10px 15px 58px; background:url(img/index_rank4.gif) no-repeat 15px center; font-size:12px; }
.index_rank5 a { display:block; padding:15px 10px 15px 58px; background:url(img/index_rank5.gif) no-repeat 15px center; font-size:12px; }
#index_ranking li.index_rank5 { background:none; margin:0; }

/* ----- 制作実績 ----- */
#index_works_side { padding:0; margin:0 0 22px 0; }

#index_works_side ul { height:280px; margin:0; overflow:hidden; position:relative; }
#index_works_side li { background:url(img/dot1.gif) repeat-x left bottom; margin:0; height:55px; position:relative; padding:0; }
#index_works_side li a { display:block; cursor:pointer; }
#index_works_side li img { position:absolute; top:5px; margin:0; width:38px; height:38px; border:1px solid #333; padding:1px; }
#index_works_side li span { position:absolute; top:20px; left:50px; width:200px; font-size:12px; }

/* ----- バナー　下 ----- */
#index_bottom_banner ul { margin:0 0 15px 0; }
#index_bottom_banner li { background:url(img/index_pr.gif) no-repeat 215px top; padding:13px 0 0 0; }
#index_bottom_banner img { border:2px solid #000; }