@charset "utf-8";

/* ****************************************************

	/softdrink/dakara/common/css/base.css

***************************************************** */

/*  for all
==================================================================================*/
/* Common Style */
.clr{ clear:both;}

.aC{ text-align:center;}

.aR{ text-align: right;}

.small{ font-size:80%;}

.large{ font-size:105%;}

.bold{
	font-weight:bold;
	letter-spacing:0.1em;
}

.floatL{float: left;}

.floatR{float: right;}

/* Margin & Padding Style */
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb60{ margin-bottom: 60px;}


/*  Container */
div#Container{
	width: 100%;
    text-align: center;
    overflow: hidden;
}

/* HeadArea */
#HeadArea{
	margin: 0 auto;
	width: 890px;
    text-align: left;
}

/* LogoNavi */
#LogoNavi{
	margin: 0;
	padding: 0;
}

#LogoNavi .to_gabgab{
	margin-top: 7px;
	margin-left: 10px;
	float: left;
	display: inline;
}

#LogoNavi .to_gabgab_shop{
	margin-top: 7px;
	margin-right: 10px;
	float: right;
	display: inline;
}

/* dakaraLifepartner */
#dakaraLifepartner {
    height: 42px;
}

#dakaraLifepartner ul {
    margin: 0 0 0 -20px;
    padding: 9px 0 0;
}

#dakaraLifepartner li {
    padding: 0 20px;
    height: 26px;
    background: url("../img/dotline1.gif") repeat-y scroll 0 0 transparent;
    float: left;
    list-style: none;
}

#dakaraLifepartner li.list01{
	background: none;
}


/* ContentsArea */
#ContentsArea{
	margin: 0 auto;
	width: 100%;
	/*height: 687px;*/
	height: 751px;
	position: relative;
	background-image:url("../img/contents_top_bg.gif");
	background-repeat: repeat-x;
	background-color:#f8fcff;
}

/* FlashArea */
object#FlashArea{
	margin-top:24px;
}
object#FlashArea:focus{
    outline:none;
}
.getFlash{
	margin-top:-25px;
	margin-left:-320px;
	position: absolute;
	top:50%;
	left:50%;
	font-size:85%;
	text-align: left;
	line-height: 2em;
}

.getFlash p{
	margin-left: 10px;
}

/* bannerArea */
.bannerArea{
	width:1000px;
	text-align:left;
	margin:0 auto;
}
/* FootArea */
#FootArea{
	margin:20px auto 10px;
	width: 960px;
	text-align: left;
}

/* ShareBtn */
#ShareBtn{
	margin-top: 9px;
}

#ShareBtn .fb-share-button{ width:60px;}


/*  extra
==================================================================================*/
/* clearfix */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
    display: inline-block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */