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

/* LinkColor */
a:link {
color: #339900;
text-decoration: underline;
}
a:visited {
color: #360;
}
a:hover, a:focus {
color: #693;
}
a:active {
color: #F90;
}
/* VAlignOption */
.imgVABtm {
vertical-align: bottom;
}
/* Note */
.note {
text-indent: -1em;
margin-left: 1em;
}
/* RoundBox */
.roundCap {
font-size: 0%;
line-height: 0;
}
/* FontSizeClass */
.t8 {font-size: 62%;}
.t9 {font-size: 69.3%;}
.t10 {font-size: 77%;}
.t11 {font-size: 85%;}
.t12 {font-size: 93%;}
.t13 {font-size: 100%;}
.t14 {font-size: 108%;}
.t15 {font-size: 116%;}
.t16 {font-size: 123.1%;}
.t17 {font-size: 131%;}
.t18 {font-size: 138.5%;}
.t19 {font-size: 146.5%;}
.t20 {font-size: 153.9%;}
/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */ 
body {
background: url(../img_common/body_bg.jpg) repeat-x;
text-align: center;
}
#wrap {
text-align: left;
width: 920px;
margin-right: auto;
margin-left: auto;
}
#head {
padding-top: 8px;
margin-bottom: 7px;
}
#logo {
float: left;
}
#hMenu {
float: right;
margin-top: 35px;
}
#hMenu li {
float: left;
}
#hMenu li.langBtn {
margin-right: 10px;
}
#gMenu {
width: 920px;
margin-bottom: 15px;
}
#gMenu li {
float: left;
}
#gMenu li a {
display: block;
}
#gMenu .menu01 {
height: 36px;
width: 185px;
background: url(../img_common/gmenu01r.jpg) no-repeat;
}
#gMenu .menu02 {
height: 36px;
width: 184px;
background: url(../img_common/gmenu02r.jpg) no-repeat;
}
#gMenu .menu03 {
height: 36px;
width: 184px;
background: url(../img_common/gmenu03r.jpg) no-repeat;
}
#gMenu .menu04 {
height: 36px;
width: 184px;
background: url(../img_common/gmenu04r.jpg) no-repeat;
}
#gMenu .menu05 {
height: 36px;
width: 183px;
background: url(../img_common/gmenu05r.jpg) no-repeat;
}
#gMenu .menu01 a {
height: 36px;
width: 185px;
}
#gMenu .menu02 a {
height: 36px;
width: 184px;
}
#gMenu .menu03 a {
height: 36px;
width: 184px;
}
#gMenu .menu04 a {
height: 36px;
width: 184px;
}
#gMenu .menu05 a {
height: 36px;
width: 183px;
}
#gMenu li a:hover {
background-color: transparent;
}
#gMenu li a:hover img {
visibility: hidden;
}
#companyBranding {
height: 78px;
width: 898px;
margin-right: auto;
margin-left: auto;
}
#productsBranding {
width: 898px;
margin-right: auto;
margin-left: auto;
background: url(../img_common/brand_menu.jpg) no-repeat right top;
margin-bottom: 10px;
height: 160px;
}
#brandingImg {
float: left;
height: 138px;
width: 708px;
}
.blandingMenu {
float: left;
height: 138px;
width: 190px;
}
#pbBackBtn {
background: url(../img_common/brand_bg01.jpg) no-repeat left top;
height: 22px;
width: 883px;
text-align: right;
font-size: 10px;
padding-right: 15px;
}
#CompanyMainBg {
background: url(../img_common/main_bg.jpg) repeat-y;
margin-bottom: 15px;
}
#ProductsMainBg {
width: 890px;
margin-right: auto;
margin-left: auto;
}
#pankuzu a {
text-decoration: none;
}
#pankuzu a:link {
color: #FFF;
}
#pankuzu a:visited {
color: #FFF;
}
#pankuzu a:hover,#footer a:focus {
color: #FF0;
text-decoration: underline;
}
#pankuzu a:active {
color: #FFF;
}
#pankuzu {
margin-left: 15px;
line-height: 16px;
margin-bottom: 10px;
width: 898px;
}
#pankuzu .pankuzuFirst {
background: url(../img_common/pankuzu_bg02.jpg) no-repeat right center;
border-left: 1px solid #CBCBCB;
}
#pankuzu li {
float: left;
background: url(../img_common/pankuzu_bg01.jpg) no-repeat right;
padding-right: 20px;
padding-left: 10px;
height: 16px;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
line-height: 16px;
}
#pankuzu .pankuzuLast {
background: url(none);
border-right: 1px solid #CCC;
}
#CompanyLeft {
float: left;
width: 203px;
padding-left: 22px;
padding-top: 7px;
}
#cont {
width: 890px;
margin-right: auto;
margin-left: auto;
}
#ProductsLeft {
float: left;
width: 198px;
padding-left: 7px;
padding-top: 7px;
background-color: #F3F3F3;
padding-right: 5px;
padding-bottom: 3px;
}
#ProductsLeft li {
margin-bottom: 3px;
background-image: url(../img_common/s_menu_bg.jpg);
background-repeat: repeat-y;
}
#ProductsLeft li h3 {
margin-bottom: 5px;
}
#ProductsLeft li .leftMenu_img {
float: left;
width: 62px;
padding-right: 16px;
padding-left: 13px;
}
#ProductsLeft li p {
float: left;
width: 95px;
margin-top: 3px;
line-height: 1.7;
}
#CompanyMain {
float: right;
width: 670px;
padding-right: 15px;
}
#ProductMain {
float: right;
width: 660px;
}
/* ボタン */
.btn01 {
font-size: 10px;
line-height: 23px;
font-weight: bold;
background-image: url(../img_common/btn_left.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 23px;
padding-left: 10px;
float: left;
display: inline;
margin-top: 5px;
}
.btn01Img {
width: 10px;
height: 23px;
float: left;
margin-top: 5px;
}
.btn01 a:link, .btn01 a:visited {
color: #333;
text-decoration: none;
}
.btn01 a:hover, .btn01 a:focus, .btn01 a:active {
color: #006699;
text-decoration: underline;
}
.btn02 {
font-size: 10px;
line-height: 23px;
font-weight: bold;
background-image: url(../img_common/btn02_left.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 23px;
padding-left: 28px;
float: left;
display: inline;
margin-top: 5px;
}
.btn02Img {
width: 10px;
height: 23px;
float: left;
margin-top: 5px;
}
.btn02 a:link, .btn01 a:visited {
color: #333;
text-decoration: none;
}
.btn02 a:hover, .btn01 a:focus, .btn01 a:active {
color: #006699;
text-decoration: underline;
}
.pageTopBtn {
text-align: right;
margin-right: 20px;
margin-bottom: 20px;
}
#footer a {
text-decoration: none;
}
#footer a:link {
color: #FFF;
}
#footer a:visited {
color: #CCC;
}
#footer a:hover,#footer a:focus {
color: #FFF;
text-decoration: underline;
}
#footer a:active {
color: #FFF;
}
#footer {
background: url(../img_common/foot_bg.gif) repeat-x;
height: 60px;
padding-top: 10px;
margin-right: auto;
margin-left: auto;
width: 920px;
}
#footer ul {
width: 300px;
margin-right: auto;
margin-left: auto;
color: #FFF;
margin-bottom: 16px;
}
#footer ul li {
float: left;
}
#footer p {
text-align: center;
}
/*タイトル*/
h3.Tit {
width: 630px;
background: url(../img_common/tit01.jpg) no-repeat;
height: 34px;
padding-left: 30px;
font-weight: bold;
color: #FFF;
margin-bottom: 15px;
line-height: 34px;
}
/*ラウンドタイトル（グレー）*/
.mTit01 {
color: #FFF;
font-weight: bold;
line-height: 23px;
background: #999999 url(../img_common/mtit01_left.gif) no-repeat;
height: 23px;
padding: 0px 0px 0px 20px;
float: left;
}
.mTit01Img {
float: left;
}
/*ラウンドタイトル（オレンジ）*/
.mTit02 {
color: #FFF;
font-weight: bold;
line-height: 23px;
background: #FFCC00 url(../img_common/mtit02_left.jpg) no-repeat;
height: 23px;
padding: 0px 0px 0px 20px;
float: left;
}
.mTit02Img {
float: left;
}
.mTit03 {
color: #FFF;
font-weight: bold;
line-height: 18px;
height: 40px;
float: left;
padding-left: 30px;
background-image: url(../img_common/mtit03_left.gif);
background-repeat: no-repeat;
background-position: 10px top;
padding-bottom: 10px;
}
.mTit03Img {
float: left;
}
/*緑の箱*/
.greenBox {
background: #F5F9E2;
width: 630px;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.greenBoxCap {
width: 640px;
margin-left: 10px;
}
/*左メニュー*/
#sMenuBox {
background: url(../img_common/s_menu_bg.jpg) repeat-y;
line-height: 200%;
padding-top: 10px;
}
#sMenuBox li {
background: url(../img_common/icon02.jpg) no-repeat 7px 0.5em;
padding-left: 23px;
}
#sMenuBox li a:link {
color: #333;
text-decoration: none;
}
#sMenuBox li a:hover {
color: #F90;
text-decoration: underline;
}
#sMenuBox li a:focus {
color: #693;
text-decoration: none;
}
#sMenuBox li a:active {
color: #F90;
text-decoration: none;
}
#sMenuBox li a:visited {
color: #360;
text-decoration: none;
}
#sMenuBox li.menuSpace {
background: url(../img_common/icon02.jpg) no-repeat 23px 0.5em;
padding-left: 40px;
}
#sMenuBox li.menuSpace a:link {
color: #333;
text-decoration: none;
}
#sMenuBox li.menuSpace a:hover {
color: #F90;
text-decoration: underline;
}
#sMenuBox li.menuSpace a:focus {
color: #693;
text-decoration: none;
}
#sMenuBox li.menuSpace a:active {
color: #F90;
text-decoration: none;
}
#sMenuBox li.menuSpace a:visited {
color: #360;
text-decoration: none;
}
/*テーブルスタイル（青）*/
.tableStyle01 {
border-collapse:separate;
width:480px;
border: 1px solid #CCCCCC;
}
.tableStyle01 th {
color: #FFF;
background-color: #3399CC;
text-align: center;
margin: 10px;
padding: 10px;
border: 1px solid #FFF;
}
.tableStyle01 td {
margin: 10px;
padding: 10px;
border: 1px solid #CCC;
}
.tableStyle01 tr {
border: 1px solid #CCC;
}
.recSpace {
margin-left: 10px;
margin-bottom: 50px;
}
/*テーブルスタイル（グレー）*/
.tableStyle02 {
border-collapse:separate;
width:600px;
border: 1px solid #CCCCCC;
}
.tableStyle02 th {
color: #FFF;
text-align: center;
margin: 10px;
padding: 7px 10px 7px 7px;
border: 1px solid #FFF;
background: #999;
vertical-align: top;
white-space: nowrap;
}
.tableStyle02 td {
margin: 10px;
padding: 3px 10px;
border: 1px solid #CCC;
}
.tableStyle02 tr {
border: 1px solid #CCC;
}
.BtmBorder {
border-bottom: 1px dashed #CCCCCC;
padding-bottom: 5px;
}
.bold {
font-weight: bold;
}
/* 青い枠 */
.blueBox {
margin-left: 10px;
border: 1px solid #A5E0F1;
background-color: #EBF8FC;
width: 640px;
text-align: center;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom: 10px;
}
.blueBox_tit {
font-weight: bold;
color: #3399CC;
margin-bottom: 8px;
margin-left: 15px;
text-align: left;
}
.blueBox_white {
background-color: #FFF;
text-align: left;
width: 620px;
margin-right: auto;
margin-left: auto;
}
.blueBox_white p {
padding-left:10px;
}
.blueBox_icon01 {
background-image: url(../img_common/icon03.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
line-height: 32px;
}
.blueBox_icon02 {
background-image: url(../img_common/icon04.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
}
.blueBox dl {
padding-left: 10px;
}
.blueBox dl dt {
font-weight: bold;
width: 40px;
float: left;
padding-top: 0.2em;
padding-bottom: 0.2em;
text-align: right;
padding-right: 5px;
}
.blueBox dl dd {
float: left;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin-right: 20px;
}
.blueBox table th {
font-weight: bold;
width: 220px;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 20px;
}
.blueBox table td {
width: 180px;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.blueBox .blueBox_white h5 {
font-weight: bold;
padding-bottom: 0.3em;
padding-right: 20px;
padding-left: 20px;
}
.blueBox .blueBox_white p.blueBox_txt {
padding-right: 20px;
padding-left: 20px;s
}
.blueBox .blueBox_white p strong {
font-weight: bold;
}
.blueBox .blueBox_white ol {
list-style-type: decimal;
padding-left: 50px;
}
.blueBox_swf {
text-align: center;
}
.super {
font-size: 75%;
vertical-align: super;
}