@charset "UTF-8";

/* 
===================================
===== １コンテンツ ================
=================================== */




/* 
===================================
======== ２ヘッダ =================
=================================== */



/* 
===================================
=== ４グローバルナビゲーション ====
=================================== */


/* 
===================================
===== ５デリミタ ==================
=================================== */


/* 
===================================
======= ６ボディ ==================
=================================== */


/* 
===================================
===== ７左カラム ==================
=================================== */


/* 
===== カテゴリ一覧ウィンドウ ====*/


#active_window {
	width:380px;
	height:auto;
	text-align:left;
	margin:0;
	padding-top:5px;
	background-color:#EFEFEF;
	z-index:999; 
    display:none;
	position: absolute; 
	top:0px; 
	left:0px;
	border-right:solid 2px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 2px #CCCCCC;
	border-top:solid 2px #CCCCCC;
}
	


#window_title {
font-size:120%;
width:360px;
font-weight:bold;
text-align:left;
	margin:0px 10px 0px 10px;
	padding:0;
	color:#4485A4;
}

#window_title p {
float:left;
}

.window_close {
background-color:#F0F0F0;
font-size:80%;
width:auto;
float:right;
text-align:right;
	color:#7D7D7D;
}



#map_flame {
width:375px;
height:auto;
font-weight:normal;
text-align:left;
	margin:0px 0 5px 0px;
	padding-bottom:10px;
	background-color:#FAFAFA;
}

.category_box {
font-size:85%;
width:340px;
height:auto;
margin-left:20px;


}


.category_title {
font-weight:bold;
margin-bottom:4px;
	color:#4BB0E0;
	margin-top:10px;
}


.contents_name ul {
float:left;
width:160px;
}
.contents_name li{
margin-bottom:3px;
}


.contents_name_right ul {
float:right;
width:160px;
}
.contents_name_right li{
margin-bottom:3px;
}


.left_component_button{
float:right;
margin:0px;
}



/* 
===================================
===== ８中央カラム ==================
=================================== */


.top_bnr {
    height:  200px;  
    width:   550px;  
    padding: 0px;  
    margin: 0px;  
} 
 
.top_bnr img {  
	margin-bottom:  3px; 
    padding: 0px;  
    cursor: pointer;
    top:  0; 
    left: 0;
} 


#nav_top_bnr_under { 
	margin: 0px;
	padding: 0px; 
}



*html .a_0 { width: 275px; }

.a_0 { 
	text-align:center;
	float:left;
	width:273px; 
	margin:0px;
	padding:0px; 
	border-bottom: solid 1px #D7D7CC;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	background-color:#FBFAEE; 
	text-decoration:none;
	font-weight:bolder;
	font-size:80%;
}

#nav_top_bnr_under a:link {
color: #9E9E94;
}

#nav_top_bnr_under a:visited {
color:#9E9E94;
}

#nav_top_bnr_under a:hover {
color: #CC997C;
}

#nav_top_bnr_under a:active {
color: #CC997C;
}

#nav_top_bnr_under a.activeSlide { 
	background-color: #FFF5D2;
}

#nav_top_bnr_under a:focus { 
	outline: none; 
}



/* 
============== アクティブコンポーネント============= */
#top_active_component{
width:550px;
float:left;
margin:0;
}
/* 
===== アクティブコンポーネント （赤・左）==== */
.active_component_margin{
	width:6px;
}

.active_component_footer{
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
}

