@charset "UTF-8";
/* CSS Document */
/* [on] IE5<,NN5< */
/* トップページ用のCSSはすべてここに記述されています */

html{
margin:0px;
padding:0px;
}

body{
margin:0px;
padding:0px;
text-align:center;	/* ←IE5.x用に記述 。ただし、レイアウトだけでなく文章もセンタリングされてしまう。*/
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
background:url(../top_test/bg_topmenu.gif);
background-position:center -58px;
background-repeat:no-repeat;
}

/* 全体 --------------------------------------------------------------------------------------- */
#allArea{
margin:0px auto 0px auto;		/* ←IE6とFirefox1.5のセンタリングはこの指定だけでOK。ただし、上記IE1.5用の記述があるとIE6とFirefox1.5も文字がセンタリングされるので、下記の左よせの記述は絶対に必要。*/
padding:0px;
width:935px;
text-align:left;				/* ←IE5.x用に記述。センタリングされた文章を左よせに戻す。上記centerの記述があるときは絶対にこれも記述する。 */
border-right:1px solid #CCC;
border-left:1px solid #CCC;
}


/* 共通タグの定義 ----------------------------------------------------------------------------------- */

p,li,dt,dd{
font-size:10pt;
line-height:120%;
margin:0px;
padding:0px;
}

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

ul{
list-style-type:none;
margin:0px;
padding:0px;
}

li{
margin:0px;
padding:0px;
}

h1,h2,h3,h4{
text-align:left;
margin:0px;
padding:0px;
}

.clear{
clear:both;
}

.red{
font-weight:bold;
color:#ED1C24;
}

.c_red{
color:#FF0000;
}

.f12{
font-size:12pt;
line-height:120%;
margin:0px;
padding:0px;
}

.f11{
font-size:11pt;
line-height:120%;
margin:0px;
padding:0px;
}

.f10{
font-size:10pt;
line-height:120%;
margin:0px;
padding:0px;
}

/* ヘッダー ----------------------------------------------------------------------------------- */
.header{
	margin:0px auto 3px auto;
	padding:0px;
	width:885px;
	clear:both;
}

.header_top{
	border-top:4px solid #FF0000;
	text-align:left;
	margin:0px;
	padding:3px 0px 7px 5px;
}

.header_l{
float:left;
margin:0px;
padding:0px 0px 10px 9px;
}

#header_r{
	float:right;
	text-align:right;
	margin:0px;
	padding:5px 9px 0px 0px;
	width:450px;
}

#header_r .none ul{
list-style-type:none;
background-image:none;
margin:0px;
padding:0px 10px 5px 0px;
}

#header_r .none li{
display:inline;
background-image:none;
margin:0px;
padding:0px;
}

#header_r ul{
list-style-type:none;
margin:0px;
padding:5px 0px 0px 20px;
}

#header_r li{
display:inline;
margin:0px;
padding:5px 10px 5px 18px;
background:url(../top_test/li_footer.gif);
background-position:left 6px;
background-repeat:no-repeat;
}

#header_r img{
margin:0px;
padding:0px 10px 0px 10px;
}


#gnavi{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:867px;
	clear:both;
}

#gnavi ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#gnavi li{
display:inline;
margin:0px;
padding:0px;
}

/* お知らせ  */

#oshirase{
margin:10px 0px 0px 0px;
padding:10px 0px 5px 5px;
width:930px;
clear:both;
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
}

#oshirase a{
color:#FFFFFF;
}

#oshirase a:hover  {
color:#FFFFFF;
}

#oshirase02{
margin:5px 0px 5px 0px;
padding:8px 0px 5px 5px;
width:900px;
clear:both;
color:#FF0000;
font-weight:bold;
background:url(../top_test/oshirase_bk.gif) top left no-repeat;
}

#oshirase02 a{
color:#FF0000;
}

#oshirase02 a:hover  {
color:#FF0000;
}

#oshirase03{
margin:5px 0px 5px 0px;
padding:8px 0px 8px 0px;
width:900px;
clear:both;
color:#FF0000;

