@charset "utf-8";
/* CSS Document */

/*****************************************

Setting

******************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	font-size: 12px;
	vertical-align: baseline;
	}

body{line-height: 1;
     background:#FEFFF1;
}

ol, ul{list-style: none;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.str_normal{
	font-size:18px;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

a{
	text-decoration:none;
	color:#fff;
}

a:visited{
	color:#e39e05;
}

small{
	font-size:80%;
}

.str_red{
	color:#f00;
}

.str_bold{
	font-weight:bold;
}
/*****************************************

common

******************************************/
/* 全体 */
div#wrapper{
	width:980px;
	height:auto;
	margin:0 auto;
	background:#FEFFF1;
}

div#contents{
	width:100%;
	height:auto;
	padding:10px 0 0 0;
}

div.leftbox{
	float:left;
	width:640px;
	height:auto;
	padding:0 15px 0 10px;
}

div.rightbox{
	float:left;
	width:290px;
	height:auto;
	padding:0 10px 0 15px;
}

div#footer{
	clear:both;
	width:100%;
	height:auto;
}
/*

*/
/*****************************************

header

******************************************/
/* index 用*/
div#index_header{
	position:relative;
	width:100%;
	height:640px;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/1440-BG1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

div.index_header_wrapper{
	position:relative;
	width:980px;
	height:600px;
	margin:0 auto;
}

