@charset "utf-8";

/*

information{
	t@C : /css/screen.css;
	Tv : CSSt@C̓gbvy[WCSSt@Cǂݍł܂B;
	TCg : L[OEGtC[;
	URL : http://www.keurig.co.jp/index.html;
	Rs[Cg :All Rights Reserved.(C) Keurig FE Co.,Ltd;
}

*/

/* ftHgݒ
--------------------------------------------------------------------------	*/

h1, h2, h3, h4, h5, h6, address {
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3";
	margin:0;
	padding:0;
	border:0;
	font-style: normal;
	font-weight: normal;
}



#mainimage{
height:268px;
width:700px;
background-image: url(../images/index/main_image.jpg);
background-repeat:no-repeat;
}


ul#submenu{
width:690px;
height:80px;
margin:0;
padding:0;
position:absolute;
top:276px;
left:180px;
}


ul#submenu li{
list-style-type:none;
height:90px;
margin:0;
padding:0;
float:left;
}



#catch{
width:683px;
height:189px;
float:right;
color:#333333;
background-image: url(../images/index/back_img01.jpg);
background-repeat:no-repeat;
background-position:top right;
padding:20px 0 0 15px;
}

#keriginfo{
border:1px #666666 solid;
width:670px;
overflow:auto;
background-color:#232323;
color:#B2B2B2;
font-size:120%;
margin:2px 0 10px 10px;
padding:7px 5px 5px 5px;
}

#new{
border:1px #666666 solid;
width:670px;
overflow:auto;
background-color:#232323;
color:#B2B2B2;
font-size:85%;
margin:2px 0 10px 10px;
padding:7px 5px 5px 5px;
}

#new_cont{
width:660px;
color:#B2B2B2;
font-size:85%;
}



dl{
margin:5px 0 0 10px;
width:650px;
background-image: url(../images/index/line03.gif);
background-repeat:no-repeat;
background-position:bottom;
}

dt{
margin:0;
padding:0 0 2px 20px;
width:90px;
float:left;
background-image: url(../images/index/new_mark.gif);
background-repeat:no-repeat;
background-position:0.5em;
}

dd{
height: auto;
margin:0;
padding:0 0 2px 0;
float:left;
}

dl.no-d {
margin:5px 0 0 10px;
width:650px;
	background-image: url(../images/index/line03.gif);
background-repeat:no-repeat;
background-position:bottom;
}
dl.no-d dt, div#new dl.no-d dd {
	float: none;
	width: auto;
	height: auto
	}
dl.no-d dd ul {
	list-style-type: none;
	clear: both;
	}
dl.no-d dd ul li {
margin:0;
padding:0 0 2px 20px;
background-image: url(../images/index/new_mark2.gif);
background-repeat:no-repeat;
background-position: left top;
}

html>body dd{
width:500px;

} 

#monitor{
border:1px #666666 solid;
width:670px;
background-color:#232323;
color:#B2B2B2;
margin:2px 0 10px 10px;
padding:0 10px 10px 0;
background-image: url(../images/index/line04.gif);
background-repeat:no-repeat;
background-position:top left;
}

#monitor_txt{
width:484px;
height:16px;
background-color:#232323;
color:#B2B2B2;
margin:10px 0 4px 0;
padding:0 0 2px 10px;
background-image: url(../images/index/back_monitor.gif);
background-repeat:no-repeat;
background-position:top left;
}


#member{
width:680px;
height:91px;
color:#333333;
margin:2px 0 4px 10px;
padding:0;
background-image: url(../images/index/back_member.jpg);
background-repeat:no-repeat;
background-position:top right;
}

#member_txt{
width:341px;
height:18px;
color:#333333;
margin:10px 0 4px 0;
padding:0 0 0 10px;
background-image: url(../images/index/back_member_txt.gif);
background-repeat:no-repeat;
background-position:top left;
}

.acenter{
text-align:center;
}

.bottom{
vertical-align:bottom;
}


.small{
font-size:90%;
}

.top_img{
margin:10px 10px 0 12px;
}

.red{
color:#ff0000;
}