font-size:12px;
}

.campaign_top{
width:698px;
	margin:0px 0px 10px 10px;
	padding:0px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
}
.cam_tl{
	margin:0px;
	padding:0px 0 0 5px;
	background:#E03837;
}

.hazard_alart{
	margin:0px;
	padding:10px 0px 5px 0px;
	font-size:12px;
	height:94px;
}

.hazard_alart_l{
	float:left;
	width:437px;
	margin:0px;
	padding:0px 10px 0px 0px;
	line-height:1.3em;
}

.hazard_alart_r{
	float:left;
	width:270px;
	margin:0px;
	padding:15px 0px 0px 0px;
}


.hazard_alart ul{
	background:none;
	list-style:none;
}
.hazard_alart ul li{
	padding-left: 5.8em;
	text-indent: -5.8em;
}




/* コンテンツ一覧 ---------------------------------------------------------------------------------------- */

#contents{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:935px;
clear:both
}

.whatsNew {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:597px;
	float:left;
}
	.whatsNew a {
		margin:0px;
		padding:0px;
	}
	.whatsNew img.att {
		margin:0px;
		padding-bottom:3px;
	}
/* サイドナビゲーション ---------------------------------------------------------------------------------------- */

.contents_main{
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	width:885px;
	clear:both;
	/*background:url(../top_test/bg_right_brand.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
*/}

.contents_left{
height:642px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:164px;
	border-top:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	text-align:center;
	background:url(../top_test/bg_right_brand.gif);
	background-repeat:repeat-x;
	background-position:right bottom;
}
.contents_left ul{	
	margin:0px;
	padding:6px 0 0 0;
}
.contents_left ul li{	
	margin:0px;
	padding:0px 0px 11px 0px;
}


.contents_navi{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.contents_navi ul{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	
}



.contents_left h2{
margin:0px 0px 0px 0px;
padding:0px 0px 8px 0px;
}

.contents_other{
float:left;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width:273px;
}

.contents_right{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:720px;
	background-color:#FFFFFF;
	/*background:url(../top_test/bg_right_brand.gif);
	background-position:left bottom;
	background-repeat:repeat-x;*/
}
.pet_menu{
	margin:0px;
	padding:10px 0 5px 0;
	background:url(../top_test/bg_bottom_brand.gif);
	background-position:left 0px;
	background-repeat:repeat-x;
}
.pet_menu ul{
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style:none;
}
.pet_menu ul li{
	float:left;
	padding:0 5px 0 0;
}




#swfswf{
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:622px;
}


.contents_box{
margin:0px 0px 0px 0px;
padding:0px 14px 0px 15px;
width:905px;
clear:both;
}

.contents_box02{
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:885px;
}


.tl{
margin:0px 0px 0px 0px;
padding:15px 0px 15px 0px;
clear:both;
}

.tl:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.tl ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.tl ul li{	margin:0px 0px 0px 0px;	padding:0px 13px 0px 0px;	float:left;}
.tl ul li.none{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;}

.contents_box_left{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:700px;
}

