﻿.top_image_box{ clear:both;}
.top_image_box .flash{ width:588px; border:1px solid #CCCCCC; float:left;}
.top_image_box .link{ width:280px; float:right;}
.top_image_box .link a.chasho{}
.top_image_box .link a.yamashina{ margin-top:15px;}
.top_image_box .link a.webmaster{ margin-top:15px;}
.top_image_box img{ display:block;}

.news_title{ background:url(/images/simple_line.gif) repeat-x bottom; padding-bottom:10px; text-indent:-9999px; line-height:1em;}
.news_title h3{ background:url(/images/top_title_news.gif); text-indent:-9999px; width:57px; height:15px;}
.news_list span{ font-weight:bold; display:block; padding-bottom:5px;}
.news_list dt{ margin-top:15px; font-size:95%; color:#666666;}
.news_list dd{ margin-top:5px;}


.ranking_title{ background:url(/images/simple_line.gif) repeat-x bottom; padding-bottom:10px; clear:both; line-height:1em;}
.ranking_title h2{ background:url(/images/top_title_ranking.gif); text-indent:-9999px; width:60px; height:15px; float:left; line-height:1em;}
.ranking_title p{ float:right; width:200px; text-align:right; line-height:1em;}
.ranking_title a{ display:inline-block; padding-left:15px; background:url(/images/click_red.gif) 0 3px no-repeat;}

.rank1{ height:11px; width:30px; text-indent:-9999px; background:url(/images/rank1.gif) no-repeat; font-size:0.9em; line-height:1em; padding-bottom:10px;}
.list_products_line h2 a{ font-size:1.1em; padding-left:15px; background:url(/images/click_red.gif) 0 8px no-repeat;}
.product_s{ margin-top:10px; padding-bottom:10px; border-bottom:1px dotted #CCCCCC; clear:both; width:590px;}
.product_s h3{ float:left; padding-left:40px; width:200px;} 
.product_s h3.rank2{ background:url(/images/rank2.gif) 0 3px no-repeat;}
.product_s h3.rank3{ background:url(/images/rank3.gif) 0 3px no-repeat;}
.product_s h3.rank4{ background:url(/images/rank4.gif) 0 3px no-repeat;}
.product_s h3.rank5{ background:url(/images/rank5.gif) 0 3px no-repeat;}
.product_s h3.rank6{ background:url(/images/rank6.gif) 0 2px no-repeat;}
.product_s a{ font-size:1.1em; padding-left:15px; background:url(/images/click_red.gif) no-repeat 0 5px; display:block;}
.product_s .product_info_s{ width:250px; float:left; padding-left:10px;}
.product_s .value{ width:50px; float:right;}


.column_title{ background:url(/images/simple_line.gif) repeat-x bottom left; padding-bottom:10px; float:left; width:900px;}
.column_title h3{ background:url(/images/top_title_column.gif); text-indent:-9999px; width:184px; height:15px; float:left; margin-bottom:0; line-height:1em;}
.column_title p{ float:right; width:200px; text-align:right; line-height:1em;}
.column_title a{ display:inline-block; padding-left:15px; background:url(/images/click_green.gif) 0 3px no-repeat;}
.top_column_image{ margin-top:15px;}
.top_column_image img{ border:1px solid #CCCCCC;}
.top_column_image a:hover img{ border:1px solid #000000;}
.top_column_image h4{ margin-top:15px;}
.top_column_image h4 a{ width:200px; height:20px; text-indent:-9999px; display:block; line-height:1em;}
.top_column_image h4.column11 a{ background:url(/images/column11.gif);}
.top_column_image h4.column12 a{ background:url(/images/column12.gif);}
.top_column_image h4.column13 a{ background:url(/images/column13.gif);}
.top_column_image h4 a:hover{ background-position:0 -20px;}
.top_column_image p{ margin-top:5px;}

.l_column_title{ padding-bottom:30px;}
.l_column_title h3{ width:62px; height:11px; background:url(/images/column09.jpg); text-indent:-9999px; line-height:1em; font-size:0.9em;}
.backnumber{ margin-top:30px;}
.backnumber a{ display:block; margin-top:10px; height:16px; width:219px; text-indent:-9999px; background:url(/images/column10.jpg); line-height:1em;}
.backnumber a:hover{ background-position:0 -16px;}

.r_column_list .left{ float:left; width:190px;}
.r_column_list .center{ float:left; width:200px;}
.r_column_list .right{ float:left; width:200px;}

.r_column_title{ padding-bottom:15px;}
.r_column_title h3{ width:85px; height:11px; background:url(/images/column08.jpg); text-indent:-9999px; line-height:1em; font-size:0.9em;}

.r_column_list a{ display:block; margin-top:10px; height:15px; width:171px; text-indent:-9999px; line-height:1em;}
.r_column_list .c01 a{ background:url(/images/c01.gif);}
.r_column_list .c02 a{ background:url(/images/c02.gif);}
.r_column_list .c03 a{ background:url(/images/c03.gif);}
.r_column_list .c04 a{ background:url(/images/c04.gif);}
.r_column_list .c05 a{ background:url(/images/c05.gif);}
.r_column_list .c06 a{ background:url(/images/c06.gif);}
.r_column_list .c07 a{ background:url(/images/c07.gif);}
.r_column_list .c08 a{ background:url(/images/c08.gif);}
.r_column_list .c09 a{ background:url(/images/c09.gif);}
.r_column_list .c10 a{ background:url(/images/c10.gif);}
.r_column_list .c11 a{ background:url(/images/c11.gif);}
.r_column_list .c12 a{ background:url(/images/c12.gif);}
.r_column_list .c13 a{ background:url(/images/c13.gif);}
.r_column_list .c14 a{ background:url(/images/c14.gif);}
.r_column_list .c15 a{ background:url(/images/c15.gif);}
.r_column_list .c16 a{ background:url(/images/c16.gif);}
.r_column_list .c17 a{ background:url(/images/c17.gif);}
.r_column_list .c18 a{ background:url(/images/c18.gif);}
.r_column_list .c19 a{ background:url(/images/c19.gif);}
.r_column_list .c20 a{ background:url(/images/c20.gif);}
.r_column_list a:hover{ background-position:0 -15px;}

.wide_image_wrap{ clear:both;}

h2.chasho01{ width:898px; height:298px; border:1px solid #CCCCCC; background:url(/images/chasho01.jpg); text-indent:-9999px;}
h2.yamashina01{ width:898px; height:298px; border:1px solid #CCCCCC; background:url(/images/yamashina01.jpg); text-indent:-9999px;}
h2.webmaster01{ width:898px; height:298px; border:1px solid #CCCCCC; background:url(/images/webmaster01.jpg); text-indent:-9999px;}
h2.column01{ width:898px; height:298px; border:1px solid #CCCCCC; background:url(/images/column01.jpg); text-indent:-9999px;}
h2.column02{ width:278px; height:158px; border:1px solid #CCCCCC; background:url(/images/column02.jpg); text-indent:-9999px;}
a:hover h2.column02{ border:1px solid #000000;}

.sub_column{ margin:25px 0; clear:both; float:left; width:848px; padding:25px; clear:both; border:1px solid #CCCCCC;}
.sub_column_left{ width:254px; float:left;}
.sub_column_right{ width:565px; float:right;}
.sub_column p{ padding-top:10px;}
.sub_column a{ display:block; padding-top:10px;}

/**コラムリスト表示**/
.column_data{ width:280px; clear:both; font-size:90%;}
.column_data a.asset-image{ display:block; float:left; width:104px; border:1px solid #CCCCCC; margin-right:10px; margin-bottom:5px;}
.column_data a.asset-image:hover{ border:1px solid #000000;}
.column_data .image_side{ float:right; width:160px;}
.column_data span.date{ display:inline-block; padding-bottom:8px; line-height:1em;}
.column_data strong{ display:inline-block; padding-bottom:6px; margin-top:-2px; font-size:120%; background:url(/images/column_icon_s.jpg) 0 2px no-repeat; padding-left:22px;}

/**コラム詳細**/
.column_detail h2{ font-size:2em; background:url(/images/column_icon.jpg)  no-repeat; padding:8px 0 16px 60px; color:000000;}
.column_detail span.date{ padding-top:10px; font-size:90%; display:block; background:url(/images/simple_line.gif) repeat-x;}
.column_detail p{ margin-top:25px; font-size:1.2em;}
.column_detail a img{ margin:25px 0; border:1px solid #CCCCCC; display:block;}
.column_detail a:hover img{ border:1px solid #000000;}

.column_detail table{ border-collapse:collapse; margin-top:15px;}
.column_detail th{ font-weight:normal; background:#EEEEEE; border:1px solid #CCCCCC; text-align:left; padding:10px; text-align:center;}
.column_detail td{ font-weight:normal; border:1px solid #CCCCCC; padding:10px;}
.column_detail table.num td{ text-align:right;}
.column_detail strong{ color:000000; font-weight:bold; display:inline-block; background:url(/images/simple_line.gif) repeat-x bottom; margin:15px 0 10px 0;}
.column_detail u{ color:#FF0000; text-decoration:none;}
.column_detail ol{ font-size:110%;}
.column_detail ol li{ list-style:decimal; margin-left:20px;}

.side .side_column_list{ margin-top:15px;}
.side .side_column_list li{ background:url(/images/simple_line.gif) repeat-x bottom left; padding:10px 0;}
.side .side_column_list li a{ background:url(/images/column_icon_s.jpg) 0 2px no-repeat; padding-left:22px; margin-top:10px; font-size:1.1em; padding-top:1px;}
.side .side_column_link{ margin-top:25px;}
.side .side_column_link li{ margin-top:15px;}

.crown{ background: url(/images/crown.jpg) no-repeat; padding-left:80px; height:43px; margin-top:15px;}
.crown h2{ font-size:1.3em;}
