@charset "utf-8";

/* --------------------------------------------------------------------
	Base
/* -------------------------------------------------------------------- */

*{
	color: #222;
}

a{
	color: blue;
}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img{
	border: 0;
	vertical-align: bottom;
}

h1 {
	font-size: 189%;
}

h2 {
	font-size: 159%;
}

h3 {
	font-size: 144%;
}

h4 {
	font-size: 122%;
}

h5 {
	font-size: 107%;
}

h6 {
	font-size: 107%;
}

h1,h2,h3,h4,h5,h6,p{
	margin-bottom: 10px;
}

p{
	margin-bottom: 20px;
}

p.link:before{
	content: '→';
}

ul{
	padding-left: 2em;
	margin-bottom: 20px;
}

ol{
	padding-left: 3em;
	margin-bottom: 20px;
}

th{
	text-align: left;
}

/********** li dl dt start **********/
/* for IE6 */
* html ul , * html ol{
	padding-left: 2.3em;
}

/* for IE7 */
*:first-child+html ul , *:first-child+html ol{
	padding-left: 2.3em;
}
/********** li dl dt end **********/

.clearfix:after {
	content: url(../images/empty.gif);
	display: block;
	clear: both;
	height: 0;
}

strong{
	font-weight: bold;
}

/* --------------------------------------------------------------------
	CSS Hacks
/* -------------------------------------------------------------------- */

/* only Opera */
body:first-of-type #main_menu{
}

/* only IE WIN4-6 MAC4-5 */
* html #contents #main{
}

/* only IE7 */
*+html #top_window dt img , #top_window_single dt img{
}

/* --------------------------------------------------------------------
	layout
/* -------------------------------------------------------------------- */

html{
	overflow-y: scroll;
}

body{
	margin: 0;
	line-height: 1.5;
	font-size: 90%;

	background-image: url(../images/back.png);
	background-repeat: repeat;
}

#base{
	width: 840px;
	margin: 0 auto;
	padding: 0;
	text-align: left;

	background-image: url(../images/base_back.png);
	background-repeat: repeat-y;
}

#seo_title{
	font-size: 16px;
	padding-left: 5px;
	background-image: url(../images/back.png);
	background-repeat: repeat;
}

