@charset "Shift_JIS";
 
/*=========================================================================

種別 ： サイト共通汎用css
適用 ： サイト全体

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

/*
 タイトル
-----------------------------------------------------------------*/
.ttl_bk{
background-image:url(images/ti_03.jpg); 
background-repeat:no-repeat; 
height:87px;
}

.ttl_bk p{
line-height:1.5; 
margin-left:70px;
margin-top:0;
}

/*
 背景画像
-----------------------------------------------------------------*/
.bg{
background-image:url(images/bg.jpg);
background-repeat:repeat-y;
padding:8px 5px 30px 8px;
width:950px;
margin-bottom:30px;
}

/*
 コンテンツ
-----------------------------------------------------------------*/
#contents{
margin-left:17px;
}

#contents p{
line-height:1.5;
}

.sti{
margin-left:10px;
margin-bottom:15px;
}

.leftbox{
float:left;
margin-right:30px;
width:476px;
}

.leftbox img{
}

.leftbox p{
width:476px;
}

.rightbox{
float:left;
width:393px;
}

.bg_02{
background-color:#FFFFFF;
width:442px;
padding:10px 15px;
}

.setbox{
float:left;
width:101px;
}

.setbox img{
margin-bottom:5px;
}

.setbox p{
width:101px;
font-size:89%;
}

/*
 マージン
-----------------------------------------------------------------*/
.mt8{
margin-top:8px;
}
.mt10{
margin-top:10px;
}
.ml10{
margin-left:10px;
}
.ml20{
margin-left:20px;
}
.mb10{
margin-bottom:10px;
}
.mr10{
margin-right:10px;
}
.mr30{
margin-right:30px;
}
.mt20{
margin-top:20px;
}


/*
 見出し
-----------------------------------------------------------------*/
.midashi{ font-weight:bold; color:#33C8F2; text-align:center; line-height:1.4; height:35px; vertical-align:middle;}
.txt{ line-height:1.6; margin:5px 0 10px 0;}


/*
 4列一覧
-----------------------------------------------------------------*/
#brandbox {
width: 900px;
}

#brandbox ul {
width: 924px;
margin-right: -24px;
}

#brandbox li {
float: left;
width: 207px;
margin-right:24px;
}

#brandbox p{
width:207px;
line-height:1.5;
padding-top:5px;
}


/*
 float
-------------------------------------------------------------------------*/
.floLeft {
	float: left;
}
.floRight {
	float: right;
}
.clear {
	clear: both;
}

/*
 float clear
-------------------------------------------------------------------------*/
.clearfix:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	line-height:0;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */

/*
ホタン
-------------------------------------------------------------------------*/
.btn{
margin:0 30px 30px 0;
text-align:right;
}


/*
オススメ特集
-------------------------------------------------------------------------*/
.bn_box{ width:293px; margin-right:34px;}
.bn_box_right{ width:293px;}

.dot{
margin:20px 0;
}


/*
 行揃え
-------------------------------------------------------------------------*/
.taLeft {
	text-align:left !important;
}
.taCenter {
	text-align:center !important;
}
.taRight {
	text-align:right !important;
}

/*
 ポイント
-------------------------------------------------------------------------*/
#point {
width: 403px;
margin-top:15px;
}

#point ul {
margin-right: -10px;
}

#point li {
float: left;
width: 124px;
margin-right:10px;
}


#point p{
width:124px;
line-height:1.3;
margin-top:3px;
font-size:89%;
}