td.active_component_redtitle{
	width:270px;
	background-image: url(../images/top/active_component_red.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 0;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
}

td.active_component_redbody{
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
}

td.active_component_redbody p img{
	float:left;
	width:85px;
	height:85px;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
	margin:5px;
}

.active_component_redright{
	float:left;
	height:85px;
	width:172px;
	margin:6px 0;
}

.active_component_button{
	text-align:right;
}


/* 
===== アクティブコンポーネント （青・右）==== */


td.active_component_bluetitle{
	width:270px;
	background-image: url(../images/top/active_component_blue.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 0;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
}


td.active_component_bluebody{
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
}

td.active_component_bluebody p img{
	float:left;
	width:85px;
	height:85px;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
	margin:5px;
}

.active_component_blueright{
	float:left;
	height:85px;
	width:172px;
	margin:6px 0;
}

.active_component_text p{
	margin:1px 5px 0 2px;
}

.active_component_button{
	text-align:right;
}

.active_component_button img{
	margin-right:5px;
}


/* 
============== おすすめ・キャンペーン============= */
#top_cpn_component{
width:550px;
float:left;
	margin-top:7px;
}
/* 
===== おすすめ・キャンペーン（左）==== */

.cpn_component_margin{
	width:6px;
}

.cpn_component_footer{
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
}

td.cpn_component_redtitle{
	width:270px;
	background-color:#EAF7F5;
	text-align:left;
	font-weight:bold;
	color:#407777;
	padding:5px 0 5px 0;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
}

td.cpn_component_redtitle p{
	margin-left:10px;
}

td.cpn_component_redbody{
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
}

td.cpn_component_redbody p img{
	float:left;
	width:115px;
	height:70px;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
	margin:5px;
}

.cpn_component_textcatch{
	margin:0;
	padding:0;
}

.cpn_component_redright{
	float:left;
	height:auto;
	width:142px;
	margin:6px 0;
}




/* 
==
.top_cpn_component_red{
margin-top:7px;
padding-bottom:5px;
float:left;
	width:270px;
	height:auto;
	border-bottom: solid 1px #D7D7CC;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
} 

.top_cpn_component_red .cpn_component_redtitle{
	border-bottom: solid 1px #D7D7CC;
	background-color:#EAF7F5;
	text-align:left;
	font-weight:bold;
	padding:4px 0 4px 0;
} 

.top_cpn_component_red .cpn_component_redtitle p{
margin-left:10px;
} 


.top_cpn_component_red .cpn_component_info .cpn_component_leftimg{
float:left;
	border-bottom: solid 1px #D7D7CC;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
} 


.top_cpn_component_red .cpn_component_info .cpn_component_righttxt{
padding-bottom:3px;
float:left;
width:130px;
margin-left:7px;
} 

.top_cpn_component_red .cpn_component_info .cpn_component_righttxt p{
color:#666666;
margin-bottom:4px;
}

.top_cpn_component_red .cpn_component_info{
padding:5px;
}
=== */


/* 
===== おすすめ・キャンペーン（右）==== */

td.cpn_component_bluetitle{
	width:270px;
	background-color:#EAF7F5;
	text-align:left;
	font-weight:bold;
	color:#407777;
	padding:5px 0 5px 0;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
}

td.cpn_component_bluetitle p{
	margin-left:10px;
}

td.cpn_component_bluebody{
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
}

td.cpn_component_bluebody p img{
	float:left;
	width:115px;
	height:70px;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
	margin:5px;
}

.cpn_component_blueright{
	float:left;
	height:auto;
	width:142px;
	margin:6px 0;
}

.cpn_component_text p{
	margin:1px 5px 0 2px;
}



/* 
==
.top_cpn_component_blue{
	padding-bottom:5px;
	margin-top:7px;
	margin-left:5px;
	float:left;
	width:270px;
	height:auto;
	border-bottom: solid 1px #D7D7CC;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
} 

.top_cpn_component_blue .cpn_component_redtitle{
	border-bottom: solid 1px #D7D7CC;
	background-color:#EAF7F5;
	background-repeat: no-repeat;
	background-position:0px 0px;
	text-align:left;
	font-weight:bold;
		padding:4px 0 4px 0;
} 

.top_cpn_component_blue .cpn_component_redtitle p{
margin-left:10px;
} 

.top_cpn_component_blue .cpn_component_info .cpn_component_leftimg{
float:left;
	border-bottom: solid 1px #D7D7CC;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
} 


.top_cpn_component_blue .cpn_component_info .cpn_component_righttxt{
padding-bottom:3px;
float:left;
width:130px;
margin-left:7px;
} 

.top_cpn_component_blue .cpn_component_info .cpn_component_righttxt p{
color:#666666;
margin-bottom:4px;
}

.top_cpn_component_blue .cpn_component_info{
padding:5px;
}

=== */

/* 
===== ニュースリリース　==== */

.top_information {
	float:left;
	margin-top:7px;
	width:548px;
	height:auto;
	line-height:135%;
	border-bottom: solid 1px #D7D7CC;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
}

.information_title{	
	background-image: url(../images/common/pointer07_green.gif);
	background-repeat: no-repeat;
	background-position:14px center;
	text-align:left;
	font-weight:bold;
	color:#414141;
	padding:5px 0 5px 28px;
	border-bottom: solid 1px #D7D7CC;
	vertical-align:bottom;
}

ul.top_newsrelease{
	list-style-type:none;
	margin:0;
	background:none;
	width:525px;
	padding:10px;
}

ul.top_newsrelease li{
	list-style-type:none;
	clear:both;
	float:left;
	width:525px;
	margin:1px 0 !important;
	border-bottom:1px dotted #CCC;
	padding-bottom:1px;
}

ul div.release_status{
	float:left;
	width:110px;
	height:auto;
	margin-left:3px;
}

ul span.status_new{
	margin-left:5px;
	vertical-align: middle;
}

ul div.release_info{
vertical-align:top;
	display:block;
	width:390px;
		height:auto;
	margin-left:114px;
}
ul div.release_info img{
vertical-align:middle;
margin:0 3px 1px 1px;
}

ul div.release_status img{
margin-left:3px;
}

.newsrelease_release{
display:block;
}


.newsrelease_more{
	text-align:right;
	margin:3px 10px 2px 10px;
}

.release_info {
vertical-align:bottom;
}



/* 
===================================
===== ９右カラム ==================
=================================== */




/* 
===================================
======== 10フッタ =================
=================================== */