#container{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#footer_back{
	position: relative;
	left: -5px;

	background-image: url(../images/footer_back.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content {
	width: 780px;
	margin: 0 auto;
}

.breadcrumbs{
	position: relative;

	margin: 6px 0;
	padding-left: 16px;
	height: 14px;
	color: gray;
	font-size: 11px;
	background-image: url(../images/icon_home.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.to_top{
	position: absolute;
	top: 0;
	right: 0;

	color: #4f3fd7;
	font-size: 11px;
	font-weight: normal;
	padding-left: 15px;

	background-image: url(../images/icon_top.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#main{
	width: 560px;
	float: right;
}

#sub{
	width: 200px;
	float: left;
}

/* --------------------------------------------------------------------
	Menu
/* -------------------------------------------------------------------- */
.menu{
	width: 100%;
	padding: 0;

	padding-top: 42px;
	margin-bottom: 30px;
	background-image: url(../images/menu_top.png);
	background-repeat: no-repeat;
	background-position: 0 top;
}

.area{
	text-align: center;
	background-image: url(../images/menu_area.png);
}

.users{
	text-align: center;
	background-image: url(../images/menu_users.png);
}

.area p,.users p{
	padding: 8px 0;
	font-size: 12px;
	background-image: url(../images/dot_bar_gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.recommend{
	background-image: url(../images/menu_recommend.png);
}

.menu h3{
	color: white;
	padding: 5px 0;
	margin: 0;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #72bfde;
}

.menu ul{
	padding: 0;
	margin: 0 0 30px 0;
	list-style-type: none;
}

.menu ul li{
	width: 100%;
	line-height: 1.2;
	background-image: url(../images/dot_bar_gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.menu ul li a , .menu ul li span{
	color: #222;
	display: block;
	padding: 8px 0 8px 20px;
	zoom: 1;

	font-size: 12px;
	background-image: url(../images/menu_pages.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	text-decoration: none;
}

.menu ul li a img , .menu ul li span img{
	margin-left: 5px;
	vertical-align: middle;
}

.menu ul li a:hover , .menu ul li.hover span{
	background-color: #f0f9ff;
	background-position: 7px center;
}

.menu ul li.hover span{
	color: #4f3fd7;
	background-position: 5px center;
}

.menu ul li strong.menu_add{
	margin-left: 5px;
	padding-right: 2px;
	font-size: 10px;
	color: white;
	font-weight: normal;
	background-color: #72bfde;
}


.add_bookmark{
	width: 185px;
	padding: 4px 0 7px 0;
	margin: 0 auto 30px auto;
	text-align: center;
	border: 1px solid #72bfde;
}

.add_bookmark p{
	color: #666;
	font-size: 10px;
	margin-bottom: 0;
}

.add_favourite{
	margin: 7px 0 10px 0;
	text-align: center;
}

.add_favourite input{
	width: 190px;
	padding: 3px;
	font-size: 12px;
}

.add_favourite a{
	color: #222;
	padding: 5px 10px;
	font-size: 12px;
	background-color: #f0f9ff;
	border: 1px dotted #72bfde;
	text-decoration: none;
}

.add_favourite a:hover{
	color: white;
	background-color: #72bfde;
}

.add_rss{
	width: 185px;
	padding: 4px 0 0 0;
	margin: 0 auto 10px auto;
	text-align: center;
	border: 1px solid #72bfde;
}

.add_rss a img{
	margin-bottom: 5px;
}

.add_rss p{
	color: #666;
	font-size: 10px;
	margin-bottom: 0;
}

.add_rss img{
	vertical-align: middle;
}

.add_rss p a{
	font-size: 12px;
	padding-bottom: 0;
	text-decoration: none;
}

.add_rss p a img{
	vertical-align: top;
}

.pagerank{
	text-align: center;
}

.update{
	width: 185px;
	padding: 4px 0;
	margin: 0 auto 10px auto;
	text-align: center;
	border: 1px solid #72bfde;
}

.update p{
	color: #666;
	font-size: 10px;
	margin-bottom: 0;
}

.update p span{
	font-size: 12px;
	font-weight: bold;
	color: #4f3fd7;
}

#menu_ranking{
	width: 200px;
	margin-bottom: 30px;
}

#menu_ranking h3{
	width: 100%;
	height: 49px;
	text-indent: -1000em;

	background-image: url(../images/menu_ranking_title.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu_ranking h4{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
}

#menu_ranking ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_ranking ol li{
	background-image: url(../images/dot_bar_gray.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#menu_ranking ol li div{
	background-repeat: no-repeat;
	background-position: 1px 28px;
}

#menu_ranking ol li h4{
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left top;
}

#menu_ranking ol li.ranking_1 h4{
	background-image: url(../images/ranking_small_1.gif);
}

#menu_ranking ol li.ranking_2 h4{
	background-image: url(../images/ranking_small_2.gif);
}

#menu_ranking ol li.ranking_3 h4{
	background-image: url(../images/ranking_small_3.gif);
}

#menu_ranking ol li.ranking_4 h4{
	background-image: url(../images/ranking_small_4.gif);
}

#menu_ranking ol li.ranking_5 h4{
	background-image: url(../images/ranking_small_5.gif);
}

#menu_ranking ol li p{
	margin-bottom: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	font-size: 12px;
}


/* --------------------------------------------------------------------
	Header
/* -------------------------------------------------------------------- */
#header{
	position: relative;
	
	width: 840px;
	height: 180px;
	
	background-image: url(../images/top_display.png);
	background-repeat: no-repeat;
	background-position: top;
}

#header h1 a{
	position: relative;
	top: 52px;
	left: 61px;
	
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	
	width: 263px;
	height: 88px;
	
	background-image: url(../images/logo.png);
	background-position: center 0;
	background-repeat: no-repeat;
}

