@charset "utf-8";

/*-----------------------------------すべての要素を初期化*/
/*  
Copyright (c) 2006, Yahoo! Inc. All rights reserved.  
Code licensed under the BSD License:  
http://developer.yahoo.net/yui/license.txt  
version: 0.10.0  
*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
html { height: 100%; margin-bottom: 1px; }
html {overflow-y:scroll;}
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 {text-align:left;}
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
input,textarea,select { *font-size: 100%; }
input { _margin: -1px 0; }  
sup,sub { vertical-align: baseline; position: relative; }
sup { top: -4px }
sub { top: 4px }
th { vertical-align: top;s font-weight: normal; text-align: left; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
hr { display: none;}
/*-----------------------------------回り込み解除*/
.clearBoth { clear: both; }
/*-----------------------------------imgoverを指マークに*/
.imgover { cursor:pointer; }
/*-----------------------------------imgの下の隙間をなくす*/
img { vertical-align:bottom; }
/*-----------------------------------基本セッティング*/
body{ font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; color: #333; font-size: 13px; background: url(../images/back.jpg) repeat-x top;}
table { font-size:inherit; }
a { outline : 0 ;}
a { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; color: #0B5794;}
li,p,dl,dd { line-height: 1.5; }
td,th,h1,h2,h3,h4{ line-height: 1.5; }
strong,em { font-weight: bold; }
address { line-height: 1.5; }
/*-----------------------------------マージン*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT30 { margin-top: 30px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.marR10 { margin-right: 10px; }
.marR20 { margin-right: 20px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
/*-----------------------------------線*/
.border01 { padding-top: 20px; margin-top: 20px; border-top: 2px dotted #9e9e9e; }
/*-----------------------------------テキスト位置*/
.fRight { float: right;}
.fLeft { float: left;}
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.center { text-align: center; }
.middle {vertical-align: middle; }
.bottom {vertical-align: bottom; }
/*-----------------------------------リスト*/
.list01 li{	list-style-position: outside; list-style-type: decimal; margin: 15px 0 0 15px; line-height:1.5; }
.list02 li{	list-style-position: outside; list-style-type: disc; margin: 5px 0 0 15px; line-height:1.2; }
.list03 li{ background:url(../images/icn02.gif) no-repeat left top; padding: 0 0 0 20px; margin: 5px 0 0 0; line-height:1.4; }
/*-----------------------------------リンク*/
.link01 a { color: #3c3c3c; }
/*-----------------------------------フォント設定*/
.normal { color: #333; font-weight: normal; font:12px; }
.small { font-size: 10px; }
.large { font-size: 14px; }
.xlarge { font-size: 16px; }
.color01 { color:#ff0000; }

/*----------------------------------角丸*/
/*	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	
	z-index: 2;

	behavior: url(/common/js/PIE.htc);
*/
/*----------------------------------外枠*/
#wrapper { position: relative; width: 950px; margin: 0 auto; padding-bottom: 50px; background-color:#FFFFFF; }
/*-----------------------------------ヘッダー*/
#header { position: relative; height: 126px; background: url(../images/back.jpg) repeat-x top;}
#logo { position: absolute; width: 243px; top: 20px; left: 0px;}
#header h1 {position: absolute; top: 0px; right: 0; top: 35px; left: 260px; width: color: #666; font-size: 12px;}
#headnav { position: absolute; top: 4px; right: 0; }
#headnav li { float: left; margin-left: 10px; text-align: center; }
#headnav li a { text-decoration: none; color: #fff; padding-top: 5px; height: 24px; width: 113px; display: block; background:url(../images/nav_header.jpg) no-repeat 0 0; }
#headnav li a:hover { background:url(../images/nav_header.jpg) no-repeat 0 -29px; }

#mainnav { position: absolute; background:url(../images/nav_bk.jpg) no-repeat; width: 950px; height: 40px; bottom: 5px; left: 0px; }
#mainnav li { float: left; font-size: 13px; }
#mainnav li a { display: block; height: 28px; padding-top: 10px; margin-top: 1px; text-align: center; border-right: 1px solid #999; border-left: 1px solid #fff; color: #333; text-decoration: none; font-weight: bold;}
#mainnav li a:hover { background:url(../images/nav_bk.jpg) no-repeat -20px -41px; color: #fff; }

li#navhome a { width: 73px; border-left: none; font-family:Arial, Helvetica;  }
li#navhome a:hover { border-left: none; background:url(../images/nav_bk.jpg) no-repeat 0 -41px }
li#navabout a { width: 218px; }
li#navflow a { width: 133px; }
li#navworks a { width: 250px; }
li#navfactory a { width: 133px; }
li#navfaq a { width: 133px;border-right: none; }
li#navfaq a:hover { border-right: none; background:url(../images/nav_bk.jpg) no-repeat -817px -41px }

/*-----------------------------------メイン*/
#contents { position:relative;}
#main { position:relative; float: left; width: 730px; }
#pagetitle { height:45px; padding: 10px 0 0 20px; font-weight: bold; font-size: 20px; margin-bottom: 20px;
	background:url(../images/pagetitle.jpg) no-repeat right bottom; 		
	background-color: #fff;
	border-bottom: 5px solid #0B5794;
	box-shadow: 0 2px 5px #AFD4F1;
	behavior: url(/common/js/PIE.htc);
	position: relative;
 }
.article { margin: 0 10px 30px 10px; }

#inquirybox { border: 1px solid #3794DD; margin-top: 40px; }
#inquirybox h3 { background:#D7EAF8; font-weight: bold; font-size: 15px; padding: 5px 10px; }
#inquiryboxtxt { margin: 10px; font-size:14px }
.btn { text-align: center; border: 2px solid #0B5794; margin-top: 20px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn a { color: #fff; font-weight: bold; font-size: 16px; padding: 8px 0 0 0; height: 32px; display:block; background:url(../images/btn_bk02.jpg) repeat-x 0 0; text-decoration: none;}
.btn a:hover { background:url(../images/btn_bk02.jpg) repeat-x 0 -40px;}
/*-----------------------------------サブタイトル*/
.subtitle { font-size: 14px; font-weight: bold; width: 700px; height: 29px; padding: 8px 0 0 30px; margin-bottom: 20px; background:url(../images/subtitle.jpg) ; }
.subtitle01 { font-size: 14px; font-weight: bold; color:#0B5794; margin-bottom: 5px; }

/*-----------------------------------サブ*/
#sub { position:relative; float: right; width: 200px; margin-top: 10px; }
#subnav { position:relative; background:url(../images/btn_bk.jpg) ; padding: 5px; margin-bottom: 10px; }
#subnav li a { color: #333; text-decoration:none; }
#subnav li#inquirybtn { margin-bottom: 5px; }
#subnav li#inquirybtn a { background:url(../images/btn_inquiry.jpg) no-repeat 0 0; width: 180px; height: 100px; padding: 5px; display:block; }
#subnav li#inquirybtn a:hover { background:url(../images/btn_inquiry.jpg) no-repeat 0 -110px; }
#subnav li#inquirybtn h2 { color: #ff0000; font-weight: bold; font-size: 15px; margin-bottom: 2px; }
#subnav li#faqbtn a { background:url(../images/btn_faq.jpg) no-repeat 0 0; width: 180px; height: 85px; padding: 5px; display:block; }
#subnav li#faqbtn a:hover { background:url(../images/btn_faq.jpg) no-repeat 0 -95px; }
#subnav li#faqbtn h2 { color: #0B5794; font-weight: bold; font-size: 15px; margin-bottom: 2px; }
#subnav li#faqbtn p { margin: 0 0 0 55px; }
#sub a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}
#bnrmidi { position: relative; margin-bottom: 10px; }
#bnrmidi a { text-decoration: none; }
#bnrmidi a:hover {color: #333;  }
#bnrmidi p { position: absolute; top: 50px; right: 5px; width: 100px; line-height: 1.2; text-align: right; font-size: 11px; }

#bnrlist li { position: relative; margin-bottom: 10px; font-size: 12px;}
#bnrlist li a { text-decoration: none; display: block; padding: 10px; width: 180px; border: 1px solid #999;}
#bnrlist li a:hover { background:#f0f0f0; color: #333;}
#bnrlist li h2 { margin-bottom: 3px; }
#bnrlist li#facebook a { padding: 5px; width: 190px; }
#bnrlist li#facebook p { position: absolute; top: 10px; right: 5px; font-size: 10px; text-align:right; line-height: 1.3}
#bnrlist li#facebook p span { font-family:Arial, Helvetica; font-size: 14px; font-weight: bold; color: #0B5794;}

.subnavtitle { background: url(../images/subnavtitle.jpg) repeat-x; width: 190px; height: 32px; color: #fff; font-size: 14px; padding: 8px 0 0 10px; margin-bottom: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(/common/js/PIE.htc);
	position: relative;
	}
.subnav { margin-bottom: 20px;}
.subnav li{ line-height:1.4; border-bottom: 1px dashed #ccc; }
.subnav a { background:url(../images/icn.png) no-repeat 5px 10px; padding: 7px 0 7px 15px; text-decoration: none;display:block; width: 185px; height: 16px; }
.subnav li a:hover {background-color: #D7EAF8; }
/*-----------------------------------フッター*/
#footer { position: relative; padding-top: 10px; border-top: 1px solid #0B5794; background:url(../images/bk_footer.jpg) repeat-x bottom;}
#footer h2 { width: 950px; margin: 0 auto; font-weight: bold; font-size: 15px;}
#footer p { width: 950px; margin: 0 auto; colro: #666; font-size: 12px; }
#footer ul { width: 950px; margin: 0 auto; margin-bottom: 10px; }
#footer li { display: inline; } 
#footer li a {  text-decoration: none; } 
#copyright { text-align: right; color: #fff; padding-bottom: 5px; }
/*-----------------------------------clearfixハック*/
#contents:after,
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#contents,
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html #contents,
* html .clear {height: 1%;}
#contents,
.clear {display: block;}
/* End hide from IE-mac */

/*-----------------------------------選択した時の背景色を変える*/

::selection {
background: #D7EAF8;　　/* 背景色*/
}
/* Firefox対応*/
::-moz-selection {
background: #D7EAF8;　　/* 背景色*/
}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:50px;
	right:20px;
	overflow:hidden;
	width:35px;
	height:35px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -35px;
	width:35px;
	height:35px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}