@charset "UTF-8";

/*======================================

Yahoo UI Library Fonts CSS
http://developer.yahoo.com/yui/fonts/
*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
*http://developer.yahoo.com/yui/license.txt

Font-size Adjustment
77% = 10px	| 122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/



/* Universal Selector
=======================================*/


/* Reset Style
=======================================*/
html {
color: #333;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
/*line-height: 1.85;*/
font-weight: normal;
font-style: normal;
padding: 0;
margin: 0;
}
body,#contents div,#contents dl,#contents dt,#contents dd,#contents ul,#contents ol,#contents li,#contents h1,#contents h2,#contents h3,#contents h4,#contents h5,#contents h6,#contents pre,#contents code,#contents form,#contents fieldset,#contents legend,#contents input,#contents textarea,#contents p,#contents blockquote,#contents th,#contents td{
	line-height: 1.85;
}

body,h1,h2,h3,h4,h5,h6{
font-size: 13px;
*font-size: small;
*font: x-small;
font-family:"Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Lucida Grande", sans-serif;
}

table,th,td {
border: none;
border-style:hidden;
border-collapse: collapse;
border-spacing: 0;
border-width: 0;
font: 100%;
}

fieldset{
border: 0;
}

img {
border:none;
margin:0;
padding:0;
}

a img{
border:none;
}

address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: normal;
}

li {
list-style: none;
}

caption,th {
text-align: left;
}

q:before,q:after {
content: '';
}

abbr,acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

legend {
color: #000;
}

pre,code,kbd,samp,tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}


/*clearfix
=======================================*/
/*nonIE*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*IE7-macIE5*/
.clearfix{
display:inline-block;
}
/*Hides from IE-mac \*/
/* IE6*/
*html.clearfix{height:1%}
.clearfix{display:block;}
/*End hides from IE-mac \*/


/*============================================================================
common style
============================================================================*/
*{
}

html,
body {
width:100%;
height:100%;
}

/* a */
a:link {
color:#f85779;
text-decoration:underline;
}

a:visited {
color:#f85779;
text-decoration:underline;
}

a:hover {
color:#000000;
text-decoration:none;
}

a:active {
color:#f85779;
text-decoration:underline;
}

img {
	vertical-align: top;
	line-height: 1;
	font-size: 1px;
}

.over a{
	display: block;
	line-height: 1;
	font-size: 1px;

	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}
.over a img {
	line-height: 1;
	vertical-align: top;
	font-size: 1px;
}
.over a:hover {
	background-color: transparent;
}
.over a:hover img {
	visibility: hidden;
}

/*layout
=======================================*/
#wrapper {
	/*background:url(../common/bg_stripe.gif) 50% 0% repeat;*/
	width:100%;
	height:100%;
	min-height:100%;
	position:relative;
}

#container {
	width: 100%;
	background-image: url(../common/bg_common_header.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#wrapper #contents {
	/*background-image: url(../common/bg_marshmallow.gif);*/
	background-position: center 56px;
	background-repeat: repeat;
	
	_zoom: 1;
}


/* ModernBrowser ONLY */
body > #wrapper {
height:auto;
}

#contents {
	clear: both;
	text-align:left;
	position:relative;
	width:940px;
	height:auto;
	margin:0px auto;
	padding-bottom: 271px;
	overflow:hidden;
}

/*header
=======================================*/
#header {
	position:relative;
	width: 100%;
	/*height:135px;*/
	overflow:hidden;
	background-image: url(../common/bg_common_header.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#header h1,
#header .logo{
/*width:130px;
height:125px;*/
}


/* -- -- -- -- common -- -- -- -- */

#header { /*height: 186px; */}
#header a {
	display: block;
	line-height: 1;
	vertical-align: top;
	font-size: 1px;
}
#common-nav {
	width: 940px;
	height: 56px;
	
	margin: 0 auto;
	position: relative;
}

#common-nav #lalan-top {
	display: block;
	width: 45px;
	height: 39px;
	
	float: left;
	padding-left: 7px;
	padding-top: 9px;
}
#common-nav #lalan-top a {
	display: block;
	font-size: 1px;
	line-height: 1;
	width: 45px;
	height: 39px;
}

#common-nav #common-sub {
	display: block;
	float: right;

	width: 303px;
	height: 12px;
	overflow: hidden;

	padding-right: 5px;
	padding-top: 30px;
}
#common-nav #common-sub li {
	font-size: 1px;
	line-heihgt: 1;
	vertical-align: top;
	float: left;
	display: block;
	overflow: hidden;

}

#common-nav #common-sub li.selfcheck {
	padding-right: 21px;
}
#common-nav #common-sub li.selfcheck a {
	background-image: url(../common/btn_common_selfcheck_on.gif);
}
#common-nav #common-sub li.review {
	padding-right: 16px;
}
#common-nav #common-sub li.review a {
	background-image: url(../common/btn_common_review_on.gif);
}
#common-nav #common-sub li.shopsearch a {
	background-image: url(../common/btn_common_shopsearch_on.gif);
}
#common-nav #common-sub li a {
	font-size: 1px;
	line-heihgt: 1;
	vertical-align: top;
	display: block;
	overflow: hidden;
	
	background-position: 0 bottom;
	background-repeat: no-repeat;
}
#common-nav #common-sub li a:hover {
	background-color: transparent;
}
#common-nav #common-sub li a:hover img {
	visibility: hidden;
}