#header h2{
	position: absolute;
	top: 151px;
	left: 63px;

	color: #3020c0;
	font-size: 12px;
	font-weight: bold;
}
/* --------------------------------------------------------------------
	Footer
/* -------------------------------------------------------------------- */

#footer{
	clear: both;
	width: 780px;

	padding-top: 30px;
	margin: 0 auto;
}

#global_menu{
	width: 780px;
	height: 31px;
	color: gray;
	
	padding-top: 7px;
	text-align: center;
	margin-bottom: 0;

	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: center 0;
}

#global_menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#global_menu ul li{
	display: inline;
	padding: 0 0.5em;

	font-size: 12px;
}

#copyright{
	clear: both;
	font-family: Helvetica , sans-serif;

	color: gray;
	text-align: center;
	font-size: 12px;
	padding: 5px 0 20px 0;
	margin: 0;
}

#copyright a{
	color: gray;
	text-decoration: none;
}

#links{
	width: 100%;
	margin: 20px 0 20px 40px;
}

#links ul{
	clear: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#links li{
	margin-right: 20px;
	float: left;
}

#links a{
	font-size: 12px;
	text-decoration: none;
	color: gray;
}

#links a:hover{
	text-decoration: underline;
}

#links img{
	margin-right: 3px;
	vertical-align: top;
}

/* --------------------------------------------------------------------
	Main
/* -------------------------------------------------------------------- */

#main .clear{
	clear: both;
}

#main h3{
	margin: 0;
	text-align: left;
	padding: 10px 0 0 27px;
	font-size: 14px;
	color: white;
	font-weight: bold;
	
	height: 29px;
	background-image: url(../images/h3.png);
	background-repeat: no-repeat;
}

#main .main_category{
	height: 37px;

	padding: 10px 0 0 67px;
	color: #4f3fd7;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	
	background-image: url(../images/main_category.png);
	background-repeat: no-repeat;
	background-position: center 0;
}

#main .last_update{
	color: gray;
	font-size: 11px;
	margin-bottom: 10px;
}

#main .main_next{
	clear: both;
	position: relative;
	height: 37px;

	padding: 9px 0 0 40px;
	color: #4f3fd7;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;

	background-image: url(../images/main_next.png);
	background-repeat: no-repeat;
	background-position: center 0;
}

#main .main_next .to_top{
	position: absolute;
	top: 10px;
	right: 65px;

	padding-left: 15px;
	color: #4f3fd7;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.6;

	background-image: url(../images/icon_top.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#main .main_next .to_home{
	position: absolute;
	top: 10px;
	right: 10px;

	padding-left: 16px;
	color: #4f3fd7;
	font-size: 11px;
	font-weight: normal;

	background-image: url(../images/icon_home.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#main .company_description{
	padding: 10px 10px 0 10px;
	border: 1px dotted #4f3fd7;
	background-color: #f0f9ff;
	margin-bottom: 30px;
}

#main .site_thumbnail {
	margin: 0 20px 10px 0;
}

#main img.chart{
	margin-left: 30px;
}


#main .company_description p{
	margin-bottom: 10px;
}

#main h4{
	clear: both;
	color: #0061ac;
	line-height: 1.2;
	
	font-weight: bold;
	font-size: 15px;
	padding-left: 16px;
	
	border-bottom: 1px solid #0061ac;
	background-image: url(../images/h4_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#main h4 a{
	color: #0061ac;
	text-decoration: none;
}

#main h4 a:hover{
	padding-left: 2px;
}

#main .h4_inner{
	margin-left: 10px;
}

#main dl.company_recommend{
	margin-left: 10px;
}

#main dl.company_recommend dt{
	font-weight: bold;
	line-height: 1.3;
	padding: 2px 0 0 18px;

	background-image: url(../images/icon_rosette.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	
	border-bottom: 1px dotted #ddd;
}

#main dl.company_recommend dd{
	margin: 0 0 30px 10px;
}

#main dl.company_recommend dl{
	margin-left: 0;
}

