@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 {
list-style-type: none;
}

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

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

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

th {
background-color: #ECF5FF;
color: #4599FF;
font-weight: normal;
}

table tr span{
	color: #4599FF;
}

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

a:link { color: #999999; text-decoration:none; }
a:visited { color: #4599FF; text-decoration:none; }
a:hover { color: #4599FF; text-decoration: underline; }
a:active { color: #4599FF; text-decoration: underline; }

body{
font-size:85%;
text-align:center;
line-height:1;
color: #333333;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
background-color: #FFFFFF;
}

#header {
	border-top: 6px #4599FF solid;
}

#header .header01 {
	width: 320px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0 20px 0px;
}

#header .columnLeft {
	width: 230px;
}

#header .columnRight {
    padding: 5px 10px 0;
    width: 70px;
}

#header ul li {
float: left;
}

#header h1 {
	padding: 0;
}

#header .columnRight #submenu {
	padding: 0 0 15px 220px;
	float: right;
}

#header .columnRight #submenu ul li {
	background-image: url(../img/icn01.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
}

#header ul.columnRight li {
	margin: 0 10px 0 0;
}

#gNavi {
	margin: 0 0 30px;
}

#gNavi ul.main li {
	width: 106px;
	float: left;
	padding: 10px;
}

#gNavi ul.main li ul {
  list-style: none;
  position: absolute;
}

#gNavi ul.main li ul.sub li {
	background-color: #E0F1FF;
	float: none;
	margin: 3px 0 0;
	width: 116px;
	padding: 5px;
}

#container {
	background-image: url(../img/h2bg.jpg);
	background-repeat: repeat-x;
}

.contents {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto 50px;
	text-align: left;
	padding: 0 0 100px;
}

h2 {
}

#main {
	width: 100%;
	float: right;
	margin: 0;
}

#main h3 {
	padding: 12px 0 40px;
}

#main .cassette {
	margin: 20px;
}

#main .cassette h4 {
	padding: 10px;
	background-color: #E0F1FF;
	margin: 0 0 20px;
	color: #4599FF;
	font-size: 140%;
	font-weight: normal;
	line-height: 1.3;
}

#main .cassette h5 {
	font-size: 130%;
	color:#4599FF;
	font-weight: normal;
	margin: 0 0 20px;
	line-height: 1.4;
}

#main .cassette p.linkPdf{
	background-image: url(../img/icn02.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 15px;
	line-height: 1;
}

#main .cassette p.linkPdf a:link { color: #EF6C11; text-decoration:none; }
#main .cassette p.linkPdf a:visited { color: #EF6C11; text-decoration:none; }
#main .cassette p.linkPdf a:hover { color: #EF6C11; text-decoration: underline; }
#main .cassette p.linkPdf a:active { color: #EF6C11; text-decoration: underline; }

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

#footer {
	margin: 0 0 55px;
	font-size: 80%;
}

#footer p {
	background-color: #E6E8F1;
	padding: 10px 0;
}

#footer .forPc {
	background-color: #4599FF;
	padding: 0;
}

#pageTop {
	background-image:url(../../img/footer_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto;
}

#footer2 {
	background-color: #FFF;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	font-size: 80%;
}

#footer2 ul {
	text-align: center;
	margin: 0px auto;
	width: 300px;
}

#footer2 ul li {
	float: left;
}

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

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

.txtRed {
color: #CC0000;
}

.txtCenter {
text-align: center;
}

.navigation {
float: left;
}


/* indexLayout
------------------------------------*/

.indexLayout {
}

.indexLayout #container {
	background-image: url(../../img/main_bg.jpg);
	background-repeat: repeat-x;
}

.indexLayout #container .slider {
	text-align: center;
	margin: 0 auto;
	padding: 35px 20px 20px;
	width: 260px;
}

.indexLayout #main .cassette {
    margin: 0;
}

.indexLayout .contents {
	padding: 10px 0 0px;
	margin: 0 auto 30px;
}

.indexLayout .contents .indexDiv p {
	background-color: #4599FF;
	padding: 10px;
	color: #FFF;
}

.indexLayout .contents .indexDiv {
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

.indexLayout .contents ul li {
	float: left;
}

.indexLayout .contents #bnrArea {
	background-color: #FFF;
}


/* stockLayout
------------------------------------*/

.stockLayout #main .cassette {
	margin: 0 0 20px;
}