.orenge{
color:#CC3300;
text-decoration: underline;
}
.orenge:hover {
text-decoration: none;
}

.yellow{
color:#FF9900;
}


ul#office{
margin:0;
padding:0;
}


ul#office li{
list-style-type:none;
margin:5px 0 0 0;
padding:0 0 0 10px;
background-image: url(../images/index/mark.gif);
background-repeat:no-repeat;
background-position:0 5px;
}

.limit {
	padding-left: 1em;
	color: #CC0000;
	}


div.customerBox{
	background:url(../images/index/bg_customer.jpg) no-repeat top;
	width:670px;
	height:94px;
	margin:0 0 0 10px;
	padding:0 0 0 14px;
	position:relative;
	z-index:1;
	}

div.customerBox table{
	margin:0 0 0 0;
	color:#FFFFFF;
	font-size:110%;
	z-index:2;
	padding: 9px 0 0 0;
	}

div.customerBox table th{
	width:150px;
	padding-right:12px;
	}

div.customerBox table td.ttl{
	background:url(../images/index/bg_customerttl.jpg) no-repeat left bottom;
	text-align:left;
	padding-left:10px;
	padding-bottom:6px;
	font-weight:bold;
	line-height:1.2;
	}

p.customerbtn{
	position:relative;
	z-index:3;
	text-align:right;
	margin:-30px 0 30px 0;
	padding-right:30px;
	}

div.mediaBox{
	background:url(../images/index/bg_media.jpg) no-repeat top;
	width:670px;
	height:130px;
	margin:0 0 0 10px;
	padding:0 0 0 14px;
	position:relative;
	z-index:1;
	}

div.mediaBox table{
	margin:0 0 0 150px;
	color:#FFFFFF;
	font-size:110%;
	z-index:2;
	padding: 9px 0 0 0;
	}

div.mediaBox table th{
	width:150px;
	padding-right:12px;
	}

div.mediaBox table td.ttl{
	background:url(../images/index/bg_mediattl.jpg) no-repeat left bottom;
	text-align:left;
	padding-left:10px;
	padding-bottom:6px;
	font-weight:bold;
	line-height:1.2;
	}

p.mediabtn{
	position:relative;
	z-index:3;
	text-align:right;
	margin:-30px 0 30px 0;
	padding-right:30px;
	}

.pt05 { 
	padding-top: 5px;
}

	
.pt15 { 
	padding-top: 15px;
}


p.right_btn{
	float: right;
	margin: 0 18px 5px 0;
}

table.main-v{
	width:680px;
	background: #FFFFFF;
	margin: 5px 0 0 12px;
}

.bt-area{
	width:680px;
	margin: 15px 0 0 11px;
	padding: 0 0 0 0;
	display: block;
}

.bt-area dl{
	margin:5px 0 0 0;
	padding: 0 0 10px 0;
	width:225px;
	background: none;
	float: left;
	background: url(../images/index/line_01.gif) left top no-repeat;
}

.bt-area dl dt{
	margin:0;
	padding:0 0 30px 9px;
	width:60px;
	float:left;
	background: none;
}

.bt-area dl dd{
	width:145px;
	margin:0;
	padding:0 0 2px 0;
	font-size: 0.9em;
}


.bt-area dl dd.detail{
	text-align: right;
	padding:2px 0 0 0;
	background: url(../images/index/main_bt_ico.gif) 75px 3px no-repeat;
}

.bt-bottom{
	margin: 0 0 0 0;
	font-size: 0.5em;
}

/*-----------------------------------------------------
add 2010/05/28
-------------------------------------------------------*/
ul.bnr-area {
	display: block;
	width:681px;
	margin: 15px 0 0 10px;
	padding: 0 0 0 0;
	list-style-type: none;
}
ul.bnr-area li {
    float:left;
    width:339px;
    margin: 0 0 0 3px;
	padding: 0 0 0 0;
}
ul.bnr-area li.first {
    margin:0;
}

/*-----------------------------------------------------
CLEARFIX
-------------------------------------------------------*/

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

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}