#main dl.company_recommend dl dt{
	padding: 0;
	background: none;
	border: none;
}

#main dl.company_recommend dl dd{
	margin: 0 0 10px 10px;
}

#main .company_tables{
	float: left;
	margin-left: 10px;
}

#main .company_tables h5{
	font-weight: bold;
	margin-bottom: 0;
}

#main .company_tables p{
	font-size: 12px;
	margin-bottom: 0;
}

#main table{
	margin-bottom: 30px;
}

#main table th{
	font-size: 10px;
	padding: 5px;
	color: white;
	background-color: #72bfde;
}

#main table th small{
	color: white;
}

#main table td{
	font-size: 12px;
	padding: 3px;
}

#main table tr{
	background-color: #f0f9ff;
}

#main table.tr_hover tr:hover{
	background-color: #cfebf8;
}

#main table td img{
	vertical-align: middle;
}

#main .company_tables table td{
	text-align: center;
}

#main div.servers table{
	margin-bottom: 10px;
}

#main div.servers img{
	margin-bottom: 30px;
}

#main div.waters{
	width: 260px;
}

#main .company_total_price{
	margin-left: 10px;
}

#main .cost table td.name{
	font-size: 12px;
	text-align: left;
}

#main .cost table td.comment{
	font-size: 12px;
	text-align: left;
}

#main .cost table td.server_type{
	font-size: 12px;
}

#main  table.easy_compare_table td{
	font-size: 12px;
	vertical-align: top;
}

#main  table.easy_compare_table ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#main  table.easy_compare_table ul li{
	padding: 3px 5px;
}

#main .onepoint{
	clear: both;
	margin: 0 5px 30px 10px;
	padding: 10px 10px 0 10px;
	border: 1px dotted #72bfde;
}

#main .onepoint h5{
	text-align: center;
	color: white;
	background-color: #72bfde;
}

#main .equation{
	font-size: 20px;
	background-color: #f0f9ff;
}

#main .equation span{
	color: #72bfde;
	font-weight: bold;
	font-size: 12px;
}

#main .company_delivery{
	padding-left: 10px;
}

#main .company_delivery p{
	font-size: 13px;
	margin-bottom: 0;
}

#main .japan_map{
	font-size: 10px;
	border: 10px solid #f0f9ff;
}

#main .japan_map td{
	color: #bbb;
	background: white;
	text-align: center;
}

#main .japan_map td.海{
	background-color: #f0f9ff;
}

#main .soft_and_hard_water_equation{
	font-size: 14px;
	font-weight: bold;

	padding: 10px;
	border: 1px dotted #4f3fd7;
	background-color: #f0f9ff;
	margin-bottom: 30px;
}

#main .soft_and_hard_water_equation span{
	font-weight: normal;
	font-size: 12px;
}

#main .aff_banner{
	clear: both;
	margin-bottom: 30px;
}

#main .top_recommend{
	margin: 0 0 20px 10px;
}

#main .bottom_border{
	background-image: url(../images/dot_bar_gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#main .top_recommend h5{
	height: 49px;
	font-size: 24px;
	padding: 15px 0 0 60px;
	
	background-image: url(../images/ranking_1.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#main .top_recommend h5 span{
	padding-left: 5px;
	font-size: 12px;
}

#main .top_recommend h5.no2{
	background-image: url(../images/ranking_2.png);
}

#main .top_recommend h5.no3{
	background-image: url(../images/ranking_3.png);
}

#main .top_recommend h5.no4{
	background-image: url(../images/ranking_4.png);
}

#main .top_recommend h5.no5{
	background-image: url(../images/ranking_5.png);
}

#main #ranking{
	width: 549px;
	border: 1px solid #85beda;
	margin-bottom: 20px;
}

#main #ranking ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#main #ranking ul li{
	width: 183px;
	float: left;
	text-align: center;
}

#main #ranking ul li a{
	display: block;
	color: white;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid white;

	background-image: url(../images/ranking_tab_back.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#main #ranking ul li a:hover{
	background-position: 0 -37px;
}

