@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

*html table{
font-size: 90%;
}

th, td {
padding: 5px 10px;
border: 1px solid #999999;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #2566A7; }
a:visited { color: #2566A7; text-decoration:none; }
a:hover { color: #2566A7; text-decoration:none; }
a:active { color: #2566A7;}

body{
background:url(../img/bg_01.gif) repeat-x left top;
font-size:80%;
text-align:center;
line-height:1;
color: #333333;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#container {
}

#gNavi,
#footer {
text-align: center;
}

#header,
#gNavi2,
#contents,
#footer2 {
width: 950px;
margin: 0px auto;
text-align: left;
}

#header {
height: 81px;
}

#header h1 {
float: left;
width: 400px;
font-size: 100%;
font-weight: normal;
}

#header h1 a {
text-decoration: none;
}

#header h1 span {
height: 25px;
display: block;
}

#header h1 span span {
height: auto;
padding: 12px 0 0;
}

#header h1 a span span {
color: #2566A7;
}

#header ul {
float: right;
width: 411px;
margin: 44px 0 0;
}

#header ul li {
float: right;
}

#gNavi {
text-align: left;
height: 74px;
background-image: url(../img/bg01.jpg);
}

#gNavi ul li {
float: left;
}

#contents {
padding: 4px 0 15px;
}

#main {
width: 686px;
float: right;
margin: 9px 0 0;
}

#main h3 {
margin: 0 0 35px;
}

#main h4,
#main h5 {
margin: 0 0 20px;
}

#main h3 {
background-image: url(../img/hline_bg03.jpg);
background-repeat: repeat-y;
}

#main h3 span {
display: block;
padding: 0 40px;
color: #FFFFFF;
line-height: 1.3;
font-size: 140%;
}

#main h4 {
color: #2566A7;
font-size: 130%;
background-image: url(../img/icn_h4.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding: 0 0 10px 20px;
margin: 0 0 15px;
border-bottom: 1px dotted #2566A7;
}

#main .cassette,
#main .cassette2 {
padding: 0 20px 15px;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
margin: 0 0 40px;
line-height: 1.5;
}

#main .cassette2 p,
#main .cassette2 ul,
#main .cassette2 dl,
#main .cassette2 table {
margin: 0 0 20px;
line-height: 1.5;
}

#menu {
width: 234px;
float: left;
background-image: url(../img/menu_bg02.jpg);
background-repeat: repeat-y;
text-align: center;
}

#menu ul#styleUlMenu01 li {
margin: 0 0 5px;
}

#menu ul#styleUlMenu02 li {
margin: 0 0 8px;
}

#menu ul#styleUlMenu03 li {
margin: 0 0 6px;
}

#footer {
text-align: left;
height: 107px;
background-image: url(../img/bg02.jpg);
}

#footer p.columnLeft {
width: 246px;
padding: 17px 0 0;
}

#footer p.columnRight {
width: 675px;
color: #FFFFFF;
padding: 38px 0 0;
line-height: 1.3;
}

#footer p.columnRight a {
color: #FFFFFF;
}

#footer3 {
text-align: center;
padding: 15px 0;
font-size: 90%;
}

#pankuzu {
padding: 0 0 20px;
}

.pageTopLink {
margin: 20px 0 0;
text-align: right;
}

.pageTopLink a {
background-image: url(../img/icon_top.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0 0 0 20px;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.txtRed {
color: #FF0000;
}

.textGreen{
color:#43800A;
font-weight:bold;
}


/* styleUlDot
------------------------------------*/

ul.styleUlDot li {
background-image: url(../img/icon_dot.gif);
background-position: 5px 8px;
padding: 0 0 0 15px;
background-repeat: no-repeat;
}


/* faqIndexLayout
------------------------------------*/

.faqIndexLayout #main dl dt {
font-weight: bold;
margin: 0 0 5px;
}

.faqIndexLayout #main dl dd {
padding: 0 0 20px;
margin: 0 0 20px;
border-bottom: 1px dotted #999999;
}


/* productsIndexLayout
------------------------------------*/
/* productsUjiLayout
------------------------------------*/

.productsIndexLayout #main ul li .columnLeft,
.productsUjiLayout #main ul li .columnLeft {
width: 201px;
}

.productsIndexLayout #main ul li .columnRight,
.productsUjiLayout #main ul li .columnRight {
width: 427px;
}


/* business01Layout
------------------------------------*/

.business01Layout #cassette01 ul {
background-image: url(../../business/img/bg01.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.business01Layout #cassette01 ul li {
width: 313px;
}

.business01Layout #cassette01 ul li h4 {
background-image: url(../../business/img/img01.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 46px 0 10px;
text-align: center;
margin: 0;
border: 0;
}

.business01Layout #cassette01 ul li div {
margin: 0 26px;
border-top: 2px solid #2566A7;
padding: 15px 0 0;
}

.business01Layout #cassette02 ul li {
height: 111px;
background-image: url(../../business/img/bg02.jpg);
background-repeat: no-repeat;
background-position: center 79px;
}

.business01Layout #cassette02 ul li.lastLi {
height: 73px;
}