.header_img1{
	width:100%;
	height:640px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/1440-BG1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_img2{
	width:100%;
	height:640px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/1440-BG2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_img3{
	width:100%;
	height:640px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/1440-BG3.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_img4{
	width:100%;
	height:640px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/1440-BG4.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_img5{
	width:100%;
	height:640px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/1440-BG7.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


h1.index_header_logo{
	position:absolute;
	top:45px;
	right:20px;
}

p.index_header_siteexp{
	position:absolute;
	top:10px;
	right:20px;
	color:#898989;
}


p.index_header_mark{
	position:absolute;
	bottom:50px;
	right:45px;
}

ul.index_headermenu{
	text-align:center;
	position:absolute;
	top:600px;
	min-width:980px;
	width:100%;
	height:40px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/menu/b-side-bg.jpg);
	background-repeat:repeat-x;
}

ul.index_headermenu li{
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height:40px;
	margin:0 -4px 0 0;
	padding:0;
}



* html ul.index_headermenu li{  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
*+html ul.index_headermenu li {  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}


ul.index_headermenu li a{
	display:block;
	width:160px;
	height:40px;
}


/* 共通 && !index */

div#header{
	position:relative;
	width:100%;
	height:190px;
	background-color:#FEFFF1;
}

div.header_wrapper{
	position:relative;
	width:960px;
	height:140px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/header-right-img.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;

}

h1.header_logo{
	position:absolute;
	bottom:0;
	left:10px;
}



p.header_siteexp{
	position:absolute;
	top:10px;
	right:20px;
	color:#898989;
}


ul.headermenu{
	text-align:center;
	position:absolute;
	bottom:0;
	min-width:980px;
	width:100%;
	height:40px;
	margin:0 auto;
	background-image:url(https://sapporomilkhouse.under.jp/milkhouse/img/menu/b-side-bg.jpg);
	background-repeat:repeat-x;
}

ul.headermenu li{
	display: -moz-inline-box;
	display: inline-block;
	width:160px;
	height:40px;
	margin:0 -4px 0 0;
	padding:0;
}



* html ul.headermenu li{  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
*+html ul.headermenu li {  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}


ul.headermenu li a{
	display:block;
	width:160px;
	height:40px;
}

/*

li.menu1 a{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-11.jpg);
}

li.menu1 a:hover{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-12.jpg);
}


li.menu3 a{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-21.jpg);
}

li.menu3 a:hover{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-22.jpg);
}

li.menu4 a{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-31.jpg);
}

li.menu4 a:hover{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-32.jpg);
}


li.menu2 a{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-41.jpg);
}

li.menu2 a:hover{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-42.jpg);
}

li.menu5 a{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-51.jpg);
}

li.menu5 a:hover{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-52.jpg);
}


li.menu6 a{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-61.jpg);
}

li.menu6 a:hover{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/menu/b-62.jpg);
}
*/

/*****************************************

side menu

******************************************/



div.sidenews{
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	line-height:1.4;
	color:#333;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/sidemenu/toppage-news-footer.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

div.sidenews_cont{
	width:90%;
	height:auto;
	padding:10px 5%;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/sidemenu/toppage-news-middle.jpg);
}

div.side_item_listbox{
	width:100%;
	height:630px;
	margin:0 0 15px 0;
	padding:160px 0 0 0;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/sidemenu/SM-LINEUP-290.jpg);
}

ul.side_itemlist{
	margin:0 0 0 5px;
}

li.side_itemlist_h{
	margin:0 0 15px 0;
	clear:both;
}

li.side_itemlist_w{
	float:left;
	margin:-1px 5px;
}

.side_menu li{
	margin:0 0 10px 0;
}

li.btn_partition{
	margin:0 0 45px 0 !important;
}

/*****************************************

footer

******************************************/
div.footer_topbox{
	width:980px;
	margin:0 auto;
	padding:0 0 25px 0;
	background:#FEFFF1;
}
p.call{
	text-align:center;
	margin:0 0 10px 0;
}

div.footer_info{
	width:960px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0 10px;
}

div.footer_contact{
	float:left;
	width:290px;
	height:170px;
	padding:70px 0 0 20px;
	line-height:1.4;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/footer-info-contact.jpg);
}

.footer_contact dl{
	margin:15px 0;
}

.footer_contact dt{
	float:left;
	width:4em;
}

div.footer_payment{
	float:left;
	width:290px;
	height:170px;
	margin:0 15px;
	padding:70px 0 0 20px;
	line-height:1.4;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/footer-info-payment.jpg);
}

p.footer_card{
	margin:3px 0 5px 0;
}

p.footer_yamato{
	margin:5px 0 0 -5px;
}
div.footer_delivery{
	float:left;
	width:290px;
	height:170px;
	padding:70px 0 0 20px;
	line-height:1.4;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/footer-info-delivery.jpg);
}
div.footer_delivery p{
	width:90%;
	margin:0 0 0 20px;
}

p.footer_yamato2{
	margin:0 0 5px 25px !important;
}

p.footer_time{
	margin:5px 0 0 3px !important;
}

div.footer_bottombox{
	width:100%;
	height:235px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/footer-bg-235.jpg);
	background-repeat:x-repeat;
	background-position:bottom;
}

div.footer_bottombox_wrapper{
	position:relative;
	width:980px;
	margin:0 auto 25px auto;
}

h2.footer_logo{
	float:left;
	margin:25px 40px 0 30px;
}

div.footer_shoppingbox{
	float:left;
	margin:10px 0 0 0;
}

div.footer_shoppingbox h2,div.footer_guidebox h2{
	margin:15px 0 0 0;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

div.footer_shoppingbox ul,div.footer_guidebox ul{
	margin:10px 0 0 17px;
	list-style-position:inside;
	list-style:disc;
	font-size:12px;
	color:#fff;
}

div.footer_shoppingbox ul li,div.footer_guidebox ul li{
	margin:0 0 5px 0;
}

div.footer_guidebox{
	float:left;
	margin:10px 0 0 60px;
}

p.footer_top a{
	display:block;
	width:115px;
	height:27px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/footer-pagetop.jpg);
	background-repeat:no-repeat;
}


p.footer_top{
	position:absolute;
	top:0;
	right:20px;
	width:115px;
	height:27px;
	text-indent:-9999px;
}

ul.footer_icon{
	position:absolute;
	top:35px;
	right:18px;
}

ul.footer_icon li{
	float:left;
	margin:0 7px 0 0;
}

div.footer_last{
	clear:both;
	width:960px;
	margin:0 auto 0 auto;
	padding:0 10px;
}

p.footer_toku{
	float:left;
	margin:1px 20px 0 0;
}

p.footer_privacy{
	float:left;
	margin:1px 20px 0 0;
}

p.footer_copy{
	float:right;
	margin:7px 10px 0 0;
	color:#fff;
}


/*****************************************

index

******************************************/
div.index_itemexp{
	width:640px;
	height:auto;
	margin:5px 0;
	padding:25px 0 10px 0;
	font-size:14px;
	line-height:1.2;
}

h2.bunner{
	margin:0 0 10px 0;
}

div.index_itemexp h3{
	width:610px;
	margin:20px 0 30px 0 ;
	padding:0 15px;
}

div.index_itemexp p{
	width:610px;	
	padding:0 15px;
	font-size:12px;
	line-height:1.7;
	letter-spacing:1.5px;
}

.index_vanilla{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-vanilla-311.jpg);
}

.index_cheese{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-cheese-311.jpg);
}

.index_chocolate{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-choco-311.jpg);
}

.index_strawberry{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-strawberry-311.jpg);
}

.index_cafe{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-cheese-312.jpg);
}