#main #ranking ul li a.selected{
	font-weight: bold;
	color: #00448b;
	background-position: 0 -74px;
}

#main #ranking .ranking_inner{
	margin: 20px 20px 0 20px;
}

#main #ranking h5{
	position: relative;
}

#main #ranking h5 a{
	position: absolute;
	left: 90px;
	top: 7px;
	line-height: 36px;
	font-size: 36px;
	color: #00366a;
}

#main #ranking h5 span.delivary{
	position: absolute;
	line-height: 1;
	left: 90px;
	top: 45px;
}

#main #ranking table.layout{
	margin: 0;
}

#main #ranking table.layout td{
	text-align: left;
	background-color: white;
}

#main #ranking table.layout td p{
	font-size: 14px;
	margin-bottom: 1em;
}

#main #ranking img.chart{
	margin: 0;
}

#main #ranking img.capture{
	margin-right: 10px;
	border: 1px solid #4c90c4;
}

#main #ranking table.ranking_data{
	width: 100%;
	margin-bottom: 0;
}

#main #ranking table.ranking_data strong{
	font-size: 16px;
	font-weight: bold;
	color: #d60;
}

#main #ranking #ranking_link{
	text-align: left;
	margin: 20px 0;
}

#main #ranking #ranking_link a{
	font-size: 12px;
	color: white;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	
	display: inline-block;
	width: 138px;
	height: 30px;
	
	background-image: url(../images/ranking_button.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#main #ranking #ranking_link a.detail{
	margin-right: 10px;
	background-position: 0 0;
}

#main #ranking #ranking_link a:hover.detail{
	background-position: 0 -30px;
}

#main #ranking #ranking_link a.official{
	background-position: 0 -60px;
}

#main #ranking #ranking_link a:hover.official{
	background-position: 0 -90px;
}

#main #ranking div.divider{
	width: 100%;
	height: 10px;
	margin-bottom: 20px;

	background-image: url(../images/dot_bar_gray.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#main .company_list div{
	position: relative;
	margin-bottom: 40px;
}

#main .company_list table{
	width: 100%;
	margin-bottom: 0;
}

#main .company_list table td dd{
	margin-left: 10px;
}

#main .company_list table.company{
	width: auto;
}

#main .company_list table.company th{
	color: #222;
	background-color: #cfebf8;
}

#main .company_list table.company td{
	color: #444;
	background-color: white;
}

#main .bestten h5{
	clear: both;
}

#main .bestten h5 .rank{
	font-size: 12px;
}

#main .bestten h5 .rank span{
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-weight: bold;
	font-size: 32px;
}

#main .bestten h5 .name{
	font-size: 22px;
	margin-left: 10px;
	font-weight: bold;
}

#main .bestten h5 .count{
	color: white;
	font-size: 12px;
	margin-left: 10px;
	background-color: #fd7f14;
	padding: 8px 3px 0 3px;
}

#main .bestten h5 .count span{
	color: white;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-weight: bold;
	font-size: 22px;
	padding: 0 3px;
}

iframe.twitter-count-vertical {
	width: 65px !important;
}
iframe.twitter-count-horizontal {
	width: 95px !important;
}









#main a.inner_detail_link{
	margin-left: 5px;
	padding: 1px;
	font-size: 10px;
	text-decoration: none;
	background-color: #ddf;
}

#main a:hover.inner_detail_link{
	color: white;
	background-color: #22f;
}

#sitemap ul ul ul{
	padding-left: 0;
}

#sitemap ul ul ul li{
	display: inline;
	font-size: 12px;
}

#main dl.for_diet{
	margin-left: 10px;
}

#main dl.for_diet dt{
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px dotted #ddd;
}

#main dl.for_diet dd{
	margin: 0 0 20px 0;
}

#main .company_description dl{
	margin: 0 0 30px 10px;
}

#main .company_description dt{
	font-size: 12px;
	font-weight: bold;
}

#main .company_description dd{
	margin: 0 0 10px 0;
}

