@import url("./product/pr_creamy_rich/noto-sans.css");

@charset "utf-8";
/* 全てのページに共通でかけているcss */
/* CSS reset */

html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
img { vertical-align: bottom; }


/* font by YUI */
body {
/*
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
*/
    *font-size:small;
    *font:x-small;

    font-family:Noto Sans Japanese,'游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size:13px;

}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    font-size:inherit;
    font:100%;
	margin: 0; 
    padding: 0;
	color:#464646;
}
.text09 { font-size:70%; }
/*ie6 hack*/* html .text09 { font-size:80%; }
/*ie7 hack*/*+html .text09 { font-size:80%; }
.text10 { font-size:77%; line-height: 1.6; letter-spacing: 0px;}
/*ie6 hack*/* html  .text10 { font-size:93%; }
/*ie7 hack*/*+html  .text10 { font-size:93%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; line-height: 1.4; letter-spacing: -1px;}
/*ie6 hack*/* html  .text12 { font-size:116%; }
/*ie7 hack*/*+html  .text12 { font-size:116%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


a{
	color:#646464;
	text-decoration: underline;
}
a:hover{
	color: #333333;
	text-decoration: none;
}


/* wrap ============================================================= */
.leftCol{
	float: left;
	
	margin-right: 0px;
}

.mainWrap{
	margin-left: 188px;
}
.allWrap{
	width: 800px;
}
#doggymanLogo{
	margin-left: 31px;
	/*margin-top: 21px;*/
	margin-top: 26px;
	margin-bottom: 25px;
}


/* gMenu ============================================================= */
.gMenuList{
	margin-bottom: 11px;
}
.gMenuListBottom{
	margin-bottom: 33px;
}
.gMenuInnerBottom{
	margin-bottom: 11px;
}
.gMenuInnerTop{
	margin-top: -11px;
}
.gMenu{
	margin-left: 10px;
}

/* headMenu ============================================================= */
.headMenu{
	clear: right;
}
.headMenu li{
	display: inline;
	float: right;
	margin-top: 10px;
	margin-bottom: 7px;
}
.headMenu{
	margin-right: 15px;
}
/*pan*/
.pan{
	clear: right;
	text-align: right;
	padding-right: 17px;
	padding-top: 4px;
	padding-bottom: 6px;
}
.pan_bule a{
	color: #003399;
}
.pan_bule{
	padding-right: 6px;
}

/*search*/
.search{
	width: 168px;
	float: right;
	margin-right: 3px;
}
.seacharea{
	width: 120px;
	height: 16px;
	display: block;
	float: left;
	font-size: 80%;
}
.searchbtn{
	width: 30px;
	height: 20px;
	display: block;
	padding-left: 6px;
}

.upMenu{
	float: right;
	margin-top: 15px;
	margin-right: 14px;
}
.upMenuBox{
	float: right;
	margin-left: 9px;
}





/* footer ============================================================= */
.pagetop{
	clear: both;
	text-align: right;
	padding-right: 5px;
}

#video{
	font-size: 80%;
	width: 500px;
}




/********** 2012/6/28 追加　**************/

.bannerArea{
	margin:0 0 20px;
}

.bannerArea img{
	margin-left:5px;
}

ul .bannerSide{
	margin-top:10px;
}

.bannerSide li{
	margin-left:10px;
}