.index_trial{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-trial-310.jpg);
}

.index_premium{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-premium-310.jpg);
}

.index_super{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/top-super-premium-310.jpg);
}

.index_itemlist div{
	width:310px;
	height:338px;
	padding:1px 0;
}

.index_chkbtn1{
	margin:300px 0 0 0;
	text-align:center;
}

.index_chkbtn2{
	margin:290px 0 0 0;
	text-align:center;
}

.index_chkbtn3{
	margin:280px 0 0 0;
	text-align:center;
}

.index_chkbtn1:hover,.index_chkbtn2:hover,.index_chkbtn3:hover{
	opacity:0.8;
}

li.index_wlist{
	float:left;
}

li.index_wlist_r{
	float:left;
	margin:0 0 0 10px;
}

/*****************************************

パンくず

******************************************/
div.crumbbox{
	clear:both;
	width:100%;
	height:30px;
}

ol.crumb{
	margin:0 0 0 3px;
	padding:5px 0 0 0;
}
 
ol.crumb li{
	float:left;
	list-style:inside;
	list-style-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/mark.jpg);
	margin:-2px 0 0 5px;

}

ol.crumb li a{
	color:#000;
}

ol.crumb li a:visited{
	color:#000;
}

ol.crumb li.crumb_home{
	list-style:none;
	margin:0;
}

/*****************************************

list

******************************************/

div.lineup_itembox_vanilla{
	position:relative;
	width:620px;
	height:488px;
	margin:0 0 10px 0;
	padding:20px 0 0 20px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-vanilla3.jpg);
	background-repeat:none;
}

div.lineup_itembox_vanilla p.lineup_exp{
	width:435px;
	line-height:1.8;
	letter-spacing:1px;
}

p.lineup_chkbtn{
	position:absolute;
}

div.lineup_itembox_vanilla p.lineup_chkbtn{
	bottom:80px;
	right:40px;
}

div.lineup_itembox_vanilla p.lineup_chkbtn:hover{
	opacity:0.8;
}

ul.lineup_list{
	margin:30px 0 40px 0;
}

.lineup_itembox{
	position:relative;
	width:100%;
	height:244px;
}

.lineup_cheese{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-cheese.jpg);
	background-repeat:none;
}

.lineup_cheese p.lineup_chkbtn{
	bottom:85px;
	right:40px;
}

.lineup_cheese p.lineup_chkbtn:hover{
	opacity:0.8;
}

.lineup_choco{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-choco.jpg);
	background-repeat:none;
}

.lineup_choco p.lineup_chkbtn{
	bottom:70px;
	right:40px;
}

.lineup_choco p.lineup_chkbtn:hover{
	opacity:0.8;
}


.lineup_strawberry{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-strawberry.jpg);
	background-repeat:none;
}

.lineup_strawberry p.lineup_chkbtn{
	bottom:70px;
	right:40px;
}

.lineup_strawberry p.lineup_chkbtn:hover{
	opacity:0.8;
}

.lineup_cafe{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-cheese1.jpg);
	background-repeat:none;
}

.lineup_cafe p.lineup_chkbtn{
	bottom:65px;
	right:40px;
}

.lineup_cafe p.lineup_chkbtn:hover{
	opacity:0.8;
}

.lineup_trial{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-trial.jpg);
	background-repeat:none;
}

.lineup_trial p.lineup_chkbtn{
	bottom:65px;
	right:25px;
}

.lineup_trial p.lineup_chkbtn:hover{
	opacity:0.8;
}

.lineup_premium{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-pre.jpg);
	background-repeat:none;
}

.lineup_premium p.lineup_chkbtn{
	bottom:65px;
	right:25px;
}

.lineup_premium p.lineup_chkbtn:hover{
	opacity:0.8;
}

.lineup_super{
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/lineup-super-pre.jpg);
	background-repeat:none;
}

.lineup_super p.lineup_chkbtn{
	bottom:65px;
	right:25px;
}

.lineup_super p.lineup_chkbtn:hover{
	opacity:0.8;
}
/*****************************************

guide

******************************************/

div.guide_box{
	width:100%;
	height:auto;
	padding:0 0 30px 0;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/guide-footer.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	line-height:1.6;
}

div.guide_boxcont{
	width:600px;
	height:auto;
	padding:10px 20px;
	background-color:#fef898;
}

h3.guide_section{
	width:600px;
	font-size:14px;
	font-weight:bold;
	margin:0 auto 20px auto;
	padding:0 0 5px 5px;
	border-bottom:solid 2px #000;
}