#main img.right{
	float: right;
	margin: 0 0 0 20px;
}

#main img.left{
	float: left;
	margin: 0 20px 0 0;
}

#main img.mb20{
	margin-bottom: 20px;
}

#main .news{
	border: 1px solid #0061ac;
	padding: 10px;
	background-color: #f6faff;
	margin-bottom: 30px;
}

#main .news h5{
	line-height: 1;
	color: #0061ac;
	font-weight: bold;
	border-bottom: 1px solid #0061ac;
}

#main .news h5 span{
	font-size: 12px;
	color: #0061ac;
}

#main .news p{
	margin-bottom: 10px;
}

#main .easy_reason{
	font-size: 14px;
	border: 1px solid #72bfde;
	margin-bottom: 20px;
}

#main .easy_reason p{
	padding: 0 10px;
}

#main .easy_reason h5{
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: #72bfde;
}

#main p strong{
	padding: 0 3px;
	background-image: url(../images/strong_back.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

#top_link ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_link li{
	font-size: 12px;
	padding: 0 3px;
	float: left;
}

#top_link li a{
	color: #444;
}


#tt {position:absolute; display:block; background:url(../images/tooltip/tt_left.gif) top left no-repeat; }
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tooltip/tt_top.gif) top right no-repeat; overflow:hidden; }
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; }
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden; }
#ttcont *{
	color: white;
}

#ttcont h5{
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 3px;
}

#ttcont h5 span{
	display: block;
	font-weight: normal;
	font-size: 12px;
}

#ttcont p{
	font-size: 12px;
	margin-bottom: 0;
}

#ttcont table{
	border-left: 1px solid white;
	border-top: 1px solid white;
}

#ttcont table th, #ttcont table td{
	text-align: center;
	padding: 0 10px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#ttcont .menu_tooltip{
	font-size: 12px;
}

/* --------------------------------------------------------------------
	Kaisoku Sougo Link
/* -------------------------------------------------------------------- */
div.ksl_contents textarea{
	font-size: 12px;
}

div.ksl_contents .ksl_inner{
	margin-left: 10px;
}

div.ksl_contents .ksl_breadcrumbs{
	color: #4f3fd7;
	font-size: 11px;
	line-height: 1.2;
	font-weight: normal;
	margin-bottom: 15px;
}

div.ksl_contents dl{
	margin-bottom: 20px;
}

div.ksl_contents dt{
	font-size: 12px;
	border-bottom: 1px dotted #ddd;
}

div.ksl_contents dt a{
	color: #22f;
	display: block;
	font-weight: bold;
	padding: 3px 0;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
}

div.ksl_contents dt a:hover{
	background-color: #ccf;
}

div.ksl_contents dd{
	font-size: 12px;
	margin-bottom: 10px;
}

div.ksl_contents dd a{
	padding: 2px;
	font-size: 10px;
	text-decoration: none;
	background-color: #ddf;
}

div.ksl_contents ul{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

div.ksl_contents li{
	font-size: 10px;
}

div.ksl_contents li a.ksl_detail{
	margin-left: 5px;
	text-decoration: none;
	background-color: #ddf;
}

div.ksl_contents li a:hover.ksl_detail{
	color: white;
	background-color: #22f;
}

div.ksl_contents dd a:hover{
	color: white;
	background-color: #22f;
}

div.ksl_contents a.ksl_back{
	display: block;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #0061ac;
	text-decoration: none;
	padding-top: 3px;
}

div.ksl_contents a:hover.ksl_back{
	background-color: #ddf;
}

div.ksl_contents .ksl_image{
	float: left;
	margin: 0 10px 10px 0;
}

div.ksl_contents .ksl_url{
	font-weight: bold;
}

div.ksl_contents .ksl_body{
	font-size: 12px;
	clear: both;
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------
	Kaisoku Sougo Link top category only
/* -------------------------------------------------------------------- */
div.ksl_contents ul{
	padding: 0 0 0 20px;
	list-style: circle;
}

div.ksl_contents li{
	font-size: 100%;
}