@charset "UTF-8";

/*===================================================================
	reset
===================================================================*/

/*default*/

body, html, div, pre, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; }

.hidden { display: none; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; font-size:100%; }

/* list */
dl, dt, dd, ul, ol, li { margin:0; padding:0; }
ol, ul { list-style: none; }

/* table */
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
th, td { margin:0; padding:0; }

/* etc */
fieldset, img { margin:0; padding:0; border:0; vertical-align: middle; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
abbr,acronym { border:0; }


/*===================================================================
	font
===================================================================*/

/*fonts.css*/
body { font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro",  "Osaka－等幅", sans-serif; font-size:12px; line-height:14px; color:#666666; }
select, input, textarea { font: 99% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
pre, code { font: 115% monospace; *font-size: 100%; }
body * { line-height: 1.22em; }
img { font-size:0px; line-height:0px; }
p { line-height: 150%; }

a { color:#034695; text-decoration:underline; }
a:hover { text-decoration:none; }
a:visited { color:#6396b5; text-decoration:underline; }


/*===================================================================
	clearfix
===================================================================*/

/* ------ clearfix ------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; position:relative; }
/* End hide from IE-mac */


/* ------ clear ------ */
.clear{ clear:both; display: block; font-size:1px; line-height:0px; }
*html .clear{ height:0px; }



/*===================================================================
	common
===================================================================*/
body { background:#ffffff; text-align:center; position:relative; }

.mt0 { margin-top:0px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.pl10 { padding-left:10px!important; }


/*===================================================================
	 header
===================================================================*/
#header { height:58px; background:#001342 url(../imgs/header_bg.gif) repeat-x scroll left top; width:960px; margin:0 auto; }
#header .inner { padding:0 0 4px 0; }
#header .logo { position:absolute; top:14px; left:3px; font-size:0; line-height:0;}
#header .link { float:right; padding:8px 12px 0 0; font-size:0; line-height:0; margin:0 0 0 -21px; }
#gnavi { margin:-58px auto 0; min-width:960px; width:960px; font-size:0; line-height:0;background:#001342 url(../imgs/header_bg.gif) repeat-x scroll left top;}
#gnavi #gnaviInner { margin:18px auto 0; width:700px; }
#gnavi ul { width:700px; margin:0 auto; background:url(../imgs/header_top_bg.gif) no-repeat scroll center bottom; }
#gnavi ul li { float:left; }
#gnavi ul li.first { padding:18px 54px 0 0; }
#gnavi ul li.second { padding:4px 50px 0 0; }
#gnavi ul li.third { padding:0 45px 0 0; }
#gnavi ul li.fourth { padding:0 42px 0 0; }
#gnavi ul li.fifth { padding:4px 48px 0 0 ; }
#gnavi ul li.sixth { padding:12px 0 0 0 ; }

/*===================================================================
	contents
===================================================================*/
#wrapper01 { background:#ffffff url(../imgs/wrapper_bg_01.jpg) no-repeat scroll center top; min-width:960px; }
#wrapper02 { background:#e6f2f5 url(../imgs/wrapper_bg_02.jpg) no-repeat scroll center top; min-width:960px; }
#contents { text-align:left; width:960px; margin:0 auto; padding:265px 0 0 0; background:url(../../imgs/sp_bg_main.jpg); }


/* ------ pageTop ------ */
.pageTop { padding:10px 0 15px 0; text-align:right; }
.pageTop a { color:#d80010; font-size:90%; }


#contents .ctsTopic{ float:left; width:755px; padding-top:65px; }
#contents .ctsBnr{ float:right; width:200px; padding:235px 5px 5px 0; }
#contents .ctsBnr.empty{ float:right; width:200px; padding-top:0px; padding-bottom:340px; }
#contents .ctsBnr li.top{ padding-bottom:5px; }
#contents .ctsBnr_type2 { float:right; width:420px; padding-top:170px; padding-bottom:10px; }
#contents .ctsBnr_type2 ul li { float:left; width:200px; margin-right:10px; }
#contents .tpcInner{ background:url(../../imgs/sp_bg_topic.gif); padding:17px 17px 17px 25px; margin-bottom:5px; }
#contents .tpcInner .tpcNews{ float:left; width:286px; background:url(../../imgs/sp_bdr_dot.gif) right repeat-y; }
#contents .tpcInner .tpcReco{ float:right; width:431px; padding-left:15px; }
#contents .tpcNews .newsTbl{ margin-top:13px;}
#contents .tpcNews .newsTbl td{ padding:2px;}
#contents .tpcReco ul li{ float:left; }

/*===================================================================
	footer
===================================================================*/
#footer {width:960px;margin:0 auto; height:30px; background:#ffffff; border-top:1px solid #dddddd;}
#footer .inner { width:960px; margin:0 auto; border-top:1px solid #dddddd;}

#footer ul.link { float:left; padding:10px 25px 0 0; font-size:0; line-height:0; }
#footer ul.link li { float:left; padding:0 25px 0 0; }

#footer ul.cr { float:right; font-size:0; line-height:0; }
#footer ul.cr li { float:left; padding:10px 0 0; }
#footer ul.cr li.logo { padding:5px 0 0 10px; }

/* ------ IE6 fixed用 ------ */  

#sp_kitchen #contents{ margin:0 auto; padding:0; background:none; width:960px; }

#sp_kitchen .kitchenList .bg_blue { background:#f0f6fd; }
#sp_kitchen .kitchenList .klistInner { position:relative; }
#sp_kitchen .kitchenList .eachList1 { position:absolute; top:47px; left:112px; font-size:0; }
#sp_kitchen .kitchenList .eachList2 { position:absolute; top:62px; left:112px; font-size:0; }
#sp_kitchen .kitchenList .eachList1 li { margin-top:5px; }
#sp_kitchen .kitchenList .eachList2 li { margin-top:5px; }