ol.guide_orderlist{
	width:100%;
	margin:0 0 0 20px;
	list-style-type:decimal;
	list-style-position:outside;
}

ol.guide_orderlist li{
	margin:0 0 10px 0;
	padding:0 0 40px 0;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/guide-next.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

ol.guide_orderlist li.guide_orderlast{
	background-image:none;
}

.guide_topspace{
	margin:40px 0 0 0;
}
.guide_topspace20{
	margin:20px 0 0 0;
}

.guide_bottomspace{
	margin:0 0 40px 0;
}

.guide_bottomspace20{
	margin:0 0 20px 0;
}

.guide_imgfloat{
	float:right;
}

.guide_clear{
	clear:both;
}
/*****************************************

temp

******************************************/

h3.temp_bunner{
	margin:20px 0 0 0; 
}

div.temp_sapporoexp{
	width:600px;
	height:200px;
	margin:20px 0 0 0;
	padding:300px 0 0 40px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/tenpo-honten-640.jpg);
	background-repeat:no-repeat;
}


div.temp_ohmagariexp{
	width:600px;
	height:170px;
	margin:20px 0 0 0;
	padding:330px 0 0 40px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/tenpo-ohmagari-640.jpg);
	background-repeat:no-repeat;
}

.temp_bottomspace10{
	margin:0 0 10px 0;
}

.temp_leftspace10{
	margin:0 0 10px 3em;
}

div.temp_sapporoexp dt,div.temp_ohmagariexp dt{
	float:left;
}

div.temp_sapporoexp dl,div.temp_ohmagariexp dl{
	line-height:1.8;
	letter-spacing:1px;
}

div.temp_map{
	width:600px;
	height:460px;
	margin:20px 0 0 0;
	padding:20px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/tenpo-map-bg-640.jpg);
	background-repeat:no-repeat;
}

.temp_bottomspace40{
	margin:0 0 40px 0 !important;
}

/*****************************************

kodawari

******************************************/

.kodawari_title{
	margin:20px 0 0 0;
}

.kodawari_itemexp{
	position:relative;
	width:100%;
	height:1122px;
	margin:0 0 20px 0;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/640-1000-kodawari.jpg);
	background-repeat:no-repeat;
}

p.kodawari_cheeseexp{
	text-align:right;
	position:absolute;
	top:70px;
	right:200px;
	width:190px;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.4;
}

p.kodawari_coffeeexp{
	position:absolute;
	top:265px;
	left:15px;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.4;
}

p.kodawari_chocoexp{
	position:absolute;
	bottom:210px;
	left:15px;
	width:150px;
	color:#6a3906;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.4;
}

p.kodawari_strawberryexp{
	position:absolute;
	bottom:260px;
	right:13px;
	width:150px;
	color:#e5004f;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.4;
}

p.kodawari_vanillaexp{
	position:absolute;
	bottom:20px;
	right:20px;
	width:210px;
	font-size:10px;
	letter-spacing:1px;
	line-height:1.4;
}

div.kodawari_milk{
	width:625px;
	height:223px;
	margin:0 0 20px 0;
	padding:115px 0 0 15px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/640-kodawari-milk.jpg);
	background-repeat:no-repeat;
}

.kodawari_milk h4{
	margin:0 0 10px 0;
}

.kodawari_milk p{
	width:300px;
	line-height:1.6;
}

div.kodawari_shoukou{
	position:relative;
	width:625px;
	height:495px;
	margin:20px 0 0 0;
	padding:65px 0 0 15px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/640-kodawari-shoukoukaigisho.jpg);
	background-repeat:no-repeat;
}

.kodawari_bottomspace10{
	margin:0 0 1em 0;
}

.kodawari_shoukou1,.kodawari_shoukou2,.kodawari_shoukou3{
	position:absolute;
	bottom:30px;
	width:150px;
	height:100px;
	color:#fff;
}

.kodawari_shoukou1 h3,.kodawari_shoukou2 h3,.kodawari_shoukou3 h3{
	text-align:center;
	font-weight:bold;
}
	

.kodawari_shoukou1 ul,.kodawari_shoukou2 ul,.kodawari_shoukou3 ul{
	margin:15px 0 10px 10px;
	list-style:disc;
}

.kodawari_shoukou1 li,.kodawari_shoukou2 li,.kodawari_shoukou3 li{
	margin:0 0 5px 0;
}

.kodawari_shoukou1{
	left:25px;
}

.kodawari_shoukou2{
	left:250px;
}

.kodawari_shoukou3{
	right:20px;
}

.kodawari_media{
	width:100%;
	margin:20px 0 40px 0;
}

