@charset "utf-8";
/* CSS Document */
/*基本設定（グロス）*/
body{
	height:100%;
	margin:0;
	padding:0;
}


/*メーンコンテンツ*/
.main {
	margin:0px;
	}

.clear{
clear:both;
}	


/*基本設定（ヘッダ）*/
.header {
	height: 60px;
	Width: 1200px;
	border-bottom:1px solid #F65090;
	}
.header h1{
	float:left;
	display:block;
	width:240px;
	height:40px;
	background:transparent url(../images/logo.gif) 0 0 no-repeat;
	margin:15px 32px 5px;
	text-indent:-9999px;
	}
.header ul.language{
	float:right;
	display:block;
	width:160px;
	height: 40px;
	margin:15px 30px 5px;
	
	}
.header ul.language li{
	float:left;
	display:block;
	width:80px;
	height:40px;
	margin:0;
	text-indent:-9999px;
	}
.header ul.language li#jp a{
	display:block;
	height:40px;
	wigth:80px;
	background:transparent url(../images/japanese.gif) 0 0 no-repeat;
	text-decoration:none;
	}
.header ul.language li#fr a{
	display:block;
	height:40px;
	wigth:80px;
	background:transparent url(../images/french.gif) 0 0 no-repeat;
	text-decoration:none;
	}
.header ul.language li#jp a:hover{
	background:transparent url(../images/japanese.gif) 0 -36px no-repeat;
	text-decoration:none;
	}
.header ul.language li#fr a:hover{
	background:transparent url(../images/french.gif) 0 -36px no-repeat;
	text-decoration:none;
	}


/*基本設定（フッター）*/
.footer {
	height: 60px;
	Width: 1200px;
	border-top:1px solid #F65090;
	}
.footer .copyright{
	float:right;
	display:block;
	margin:20px 20px 20px 0px;
	font-size:9px;
	}
.footer ul.link_j, .footer ul.link_f{
	display:block;
	float:left;
	width:840px;
	height:40px;
	margin:10px 15px;
	}
.footer ul li{
	margin:0;
	list-style:none;
	}
.footer ul li a{
	display:block;
	float:left;
	width:120px;
	height:40px;
	margin:0;
	text-indent:-9999px;
	}
.footer ul.link_j li.jp_index a{
	background:#FFF url(../images/navi_jp.gif) 0 -40px no-repeat;
	}
.footer ul.link_j li.jp_index a:hover, body#index .footer ul.link_j li.jp_index a{
	background:#FFF url(../images/navi_jp.gif) 0 0 no-repeat;
	}
.footer ul.link_j li.jp_product a{
	background:#FFF url(../images/navi_jp.gif) -120px -40px no-repeat;
	}
.footer ul.link_j li.jp_product a:hover, body#product .footer ul.link_j li.jp_product a{
	background:#FFF url(../images/navi_jp.gif) -120px 0 no-repeat;
	}
.footer ul.link_j li.jp_event a{
	background:#FFF url(../images/navi_jp.gif) -240px -40px no-repeat;
	}
.footer ul.link_j li.jp_event a:hover, body#event .footer ul.link_j li.jp_event a{
	background:#FFF url(../images/navi_jp.gif) -240px 0 no-repeat;
	}
.footer ul.link_j li.jp_blog a{
	background:#FFF url(../images/navi_jp.gif) -360px -40px no-repeat;
	}
.footer ul.link_j li.jp_blog a:hover, body#kotoba .footer ul.link_j li.jp_blog a{
	background:#FFF url(../images/navi_jp.gif) -360px 0 no-repeat;
	}
.footer ul.link_j li.store a{
	background:#FFF url(../images/navi_jp.gif) -480px -40px no-repeat;
	}
.footer ul.link_j li.store a:hover{
	background:#FFF url(../images/navi_jp.gif) -480px 0 no-repeat;
	}
.footer ul.link_j li.jp_company a{
	background:#FFF url(../images/navi_jp.gif) -600px -40px no-repeat;
	}
.footer ul.link_j li.jp_company a:hover, body#company .footer ul.link_j li.jp_company a{
	background:#FFF url(../images/navi_jp.gif) -600px 0 no-repeat;
	}
.footer ul.link_j li.contact a{
	background:#FFF url(../images/navi_jp.gif) -720px -40px no-repeat;
	}
.footer ul.link_j li.contact a:hover{
	background:#FFF url(../images/navi_jp.gif) -720px 0 no-repeat;
	}