.contents_box_left img{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

.topic{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.topic p{
line-height:120%;
}

.topic li{
text-align:left;
margin:0px 0px 8px 0px;
padding:0px 0px 8px 0px;
line-height:150%;
line-height:1.2;
border-bottom:1px dashed #D9D9D9;
}

.topic li .f_red{
text-align:left;
margin:0px 0px 8px 0px;
padding:0px 0px 8px 0px;
line-height:150%;
line-height:1.2;
border-bottom:1px dashed #D9D9D9;
}

.f_red a:link{
	color: #FF0000 !important;
}
.f_red a:visited{
	color: #FF0000 !important;
}
.f_red a:hover{
	color: #FF0000 !important;
}



.date{
	margin:0px;
	padding:0px;
	display:block;
	color:#FF0000;
	font-weight:bold;
}
.date img{
	padding-top:3px;
	padding-left:5px;
}

.link{
	position:absolute;
	top:10px;
	left:170px;
}
.link img{
	margin-right:10px;
}



.contents_box_right{
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:165px;
}

.contents_box_right img{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

.contents_box_brand{
float:left;
margin:0px 0px 15px 0px;
padding:12px;
border:1px solid #BCB8B8;
width:270px;
}

.contents_box_brand h2{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 7px 10px;
border-bottom: 1px dotted #ABABAB;
width:162px;
font-size:12px;
background: url('../top_test/arrow.gif') repeat-y;
}

.contents_box_brand p{
text-align:left;
float:left;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
font-size:10px;
width:172px;
}

.contents_box_brand img{
float:left;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
}

.contents_box_brand02{
float:left;
margin:0px 0px 15px 8px;
padding:12px;
border:1px solid #BCB8B8;
width:270px;
}

.contents_box_brand02 h2{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 7px 10px;
border-bottom: 1px dotted #ABABAB;
width:162px;
font-size:12px;
background: url('../top_test/arrow.gif') repeat-y;
}

.contents_box_brand02 p{
text-align:left;
float:left;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
font-size:10px;
width:172px;
}

.contents_box_brand02 img{
float:left;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
}

.contents_box_brand03{
float:left;
margin:0px 0px 15px 9px;
padding:12px;
border:1px solid #BCB8B8;
width:270px;
}

.contents_box_brand03 h2{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 7px 10px;
border-bottom: 1px dotted #ABABAB;
width:162px;
font-size:12px;
background: url('../top_test/arrow.gif') repeat-y;
}

.contents_box_brand03 p{
text-align:left;
float:left;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
font-size:10px;
width:172px;
}

.contents_box_brand03 img{
float:left;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
}

.matop10{
margin:0px 0px 0px 0px;
padding:14px 0px 0px 0px;
}


.toclient{
width:700px;
	margin:10px 0 8px 10px;
	padding:2px 0 5px 0;
	background:url(../top_test/tlsub_toclient.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
.toclient ul{
	margin:0px;
	padding:0px 0 0 110px;
}
.toclient ul li{
	margin:0px;
	padding:0px;
	float:left;
	font-size:10px;
}
.toclient ul li a{
	margin:0px;
	padding:10px 10px 10px 30px;
	background:url(../top_test/li_toclient.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
}
.toclient ul li a:hover{
	margin:0px;
	padding:10px 10px 10px 30px;
	background:url(../top_test/li_toclient_o.gif);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
}

.cam_tl_l{
	margin:0px 480px 0px 0 !important;
	padding:0px 0px 0px 0 !important;
}

.banner{
	width:691px;
	margin:0px;
	padding:7px 0 0 7px;
}
.banner ul{
	margin:0px;
	padding:0px;
}
.banner ul li{
	margin:0px;
	padding:0px 4px 0 0;
	float:left;
}

.product_news{
	margin:0px;
	padding:0px;
}
.product_news .left{
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
	width:240px;
}
.product_news .right{
	margin:0px;
	padding:0px 0px 0px 10px;
	float:right;
	width:434px;
	position:relative;
}



/* フッター ---------------------------------------------------------------------------------------- */
.footer_box{
width:885px;
background:url(../top_test/bg_footer.gif);
background-position:center bottom;
background-repeat:no-repeat;
clear:both;
margin:20px auto 0px auto;
padding:0px;
height:30px;
}

.footer{
text-align:left;
font-size:12px;
margin:0px;
padding:0px;
}

.footer ul{
list-style-type:none;
margin:0px;
padding:5px 0px 0px 20px;
}

.footer li{
display:inline;
margin:0px;
padding:5px 10px 5px 18px;
background:url(../top_test/li_footer.gif);
background-position:left 6px;
background-repeat:no-repeat;
}
.footer li#cp{
	background:none;
	padding:5px 10px 5px 150px;
	color:#FF0000;
	font-weight:bold;
}





/* Clear Float */
/* */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear{
	clear: both !important;
	visibility:hidden !important;
	height: 0 !important;
	font-size:0;
}