@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;
}

.pa5{
	margin:0px 0px 0px 0px;
	padding:0px 0px 7px 10px;
	
}


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

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

.header_top p{
	float:left;
	margin:0px;
	padding:3px 0px 0px 5px;
}



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

#header_r{
	float:right;
	text-align:right;
	margin:0px;
	padding:0px 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;
	height:200px;
	padding:0px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.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:10px 0px 0px 0px;
*padding:5px 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{
	width:885px;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.contents_main_left{
	float:left;
	margin:0px;
	padding:0px;
	width:720px;
}


.contents_main_right{
	float:left;
	margin:0px;
	padding:0px;
	width:164px;
 	background:url(../top_test/bg_right_brand.gif);
	background-position:right top;
	background-repeat:repeat-x; 
	border-top:solid 1px #d9d9d9;
	border-right:solid 1px #d9d9d9;
}

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

.contents_navi h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	_padding:0px 0px 5px 0px;
}


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


.contents_navi li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	_padding:0px 0px 5px 0px;
}

.contents_navi02{
	float:left;
	width:164px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	_padding:0px 0px 5px 0px;
}

.contents_navi02 ul{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px;
	_padding:2px 0px 0px 10px;
}


.contents_navi02 li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	_padding:0px 0px 5px 0px;
}

.contents_left ul{	
	margin:0px;
	padding:6px 0 0 0;
}
.contents_left ul li{	
	margin:0px 0px 3px 0px;
	padding:0px 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;
}

.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:166px;
}
.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_navi 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 15px;
	float:left;
	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;
	color:#FF0000;
	font-weight:bold;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
}

.footer li.ray{
	background:none;
	font-size:10px;
}





/* 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 { }
.clearfix {
	display: block;
	height: 1%;
}
/* End hide from IE-mac */

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


/* 検索窓 */

#srchBox
{
float:right;
width:430px;
_width:428px;
/*margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;
color:#000000;*/
text-align:right;
background-image:url(../misc/srch_bk.png);
background-repeat:no-repeat;
}
#srchBox *
{
margin:0;
padding:0;
font-size:12px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:3px 5px 0 135px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:188px;
margin-right:6px;
vertical-align:bottom;
_margin-bottom:6px;
>margin-bottom:6px;
}
#srchBox #srchBtn
{
width:80px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}


/*120207　重要なお知らせ　ここから*/

.important{
	width:884px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	background-image:url(../top/top_important_bk.gif);
	background-repeat:repeat-x;
	height:115px;
}

.important_left{
	float:left;
	background-image:url(../top/top_important_waku.gif);
	background-repeat:no-repeat;
	width:485px;
	height:80px;
	margin-left:10px;
	padding-top:10px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:15px;
}

.important_right{
	float:right;
	margin-right:15px;
	_margin-right:5px;
	width:300px;
	font-size:12px;
	line-height:1.4;
}

/*重要なお知らせ　ここまで*/