@charset "utf-8";

/*   
Theme Name:ツアーオンライン株式会社
Theme URI:
Description:何か問題がございましたら、TEL042-538-5870 info@tachikawaonline.jpまでご連絡ください。
Author:磯崎
Author URI:http://www.touronline.jp
Version:1.0
*/

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#333399 url(img/background.gif) repeat-x left top; height:100%;
font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', 'Lucida Grande', Verdana, Arial,sans-serif;
font-size:14px; color:#333; }
html { height:100%; }
img {  border:none; }
a img { border:none; }
a, a:visited { color:#0659b5; text-decoration:none; outline:none; }
a:hover { color:#f634c6; text-decoration:underline; }
p { margin:0 0 10px 0; padding:0; line-height:150%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0 0 1em 0; padding:0; line-height:normal; }
ol { margin:0 0 1em 17px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { margin:0 0 1em 0; padding:0 0 5px 0; line-height:normal; }
h1,h2,h3,h4,h5,form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; margin:0 0 1em 0; font-size:12px; }
td,th { padding:12px 10px 8px; border:1px solid #bbb; }
th { font-weight:normal; background:#f7f7f7; }
input,textarea { font-size:100%; }
textarea { overflow:auto; }
.alignright { float:right; }
.alignleft { float:left; }
.clear { clear:both; }
.fixed { position:fixed; }
.pink { color:#f634c6; }


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
 
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
 
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
 
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
 
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
 
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
 
.alignright {
	float: right;
	}
 
.alignleft {
	float: left;
	}
/* End Images */





/* ----- レイアウト ----------------------------------------------------------------------------------------------------------------------------- */
#wrapper { background:url(img/background2.gif) no-repeat center top; }
#header { height:150px; background:url(img/header.gif) no-repeat left bottom; position:relative; width:990px; padding:0; margin:0 auto; }
.contents { width:990px; margin:0 auto; background:#fff; padding:0 0 170px 0; position:relative; }
#index_contents { }
#return_top { position:absolute; right:15px; bottom:0px; margin:0; line-height:0%; }


/* ----- ヘッダー [ header.php ] ---------------------------------------------------------------------------------------------------------------- */
h1#logo a { position:absolute; width:506px; height:82px; background:url(img/logo.gif) no-repeat left top; left:0px; top:0px; margin:0; line-height:100%; font-size:12px; font-weight:normal; text-indent:-9999px; display:block; }
h2#catch_copy { position:absolute; left:306px; top:23px; font-size:11px; font-weight:normal; border-left:1px solid #333; padding:0 0 18px 8px; }

#global_menu { position:absolute; bottom:0px; left:15px; margin:0; }
#global_menu li { display:inline; float:left; margin:0; line-height:0%; }
#global_menu li a { display:block; margin:0; padding:0; }

#header_menu { position:absolute; top:63px; right:16px; margin:0; }
#header_menu li { display:inline; float:left; margin:0; }
#header_menu li a { display:block; }

#search_area { position:absolute; right:15px; top:0px; width:400px; height:62px; background:url(img/search_area.gif) no-repeat left top; }
#search_input { float:left; margin:23px 0 0 15px; padding:3px 5px 0 5px; border:2px solid #f631c5; height:20px; display:inline; width:287px; color:#999; background:#fee5ff; }
#search_button { float:right; display:inline; margin:23px 15px 0 0;  }


/* ----- ページ [ 共通部分 ] -------------------------------------------------------------------------------------------------------------------- */
#right_col { float:left; display:inline; margin:15px 0 0 20px; width:740px; }

#page_contents { margin:0 0 60px 0; }

/*大見出し　画像のみ使用した見出し*/
.headline1 { line-height:0%; margin:0 0 20px 0; padding:0; }
/*中見出し　背景画像＋テキスト文字*/
.headline2 { width:740px; line-height:100%; background:url(img/headline.gif) no-repeat left top; padding:18px 0 14px 30px; margin:0 0 20px 0; color:#0659b5; }

#page_contents a { text-decoration:underline; }
#page_contents a img { border:10px solid #ccc; text-decoration:none; }
#page_contents a:hover img { border:10px solid #caf90c; }
blockquote,pre { margin:0 0 1em 0; padding:35px 20px 0 20px; border:1px solid #ccc; background:#fafafa url(img/quote1.gif) no-repeat 10px 10px; }
blockquote p { margin:0 0 5px 0; }
.quote_bottom, .pre_bottom { height:30px; background:#fafafa url(img/quote2.gif) no-repeat right ; margin-right:-10px; }
img.centered { display:block; margin:0 auto; }
img.alignright { margin:0 0 20px 20px; float:right; display:inline; }
img.alignleft { margin:0 20px 20px 0; float:left; display:inline; }
#page_contents li { background:url(img/bullet3.gif) no-repeat left center; padding:0 0 0 10px; }

/*パンくず*/
#bread_crumb { background:#96cbca; height:35px; position:relative; }
#bread_crumb ul#bc_left { position:absolute; margin:0; left:15px; top:10px; }
#bread_crumb li { display:inline; font-size:12px; color:#0659b5; }
#bread_crumb ul#bc_left li a { padding:0 20px 0 0; margin:0 10px 0 0; text-decoration:underline; background:url(img/arrow2.gif) no-repeat right center; }
#bread_crumb ul#bc_right { position:absolute; margin:0; right:15px; top:10px; }
#bread_crumb li { display:inline; font-size:12px; color:#0659b5; }
#bread_crumb ul#bc_right li a { padding:0 0 0 14px; margin:0 0 0 10px; text-decoration:underline; border-left:1px solid #0659b5; }
#bread_crumb ul#bc_right li#bc_home a { padding:0; margin:0; border-left:none; }


/* ----- 会社案内トップページ [ page-company.php ] ---------------------------------------------------------------------------------------------------------- */
#featured_gallery2 { background:#000; padding:5px 5px 0 5px; width:730px; margin:0 0 20px 0; }

/*会社案内一覧*/
#contents_list { margin:50px 0 0; }
#contents_list ul { margin:0; padding:0; width:774px; }
#contents_list li { position:relative; margin:0 36px 5px 0; padding:0; height:155px; float:left; width:350px; display:inline; }
#contents_list li h4 { width:350px; height:32px; margin:0; padding:0; line-height:0%; }
#contents_list li h5 { width:255px; position:absolute; top:50px; right:0px; margin:0; padding:0; font-size:15px; }
#contents_list li p { width:255px; position:absolute; top:72px; right:0px; margin:0; padding:0; }
.contents_list_th { position:absolute; top:50px; padding:6px 0 0 6px; width:80px; height:74px; display:block; background:url(img/index_service_image.gif) no-repeat left top; }
.contents_list_th:hover { background:url(img/index_service_image.gif) no-repeat left bottom; }


/* ----- 事業案内 TOP [ page-service-top.php ] ---------------------------------------------------------------------------------------------------------- */
/*タブ*/
#service_tab_area { margin:20px 0 55px 0;  }
#service_tab_area .tabs li a { display:block; }
#service_tab_area .tabs li a:hover { background-position:left -41px; text-decoration:none; }
#service_tab_area .tabs li a.active { background-position:left bottom; }

#service_tab { margin:0; }
#service_tab li { margin:0; }

#service_menu1 a { width:180px; height:41px; background:url(img/service_tab1.gif) no-repeat left top; }
#service_menu2 a { width:180px; height:41px; background:url(img/service_tab2.gif) no-repeat left top; }
#service_menu3 a { width:180px; height:41px; background:url(img/service_tab3.gif) no-repeat left top; }
#service_menu4 a { width:200px; height:41px; background:url(img/service_tab4.gif) no-repeat left top; }

/*タブコンテンツ*/
#service_tab_area .tab_content { border:1px solid #333; width:738px; border-top:none; padding:20px 0 20px 0; }
#service_tab_area .tab_content h4 { margin:0 0 0 12px; }
.service_tab_contents { float:right; display:inline; margin:20px 20px 20px 0; width:480px; }
.service_tab_contents h5 { font-size:16px; font-weight:bold; margin:0 0 10px 0; }
.service_tab_image { float:left; display:inline; margin:20px; border:1px solid #333; padding:4px; }

/*サービス一覧　左右のdiv*/
.service_list_left { float:left; width:360px; margin:0 0 50px 0; }
.service_list_right { float:right; width:360px; margin:0 0 50px 0; }

/*サービス一覧　（共通）*/
.service_list_top { position:relative; margin:0; padding:0; height:155px; background:url(img/dot1.gif) repeat-x left bottom; }
.service_list_top h3 { width:350px; height:32px; margin:0; padding:0; line-height:0%; }
.service_list_top h4 { width:255px; position:absolute; top:49px; right:0px; margin:0; padding:0; font-size:15px; }
.service_list_top p { width:255px; position:absolute; top:74px; right:0px; margin:0; padding:0; line-height:140%; }
.service_list_th { position:absolute; top:50px; padding:6px 0 0 6px; width:80px; height:74px; display:block; background:url(img/index_service_image.gif) no-repeat left top; }
.service_list_th:hover { background:url(img/index_service_image.gif) no-repeat left bottom; }

/*サービス一覧　（事業案内ＴＯＰの下のほうにある小さなサービス一覧）*/
.service_list_bottom { margin:25px 0 0 0; }
.service_list_bottom li { float:left; display:inline; padding-right:10px; }
.service_list_bottom li a { text-decoration:none; position:relative; display:block; width:170px; height:37px; line-height:140%; }
.service_list_bottom li a:hover { cursor:pointer; }
.service_list_bottom li a span { position:absolute; left:50px; top:1px; font-size:12px; }
.service_list_bottom li a img { position:absolute; left:0px; top:0px; border:2px solid #dce1ea; padding:1px; width:34px; height:34px; }
.service_list_bottom li a:hover img { border:2px solid #c7f901; padding:1px; }

#service_contents_list { margin:50px 0 0; }
#service_contents_list ul { margin:0 0 30px 0; padding:0; width:774px; }
#service_contents_list li { position:relative; width:360px; display:inline; float:left; margin:0 17px 0 0; padding:0; height:155px; }
#service_contents_list li h4 { width:360px; height:32px; margin:0; padding:0; line-height:0%; }
#service_contents_list li h5 { width:255px; position:absolute; top:47px; right:0px; margin:0; padding:0; font-size:15px; }
#service_contents_list li p { width:255px; position:absolute; top:74px; right:0px; margin:0; padding:0; line-height:140%; }
.contents_list_th img { width:68px; height:68px; }
.contents_list_th { position:absolute; top:50px; padding:6px 0 0 6px; width:80px; height:74px; display:block; background:url(img/index_service_image.gif) no-repeat left top; }
.contents_list_th:hover { background:url(img/index_service_image.gif) no-repeat left bottom; }


/* ----- スタッフのおすすめ　TOPページ [ category-6.php ] --------------------------------------------------------------------------------------- */

/*カテゴリー名・投稿者名部分 この部分は、制作実績ページ、修正更新パックページと共通です。*/
.porfolio_header { margin:30px 0 0 0; }/*見出しの画像*/
.portfolio-filter { margin:0 0 0 98px; width:640px; }/*リスト部分*/
.portfolio-filter li { float:left; display:inline; margin-right:-1px; white-space:nowrap; }
.portfolio-filter a { margin:0 0 10px 0; padding:0 10px; text-decoration:none; text-decoration:underline; border-right:1px solid #333; border-left:1px solid #333; font-weight:bold; }
.portfolio-filter a:hover {  }
.portfolio-filter a.current { }
.first_author { display:none; }

/*画像などのおすすめ部分*/
.recommend_list { margin:40px 0 0 0; padding:0; }
.recommend_list li { width:120px; height:200px; display:inline; float:left; margin:0 14px; overflow:hidden; }
.recommend_list li a { display:block; overflow:hidden; text-decoration:none; }
.recommend_list li a img { margin:0 0 5px 0; border:5px solid #ccc; padding:2px; width:100px; height:100px; }
.recommend_list li a:hover img { border:5px solid #caf90c; }
.recommend_list li p { font-size:11px; margin:0; }


/* ----- スタッフのおすすめ　詳細画面 [ single_recommend.php ] ------------------------------------------------------------------------------------------ */
#recommend_contents { float:right; width:410px; }
#recommend_title { color:#0659b5; padding:30px 0 30px 50px; margin:0 0 20px 0; background:url(img/recommend_title.gif) no-repeat left top; border-bottom:3px solid #000;  }
#recommend_gallery { float:left; width:316px; height:416px; position:relative; padding:0; background:url(img/recommend_gallery.gif) no-repeat 248px top; margin:0; }
#recommend_gallery ul { position:absolute; left:0px; top:15px; }
#recommend_gallery img { border:2px solid #000; padding:6px; width:290px; height:390px; }
#single_author { display:block; margin:-12px 0 15px 0; text-align:right; }
#single_recommend_back_top { margin:0 0 0 10px; border-left:1px solid #333; padding:0 0 0 10px; }

/* ----- 事例・実績　TOPページ [ category-3.php ] ----------------------------------------------------------------------------------------------- */
.portfolio_list { clear:both; margin:30px 0 0 5px; padding:0; }
.portfolio_list li { width:220px; height:270px; display:inline; float:left; margin:0 12px; overflow:hidden; }
.portfolio_list li a { display:block; overflow:hidden; text-decoration:none; }
.portfolio_list li a img { margin:0 0 5px 0; border:5px solid #ccc; padding:2px; width:200px; height:140px; }
.portfolio_list li a:hover img { border:5px solid #caf90c; }
.portfolio_list li p { font-size:12px; margin:5px 0 0 0; }


/* ----- 事例・実績　詳細画面 [ single_works.php ] -------------------------------------------------------------------------------------------------- */
.single_contents { margin:0 0 50px 0; }
#works_contents { float:right; width:428px; background:url(img/service.gif) no-repeat 345px top; padding:16px 0 0 0;  }
#works_contents ul { border:2px solid #333; background:url(img/gray_back.gif) repeat-y left top; }
#works_contents label { width:90px; display:block; float:left; font-weight:bold; }
#works_contents h3, #works_contents div { float:left; width:310px; }
#works_title label,#works_contents h3 { font-size:16px; font-weight:bold; }
#works_contents li { background:url(img/dot1.gif) repeat-x left bottom; margin:0; padding:15px 10px; }

/*カテゴリーリンク*/
#works_contents ul#works_category { width:310px; border:none; background:none; margin:0;  }
#works_category li { line-height:100%; float:left; display:inline; margin:0 15px 5px 0; white-space:nowrap; background:none; padding:0; }

/*戻るリンク*/
#works_single_back_top { display:block; text-align:right; margin:0 0 20px 0; }
#works_single_back_bottom { display:block; text-align:right; }

/*ギャラリー*/
#works_gallery { float:left; position:relative; height:402px; width:304px; background:url(img/recommend_gallery.gif) no-repeat 248px top; }
#works_gallery ul { width:302px; height:402px; margin:0; position:absolute; top:16px; left:0; }
#works_gallery img { border:2px solid #000; padding:6px; width:290px; height:390px; margin:0; }


/* ----- 修正・更新パック　TOPページ [ category-7.php ] ----------------------------------------------------------------------------------------- */
.product_list { margin:40px 0 0 5px; padding:0; clear:both; }
.product_list li { width:220px; height:230px; display:inline; float:left; margin:0 12px; overflow:hidden; }
.product_list li a { display:block; overflow:hidden; text-decoration:none; font-size:14px; }
.product_list li a img { margin:0 0 8px 0; border:5px solid #ccc; padding:2px; width:200px; height:140px; }
.product_list li a:hover img { border:5px solid #caf90c; }
.product_list li p { font-size:20px; margin:0 0 0 0; color:red; font-weight:bold;}

/*修正更新パックの詳細画面*/
#modification_top_link { float:right; display:inline; padding:0 0 16px 0; }
#modification_bottom_link { clear:both; float:right; display:inline; padding:0 0 0 0; }

/* ----- 津田メッセージ [ category-5.php ] ------------------------------------------------------------------------------------------------------ */
#message { margin-top:-8px; }
#message li { margin:0 0 12px 0; background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; line-height:140%; }
#message span { width:120px; float:left; color:#0659b5; }
#message li a,#message a:visited { width:590px; padding:0 30px 0 0; float:left; display:block; color:#666; text-decoration:underline; }
#message a:hover { color:#f634c6; }
.message_date { text-align:right; }

/*津田メッセージ詳細画面*/
a#message_top_link { float:right; display:inline; padding:0 0 16px 0; text-decoration:none; }
a#message_bottom_link { clear:both; float:right; display:inline; padding:15px 0 0 0; text-decoration:none; }

/* ----- お知らせ [ category-1.php ] ------------------------------------------------------------------------------------------------------------ */
.tabs { margin:0 0 15px 0; }
.tabs li { display:inline; float:left; margin:0; }
.tabs li a { text-decoration:none; }
.active { }
#news ul.tab_content li { margin:0 0 12px 0; background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; line-height:140%; position:relative; }
#news ul.tab_content li h3 a { position:absolute; text-decoration:underline; left:130px; top:0px; margin:0; padding:0; font-size:16px; }
#news ul.tab_content li p { position:absolute; width:610px;left:130px; top:25px; margin:0 padding:0; }
#news ul.tab_content span { position:absolute; left:130px; bottom:0px; color:#0659b5; padding:15px 0; }
#news ul.tab_content li img { background:url(img/news_image.gif) no-repeat left top; padding:6px 12px 6px 6px; width:100px; height:100px; }
#news ul.tab_content li a:hover img { background:url(img/news_image.gif) no-repeat left bottom; }
#news ul.tab_content li span img { background:none; padding:0; margin:0 15px -5px 0; width:70px; height:22px; }
/*#news ul.tab_content li a.recent_news { background:url(img/new.gif) no-repeat right 2px; padding:0 40px 0 0; }*/

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

#news_menu1 a { width:106px; height:38px; background:url(img/tab1.gif) no-repeat left top; }
#news_menu2 a { width:105px; height:38px; background:url(img/tab2.gif) no-repeat left top; }
#news_menu3 a { width:106px; height:38px; background:url(img/tab3.gif) no-repeat left top; }
#news_menu4 a { width:105px; height:38px; background:url(img/tab4.gif) no-repeat left top; }
#news_menu5 a { width:106px; height:38px; background:url(img/tab5.gif) no-repeat left top; }
#news_menu6 a { width:106px; height:38px; background:url(img/tab6.gif) no-repeat left top; }
#news_menu7 a { width:106px; height:38px; background:url(img/tab7.gif) no-repeat left top; }

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


/* ----- FAQ [ category-4.php ] ----------------------------------------------------------------------------------------------------------------- */
#faq_menu { position:relative; width:740px; height:43px; background:url(img/faq_headline.gif) no-repeat left top; margin:0 0 30px 0; }
#faq_menu ul { position:absolute; top:15px; left:100px; margin:0; }
#faq_menu li { display:inline; float:left; white-space:nowrap;　}
#faq_menu li a { color:#fff; text-decoration:underline; padding:0 10px; border-right:1px solid #fff; }
#faq_menu li a.open { background:url(img/arrow3.gif) no-repeat left center; }
#faq_menu li#faq_menu_last a { border:none; }
#faq_menu li a:hover { color:#f634c6; }

ul.faq { margin:0 0 80px 0; }
ul.faq li.dropdown { display:none; overflow:hidden; margin:0 0 0 0; background:#fbfbfb url(img/faq_answer.gif) no-repeat left top; width:710px; }
ul.faq li.dropdown div { padding:0 15px 1px; border:1px solid #b3b3b3; border-top:none; margin:22px 0 0 0; }
ul.faq li.faq_button { margin:0; }
ul.faq li.faq_button a { margin:0; padding:10px 0 10px 20px; display:block; background:url(img/arrow1.gif) no-repeat left center; }
ul.faq li.faq_button a.open { background:url(img/arrow3.gif) no-repeat left center; }


/* ----- 求人情報 [ page-recruit.php ]----------------------------------------------------------------------------------------------------------- */
#recruit_contents { margin:30px 0; }
#recruit_contents div { float:left; display:inline; }
.headline_contents div { position:relative;  margin:0; padding:0; height:155px; width:360px; }
.headline_contents h4 { width:350px; height:32px; margin:0; padding:0; line-height:0%; }
.headline_contents h5 { width:255px; position:absolute; top:50px; right:0px; margin:0; padding:0; font-size:15px; }
.headline_contents p { width:255px; position:absolute; top:72px; right:0px; margin:0; padding:0; }
.headline_contents .thumbnail { position:absolute; top:50px; padding:6px 0 0 6px; width:80px; height:74px; display:block; background:url(img/index_service_image.gif) no-repeat left top; }
.headline_contents .thumbnail:hover { background:url(img/index_service_image.gif) no-repeat left bottom; }


/* ----- お問い合わせ [ page-inquiry.php ] ------------------------------------------------------------------------------------------------------ */
#page_form { background:url(img/form_top.gif) no-repeat left top; width:740px; padding:158px 0 0 0; margin:-35px 0 0 0; }
#mf_input { border:3px solid #000; border-top:none; padding:10px 10px; }
#mf_input label { float:left; display:inline; }
#mf_input li { background:url(img/dot1.gif) repeat-x left bottom; margin:0 0 10px 0; padding:0 0 10px 0; width:720px; }
#mf_input input,#mf_input textarea { border:2px solid #c7f901; background:#eafbcc; padding:6px 5px 4px 5px; }

#mf_buttons { padding:0px; text-align:center; }
#mf_buttons ul { width:282px; height:51px; overflow:hidden; margin:0px auto; }
#mf_buttons ul li { width:131px; height:51px; overflow:hidden; float:left; display:inline; margin:0 10px 0 0; }
input#button_mf_goconfirm { width:131px; height:51px; overflow:hidden; background:#fff url(img/form_confirm.gif) no-repeat; border:none; cursor:pointer; }
input#button_mf_reset { width:131px; height:51px; overflow:hidden; background:#fff url(img/form_reset.gif) no-repeat; border:none; cursor:pointer; }
.reset_over { background:url(img/form_reset_over.gif) no-repeat; }
.reset_out { background:url(img/form_reset.gif) no-repeat; }
.confirm_over { background:url(img/form_confirm_over.gif) no-repeat; }
.confirm_out { background:url(../images/form_confirm.gif) no-repeat; }

#form_return_top { line-height:0%; display:block; text-align:right; clear:both; }


/* ----- 左サイドメニュー [ sidebar.php ] ------------------------------------------------------------------------------------------------------- */
#left_col { float:left; display:inline; width:200px; margin:15px 0 0 15px; }
#side_menu { width:198px; border:1px solid #000; background:#f7f7f7 url(img/side_menu_top.gif) no-repeat left top; padding:75px 0 0 0; }
#side_menu li { background:url(img/dot1.gif) repeat-x left top; padding:1px 0 0 0; margin:0; display:block; }
#side_menu li img { display:block; vertical-align:top; margin:0; }

#side_menu li a { background:url(img/side_menu.gif) no-repeat right center; display:block; text-decoration:none; padding:6px 20px 3px 6px; color:#555; font-size:14px; font-weight:bold; }
#side_menu li a:hover { background:#66c773 url(img/side_menu_hover.gif) no-repeat left center; }
#side_menu li.side_menu_parent a { display:block; line-height:0%; padding:0; }
#side_menu li a span { font-size:11px; display:block; font-weight:normal; color:#888; }
#side_menu li.side_menu_current a { background:#66c773 url(img/side_menu_hover.gif) no-repeat left center; }

/* ----- ランキング ----- */
#side_ranking { margin:0 0 20px 0; }
#side_ranking h3 { margin:0; line-height:0%; display:block; }
#side_ranking ul { margin:0; padding:0; border:2px solid #000; width:194px; }
#side_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; }
#side_ranking li.index_rank5 { background:none; margin:0; }

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

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

/* ----- おすすめ ----- */
#side_recommend { width:198px; }
#side_recommend h2 { margin:0 0 10px 0; }
#side_recommend_image { width:160px; height:190px; background:#dfe3ec; position:relative; margin:0 0 0 20px; }
#side_recommend_image h3 { font-size:12px; width:138px; position:absolute; top:153px; left:10px; }
#side_recommend_image img { position:absolute; top:10px; left:9px; border:1px solid #fff; width:140px; height:140px; }
#side_more_recommend { font-size:14px; font-weight:bold; margin:12px 0 0 25px; display:block; }
#side_more_recommend:hover { color:#f634c6; }


/* ----- フッター [ footer.php ] ---------------------------------------------------------------------------------------------------------------- */
#footer_wrapper { background:url(img/footer.gif) left top; }
#footer { width:990px; height:240px; margin:0 auto; padding:30px 0; color:#fff; font-size:12px; }
#footer_company { border-right:1px solid #777; width:270px; float:left; }
#footer_company a { margin:0 0 0 0; width:249px; height:87px; background:url(img/footer_logo.png) no-repeat left top; line-height:100%; font-size:12px; font-weight:normal; text-indent:-9999px; display:block; }
#copyright { margin:40px 0 0 0; font-size:11px; }
#footer ul { float:left; padding:0 15px; border-right:1px solid #777; height:240px; width:207px; }
#footer ul#footer_menu3 { border:none; }
#footer_menu1 a { color:#ccff00; background:url(img/bullet1.gif) no-repeat left center; padding:0 0 0 10px; }
#footer_menu2 a { color:#f631c5; background:url(img/bullet2.gif) no-repeat left center; padding:0 0 0 10px; }
#footer_menu3 a { color:#3399ff; background:url(img/bullet3.gif) no-repeat left center; padding:0 0 0 10px; }


/* ----- ページナビゲーション ------------------------------------------------------------------------------------------------------------------ */
#navi { padding:0 4px; margin:0 0 0 0; }
ul.page-numbers { padding:15px 0 0 0; background:url(img/page_navi.gif) no-repeat left top; margin:0 0 0 0; }
ul.page-numbers li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
ul.page-numbers a, ul.page-numbers a:visited, ul.page-numbers a:hover, ul.page-numbers span.current,
ul.page-numbers span.pages, ul.page-numbers span.extend, ul.page-numbers span.current, ul.page-numbers span.dots
 { color:#333; padding:2px 9px 2px 9px; line-height:20px; margin:0 12px 0 0; display:inline; float:left; text-align:center; border:1px solid #333; }
ul.page-numbers a:hover { background:#f634c6; border:1px solid #f634c6; color:#fff; text-decoration:none; }
ul.page-numbers span.current { background:#000; border:1px solid #000; color:#fff; }


/* ----- clearfix hack ------------------------------------------------------------------------------------------------------------------------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */