/* YUI Reset CSS  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* 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;}
/* End hide from IE-mac */

.floatLeft{float:left;}
.floatRight{float:right;}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Verdana,sans-serif;
	font-size:14px;
	color:#333333;
	line-height:1.8;
}
ul li{
	line-height:1.5;
}
input,select,textarea{
	padding:2px;
	border:#7e9db9 1px solid;
	font-size:14px;
}
div.btnboxWrap input,
div#loginWrap div#btn_login input,
div#loginWrap div#btn_clear input{
	padding:0;
	border:none;
}
a{
	outline:none;
	text-decoration:none;color:#12a0ec;
}
a:hover{color:#12a0ec;text-decoration:underline;}

.tacenter{text-align:center;}
.taright{text-align:right;}
.errors{color:#ff0000;}

.mtop5{margin-top:5px;}
.mtop10{margin-top:10px;}
.mtop20{margin-top:20px;}
.pbtm20{padding-bottom:20px;}
.mbtm10{margin-bottom:10px;}
.mrgt20{margin-right:20px;}

.w30{width:30px;}
.w50{width:50px;}
.w100{width:100px;}
.w108{width:108px;}
.w200{width:200px;}
.w300{width:300px;}
.w350{width:350px;}
.w450{width:450px;}

li.last_li{margin-right:0 !important;}

/*----- input -----*/
table td input{vertical-align:middle;}
.num{width:40px;text-align:right;}

/*----- hover -----*/
#btn_clear input:hover,
#btn_mixcolor_print a:hover img,
div#loginWrap div#btn_login input:hover,
div#loginWrap a:hover img,
div#logoutWrap a:hover img,
div.btnboxWrap img:hover,
div.btnboxWrap input:hover,
div#totopWrap a:hover img{
	opacity: 0.80; /* Opera・Safari */
	-moz-opacity:0.80; /* Firefox */
	filter: alpha(opacity=80); /* IE */
	zoom: 1; /* IE */
}

/* ========================= container ========================= */
div#container{
	width:950px;
	margin:0 auto;
}
div#header{
	height:90px;
	margin:5px 0;
}
div#logo_kikusui{
	text-align:right;
	margin-bottom:20px;
}
div#logoutWrap{
	width:538px;
}
div#logoutWrap p{
	text-align:right;
	height:35px;
	width:417px;
	line-height:1.2;
	margin-right:10px;
}
div#logoutWrap div{
	width:111px;
}
div#topWrap{margin-top:10px;}
div#contentWrap{
	background:url(img/bg_gnavi.gif) repeat-x;
	padding-top:49px;
}
div#content{
	background:#c2e2f1 url(img/bg_content.gif) repeat-x;
	padding:10px 30px 0;
}
div#contentWrap div#content{
	padding:40px 0 80px;
}
h1{width:412px;}
div#footer{
	margin-top:10px;
}
div#totopWrap{
	text-align:right;
	margin-top:20px;
}

/*----- globalNavi -----*/
ul#globalNavi{
	background:url(img/bg_gnavi.gif) repeat-x;
	height:42px;
	padding:0 0 7px 18px;
}
ul#globalNavi li{
	float:left;
	list-style:none;
	height:42px;
	margin-right:13px;
}
ul#globalNavi li img{vertical-align: bottom;}
ul#globalNavi li a{
	display:block;
}
ul#globalNavi a:hover{background-color:transparent;}
ul#globalNavi a:hover img {visibility:hidden;}
ul#globalNavi li#navi_top a,
ul#globalNavi li#navi_mixcolor_print a,
ul#globalNavi li#navi_mixcolor_history a{width:124px}
ul#globalNavi li#navi_pump a,
ul#globalNavi li#navi_password a{width:162px}
ul#globalNavi li#navi_top {background:url(img/navi_top_o.jpg) no-repeat;}
ul#globalNavi li#navi_mixcolor_print {background:url(img/navi_mixcolor_print_o.jpg) no-repeat;}
ul#globalNavi li#navi_mixcolor_history {background:url(img/navi_mixcolor_history_o.jpg) no-repeat;}
ul#globalNavi li#navi_pump {background:url(img/navi_pump_o.jpg) no-repeat;}
ul#globalNavi li#navi_password {background:url(img/navi_password_o.jpg) no-repeat;}

/*----- whitebox -----*/
div.headboxWrap{
	margin-top:8px;
	padding-top:25px;
	background:url(img/bg_box_head.png) no-repeat;
}
div.searchboxWrap{
	margin-top:4px;
}
div.topboxWrap{
	padding-top:15px;
	background:url(img/bg_box_top.png) no-repeat;
}
div.btmboxWrap{
	background:url(img/bg_box_btm.png) left bottom no-repeat;
	padding-bottom:5px;
}
div.btnboxWrap{
	padding-top:12px;
	background:url(img/bg_btnbox.gif) repeat-y;
	text-align:center;
	line-height:1;
	height:44px;
}
div.btnboxWrap input{
	margin:0 20px;
}
div.btn2box input.btnL{left:232px;}
div.btn2box input.btnR{left:467px;}
div.btmbtnboxWrap{
	background:url(img/bg_btnbox_btm.png) left bottom no-repeat;
	padding-bottom:5px;
}
div.boxWrap{
	background:#ffffff;
	padding:1px 20px 15px;
}

