/*------------------------------------------------------------------------------------------------------
20140523_dunlop_wintermaxx_ロングライフレポート広告企画
------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
xfyでbase背景を画面いっぱいに伸ばすようにする
------------------------------------------------------------------------------------------------------*/

#wrapper .wrapperinner {
	width: 100% !important;
	margin: 0 auto;
	padding: 0px !important;
}

/*------------------------------------------------------------------------------------------------------
フッター部の広告バナーを消す
------------------------------------------------------------------------------------------------------*/

.superBanner{
	display:none;
}

/*------------------------------------------------------------------------------------------------------
共通
------------------------------------------------------------------------------------------------------*/
#du_wrapper{
	text-align:left;
}

.wrapperinner h4 {
	margin: 0;
	padding: 0;
	line-height: 1;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size:14px;
}

.wrapperinner p {
	margin: 0;
	padding: 0;
	line-height: 1.5px;
	font-size:14px;
}

/*------------------------------------------------------------------------------------------------------
header_area
------------------------------------------------------------------------------------------------------*/

#du_header{
	background-image:url("https://cdn.autoc-one.jp/static/common2/images/pr/dunlop_wintermaxx/headr_bg/heager_bg_img_top.jpg");
	background-position:top center;
	height:747px;
}

#visual{
	width:950px;
	height:747px;
	margin:0 auto;
	padding:0;
	background-image:url("https://cdn.autoc-one.jp/static/common2/images/pr/dunlop_wintermaxx/headr_bg/maintitle_img.jpg");
	position:relative;
}

.sns{
	position:absolute;
	top:6px;
	right:-42px;
}

h1{
	color:#ffffff;
	font-weight:bold;
	padding-top:9px;
	padding-left:225px;
}

#visual img{
	float:right;
	overflow: hidden;
}

#picimg{
	position:absolute;
	top:34px;
	right:0px;
}

/*------------------------------------------------------------------------------------------------------
g_menu_area
------------------------------------------------------------------------------------------------------*/

#g_menu_area{
	background-image:url("https://cdn.autoc-one.jp/static/common2/images/pr/dunlop_wintermaxx/common/g_menu_bg_img.gif");
	background-repeat:repeat-x;
	height:56px;
	background-color: #8c8c8c;
}

#g_menu{
	width:950px;
	height:41px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

#g_menu li{
	float:left;
	padding:0px;
	width:130px;
	height:41px;
}

/*------------------------------------------------------------------------------------------------------
contents_area
------------------------------------------------------------------------------------------------------*/

#contents{
	background-image:url("https://cdn.autoc-one.jp/static/common2/images/pr/dunlop_wintermaxx/common/document_bg_img.jpg");
	background-position:top center;
	height:863px;
}

#contents_layout{
	width:950px;
	height:863px;
	margin:0 auto;
	padding:0;
}

#left_item{
	width:650px;
	float:left;
}

#left_item p{
	margin-top:30px;
	padding-right:30px;
	line-height: 1.5;
	font-size:14px;
	height:317px;
}

#right_item{
	width:300px;
	height:704px;
	float:left;
}

#contents_under{
	background-color:#7d7d7d;
	width:950px;
	height:139px;
	float:left;
	position:relative;
}

#item{
	position:absolute;
	left:179px;
	top:20px;
}

h3{
	font-size:23px;
	font-weight:bold;
	color:#ffffff;
}

#item p{
	margin:12px;
	line-height: 1.5;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}

/*------------------------------------------------------------------------------------------------------
menu_area
------------------------------------------------------------------------------------------------------*/

#menu{
	background-color:#cccccc;
	overflow:hidden;
}

#menu_item{
	background-color:#cccccc;
	background-repeat:repeat-x;
}

#menu_headline{
	width:950px;
	height:auto;
	margin:0 auto;
	padding:0;
}

/*------------------------------------------------------------------------------------------------------
under_menu_area
------------------------------------------------------------------------------------------------------*/

.under_menu{
	overflow:hidden;
	padding-bottom:10px;
}

.under_menu li{
	float:left;
	padding:0px;
	margin-left:10px;
	background-color:#ffffff;
	width:230px;
	height:361px;
}

.under_menu li a:hover{
	opacity: 0.7;
	/*↓IE6,7対策*/
	filter: alpha(opacity=70);
	/*↓IE8対策*/
	-ms-filter: "alpha(opacity=70)";
}

/*------------------------------------------------------------------------------------------------------
banner_area
------------------------------------------------------------------------------------------------------*/

#banner{
	height:132px;
	background-image:url("https://cdn.autoc-one.jp/static/common2/images/pr/dunlop_wintermaxx/common/banner_bg_img.gif");
	background-repeat:repeat-x;
	margin-bottom:10px;
}

#banner_item{
	width:950px;
	height:auto;
	margin:0 auto;
	padding:0;
	padding-top:6px;
}

/*------------------------------------------------------------------------------------------------------
個別クラス
------------------------------------------------------------------------------------------------------*/

.under_menu .margin0{
	margin-left:0px;
}

.margin_top10{
	margin-top:10px;
}

.size{
	width:40px !important;
	height:41px !important;;
}

.pd_t20{
	padding-top:20px;
}

/*------------------------------------------------------------------------------------------------------
IEのイメージに謎のマージンが付くのを解消する
------------------------------------------------------------------------------------------------------*/
#du_wrapper img {vertical-align: bottom;}

/*------------------------------------------------------------------------------------------------------
IEのイメージに謎のマージンが付くのを解消する
------------------------------------------------------------------------------------------------------*/
#du_wrapper img {vertical-align: bottom;}