@charset "UTF-8";

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment

	77% = 10px	|	122% = 16px	|	167% = 22px
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/* /////////////////////////////////////////////////////////////////////////// BaseSet */

html{
	overflow-y: scroll;
}

body{
	color: #555;
	background-color: #fefefe;
	min-width: 950px;
	overflow: hidden;
}


/* ///////////////////////////////////////// anchor */

:focus{
	-moz-outline-style:none;
}

a { outline:none;}

a{
	color:#5a54a3;
}

a:hover{
/*	min-height: 1em;	*//* Mac Firefox */
text-decoration: none;
color:#111987;
}


/* ///////////////////////////////////////// fontsize */
#container {
	font-size: 92%;	/* 12px */
}

p, li, dt, dd, th, td {
	line-height:1.7;
}

.fl{float:left;}
.fr{float:right;}


/* ///////////////////////////////////////// ClearFix */

.clear{
	clear:both;
}

/* modern browsers */

.clearfix:after,
.wrapper:after,
.fBox:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

.clearfix,
.wrapper,
.fBox{
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .wrapper,
* html .fBox{
	height: 1%;
}

.clearfix,
.wrapper,
.fBox{
	display: block;
}

/* /////////////////////////////////////////////////////////////////////////// h style */

h1{
}

h2 {
}

h3{
}

h4{
}

h5{
}


/* /////////////////////////////////////////////////////////////////////////// text style */

.txtSmall{
	font-size:85%;
}

.txtSmall2{
	font-size:78%;
}

.txtBold{
	font-weight:bold;
}

.txtBoldl{
	font-weight:bold;
	font-size:114%;
	color:#1a1a1a;
}

.txtBolds{
	font-weight:bold;
	font-size:85%;
}

.txtRed{
	color:#ae2917;
}

.txtLarge{
	font-size:122%;
}

/* バナー下の説明文 (下線つき) */
#main .description {
	margin: 8px 16px 23px;
	line-height: 1.8;
}
	#main .description span {
		border-bottom: 1px solid #d7d7d7;
		padding-bottom: 2px;
	}
	#main .description a {
		text-decoration: none;
	}
		#main .description a:hover {
			text-decoration: underline;
		}

/* お客さま相談窓口 (メイン部) */
	#main .customer {
	background: url(/misc/main_customer_bg.gif) repeat-y left top;
	margin-top: 30px;
	width: 636px;
	}

	#main .customer h4 {
		margin:0 !important;
		padding:0 !important;
	}
	#main .customer h5 {
		margin-left: 15px;
	}
		#main .customer ul.customerInfo {
			padding: 0 0 8px 34px;
		}
			#main .customer ul.customerInfo li#first {
				width: 301px;
			}
				#main .customer ul.customerInfo li a.btnForm {
					margin-right: 8px;
				}
				#main .customer .office {
				background: url(/misc/main_customer_bg_bottom.gif) no-repeat left bottom;
				height:45px;
				}
				#main .customer .office p {
				padding:8px 0 0 35px;
				}
/* 個人・SOHOのお客さま (メイン部) */
#main .customerSoho {
	position: relative;
	margin-top: 25px;
}
	#main .customerSoho .button {
		position: absolute;
		top: 85px;
		left: 35px;
	}

/* /////////////////////////////////////////////////////////////////////////// icon style */

/* /////////////////////////////////////////////////////////////////////////// table style */

/* /////////////////////////////////////////////////////////////////////////// list style */

ul.fBox li,
ol.fBox li{
	float:left;
	display:inline;
}

/* /////////////////////////////////////////////////////////////////////////// dl style */

/* /////////////////////////////////////////////////////////////////////////// box style */
.rbox {
	width: 636px;
}
	.rboxBody {
		background: url(img/rbox_0_bg_bottom.gif) no-repeat left bottom;

		padding:0 16px 8px 16px;
	}
	.norboxBody {
		background:none;
		margin-bottom:-15px !important;
		padding-bottom:0px !important;
	}