.kodawari_media1{
	position:relative;
	float:left;
	width:275px;
	height:240px;
	margin:0 10px 0 5px;
	padding:260px 0 0 30px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/305-kodawari-tv1.jpg);
	background-repeat:no-repeat;
}

.kodawari_media1 p{
	font-size:16px;
	line-height:1.6;
}

p.kodawari_itembtn{
	position:absolute;
	bottom:30px;
	left:25px;
}

p.kodawari_itembtn:hover{
	opacity:0.8;
}

.kodawari_media2{
	position:relative;
	float:left;
	width:285px;
	height:270px;
	margin:0 5px 0 10px;
	padding:230px 0 0 20px;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/305-kodawari-tv2.jpg);
	background-repeat:no-repeat;
}
.kodawari_media2 p{
	font-size:15px;
	line-height:1.6;
}



/*****************************************

detail

******************************************/
h2.detail_topimg{
	margin:0 0 20px 0;
}

.detail_kodawari{
	width:100%;
	margin:0 0 20px 0;
}

.detail_kodawarititle{
	margin:0 0 10px 0;
}

.detail_kodawari1{
	position:relative;
	float:left;
	width:310px;
	heigth:400px;
	margin:0 10px 0 0;
}

.detai_kodawariexp{
	width:280px;
	margin:10px auto;
	line-height:1.2;
}
.detail_kodawari2{
	position:relative;
	float:left;
	width:310px;
	heigth:400px;
	margin:0 0 0 10px;
}

.detail_shopping{
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:10px 0 30px 0;
	line-height:1.4;
	background-color:#fef898;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/item-shopping-footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

h3.detail_itemname{
	margin:10px 0 10px 1em;
	font-size:20px;
	font-weight:bold;
}

.detail_photobox{
	float:left;
	width:400px;
	margin:0 0 20px 10px;
}
ul.detal_thumbnail{
	margin:10px 0 0 0;
}

ul.detal_thumbnail li{
	float:left;
}

div.detail_itemexpbox{
	float:left;
	width:210px;
	height:auto;
	margin:0 0 20px 0;
	padding:0 10px;
}

.detail_itemexpbox p{
	line-height:1.4;
}

.detail_bottomspace10{
	margin:0 0 10px 0;
}
.detail_delivery1{
	text-align:center;
	margin:40px 0 0 0;
}

.detail_delivery2{
	text-align:center;
	margin:10px 0 20px 0;
}

table.item_choice{
	text-align:center;
	width:100%;
	margin:0 0 20px 0;
	border-collapse:collapse;
	border:solid 1px #999;
}

table.item_choice th,table.item_choice td{
	font-size:16px !important;
	padding:5px 0;
	border:solid 1px #999;
}

.bg_color{
	background-color:#FC9;
}

.detail_buy{
	font-size:16px;
	margin:0 0 10px 0;
}

.detail_buybtn{
	text-align:center;
	margin:5px 0 10px 0;
}

.detail_continuebtn{
	text-align:center;
}

table.item_detaillist{
	clear:both;
	width:620px;
	margin:0 auto 10px auto;
	border-collapse:collapse;
	border:solid 1px #999;
	line-height:1.4;
	letter-spacing:1px;
}

table.item_detaillist th{
	padding:5px 0;
	border:solid 1px #999;
}

table.item_detaillist td{
	padding:5px 0 5px 2em;
	border:solid 1px #999;
}

.soldout{
	text-align:center;
    margin:0 0 15px 0;
	font-size:24px;
}

/*****************************************

about

******************************************/
.about_box{
	width:600;
	heigth:auto;
	margin:20px 0;
	padding:30px 20px;
	line-height:1.4;
	letter-spacing:1px;
	background-color:#fef898;
	background-image:url(http://sapporomilkhouse.under.jp/milkhouse/img/about-site-header.jpg),url(http://sapporomilkhouse.under.jp/milkhouse/img/about-site-footer.jpg);
	background-repeat:no-repeat,no-repeat;
	background-position:center top,center bottom;
}

.about_box a{
	color:#000;
	font-weight:bold;
}

h3.about_section{
	margin:0 0 10px 0;
}

h3.about_section2{
	margin:0 0 10px 0; 
	padding:0 0 7px 3px;
	border-bottom:solid 2px #000;
	font-size:16px;
	font-weight:bold;
}

.about_bottomspace20{
	margin:0 0 20px 0;
}

.about_bottomspace50{
	margin:0 0 50px 0;
}

.about_qrcode{
	float:right;
	margin:0 20px;
}