/*フランス語版フッタ*/
.footer ul.link_f li.fr_index a{
	background:#FFF url(../images/navi_fr.gif) 0 -40px no-repeat;
	}
.footer ul.link_f li.fr_index a:hover, body#index .footer ul.link_f li.fr_index a{
	background:#FFF url(../images/navi_fr.gif) 0 0 no-repeat;
	}
.footer ul.link_f li.fr_product a{
	background:#FFF url(../images/navi_fr.gif) -120px -40px no-repeat;
	}
.footer ul.link_f li.fr_product a:hover, body#product .footer ul.link_f li.fr_product a{
	background:#FFF url(../images/navi_fr.gif) -120px 0 no-repeat;
	}
.footer ul.link_f li.fr_company a{
	background:#FFF url(../images/navi_fr.gif) -240px -40px no-repeat;
	}
.footer ul.link_f li.fr_company a:hover, body#company .footer ul.link_f li.fr_company a{
	background:#FFF url(../images/navi_fr.gif) -240px 0 no-repeat;
	}
.footer ul.link_f li.contact a{
	background:#FFF url(../images/navi_fr.gif) -360px -40px no-repeat;
	}
.footer ul.link_f li.contact a:hover{
	background:#FFF url(../images/navi_fr.gif) -360px 0 no-repeat;
	}

/*各ページ詳細*/
/*トップページ*/
body#allindex .main {
	display:block;
	width:1200px;
	height:600px;
	background:url(../images/theme.jpg) no-repeat;
	}

body#allindex .main h1 {
	/*display:block;
	width:1200px;
	height:60px;
	background:#FFF url(../images/logo.gif) no-repeat 100px center;
	text-indent:-9999px;
	position:relative;
	top:180px;*/
	visibility:hidden;
	}

body#allindex .main ul.language{
	position:relative;
	margin:0;
	top:315px;
	display:block;
	width:500px;
	height:40px;
	background-color:#FFF;
	}

body#allindex .main ul.language li{
	float:left;
	display:block;
	width:80px;
	height:40px;
	margin:0 70px 20px;
	text-indent:-9999px;
	}
	
body#allindex .main ul.language li#jp a{
	display:block;
	height:40px;
	wigth:80px;
	background:#FFF url(../images/japanese.gif) 0 0 no-repeat;
	text-decoration:none;
	}
	
body#allindex .main ul.language li#fr a{
	display:block;
	height:40px;
	wigth:80px;
	background:#FFF url(../images/french.gif) 0 0 no-repeat;
	text-decoration:none;
	}
body#allindex .main ul.language li#jp a:hover{
	background:#FFF url(../images/japanese.gif) 0 -36px no-repeat;
	text-decoration:none;
	}
body#allindex .main ul.language li#fr a:hover{
	background:#FFF url(../images/french.gif) 0 -36px no-repeat;
	text-decoration:none;
	}
/*商品紹介*/
#concept_j {
	display:block;
	width:1200px;
	height:20px;
	font-size:9px;
	text-indent: -99999px;	
}

/*トップページ*/
body#index .main {
	display:block;
	width:1200px;
	height:580px;
	margin:20px 0;
	}
	
/*会社概要*/
body#company .main {
	display:block;
	width:1200px;
	height:580px;
	background:url(../images/company.jpg) no-repeat;
	margin:20px 0 2px;
	}
body#company .main #profile_j {
	display: block;
	float:right;
	width: 600px;
	height: 580px;
	overflow:auto;
	margin:0;
	}
body#company .main #profile_j h2{
	margin:10px 30px;
	width:300px;
	font-size:1.8em;
}
body#company .main #profile_j .access{
	display:block;
	width:500px;
	height:30px;
	margin:10px 0 5px 30px !import;
	margin:10px 0 0;
}
body#company .main #profile_j dl{
display:block;
width:580px;
margin:12px 0;
border-top:1px solid #A57FB6;
}
body#company .main #profile_j dt{
width:100px;
height:25px;
margin:15px 0 5px 10px;
font-size:1.2em;
float:left;
line-height:150%;
}
body#company .main #profile_j dd{
width:400px;
margin:15px 20px 5px 15px;
font-size:1.2em;
float:right;
line-height:150%;
}	
body#company .main #profile_j dd.attention{
display:block;
width:500px;
float:left;
margin:15px 0 5px 30px;
}	

/*nanaco plus日本語版*/
body#product div.main{
	display:block;
	width:1200px;
	height:580px;
	margin:20px 0;
}

body#product .main .category{
	display:block;
	float:left;
	width:400px;
	height:440px;
	margin:60px 0;
	}
