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

/*  wrapper
------------------------------------------------------------*/

div#wrapper{ width:880px; margin:0 auto 0 auto; font-size:12px; color:#55555; line-height:18px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }
/*  header
------------------------------------------------------------*/
div#header{width:auto; height:53px; background:url(../img/bg_header.gif) no-repeat top left;}

div#sitetitle a{background:url(../img/h1_title.gif) no-repeat; width:424px; height:38px; text-indent:-9999px; margin-left:10px; float:left; display:inline;}

div#gnavi{width:auto; float:right; display:inline; }
div#gnavi ul{ padding-top:20px; margin-right:20px; display:block;}
div#gnavi ul li{float:left; display:inline; padding:0 15px 0 15px; border-left:1px #648cb3 solid; margin:0;}
div#gnavi ul li a{text-decoration:none; color:#648cb3;}
div#gnavi ul li a:hover{text-decoration:underline; color:#648cb3;}

/*  top area
-----------------------------------------------------------------*/
div#toparea{width:878px; clear:both; border-left:1px solid #b2c9d9; border-right:1px solid #b2c9d9;}
div#toparea h1#h1info_index{ background:url(../img/h1_indeximage.jpg) no-repeat top left; width:700px; height:203px; text-indent:-9999px; float:left; display:inline;}
div#headerRight{ width:178px; height:203px; background:url(../img/bg_headerR.jpg) no-repeat; float:left; display:inline;}

div#linkBtnArea{ width:116px; height:85px; float:left; display:inline; background:url(../img/bg_headerright.jpg) no-repeat;}
/*  パンくずエリア
-----------------------------------------------------------------*/
div#pankuzu{ width:850px; margin:0 auto 0 auto; padding:10px 14px 10px 14px; border-left:1px solid #b2c9d9; border-right:1px solid #b2c9d9; }
div#pankuzu a{color:#0a99ce;}
div#pankuzu a:hover{text-decoration:none;}
/* contents
-----------------------------------------------------------------*/
div#contents{width:auto; padding-left:14px; padding-right:14px; border-left:1px solid #b2c9d9; border-right:1px solid #b2c9d9; clear:both;}
div#contents a:hover{text-decoration:none;}

div#productarea p{ padding:0px 8px 0 8px;}
div#productarea p a{ color:#0a99ce; font-weight:bold; display:block; margin-top:5px;}
div#productarea p a:hover{text-decoration:none;}

div#news_area{background:url(../img/bg_news.jpg) repeat-y top left;}
div#news_area h3{margin-top:10px; margin-bottom:10px;}
div#news_area h4{ color:#2f496e; margin-bottom:5px;}
div#news_area p{ font-size:11px; line-height:16px;}



/*  footer 
-----------------------------------------------------------------*/

div#footer{ width:880px; height:56px; padding-top:20px; background:url(../img/bg_footer.gif) no-repeat top left; margin-bottom:20px;}
div#footernavi{width:880px;}
div#footernavi ul{ padding:0; margin:0 0 0 250px; width:auto;}
div#footernavi ul li{display:inline; float:left; border-left:1px #3A3A3A solid; margin:0;}
div#footernavi ul li a{text-decoration:none; color:#3A3A3A; padding:0 15px 0 15px;}
div#footernavi ul li a:hover{text-decoration:underline; color:#3A3A3A;}

div#copylight{text-align:center; padding-top:5px; clear:both; color:#555555; font-size:11px; }

/* セカンドページ以降のレフトコンテンツとライトコンテンツ
-------------------------------------------------------------------*/
div#leftnavi{ width:168px; float:left; display:inline; text-align:center; padding-bottom:10px;}
div#leftnavi p{margin-top:5px;}
div#leftnavi p a{ color:#0a99ce; font-weight:bold;}
div#leftnavi p a:hover{text-decoration:none;}
div#rightcontents{width:662px; float:right; display:inline;}

/*  h2  h3
------------------------------------------------------------------*/


/*  background
----------------------------------------------------------------------*/

.setBg_left{background:url(../img/bg_left.jpg) no-repeat;}
.setBg_contentleft{background:url(../img/bg_contentleft.jpg) repeat-y; background-position:0px 0px;}

/*  guide
----------------------------------------------------------------------*/
div#guide {color: #555;}
div#guide .tenline{ background-image: url(../img/tenline.gif); background-repeat: repeat-x; background-position: center; width: 661px; height: 14px; display: block; margin-top: 35px; margin-bottom: 10px; }
div#guide h3 span{ display: inline-block; background-color: #FFF; padding-right: 15px; width: auto; }
div#guide a, div#qa a{color:#0a99ce}
div#guide #guideText p { color:#0a99ce; padding-left:10px; display:block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; background-image: url(../img/arrow_gray.gif); background-repeat: no-repeat; background-position: 0px 3px; }
div.bluebox { display: block; width: 661px; background-color: #F6FAFC; border: 1px solid #B8C0CD; margin-top: 20px; padding-top: 10px; padding-bottom: 5px; margin-bottom: 35px; }
div.bluebox p { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; }
div#guideComment p { margin-top: 15px; margin-bottom: 15px; }
div#guide table { border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #B6B6B6; border-right-color: #B6B6B6; margin-top: 20px; width: 661px; }
div#guide th { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #B6B6B6; border-left-color: #B6B6B6; color: #434343; background-color: #EBEEE6; vertical-align: middle; padding: 10px; width: 135px; font-weight: bold; }
div#guide td { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #B6B6B6; border-left-color: #B6B6B6; padding: 10px; }
div#guide table p { padding-bottom: 16px; }

/*  brand
----------------------------------------------------------------------*/
div#brand h5 img{ margin-top: 20px; margin-bottom: 15px; }
div.width624{ display: block; width: 624px; margin-right: auto; margin-left: auto; }

/*  Q&A
----------------------------------------------------------------------*/
div#qa p { margin-top: 5px; margin-bottom: 5px; }
.q_icon { color:#273660; padding-left:38px; display:block; padding-top: 6px; padding-right: 0px; background-image: url(../qa/img/icon_q.gif); background-repeat: no-repeat; background-position: 0px 3px; font-weight: bold; padding-bottom: 7px; height: auto; }
.a_icon { padding-left:38px; display:block; padding-top: 11px; padding-right: 0px; background-image: url(../qa/img/icon_a.gif); background-repeat: no-repeat; background-position: 0px 8px; padding-bottom: 5px; border-top-width: 1px; border-top-style: dotted; border-top-color: #8992A1; margin: 0px; height: auto; }