@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; }

/* common */
html { overflow-y: scroll; }

div, p { /zoom: 1; }
div:after, p:after { content: ''; display: block; clear: both; }

sup { font-size: 81%; }


body { font-size: 77%; line-height: 161.6%; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: #333; text-align: center; text-align: justify; text-justify: inter-ideograph; background: #d4d8d7; }

#wrapper { width: 960px; text-align: left; margin: 0 auto; padding: 0 20px; background: url(../images/common/wrapper-bg.gif) center top repeat-y; }

/* header */
#header { background: url(../images/common/header-bg.gif) right top no-repeat; overflow: hidden; height: 75px; padding: 0 10px; }
h1 { font-size: 86%; font-weight: normal; line-height: 30px; }

/* navigation */
.gn, .gn_o { list-style-type: none; line-height: 30px; height: 30px; overflow: hidden; }
.gn a:link, .gn a:visited { background: url(../images/common/navi/navi-bg.gif) left top repeat-x #00ae65; display:block; text-align: center; color: #fff; text-decoration: none; font-weight: bold; }
.gn a:hover { background: url(../images/common/navi/navi_o-bg.gif) left top repeat-x #009e51; display:block; text-align: center; color: #fff; text-decoration: none; font-weight: bold;}
.gn a:active { background: url(../images/common/navi/navi-bg.gif) left top repeat-x #00ae65; display:block; text-align: center; color: #fff; text-decoration: none; font-weight: bold; }
.gn_o a:link, .gn_o a:visited, .gn_o a:hover, .gn_o a:active { background: url(../images/common/navi/navi_o-bg.gif) left top repeat-x #009e51; display:block; text-align: center; color: #fff; text-decoration: none; font-weight: bold;}

/* pagebody */
#pagebody { padding: 0 10px 35px; }

/* footer */
#footer { background: url(../images/common/footer-bg.gif) left top repeat-x; height: 90px; clear:both; padding: 0 10px;}
.textlink { clear: both; font-size: 86%; line-height: 30px; padding: 0 10px; }
#pagetop { text-align: right; }
address { font-size: 86%; line-height: 150%; font-style: normal; padding: 10px 0 0;}

/* index */
.article { border-bottom: 1px dotted #999; margin: 0 0 10px; }
.info { background: url(../images/info-bg.gif) left top repeat-x; padding: 10px; margin: 0 0 25px; }
.info h4 { background: url(../images/common/listicon.gif) left center no-repeat; padding: 0 0 0 24px; font-size: 114.3%; line-height: 138.5%; }
.info .dsc { padding: 0 0 0 24px; }
.info .dsc img { float: left; display: inline; margin: 0 10px 10px 0; }

.appeal { background: url(../images/appeal-bg.gif) left top no-repeat; padding: 10px; height: 150px; overflow: hidden; }
.history { padding: 0 1px; border-width: 0 1px; border-style: solid; border-color: #ccc; }
.history p { background: url(../images/history-bg.gif) left top repeat-x; padding: 0 11px; }
.history img { float: right; display: inline; margin: 0 0 0 5px; }


/* goods */
.cl01box { margin: 0 10px 10px; border-top: 2px solid #999; padding: 10px 0 20px; }
.cl01box h3{ font-size:110%; line-height:normal; }
.cl01box h3 img { float: right; margin: 5px 0 5px 10px; vertical-align: center; }
.cl01dsc { clear: both; margin: 10px 0 0; }
.cl01dsc img { float: left; margin: 0 10px 0 0; }
.cl01pdf { clear: both; padding: 10px 0 0; margin: 10px 0 0; text-align: right; border-top: 1px dotted #999;}


/* inquiry - form */
.form-s { width: 100px; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 400px; border: 1px solid #ccc; padding: 2px; }
.form-ll { width: 640px; border: 1px solid #ccc; padding: 2px; }
.contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
input { font-size: 100%; vertical-align: middle; }
text { border: 1px solid #ccc; padding: 2px; }
textarea { font-size: 100%; border: 1px solid #ccc; padding: 2px; font-size: 100%; }

/* link */
a { outline: none; }
a:link, a:visited { color: #096; text-decoration: underline; } 
a:hover { color: #096; text-decoration: underline; } 
a:active { color: #096; text-decoration: none; } 

/* general-purpose */
.title01 { border-bottom: 2px solid #000; padding: 0 0 5px; }
.title02 { border-left: 5px solid #096; padding: 0 0 0 10px; }
.title03 { color: #000; }
.bt1 { border-top: 1px dotted #999; }
.bb1 { border-bottom: 1px dotted #999; }
.bb2 { border-bottom: 1px dotted #999; padding-bottom:10px; }

img { border: none; }

.clr { clear: both; }
.pg-brk { page-break-before: always; }

.paging01 { border-width: 1px 0; border-style: solid none dotted; border-color: #096; padding: 5px 0; margin: 0 0 10px; text-align: center; }
.paging01 img { vertical-align: middle; }
.paging02 { border-width: 1px 0; border-style: dotted none solid; border-color: #096; padding: 5px 0; margin: 0 0 10px; text-align: center; }
.paging02 img { vertical-align: middle; }

/* table */
.full { width: 100%; }
.tb1 { border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px; }
.tb1 th { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.tb1 td { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.top { vertical-align: top; }

/* align */
.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }

/* float */
.left { float: left; display: inline; }
.right { float: right; display: inline; }

.imgl { float: left; display: inline; margin: 0 10px 0 0; }
.imgr { float: right; display: inline; margin: 0 0 0 10px; }

.gray-bg { background: #efefef; padding: 5px; }

.w057 { width: 57px; }
.w100 { width: 100px; }
.w160 { width: 160px; }
.w191 { width: 191px; }
.w192 { width: 192px; }
.w200 { width: 200px; }
.w280 { width: 280px; }
.w470 { width: 470px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w650 { width: 650px; }
.w760 { width: 760px; }
.w880 { width: 880px; }

.h075 { height: 75px; overflow: hidden; }

/* list */
.noicon { list-style-type: none; margin: 0; padding: 0; }
.noicon li { margin: 0; padding: 0; }
.square { list-style-type: none; margin: 0; padding: 0; }
.square li { margin: 0 0 0 200%; padding: 0; }
.desc { margin: 0; padding: 0; }
.desc li { margin: 0 0 0 25px; padding: 0; }

/* decoration */
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #090; }
.yellow { color: #ffc; }
.cyan { color: #0cc; }
.orange { color: #f60; }

.strong { font-weight: bold; }

/* margin padding */
.mb00 { margin-bottom: 0; }
.mb01 { margin-bottom: 1px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb35 { margin-bottom: 35px; }

.mt01 { margin-top: 1px; }
.ml01 { margin-left: 1px; }
.mr01 { margin-right: 1px; }
font{line-height:normal;}
.pd10{padding:10px;}
.link-head{background:url(../images/link-head.gif) no-repeat left center; padding-left:18px;}