/*----- table -----*/
div.boxWrap table{
	width:848px;
	border:1px solid #cccccc;
}
div.boxWrap table th{
	background:#f1f0e5;
	text-align:center;
}
div.boxWrap table th,div.boxWrap table td{
	border:1px solid #cccccc;
	vertical-align:middle;
	padding:5px 10px;
}
table#pump_tbl{height:182px;}
table#print_tbl{height:38px;}

#btn_mixcolor_print{
	text-align:center;
}

/*----- pager -----*/
div.page_guide div.pager{
	width:600px;
}
div.page_guide div.pager,
div.page_guide div.pager_cnt{
	font-size:12px;
	color:#666666;
}
div.page_guide div.pager ul li{
	float:left;
	padding:0 7px;

	background:url(img/arrow_pager.gif) right no-repeat;
	font-weight:bold;
}
div.page_guide div.pager ul li.last_li{
	background:none;
}
div.page_guide div.pager_cnt{
	width:210px;
	text-align:right;
}
div.page_guide div.pager_cnt ul li{
	float:left;
	padding:0 5px;
	font-weight:bold;
}
div.page_guide div.pager_cnt ul li.info{
	font-weight:normal;
}
div.news_guide{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
div.news_guide ul{
	width:230px;
	height:14px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div.news_guide ul li{
	float:left;
	position:absolute;
	top:0;
}
div.news_guide ul li.prev{left:0;}
div.news_guide ul li.top{left:75px;}
div.news_guide ul li.next{left:170px;}

/*----- common -----*/
.ime_off{ime-mode: disabled;}
.icon_target,.icon_new{margin-left:5px;}
span.input_info{
	font-size:10px;
	margin-left:10px;
}
.targt{text-align:right;}
.text_none{background:#f1f0e5;}

/* ========================= news ========================= */
div#news_titWrap{
	border:1px solid #c9c9c9;
	border-bottom:none;
}
div#news_titWrap h2{
	background:#E8E8E8 url(img/bg_news_title.jpg) left bottom no-repeat;
	padding-top:16px;
	height:32px;
	width:818px;
	line-height:1;
	padding-left:30px;
	font-weight:bold;
	color:#666666;
	font-size:16px;
}
div#news_titWrap h2.pdf {
	width:762px;
}

div#news_titWrap div#pdfWrap{
	width:55px;
	height:32px;
	padding:8px 0;
	border-left:1px solid #c9c9c9;
	text-align:center;
}
div#news_detWrap,
dl#news_list{
	border:1px solid #c9c9c9;
	background:#f4f4f4;
	padding:20px 30px;
	width:788px;
}
dl#news_list dt{
	padding-top:10px;
}
dl#news_list dt,dl#news_list dd{
	line-height:1.2;
}

dl#news_list dt span.news_date{
	font-weight:bold;
	background:url(img/arrow_date.gif) left 50% no-repeat;
	padding-left:12px;
	width:130px;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:top;
	color:#666666;

}
dl#news_list dt span.news_title{
	width:635px;
	font-size:14px;
	display:-moz-inline-box;
	display:inline-block;
}
dl#news_list dt span.news_title img{
	vertical-align:middle;
}
dl#news_list dd {
	background:url(img/line_newslist.gif) left bottom repeat-x;
	padding:3px 0 10px 142px;
}
dl#news_list dt.underline,dl#news_list dd {
	padding-bottom:10px;
	background:url(img/line_newslist.gif) left bottom repeat-x;
}
/* ========================= login ========================= */
div#loginWrap{
	background:url(img/bg_login.jpg) no-repeat;
	width:604px;
	height:359px;
	margin:0 auto;
	position:relative;
}
div#loginWrap input,
div#loginWrap div#btn_clear,
div#loginWrap div#btn_login,
ul#account_errors,
ul#password_errors,
ul#common_errors{
	position:absolute;
}
div#loginWrap input#account,
div#loginWrap input#password{
	left:232px;
	font-size:16px;
	width:140px;
}
div#loginWrap input#account{top:125px;}
ul#account_errors{top:175px;left:232px;}
div#loginWrap input#password{top:200px;}
ul#common_errors,
ul#password_errors{top:250px;left:232px;}
div#loginWrap div#btn_clear,
div#loginWrap div#btn_login{
	top:303px;
	background:#aaaaaa;
}
div#loginWrap div#btn_clear{
	left:22px;
}
div#loginWrap div#btn_login{
	left:432px;
}

/* ========================= page ========================= */

.inp_error {
	background: #FFC0C0;
}