.rbox1 {
	width: 604px;
	background: url(img/rbox_1_bg.gif) repeat-y left top;
	margin-top: 25px;
}
	.rbox1 .rbox1Body {
		background: url(img/rbox_1_bg_bottom.gif) no-repeat left bottom;
		padding: 14px 0;
	}

.rbox1_2 {
	width: 604px;
	background: url(img/rbox_1_2_bg.gif) repeat-y left top;
	margin-top: 25px;
}
	.rbox1_2 .rbox1_2Body {
		background: url(img/rbox_1_2_bg_bottom.gif) no-repeat left bottom;
		padding: 14px 0;
	}

.rbox1_3 {
	width: 604px;
	background: url(img/rbox_1_3_bg.gif) repeat-y left top;
	margin-top: 25px;
}
	.rbox1_3 .rbox1_3Body {
		background: url(img/rbox_1_3_bg_bottom.gif) no-repeat left bottom;
		padding: 14px 0;
	}

.rbox3 {
	width: 604px;
}

	.rbox3 li {
		width: 186px;
		padding-left: 23px;
		padding-bottom: 6px;
		margin-bottom: 16px;
		background: url(img/rbox_3_bg_bottom.gif) no-repeat right bottom;
	}
	.rbox3 li.first  {
		width: 186px;
		padding-left: 0;
		clear: left;
	}
		.rbox3 li p {
			padding: 10px 13px 0 13px;
			background: url(img/rbox_3_bg.gif) repeat-y left top;
		}



/* /////////////////////////////////////////////////////////////////////////// img */
img {
	vertical-align: top;
}

/* /////////////////////////////////////////////////////////////////////////// position */

.alignRight{
	text-align:right;
}

.alignCenter{
	text-align:center;
}

.alignLeft{
	text-align:left;
}

.alignMiddle{
	vertical-align:middle;
}

/* /////////////////////////////////////////////////////////////////////////// margin */

/* 上余白 */

.mt0 {margin-top:0 !important;}
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }
.mt65{ margin-top:65px !important; }


/* 下余白 */

.mb0 {margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }


/* 左余白 */

.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }


/* 右余白 */

.mr0{ margin-right:0px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }


/* 左右余白 */

.mlr20{ margin-left:20px !important; margin-right:20px !important; }
.mauto{ margin-left:auto !important; margin-right:auto !important; }


* html img, div, td {
behavior: url(/common/css/iepngfix.htc);
}

.redarrow {
background: url(img/bg_listmark_redarrow.gif) no-repeat left top;
background-position:0 center;
padding-left: 8px;
}

.blank {
vertical-align:middle;
padding:0 3px 0px 3px;
}

/* 説明文のリンク */

#main.printer p.description a {
		color: #ec5672;
		font-weight: bold;
		text-decoration: none;
		background-color:#feedec;
	}
	#main.printer p.description a:hover{
		background-color:#f9add5;
	}

#main.form p.description a {
		color: #ff9400;
		font-weight: bold;
		text-decoration: none;
		background-color:#ffeed5;
	}
	#main.form p.description a:hover{
		background-color:#ffce6f;
	}

#main.pdf p.description a,
#main.support p.description a,
#main.download p.description a {
	color: #0058de;
	font-weight: bold;
	text-decoration: none;
	background-color:#dbe7fa;
}
#main.pdf p.description a:hover,
#main.support p.description a:hover,
#main.download p.description a:hover {
	background-color:#7fabee;
}

/*CO2対策*/
sub.c {
line-height:1;vertical-align: text-bottom;
}

/*Googleカスタム検索*/

.gsrch{
	width: 210px;
	height: 33px;
}

#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srchInput
{
width:140px;
height: 17px;
padding-top: 2px;
border: 1px solid #b9baba;
margin-right: 5px;
vertical-align: top;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}

#gsc-iw-id1{
	margin-right: 6px;
	height: 28px;
}

.gsc-search-button.gsc-search-button-v2{
	width: 22px;
	height: 22px;
}

.gsc-input-box, .gstl_50.gsc-input{
	height: 28px;
}

.gsc-input{
	padding: 3px 0 3px 5px !important;
	width: 90% !important;
}