@charset "Shift-JIS";

@import "./base.css";

/*===================================
š@ƒXƒ^ƒWƒIƒAƒŠƒX@CSS ƒCƒ“ƒtƒH[ƒ[ƒVƒ‡ƒ“@š
™@ƒgƒbƒvƒy[ƒWŠÖ˜A@™


¡‚PDbase.css’Ç‰Á€–Ú

¡‚QDƒRƒ“ƒeƒ“ƒcƒ{ƒ^ƒ“
	œ‚Q-‚P@ƒŒƒCƒAƒEƒg
	œ‚Q-‚Q@“s“¹•{Œ§ƒeƒLƒXƒgŒŸõ
	
¡‚RDV’…•“X•Üî•ñ
	œ‚R-‚P@ƒ^ƒCƒgƒ‹•”•ª
	œ‚R-‚Q@‹LŽ–•”•ª
	
¡‚SD¶ƒiƒrƒGƒŠƒA

=========================================

¡‚PDbase.css’Ç‰Á€–Ú

=========================================*/

#header{
	padding:0;
}

#content{
	width:870px !important;
}


#top-content-main{
	float:left;
	width:456px;
}

#top-content-nav{
	float:left;
	width:200px;
	padding:0 0 3px;
}

#top-content-cm{
	float:left;
	width:200px;
	margin-bottom:7px;
}


/*=========================================

¡‚QDƒRƒ“ƒeƒ“ƒcƒ{ƒ^ƒ“
	œ‚Q-‚P@ƒŒƒCƒAƒEƒg
	œ‚Q-‚Q@ŽB‰eƒƒjƒ…[

=========================================

	œ‚Q-‚P@ƒŒƒCƒAƒEƒg

=========================================*/

#top-content-btn{
	width:870px;
	height:100px;
	background:url(../../img/menu_bg.gif) repeat-y;
	margin:8px auto;
	padding: 4px 0 0 4px;
}


/*=========================================

	œ‚Q-‚Q@ŽB‰eƒƒjƒ…[

=========================================*/

#top-content-btn p#title{
	float:left;
	z-index:1;
	position: relative;
}

#top-content-btn p#btn{
	z-index:2;
	display:inline;
	float:left;
	margin:69px 0 0 -74px;
	position: relative;
}

#top-content-btn li{
	float:left;
}



/*=========================================

¡‚RDV’…•“X•Üî•ñ
	œ‚R-‚P@ƒ^ƒCƒgƒ‹•”•ª
	œ‚R-‚Q@‹LŽ–•”•ª

=========================================

	œ‚R-‚P@ƒ^ƒCƒgƒ‹•”•ª

=========================================*/
.m-b-10{
	margin-bottom:10px;
}

.top-cnt-main-ttl{
	position:relative;
	width:456px;
	height:33px;
}

.top-cnt-main-ttl h2{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.top-cnt-main-ttl p{
	position:absolute;
	top:0;
	right:15px;
	z-index:2;
	padding:8px 0 0 0;
	text-align:right;
	font-weight:bolder;
}

.top-cnt-main-ttl p a{
	color:#ffffff;
	text-decoration:none;
}

.top-cnt-main-ttl p a:hover{
	text-decoration:underline;
}


/*=========================================

	œ‚R-‚Q@‹LŽ–•”•ª

=========================================*/
#top-content-main dl{
	padding:5px 0;
}

#top-content-main dd a{
	color:#555555;
	text-decoration:none;
}

#top-content-main dd a:visited{
	color:#663399;
}

#top-content-main dd a:hover{
	color: #3399ff;
}

#top-news{
	width:456px;
	margin:0 0 15px;
	padding:5px 0 0;
	background:#fffef6 url(../../img/top_new_bg.gif) repeat-x bottom;
	height: 320px;
	overflow: auto;
	position: relative;
	z-index: 1;
}

#top-news img{
	float:right;
	margin-right:10px;
}

#top-news dl{
	background:url(../img/dot_orange03.gif) repeat-x bottom;
}


#top-news dt{
	float:left;
	width:350px;
	vertical-align:middle;
	padding-left: 10px;
}

#top-news dd{
	float:left;
	width:350px;
	vertical-align:middle;
	padding:2px 0 0 10px;
}