/* privacyLayout
------------------------------------*/
/* contactLayout
------------------------------------*/
#cassette02 ul li .columnLeft {
	font-size: 14px;
}
#cassette02 ul li .columnRight input {
	font-size: 14px;
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
#cassette02 ul li .columnRight input#company {
	width: 400px;
}
#cassette02 ul li .columnRight input#zipcode {
	width: 100px;
	display: inline-block;
}
#cassette02 ul li .columnRight input.btn.btn-info {
	cursor: pointer;
}
#cassette02 ul li .columnRight #zipcode {
	display: contents;
}
#cassette02 ul li .columnRight input#addr {
	width: 400px;
	margin-top: 10px;
}
#cassette02 ul li .columnRight textarea#comment {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
	padding: 10px;
}
#cassette02 p .btn {
	font-size: 16px;
	border-radius: 5px;
	padding: 10px 50px;
	border: none;
	margin: 0 10px;
	cursor: pointer;
}
#cassette02 p .btn.btn-primary {
	background: #749f43;
	color: #fff;
}
#cassette02 .alert.alert-danger {
	color: #f00;
}
/* sitemapLayout
------------------------------------*/
/* companyGreetingLayout
------------------------------------*/
/* companyIndexLayout
------------------------------------*/

.companyIndexLayout #cassette01 th {
width: 140px;
}

.privacyLayout #main h2,
.contactLayout #main h2,
.sitemapLayout #main h2,
.companyGreetingLayout #main h2,
.companyIndexLayout #main h2 {
margin: 0 0 35px;
background-image: url(../img/hline_bg03.jpg);
background-repeat: repeat-y;
}

.privacyLayout #main h2 img,
.contactLayout #main h2 img,
.sitemapLayout #main h2 img,
.companyGreetingLayout #main h2 img,
.companyIndexLayout #main h2 img {
vertical-align: top;
}

.privacyLayout #main h2 span,
.contactLayout #main h2 span,
.sitemapLayout #main h2 span,
.companyGreetingLayout #main h2 span,
.companyIndexLayout #main h2 span {
display: block;
padding: 0 40px;
line-height: 1.3;
color: #FFFFFF;
font-size: 110%;
}

.privacyLayout #main h3,
.contactLayout #main h3,
.sitemapLayout #main h3,
.companyGreetingLayout #main h3 {
color: #2566A7;
font-size: 130%;
background: none;
padding: 0 0 10px 0;
margin: 0 0 15px;
border-bottom: 1px dotted #2566A7;
}

.contactLayout #cassette02 ul li {
border-bottom: 1px dotted #999999;
padding: 10px 20px;
}

.contactLayout #cassette02 ul li .columnLeft {
width: 140px;
}

.contactLayout #cassette02 ul li .columnRight {
width: 440px;
}

.contactLayout #cassette02 p {
text-align: center;
}


/* topLayout
------------------------------------*/

.topLayout #topimage {
margin: 0 0 13px;
}

.topLayout #main .cassette {
padding: 0 0 15px;
}

.topLayout #main h2 {
padding: 0;
margin: 0;
}

.topLayout #main {
float: left;
width: 686px;
margin: 5px 0 0;
}

.topLayout #main #cassette01 ul {
margin: 0 0 15px;
}

.topLayout #main #cassette01 ul li {
border-bottom: 1px dotted #999999;
padding: 10px 37px;
background-image: url(../img/icn_arrow.jpg);
background-repeat: no-repeat;
background-position: 18px 17px;
}

.topLayout #main #cassette01 ul li .columnLeft {
width: 95px;
}

.topLayout #main #cassette01 ul li .columnRight {
width: 515px;
}

.topLayout #main #cassette01 ul li .columnRight a {
color: #3F7C02;
}

.topLayout #main #cassette02 ul {
padding: 0 0 9px 9px;
background-color: #E5DFC9;
margin: 0;
}

.topLayout #main #cassette02 ul li {
float: left;
width: 226px;
}

.topLayout #main #cassette02 ul li.lastLi {
width: 214px;
}

.topLayout #menu {
width: 237px;
float: right;
background-image: url(../../img/bg03.jpg);
margin: 0;
}

/* instant
------------------------------------*/
#top #container #contents #main #cassette01 .soushin_pt {
padding-bottom: 10px;
border-bottom: 1px dotted #999999;
margin-bottom: 20px;
}

/* site map
------------------------------------*/
#top #container #contents #main #cassette01 .icon {
background-image: url("../img/icon_triangle.gif");
background-position: 12px 6px;
padding: 0 0 0 25px;
background-repeat:no-repeat;
}


#top #container #contents #main #cassette01 .icon a {
color: #2566A7;
text-decoration:underline; 
}

#top #container #contents #main #cassette01 .icon a:hover {
color: #2566A7;
text-decoration:none;
}

.sitemapLayout #main h3 {
background-image: url("../img/icn_h4.gif");
background-position: 0 0;
background-repeat: no-repeat;
border-bottom: 1px dotted #2566A7;
color: #2566A7;
font-size: 130%;
margin: 0 0 15px;
padding: 0 0 10px 20px;
}


/* clearfix
------------------------------------*/

.companyIndexLayout #main table tr td ul {
margin: 0;
}


/* clearfix
------------------------------------*/

div:after,
ul:after,
li:after,
p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

div,
ul,
li,
p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html div,
* html ul,
* html li,
* html p,
* html .clearfix {
height: 1%
}

div,
ul,
li,
p,
.clearfix {
display:block;
}
/* end MacIE5 */