body#product .main .category img{
	margin:0;
}


/*ナナコのことば*/
body#kotoba .main{
	display:block;
	width:1200px;
	height:580px;
	margin:20px 0;
}
body#kotoba .main .kotoba_l{
	display:block;
	widtth: 580px;
	height: 580px;
	float:left;
	background: transparent url(../images/kotoba/index_bg.jpg) no-repeat;
	margin: 0;
}
body#kotoba .main .kotoba_l p{
	display:block;
	width:580px;
	height:240px;
	margin:50px 0 0;
	background:transparent url(../images/kotoba/kotoba.png) no-repeat;
	text-indent:-9999px;
}
body#kotoba .kotoba_r{
	display:block;
	widtth: 620px;
	height: 580px;
	float:left;
	margin: 0;
}
body#kotoba .krsc{
	display:block;
	width:580px;
	height: 580px;
	float:left;
	overflow:auto;
	margin:0;
}
body#kotoba h2{
	display:block;
	width:620px;
	height:40px;
	margin:0;
	background:transparent url(../images/kotoba/h2.gif) no-repeat;
	text-indent:-9999px;
}
body#kotoba .diary{
	display:block;
	width:460px;
	margin: 10px 0 10px 40px;
	border-bottom:#f65095 1px;
}
body#kotoba .date{
	display:block;
	width:480px;
	height:40px;
	margin:0;
	text-indent: 10px;
	font-size:16px;
	color:#f65095;
	border : solid, #f65095, 1px; 
}
body#kotoba .diary p{
	display:block;
	width:540px;
	font-size:14px;
	line-height:1.4;
	margin:10px 0;
}
/*オンラインストア（プレ）*/
body#pre_store .main{
	display:block;
	width:1200px;
	height:580px;
	margin:20px 0;
}
body#pre_store .main .store_l{
	display:block;
	widtth: 580px;
	height: 580px;
	float:left;
	background: transparent url(../images/prestore_bg.jpg) no-repeat;
	margin: 0;
}
body#pre_store .main .store_l h2{
	display:block;
	width:580px;
	height:40px;
	margin:40px 0 0 0;
	text-indent:-9999px;
}
body#pre_store .main .store_r{
	display:block;
	width:580px;
	height: 580px;
	float:left;
	overflow:auto;
	margin:0;
}


/*イベント*/
body#event .main{
	display:block;
	width:1200px;
	height:580px;
	margin:20px 0 20px;
}
body#event .event_l{
	display:block;
	width: 580px;
	height: 580px;
	float:left;
	background: transparent url(../images/event/event_bg.jpg) no-repeat;
	margin: 0;
}
body#event .event_l h3{
	display:none;
	width:580px;
	height:40px
	text-indent:-9999px;
	margin:0;
}
body#event h2{
	display:block;
	width:620px;
	height:40px;
	background: transparent url(../images/event/title.gif) no-repeat;
	text-indent:-9999px;
	margin:0
	}
body#event .event_r{
	display:block;
	width:620px;
	height: 580px;
	float:right;
	margin:0;
}

body#event .evrsc{
	display:block;
	width:580px;
	height: 520px;
	float:left;
	overflow:auto;
	margin:0 0 0 40px;
}
body#event .event_r .detail{
	display:block;
	width:500px;
	margin:15px 0 20px;
}

body#event .event_r .detail .place{
	display:block;
	width:480px;
	height:40px;
	margin:0;
	text-indent: 10px;
	font-size:16px;
	color:#f65095;
	/*border : solid, #f65095, 1px; */
}
body#event .event_r .detail .date{
	display:block;
	width:480px;
	height:40px;
	margin:0;
	text-indent: 10px;
	font-size:14px;
	color:#000;

	/*border : solid, #f65095, 1px; */
}
/*body#event .event_r .clear2{
	display:block;
	width:550px;
	border-top:solid #f65095 1px;
	height:20px;
}*/

body#event .event_r h3{
	display:block;
	height:30px;
	width:540px;
	background-color:#f65095;
	color:#FFF;
	margin:10px 0;
	font-size:14px;
	padding:6px 0 0 20px;
	}

body#event .clear{
	display:block;
	height:20px;
}

body#event .event_r .detail .parmanent{
	display:block;
	width:480px;
	height:40px;
	margin:0;
	text-indent: 10px;
	font-size:16px;
	color:#9963AE;
}

body#event .event_r .detail p{
	display:block;
	width:460px;
	font-size:14px;
	line-height:1.4;
	margin:10px 0 30px 40px;

}