#top-info{
	width:456px;
	margin:0 0 0;
	padding:5px 0 0;
	background:url(../../img/top_info_bg.gif) repeat-x bottom;
	height: 240px;
    overflow: auto;
    position: relative;
    z-index: 1;
}

#top-info dl{
	background:url(../img/dot_pink.gif) repeat-x bottom;
}

#top-info dt{
	float:left;
	width:70px;
	vertical-align:middle;
	padding-left: 10px;
}

#top-info dd{
	float:left;
	width:340px;
	vertical-align:middle;
	padding:2px 0 0 10px;
}




/*=========================================

¡‚SD¶ƒiƒrƒGƒŠƒA
	œ‚S-‚P@ƒXƒ^ƒWƒIƒAƒŠƒXƒIƒŠƒWƒiƒ‹
	œ‚S-‚Q@ƒoƒi[•”•ª

=========================================

	œ‚S-‚P@ƒXƒ^ƒWƒIƒAƒŠƒXƒIƒŠƒWƒiƒ‹

=========================================*/

.left{
	float:left;
	width:200px;
	margin-right: 7px;
}

#top-content-nav{
	background:url(../../img/top_bg.gif) repeat-y left;
}

#top-content-nav h3#about{
	margin: 5px 0 5px 4px;
}

#top-l-original{
	width:190px;
	margin:4px auto;
	background:#ffffff;
	border: 1px solid #F5B8CD;
	padding:2px 0;
}

#top-l-original {
	text-align:center;
}

#top-l-original h3{
	padding-left: 2px;
}

.left-box{
	background:url(../../img/left-box_line.gif) bottom no-repeat;
	clear:both;
}

* html .left-box p{
	margin-bottom: -4px;
}

.left-box img.image{
	padding: 5px;
	float:left;
}

.left-box h4{
	float:left;
	padding:5px 0 0 5px;
}

.left-box p{
	float:left;
	text-align:left;
	width:115px;
	padding:0 5px;
	font-size: 80%;
	color:#666;
	line-height: 150%;
}


#left-box-last{
	background: none;
}


/*=========================================

	œ‚S-‚Q@ƒoƒi[•”•ª

=========================================*/


#top-l-banner{
	width:200px;
	margin:0 auto;
	float:left;
}

#top-l-banner li{
	padding:5px 0 0;
	background:url(../img/dot_lorange.gif) repeat-x bottom;
}

#top-l-banner p{
	padding:5px 0 0;
}



/*=========================================

¡‚TD‰EƒiƒrƒGƒŠƒA
	œ‚T-‚P@ŽB‰eWEB—\–ñ
	œ‚T-‚Q@“X•ÜˆÄ“àEƒ`ƒ‰ƒVî•ñ
	œ‚T-‚R@ƒXƒ^ƒWƒIƒAƒŠƒXƒ‚ƒoƒCƒ‹

=========================================

	œ‚T-‚P@ŽB‰eWEB—\–ñ

=========================================*/

.right{
	float:left;
	width:200px;
	margin-left: 7px;
}

* html .right{
	float:right;
	margin-left: 6px;
}


/*=========================================

	œ‚T-‚Q@“X•ÜˆÄ“àEƒ`ƒ‰ƒVî•ñ

=========================================*/

#shopinfo{
	margin: 7px 0;
	background:url(../../img/bottom_shop.gif) no-repeat bottom;
	padding-bottom: 5px;
}

#simpleBox{
	background:url(../../img/simpleBox_bg.gif) repeat-y bottom;
	padding: 7px 0;
}

#alice_mobile{
	margin: 8px 0;
}

#shop-btn-area{
	border:1px solid #BADC88;
}





/*=========================================

	¡090701
	
=========================================*/

h1#logoimg{
	background: url(../img/logo.gif) no-repeat;
	width: 166px;
	height: 64px;
	float: left;
	margin-left: 20px;
}

* html h1#logoimg{
	margin-left: 10px;
}

/*=========================================

	œ100401Šé‹Æƒoƒi[

=========================================*/


#top-r-banner{
	width:200px;
	margin:0 auto 5px;
	float:right;
}

#top-r-banner li{
	padding:0 0 5px;
	background:url(../img/dot_lorange.gif) repeat-x bottom;
}

/*=========================================

	œ100611’ZŠú‹l•åW

=========================================*/

a#baito{
	color: #ed6f23;
	font-weight: bold;
}