#header #common-nav .mixicheck-btn {
	top: 68px;
}
#header #common-nav .facebook-btn {
	top: 68px;
}
#header #common-nav .twittershare-btn {
	top: 68px;
}
#main {
	clear: both;
	width: 940px;
	margin: 20px auto 0;
	
	display: block;
	overflow: auto;
}

#contents p {
	font-size: 92%;
}
#contents a {
	font-size: 92%;
}


/*header mixicheck-btn
=======================================*/
#header .mixicheck-btn{
position:absolute;
top:12px;
left:819px;
width:58px;
height:18px;
overflow:hidden;
}

/*header facebook-btn
=======================================*/
#header .facebook-btn{
position:absolute;
top:12px;
left:884px;
width:18px;
height:18px;
overflow:hidden;
}

/*header twittershare-btn
=======================================*/
#header .twittershare-btn{
position:absolute;
top:12px;
left:908px;
width:18px;
height:18px;
overflow:hidden;
}

/*custom*/
.twittershare-btn{
display: block;
width:18px;
height:18px;
background:url(../common/btn_common_twitter.gif) 0 0 no-repeat;
overflow:hidden;
}

.twittershare-btn iframe{
-ms-filter: "alpha( opacity=0 )";
filter: alpha( opacity=0 );
opacity: 0;
}

#custom-tweet-button a {
display: block;
}

/*footer
=======================================*/
#footer {
clear:both;
/*background:#F39C74 url(../common/bg_footer.gif) 50% 0% repeat-x;*/
/*	background-image: url(../common/bg_footer_norose.gif);*/
	background-position: top center;
	background-repeat: repeat-x;
position:absolute;
bottom:0;
left:0;
width:100%;
/*height:245px;*/
height: 271px;
overflow:hidden;
}

#footer a {
	font-family:"ＭＳ Ｐゴシック",sans-serif,"Hiragino Kaku Gothic Pro", Osaka,"ヒラギノ角ゴ Pro W3", "Lucida Grande";
}

/*footer lalan-footer
=======================================*/
#footer #lalan-footer {
position:relative;
/*background:#F39C74 url(../common/bg_footer.gif) 50% 0% no-repeat;*/
	/*background-image: url(../common/bg_footer_norose.gif);*/
	background-position: top center;
	background-repeat: no-repeat;
width:940px;
/*height:200px;*/
height: 226px;
margin:0 auto;
}

#footer #footer-area ul li{
/*line-height:1.2;*/
}

/*footer lalan-footer pagetop-btn
=======================================*/
.pagetop-btn{
width:904px;
height: 64px;
/*margin-bottom: 52px;*/
padding-right: 36px;
/*padding-top:5px;*/
/*text-align:right;*/

	display: block;
	font-size: 1px;
	line-height: 1;
	vertical-align: top;
}

.pagetop-btn a {
float:right;
width: 96px;
height: 13px;
/*line-height:24px;
position:static;*/
	display: block;
	font-size: 1px;
	line-height: 1;
	vertical-align: top;
	/*overflow:hidden;*/
	background-image: url(../common/btn_top_pagetop_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.pagetop-btn a:hover {
	background-color: transparent;
}
.pagetop-btn a:hover img {
	visibility: hidden;
}


/*footer lalan-footer logo
=======================================*/
#footer #lalan-footer .logo{
width:87px;
height:76px;
margin-left: 10px;
margin-top: 31px;
}

/* -- -- -- -- -- footer lalan-footer -- -- -- -- -- -- --*/
#footer #lalan-footer .marshmallow-logo{
	width: 144px;
	height: 39px;
	
	position: absolute;
	top: 120px;
	left: 113px;
}
/*footer lalan-footer footer-navi
=======================================*/
#footer #lalan-footer ul#footer-navi{
position:absolute;
	top: 86px;
	left:283px;
	width:681px;
	height:140px;
	overflow:hidden;

	/*background-image:url(../common/bg_rose_footer.jpg);
	background-position: right top;
	background-repeat: no-repeat;*/
}

#footer #lalan-footer ul#footer-navi li{
position:absolute;
height:15px;
line-height:15px;
margin-bottom:5px;
overflow:hidden;
}

#footer #lalan-footer ul#footer-navi li a {
display:block;
position:static;
height:15px;
line-height:15px;
overflow:hidden;
}

#footer #lalan-footer ul#footer-navi li a:hover{
position:relative;
}

#footer #lalan-footer ul#footer-navi li a:hover img{
position:relative;
top:-15px;
height:15px;
}


/*footer lalan-footer footer-bnr
=======================================*/
#footer #lalan-footer ul#footer-bnr{
position:absolute;
top:64px;
left:670px;
width:250px;
height:auto;
overflow:hidden;
}

#footer #lalan-footer ul#footer-bnr li{
width:250px;
height:50px;
margin-bottom:10px;
overflow:hidden;
}

#footer #lalan-footer ul#footer-bnr li a {
display:block;
position:static;
height:50px;
line-height:50px;
overflow:hidden;
}

#footer #lalan-footer ul#footer-bnr li a:hover{
position:relative;
}

#footer #lalan-footer ul#footer-bnr li a:hover img{
position:relative;
top:-50px;
height:50px;
}

/*twitter*/
#footer #lalan-footer ul#footer-bnr li.twitter a {
background:url(../common/bnr_twitter_on.jpg) 0 0 no-repeat;
}
/*pittaribra*/
#footer #lalan-footer ul#footer-bnr li.pittaribra a {
background:url(../common/bnr_10aw_on.jpg) 0 0 no-repeat;
}