@charset "utf-8";

/******初期化******/
* { margin: 0px; padding: 0px;}
html{ height:100%;}
body {  margin:0px; padding:0px; color:#555555; font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; line-height: 1.4; *font-size:small; *font:x-small; height:100%; background:#e8e8e8;}
table, th, tr, td{ font-size:inherit; font:100%; line-height: 1.4; text-align: left;}
input, textarea, select, option { font-size:inherit; font:100%;}
li, ul{ margin:0; padding:0; list-style:none;}
img{ margin:0;}
* html h2,h3{ line-height:1em;}

#continer{ min-height:100%; position:relative;}
body > #container { height: auto;}


.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/******IEハック******/
* html #continer{ height:100%;}
* html img{ vertical-align:top;}
* html li{ line-height:1.1em; list-style-position:outside;}
*:first-child+html li{ line-height:1.1em;}
head~/* */body { font-size:80%;}

/****** Mac UTF-8の文字化け防止******/
/*＼*//*/
input, textarea, select, option { font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a{ cursor:pointer; padding:0; margin:0;}
a img{ border: none; background-color: transparent;}

/******共通******/
a:link{ color: #3268b2; text-decoration:none;}
a:visited{ color:#3268b2; text-decoration:none;}
a:hover{ color: #3268b2; text-decoration:underline;}
a:active{ color: #3268b2;}

/* ===============[ float解除 ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*共通デザイン*/

.wrap{ width:100%; clear:both;}
.box{ margin-left:auto; margin-right:auto; width:950px; padding:0 5px; text-align:left; clear:both;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}


/*ヘッダー共通デザイン*/

.header_wrap{ background:#3268b2 url(/style_images/header_wrap.jpg);}
.header_box{ color:#FFFFFF; position:relative;}

.header_wrap a{ color:#FFFFFF;}
.header_wrap a:link{ color:#FFFFFF;}
.header_wrap a:visited{ color:#FFFFFF;}
.header_wrap a:hover{ color:#FFFFFF; text-decoration:underline;}
.header_wrap a:active{ color:#FFFFFF;}

.header_box .logo{ width:442px; float:left; margin-top:30px;}
.header_box .header_menu{ width:310px; position:absolute; top:0; right:0;}
* html .header_box .header_menu{ margin-top:-15px;}
.header_box .header_menu a.databook{ display:block; width:310px; height:106px; background:url(/style_images/databook.png); text-indent:-9999px;}

.menu_box{ background:url(/style_images/menu_wrap.png); height:40px; padding-top:10px; margin-top:10px;}
.menu_box .left{ float:left; padding:10px 0 0 15px; font-weight:bold;}
.menu_box .right{ width:300px; float:right;}
* html .menu_box{ padding-bottom:5px;}
.menu_box .left li{ display:inline;}
.menu_box .right li{ float:left; padding-top:12px;}
.menu_box .right li.app{ padding-top:5px;}
.menu_box .right li img{ vertical-align:text-bottom; margin-right:3px;}
.menu_box .right li.app img{ vertical-align:text-top; margin-right:12px;}
.menu_box .line{ color:#6e97d1; display:inline-block; padding: 0 8px; font-weight:normal;}



/*コンテンツ共通デザイン*/

.contents_wrap{ background:#e8e8e8 url(/style_images/contents_wrap.jpg) repeat-x;}
.contents_box{ background:url(/style_images/contents_box.png) repeat-y;}

.contents_box .main{ width:650px; float:left;}
.contents_box .side{ width:300px; float:right;}

.gback{ background:url(/style_images/gback.jpg) no-repeat; border-bottom:#DDDDDD 1px solid; padding:15px 15px; width:619px;}
.side .gback{ padding:10px 15px; width:270px;}

.main_head{ clear:both; width:619px; color:#000000;}
.main_head .date{ float:left; width:190px; font-weight:bold;}
.main_head .info{ width:425px; float:right;}



/*ナビ*/
.navi{}
.navi span{ color:#CCCCCC; padding:0 3px; display:inline-block;}
.navi h1{ display:inline; font-weight:normal;}

/* ページャー */
.pager{ margin-top:20px; text-align:center; padding-bottom:25px;}
.pager a{ color:#3268b2;}
.pager .num{ display:inline-block; padding:0 5px;}
.pager .num a{ display:inline-block; border:1px solid #3268b2; padding:0 5px;}
.pager .num a:hover{ background:none; background-color:#3268b2; color:#FFFFFF; padding:1px 6px; border:none; text-decoration:none;}
.pager .num .current_page{ display:inline-block; border:1px solid #CCCCCC; color:#CCCCCC; padding:1px 6px;}



/*サイド*/

.side .side_top_pr{ width:300px; height:260px; background:url(/style_images/top_bn.jpg); clear:both;}
.side .side_top_pr ul{ padding-top:120px;}
.side .side_top_pr li{ list-style:none; margin:0; padding:0; display:block; float:left;}
.side .side_top_pr a.bn01{ display:block; width:125px; height:40px; margin-left:21px;}
.side .side_top_pr a.bn02{ display:block; width:125px; height:40px; margin-left:9px;}
.side .side_top_pr a.bn03{ display:block; width:125px; height:40px; margin-left:21px; margin-top:8px;}
.side .side_top_pr a.bn04{ display:block; width:125px; height:40px; margin-left:9px; margin-top:8px;}
.side .side_top_pr a{ text-indent:-9999px;}



.side .search_box{ height:83px; background:url(/style_images/search_back.jpg); position:relative;}
.side .search_box h3{ text-indent:-9999px;}
.side .search_box form{ display:block; position:absolute; top:38px; left:13px;}
.side .search_box form input{ vertical-align:middle; width:200px;}
.side .search_box form input.button{ margin-top:1px; margin-left:4px; width:53px;}

.side .side_yanushi{ color:#000000;}
.side .side_yanushi_head{ clear:both; width:270px;}
.side .side_yanushi_head img.cover{ float:left; border:1px solid #DDDDDD;}
.side .side_yanushi_head ul{ float:right; width:180px;}
.side .side_yanushi_head li.info{ padding-top:5px;}

.side .side_yanushi_topics{ margin-top:10px;}
.side .side_yanushi_topics li{ padding-left:25px; background:url(/style_images/click.gif) 0 3px no-repeat; padding-bottom:5px; font-weight:bold;}

.side .side_yanushi_foot{ clear:both; width:270px; margin-top:5px;}
.side .side_yanushi_foot .left{ float:left; width:101px;}
.side .side_yanushi_foot .right{ margin-top:5px; float:right; width:130px; padding-left:25px; background:url(/style_images/click.gif) 0 3px no-repeat; padding-bottom:5px;}

.side .groups{ background:url(/style_images/side_back.jpg); padding:11px 16px 16px 16px;}
.side .groups li{ margin-top:10px; text-align:center;}

.side .ranking h3{ height:29px; background:url(/style_images/side_ranking_title.jpg); text-indent:-9999px;}
.side .ranking li{ padding-left:25px; background:url(/style_images/click.gif) 0 3px no-repeat; padding-bottom:5px;}

.side .outside{ background:url(/style_images/side_back.jpg); padding:16px;}
.side .outside a{ display:block; text-indent:-9999px; width:268px; height:43px; background:url(/style_images/outside_button.jpg);}

.side .side_pr{ padding:11px 16px 16px 16px;}
.side .side_pr li{ margin-top:10px; text-align:center;}
.side .side_pr li.title{ text-align:left;}

/*トップ*/

.top_news{ width:619px; clear:both;}
.top_news_left{ width:170px; float:left;}
.top_news_right{ width:430px; float:right;}

.top_news_left a{ padding-left:25px; background:url(/style_images/click.gif) 0 1px no-repeat; padding-bottom:2px;}
.top_news_right .top_news_head{ clear:both; width:430px;}
.top_news_right h2{ width:96px; height:26px; background:url(/style_images/top_news_title.gif) no-repeat; text-indent:-9999px; float:left;}
.top_news_right p.date{ width:320px; float:right; color:#bf1c33; font-weight:bold; line-height:1.4em;}
.top_news_right ul{ margin-top:15px;}
.top_news_right li{ padding:5px 0; border-top:1px dotted #DDDDDD; clear:both;}
.top_news_right p{ width:360px; float:left;}
.top_news_right span.category{ width:60px; text-align:right; float:right; display:block;}

.top_index li{ display:block; padding:0; line-height:1em;}
.top_index a{ display:block; width:619px; clear:both; text-decoration:none;}
.top_index a:hover{ text-decoration:none;}
.top_index img{ padding-bottom:10px; border:1px solid #DDDDDD;}
.top_index strong{ display:block; padding:4px 0 5px 0;}
.top_index strong span{ color:#333333;}
.top_index .read{ color:#555555;}
.top_index .left{ width:47px; float:left; display:block;}
.top_index .right{ width:560px; float:right; display:block; line-height:1.2em;}
.top_index a:hover{ background:#EEEEEE;}
.top_index .gback{ padding-bottom:10px;}

.top_topics .top_index img{ background:url(/style_images/topics_icon.jpg) bottom left;}
.top_special .top_index img{ background:url(/style_images/special_icon.jpg) bottom left;}
.top_witht .top_index img{ background:url(/style_images/witht_icon.jpg) bottom left;}
.top_blog .top_index img{ background:url(/style_images/blog_icon.jpg) bottom left;}
.top_interview .top_index img{ background:url(/style_images/interview_icon.jpg) bottom left;}
.top_blog img.no_image{ background:none; padding:0;}

.top_info{ padding:25px 15px;}
.top_info h3{ background:url(/style_images/top_info_title.png) no-repeat; width:169px; height:15px; text-indent:-9999px;}
.top_info ul{ padding-top:5px;}
.top_info li{ margin-top:5px; padding-left:28px; background:url(/style_images/click.gif) 0 4px no-repeat;}
.top_info a{ font-weight:bold;}
.top_info span{ color:#999999;}

.top_tags { border-bottom:0; padding:25px 15px;}
.top_tags h3{ background:url(/style_images/top_tag_title.png); width:186px; height:29px; text-indent:-9999px;}
.top_tags ul{ margin-top:10px;}
.top_tags li { list-style: none; display: inline; }
.top_tags li.rank-1 { font-size: 20px; font-weight:bold;}
.top_tags li.rank-2 { font-size: 19px; font-weight:bold;}
.top_tags li.rank-3 { font-size: 17px; font-weight:bold;}
.top_tags li.rank-4 { font-size: 18px;}
.top_tags li.rank-5 { font-size: 14px; opacity: 0.9; filter: alpha(opacity=90);}
.top_tags li.rank-6 { font-size: 12px; opacity: 0.8; filter: alpha(opacity=80);}
.top_tags li.rank-7 { font-size: 11px; opacity: 0.7; filter: alpha(opacity=70);}
.top_tags li.rank-8 { font-size: 10px; opacity: 0.6; filter: alpha(opacity=60);}
.top_tags li.rank-9 { font-size: 9px; opacity: 0.5; filter: alpha(opacity=50);}
.top_tags li.rank-10 { font-size: 8px; opacity: 0.4; filter: alpha(opacity=40);}

/*ニュース*/
.news_body h2{ color:#333333;}
.news_body h2 span{ display:block; font-style:italic; font-size:0.8em;}
.news_body p{ margin-top:15px;}
.news_body p.date{ margin-top:5px;}
.news_body span.line{ color:#DDDDDD; display:inline-block; padding:0 3px;}
.news_body .tag{ background:#EEEEEE; padding:10px; margin-top:20px; border:1px solid #DDDDDD; margin-bottom:15px;}
.news_body .tag span{ color:#DDDDDD; display:inline-block; padding:0 3px;}

.detail_links{ border-bottom:0;}
.detail_links h3{ color:#333333;}
.detail_links ul{ margin-top:15px; border-bottom:1px dotted #DDDDDD;}
.detail_links li{ border-top:1px dotted #DDDDDD; padding:7px 0 5px 0; clear:both;}
.detail_links li span.left{ float:left; width:490px;}
.detail_links li span.right{ float:right; width:120px; text-align:right;}
.detail_links p.link{ margin-top:15px; padding-left:28px; background:url(/style_images/click.gif) 0 3px no-repeat;}
.detail_links p.link2{ margin-top:5px; padding-left:28px; background:url(/style_images/click.gif) 0 3px no-repeat;}

.search_result{ border-bottom:0;}
.search_result h3{ color:#333333;}
.search_result ul{ margin-top:15px; border-bottom:1px dotted #DDDDDD;}
.search_result li{ border-top:1px dotted #DDDDDD; padding:7px 0 5px 0; clear:both;}
.search_result li span.left{ float:left; width:430px;}
.search_result li span.right{ float:right; width:180px; text-align:right;}
.search_result li span.line{ color:#DDDDDD; display:inline-block; padding:0 5px;}

.archive_list{ border-top:1px solid #DDDDDD; border-bottom:0; margin-top:20px;}
.archive_list h3{ color:#333333;}
.archive_list ul{ clear:both; width:619px; margin-top:5px; }
.archive_list li{ padding-left:28px; background:url(/style_images/click.gif) 0 3px no-repeat; float:left; width:125px; margin-top:5px;}


/*トップ対談*/
.result_title h3{ color:#333333;}
.result_title p{ padding-top:5px;}
.result_title .line{ display:inline-block; padding:0 4px; color:#DDDDDD;}

.latest_box{ width:619px; clear:both;}
.latest_box img.thumb_img{ width:150px; float:right; border:1px solid #DDDDDD; padding:1px;}
.latest_box .latest_info{ float:left; width:450px;}

.latest_info h3{ color:#333333; padding-top:5px; padding-bottom:10px; line-height:1.4em;}

.result_wrap ul{ width:619px; clear:both;}
.result_wrap li.left{ float:left; width:300px;}
.result_wrap li.right{ float:right; width:300px;}
.result_wrap img.thumb_img{ float:left; width:75px; border:1px solid #DDDDDD; padding:1px;}
.result_wrap .result_info{ float:right; width:210px;}
.result_wrap .result_info h3{ color:#333333; padding-top:2px; padding-bottom:4px; line-height:1.4em;}
.result_wrap .result_info_wide{ width:300px;}

.witht_backnumber table{ width:100%; border-collapse:collapse;}
.witht_backnumber th{ background:#EEEEEE; text-align:center; border:solid #DDDDDD 1px; padding:5px; }
.witht_backnumber td{ border:solid #DDDDDD 1px; padding:5px; text-align:center;}
.witht_backnumber .name_td{ width:120px;}
.witht_backnumber .company_td{ width:200px;}
.witht_backnumber .address_td{ width:160px;}

.result_table table{ width:100%; border-collapse:collapse;}
.result_table th{ background:#EEEEEE; text-align:center; border:solid #DDDDDD 1px; padding:5px; }
.result_table td{ border:solid #DDDDDD 1px; padding:5px; text-align:center;}
.result_table .name_td{ width:120px;}
.result_table .company_td{ width:200px;}
.result_table .address_td{ width:160px;}

.company_table td{ text-align:left;}
.company_table th{ text-align:left;}

.result_image{ border-bottom:0;}



/*ブログ*/
.blog_header{ clear:both; width:619px;}
.blog_header img{ float:left; width:100px;}
.blog_header ul{ float:right; width:500px; color:#000000; padding-top:8px;}
.blog_header li.entry_title{ padding-top:5px;}
.blog_header li.entry_date{ color:#666666;}

.blog_body p{ margin-top:15px;}
.blog_body { padding-bottom:30px;}

.blog_links{ clear:both;}
.blog_links .left{ width:300px; float:left;}
.blog_links .right{ width:300px; float:right; text-align:right;}
.blog_links h3{ color:#000000; padding-bottom:5px;}
.blog_links li{ padding-top:5px;}


/*お知らせ*/
.info_result li{ padding:30px 15px;}
.info_result h2{ color:#333333;}
.info_result h3{ color:#333333;}
.info_result p{ margin-top:15px;}
.info_result p.date{ margin-top:0;}



/*フォーム*/
.contact_form {}
.contact_form h2{ color:#000000;}
.contact_form table{ border-collapse:collapse; width:99.9%; border-bottom:1px dotted #DDDDDD; margin-top:20px;}
.contact_form th{ width:130px; font-weight:normal; font-size:100%; text-align:left; vertical-align:top; padding:10px 0; border-top:1px dotted #DDDDDD;}
.contact_form td{ vertical-align:top; padding:10px 0; border-top:1px dotted #DDDDDD; padding-left:10px;}
.contact_form td.button_td{ text-align:center; background:#EEEEEE; margin-top:10px;}
.contact_form .mail-error{ display:block; color:#FF0000; padding-top:3px;}
.contact_form .confirm{ border:1px solid #CCCCCC; padding:20px 15px; margin-top:20px;}
.contact_form .confirmth{ width:120px;}
.contact_form .error_p{ color:#FF0000; padding-top:20px;}



/*フッター共通デザイン*/

.guide_wrap{ background:#e8e8e8 url(/style_images/backnumber_wrap.png) center top no-repeat; padding-top:23px;}
.guide_box{ background:url(/style_images/contents_box2.png) repeat-y;}

.guide_box .guide_left{ width:445px; float:left; border:none;}
.guide_box .guide_right{ float:right; width:455px; padding:15px; padding-left:5px;}
.guide_box .guide_latest_left img{ border:1px solid #DDDDDD;}
.guide_box .guide_latest_left{ width:79px; float:left;}
.guide_box .guide_info{ width:345px; float:right;}
.guide_box .guide_info .guide_latest_date{ color:#000000; font-weight:bold;}
.guide_box .guide_info ul{ margin-top:5px;}
.guide_box .guide_info li{ padding-left:25px; background:url(/style_images/click.gif) 0 3px no-repeat; margin-top:2px;}
.guide_box .guide_info li.info{ padding-left:0; background:none; margin-top:5px;}

.guide_box .guide_right a.button{ height:40px; width:205px; display:block; background:url(/style_images/guide_app.jpg); text-indent:-9999px;}
.guide_box .guide_right ul{ background:#EEEEEE; padding:15px; margin-top:15px;}
.guide_box .guide_right li{ padding-top:5px;}
.guide_box .guide_right li.title{ padding-top:0; color:#333333; font-weight:bold; padding-bottom:3px;}
.guide_box .guide_right li.link{ padding-left:25px; background:url(/style_images/click.gif) 0 8px no-repeat; margin-top:3px;}
.guide_box .guide_right li span{ display:inline-block; padding-right:5px; color:#333333; font-weight:bold;}

.site_info{ margin-top:15px;}
.site_info h4{ color:#000000; padding-bottom:10px;}

.footer_wrap{ background:#e8e8e8 url(/style_images/backnumber_wrap.png) center top no-repeat; padding-top:11px;}
.footer_box{ background:#e8e8e8; padding-top:10px; padding-bottom:50px;}

.footer_box li{ display:inline; line-height:1em;}
.footer_box ul{ border-top:1px solid #FFFFFF; padding-top:10px; font-weight:bold;}
.footer_box .line{ color:#CCCCCC; display:inline-block; padding:0 3px; font-weight:normal;}

.footer_menu01{ border-top:1px solid #CCCCCC;}
.footer_menu02{ border-top:1px solid #CCCCCC; margin-top:10px;}
.footer_menu03{ border-top:1px solid #CCCCCC; margin-top:10px; clear:both;}
.footer_menu04{ border-top:1px solid #CCCCCC; clear:both; margin-top:10px; clear:both; color:#000000;}

.footer_menu02 li{ line-height:1.5em;}
.footer_menu02 li.title{ display:block;}
.footer_menu03 ul{ display:block; width:800px; float:left;}
.footer_menu03 img{ vertical-align:middle; margin-right:10px;}
.footer_menu03 .page_top{ display:block; width:150px; text-align:right; float:right; padding-top:10px; border-top:1px solid #FFFFFF;}
.footer_menu03 .page_top img{ margin-right:0;}
.footer_menu04 ul{ font-weight:normal;}
.footer_menu04 li{ display:block;}
.footer_menu04 a{ color:#000000;}
.footer_menu04 a:linked{ color:#000000;}