@charset "UTF-8";

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




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



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


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


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


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


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


#active_window {
	width:350px;
	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:320px;
font-weight:bold;
text-align:left;
	margin:0px 10px -5x 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:340px;
height:auto;
font-weight:normal;
text-align:left;
	margin:0px 0px 0px 0px;
	padding-bottom:10px;
	background-color:#FAFAFA;
}

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


}


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


.contents_name ul {
float:left;
width:280px;
}

.contents_name li{
margin-bottom:3px;

color: #000000;
padding:0 10px 0 10px;

line-height:140%;
background-image: url(../images/common/pointer03.gif);
background-repeat: no-repeat;
background-position:0px 4px;

}

}


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


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



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


.top_bnr {
    width:   299px;
    height:  224px;  
    padding: 0px;  
} 


/*
.top_bnr img {  
	margin-bottom:  3px; 
    padding: 0px;  
    cursor: pointer;
    top:  0; 
    left: 0;
} 
*/

.store_info {
    width:240px;
    float:left;
    padding-top:5px;
    padding-left:0px;
    margin-left:0px;
    font-size:8pt;
    line-height:135%;
    min-height:230px;
}

.store_info h3 img {
    font-size:12pt;
    font-weight:bold;
}




#nav { 
	margin: 0px;
	text-align:left;
}

#nav a { 
	width:275px; 
	margin:0px;
	text-align:center; 
	padding:2px; 
	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 a:link {
color: #9E9E94;
}

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

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

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

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

#nav a:focus { 
	outline: none; 
}



.net_infobox_button_r{
	margin:5px;
	text-align:right;
}

.column_mod{
        margin-left:15px;
        margin-right:5px;
        margin-bottom:5px;
        line-height:145%;
}




/* 
============== アクティブコンポーネント============= */
.top_active_component{
	width:550px;
	float:left;
	margin:0px 0px 5px 0px;
}


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

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

td.active_component_redtitle{
	width:550px;
	background-image: url(../images/top/active_component_red.gif);
	background-repeat: repeat;
	background-position:0px 0px;
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 10px;
	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:200px;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
	margin:5px 0px 5px 5px;
}

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

.active_component_button{
	text-align:right;
}


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


td.active_component_bluetitle{
	width:550px;
	background-image: url(../images/top/active_component_blue.gif);
	background-repeat: repeat;
	background-position:0px 0px;
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 10px;
	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:200px;
	border-right: solid 1px #D7D7CC;
	border-left: solid 1px #D7D7CC;
	border-top: solid 1px #D7D7CC;
	border-bottom: solid 1px #D7D7CC;
	margin:5px 0px 5px 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;
	margin:0px 0px 5px 0px;
}
/* 
===== おすすめ・キャンペーン（左）==== */

.cpn_component_margin{
	width:6px;
}

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

td.cpn_component_redtitle{
	width:548px;
	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:5px;
}

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:200px;
        margin:5px 5px 5px 5px;
}




.cpn_img_btmtxt{
	float:left;
	width:200px;
        color:black;
	text-align:left;
	font-weight:normal;
        clear:both;
	margin-left:5px;
}



.float_chunk_l{
       float:left;
       margin-right:5px;
}

.float_chunk_r{
       float:left;
       margin-left:10px;

}


.cpn_component_redright{
	float:left;
	height:auto;
	width:333px;
	margin:5px 0px;
        line-height:145%;

}

.cpn_component_textcatch{
        color:#CC6633;
        font-weight:bold;
	margin-left:0px;
        margin-right:5px;
}



/* 
==
.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;
}


.cpn_component_text_right {
	float:right;
 	height:auto;
	width:333px;
 	margin:0px;
        text-align:right;
        padding-right:10px;
        margin:0px;
}

/* 
==
.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フッタ =================
=================================== */