/* shopLayout
------------------------------------*/

.shopLayout #main .cassette {
}

.shopLayout  #main .cassette .shopDivIn .columnLeft  {
	width: 35%;
}
.shopLayout  #main .cassette .shopDivIn .columnRight  {
	width: 60%;
}

.shopLayout  #main .cassette p.pStyle  {
	padding: 15px;
	background-color: #ECF5FF;
}

.shopLayout  #main .cassette div.map {
	margin: 0 0 30px;
}

.shopLayout  #main .cassette p.border {
	border: 3px solid #FF8434;
    border-radius: 1em;
	padding: 15px;
}


/* serviceLayout
------------------------------------*/
.serviceLayout ul.linkbtn {
	margin: 0 20px;
}

.serviceLayout ul.linkbtn li {
	float: left;
	width: 46%;
	margin: 0 0 10px;
}

.serviceLayout ul.linkbtn li:nth-child(even) {
	float: right;
}

.serviceLayout #main .cassette div.title {
	margin: 10px 0 0;
}

.serviceLayout #main .cassette div.title .columnLeft {
	width: 70%
}

.serviceLayout #main .cassette div.title .columnRight {
	width: 28%
}

.serviceLayout #main .cassette div .columnLeft {
	width: 63%;
}

.serviceLayout #main .cassette div .columnRight {
	width: 33%;
}

.serviceLayout #main .cassette div.item {
	margin: 0 0 20px;
}

.serviceLayout #main .cassette div.item .columnLeft {
	width: 14%;
}

.serviceLayout #main .cassette div.item .columnRight {
	width: 83%;
}

.serviceLayout #main .cassette div.item ul {
	border: solid 1px #4599FF;
	padding: 10px;
	margin: 0 0 10px;
}

.serviceLayout #main .cassette div.item ul:last-child {
	border: solid 2px #4599FF;
}

.serviceLayout #main .cassette div.item ul li {
	background: url(../../service/img/li_bg.gif) no-repeat;
	background-position: 0 7px;
	padding: 0 0 0 14px;
	margin: 0 10px 0 0;
	float: left;
	width: 100%;
}

.serviceLayout #main .cassette div.item ul li:first-child {
	background: none;
	padding: 0;
	font-weight: bold;
}

.serviceLayout #main .cassette div .textCenter {
	text-align: center;	
	margin: 0 0 10px;
}

.serviceLayout #main .cassette ul.textUl li h5 {
	margin: 0 0 10px;
}

.serviceLayout #main .cassette ul.textUl li {
	margin: 0 0 20px;
}

.serviceLayout #main .cassette .columnRight p.caption {
	line-height: 1.8;
	font-size: 68%;
}


/*サイドバー
---------------------------------------------------------------*/

#modal {
display: none;
text-align: left;
font-size: 130%;
}

.close{
	color: #FFF;
background-color: #333;
padding: 13px 20px;
}

.open{
	display:block;
	float:right;
	background-color: none;
	border-radius:3px;
}

.open img{
	vertical-align:middle;
}

#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: absolute;
top: 0;
height: auto;
z-index: 999999;

/* Specify the width of your pageslide here */
width: 260px;
padding: 0;

/* These styles are optional, and describe how the pageslide will look */
background-color: #333;
color: #FFF;
}

#modal {
	background-color: #E6E8F1;
	margin: 0;
	text-align: left;
}
								
#modal a {
	text-decoration: none;
}

#modal ul li {
	background-image: url(../img/icn01.gif);
	background-repeat: no-repeat;
	background-position: 10px 25px;
	padding: 20px 0 20px 25px;
	border-bottom: 1px solid #CCCCCC;
}
							
#modal ul li.modal {
	background-image: url(../img/icn03.gif);
	background-repeat: no-repeat;
	background-position: 20px 22px;
	padding: 15px 0 0 30px;
	border-bottom: none;
}
							
#modal ul li.modal02 {
	background-image: url(../img/icn03.gif);
	background-repeat: no-repeat;
	background-position: 20px 22px;
	padding: 15px 0 15px 30px;
	border-bottom: 1px solid #CCCCCC;
							}

.layoutSp ul#styleUl01 li {
	float: left;
	width: 50%;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.layoutSp ul#styleUl01 li a {
	display: block;
}


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

div:after,
ul:after,
li:after,
p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}

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 */