@charset "utf-8";

/* ボディ
---------------------------------------------------- */
.responsive{
	width:730px;
	margin:0 auto;
}

.responsive_l{
	display:none;
}

.responsive_l_in{
	display:none;
}

.responsive_m{
	display:block;
}

.responsive_m_in{
	display:inline;
}

.responsive_lm{
	display:block;
}

.responsive_lm_in{
	display:inline;
}

.responsive_lm_td{
	display:table-cell;
}

.responsive_s{
	display:none;
}

.responsive_s_in{
	display:none;
}

.responsive_ms{
	display:block;
}

.responsive_ms_in{
	display:inline;
}

/* ヘッダー 
---------------------------------------------------- */
#logo{
	padding:0 30px 0 10px;
}

/* グローバルナビ（BtoC）
---------------------------------------------------- */
.g_navi li{
	width:144px;
}

.g_navi_l li{
	width:150px;
	float:left;
}

.g_navi_c{
	width:130px;
}

.g_navi_r{
	height:42px;
	padding:10px 0 8px 0;
}

.g_navi_r li{
	width:150px;
	float:left;
}

/* メインビジュアル（BtoC）
---------------------------------------------------- */
#main_top_img_bg{
	height:320px;
	background:url(../img/top/top_img04.jpg) repeat-x 0;
}

.main_top_img{
	width:730px;
	height:320px;
	margin:-320px auto 0 auto;
}

/* バナーエリア（BtoC）
---------------------------------------------------- */
#banner_area_l{
	width:730px;
	margin:0 0 20px 0;
	float:none;
}

#banner_area_r{
	width:730px;
	float:none;
}

.news_dot{
	width:695px;
}

.news_dot .text11{
	width:130px;
	padding:2px 0 0 0;
	float:left;
}

.news_dot .text12{
	width:560px;
	float:left;
}

/* Tiny Scrollbar */
#scrollbar{
	width:695px;
}

#scrollbar .viewport{
	width:680px;
}


/* バナーエリア（BtoB）
---------------------------------------------------- */
.banner_area_t01{
	padding:0 24px 15px 0;
}

.banner_area_t02{
	padding:0 24px 15px 0;
}

.banner_area_t03{
	padding:0 0 15px 0;
}

.banner_area_b{
	padding:0 0 45px 91px;
}

/* コンテンツエリア
---------------------------------------------------- */
/* コンテンツ */
.contents_box_top{
	width:730px;
	float:none;
}

/* サブナビゲーション */
#s_navi{
	width:100%;
	float:none;
}

#s_navi h2{
	padding:5px 0 5px 0;
	font-size:108%;
}

#s_navi ul li{
	background:url(../img/common/dot02.png) repeat-x bottom;
}

#s_navi ul li .s_navi_on{
	background:url(../img/common/dot02.png) repeat-x bottom #f0afa8;
}

.selling_box{
	width:100%;
	text-align:center;
	padding:0;
}

.selling_box img{
	float:none;
}

.td_dot_b{
	width:100%;
}

/* 動画 */
.top_movie{
	width:100%;
	padding:20px 0 0 0;
	text-align:center;
}

/* 幅 */
.w755{
	width:525px;
}