﻿@charset "utf-8";
/* CSS Document */
/****↓↓↓↓ここから下の部分をトップページにだけ読み込ませるようにtop.cssとかにできますか？**/
/***********トップ20100702更新****************************************************/
/**トップグループ共通**/
.top_group{
	margin:0 0 0 18px;
	width:666px;
	text-align:left;
	padding-bottom:20px;
}
.top_group h2{
	margin:0 0 15px 0;
	padding:0;
	line-height:1em;
}
.top_group ul,.top_group li,.top_group p,.top_group dl,.top_group dt,.top_group dd,.top_group h3{
	margin:0;
	padding:0;
	list-style:none;
}
img{border:none;}
/**Flash**/
#top_flash{
	margin:18px 0 0 9px;
	width:685px;
	background:url(../images/fla_sd.jpg) 0 bottom repeat-x;
	padding-bottom:10px;
}
#flashcontent{
	width:666px;
	height:240px;
}
/**動画リンク**/
#top_doga{
	margin:0 0 0 18px;
	margin-bottom:10px;
	width:666px;
	height:107px;
	position:relative;
	background:url(../images/top_doga_flow01.jpg) 0 0 no-repeat;
}
#top_doga ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:75px;
	left:10px;
}
#top_doga li{
	display:inline;
	margin:0 19px 0 0;
	padding:0;
	list-style:none;
}
/**リスト**/
.top_group ul.top_news_list{
	margin:0 0 10px 0;
}
.top_news_list li{
	background:url(../images/top_news_icon_alw.gif) 0 0 no-repeat;
	padding:0 0 0 40px;
	line-height:1.2em;
	margin:0 0 6px 0;
}
.top_news_list li.new{
	background:url(../images/top_news_icon_new.gif) 0 0 no-repeat;
}
.top_group p.top_info_tit{
	margin-bottom:5px;
	font-weight:bold;
	color:#FF6600;
}
/**タブ**/
.top_tab{ width:666px; margin-bottom:20px;}
.top_tab_navi{ display:inline;}
.top_tab_navi li{ display:inline;}
.top_tab_navi li img{ vertical-align:bottom;}
.top_tab_area{
	width:664px;
	border:1px solid #000;
}
.top_tab_area ul{
}
.top_tab_area li{
	line-height:1.2em;
}
.top_tab_area li a{
	display:inline-block;
	padding:7px 12px;
}
#top_tab_kanto{}
#top_tab_kansai{ display:none;}

/**ピックアップ**/
.top_pickup_box{
	margin-bottom:10px;
	line-height:1.4em;
	width: 664px;
	background:#f7f7f7;
	border:1px solid #a1a1a1;
	float:left;
}
.top_pickup_boxL{
	display:inline;
	margin:0 0 0 10px;
	padding:10px 0;
	width:120px;
	float:left;
}
.top_pickup_boxR{
	display:inline;
	margin:0 10px 0 0;
	padding:10px 0;
	width:515px;
	float:right;
	font-size:10px;
}
.top_pickup_boxR h3{
	padding-top:3px;
	font-size:12px;
}
.top_pickup_boxR p{
	color:#ff6600;
	font-weight:bold;
}
.top_pickup_boxR ul{
	margin-top:5px;
	border-top:1px dotted #bababa;
}
.top_pickup_boxR li{
	line-height:1.2em;
	padding:3px 0;
	border-bottom:1px dotted #bababa;
}
.top_pickup_boxR li img{
	vertical-align:middle;
}
.top_pickup_boxR li .li-tab{
	display:inline-block;
	width:55px;
}
/**タイプ別**/
.top_type_box{
	width:320px;
	float:left;
	font-size:10px;
}
.mr20{
	margin-right:20px;
}
.top_type_box h3{
	margin:0 0 7px 0;
}
.top_type_box_l{
	width:80px;
	float:left;
}
.top_type_box_r{
	display:inline;
	margin-right:10px;
	width:200px;
	float:right;
}
.top_type_box_r p{
	line-height:1.4em;
}
.top_type_box_r p.type_link{
	margin:7px 0 0 0;
}
.type_link a{
	padding:3px 0 3px 14px;
	background:url(../images/point.gif) 0 2px no-repeat;
}
/**おすすめコンテンツ**/
#top_content{
	clear:both;
	padding-top:10px;
}
#top_content li{
	width:220px;
	height:190px;
	float:left;
}
/*#top_content li a{
	display:block;
	font-size:10px;
	text-decoration:none;
	padding:70px 10px 40px 102px;
	line-height:1.2em;
}

#top_content li.pl_center a{ padding-left:105px;}
#top_content li.pl_right{ width:226px;}
#top_content li.pl_right a{ padding-left:119px;}
#top_cont01 a{ background:url(../images/cont_01_n.jpg) 0 0 no-repeat;}
#top_cont02 a{ background:url(../images/cont_02_n.jpg) 0 0 no-repeat;}
#top_cont03 a{ background:url(../images/cont_03_n.jpg) 0 0 no-repeat;}
#top_cont04 a{ background:url(../images/cont_04_n.jpg) 0 0 no-repeat;}
#top_cont05 a{ background:url(../images/cont_05_n.jpg) 0 0 no-repeat;}
#top_cont06 a{ background:url(../images/cont_06_n.jpg) 0 0 no-repeat;}
#top_content li a:hover{ background-position:0 -190px;}*/


#top_news ul {
	padding: 10px;
}
#top_news li {}
#top_news .img_f{
	float: left;
	padding-right: 5px;
}
#top_news .top1{
	font-size: 14px;
	font-weight: bold;
	color: #FC5F00;
}
#top_news .top2{
	font-size: 14px;
	font-weight: bold;
}
#top_news .top3{
	font-size: 14px;
	font-weight: bold;
}
#top_news .back_c{
	background-color: #F4F4F4;
}

.top_news2{
	margin: 10px 20px;
}


/*** clearfix ******************/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



#top_news12_box{
	margin: 10px;
	padding: 10px;
	border: 1px solid #092C54;
}

#top_news12_box .tit{
	font-size: 15px;
	font-weight: bold;
	color: #092C54;
	margin: 0px 0px 5px;
}

#top_news12_box .tit_p{
	font-size: 13px;
	margin: 0px;
	line-height: 130% !important;
}

