@charset "utf-8";

/* ----------------------------------------- */
/* universal reset ------------------------- */
/* ----------------------------------------- */

*{
margin:0;
padding:0;
}

/* ----------------------------------------- */
/* body and base setting ------------------- */
/* ----------------------------------------- */
body{
text-align: center;/* box centering */
font: 180% 1.6;
font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
margin: 0px;
padding: 0;
color:#333;
zoom: 1;
background-repeat: no-repeat;
-webkit-text-size-adjust: 100%;
}

body.sub{
background-image: url(../img/sub_bodyback.jpg);
background-position: left top; /* background-position: 0 0; */ 
background-repeat: repeat-x;
}

/* for iphone */
@media screen and (max-device-width: 480px) {
body.sub{
background-repeat: no-repeat;
}
}

/* for WinIE6 */
* html body {
    font-size: 75%;
    font-family: 'メイリオ', Meiryo, Verdana, sans-serif;
}
/* for WinIE7 */
    *:first-child+html body {
    font-size: 100%;
    font-family: 'メイリオ', Meiryo, sans-serif;
}
/* ----------------------------------------- */
/* general params -------------------------- */
/* ----------------------------------------- */
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
padding: 0;/* margin&padding reset */
line-height: 1.6;/* base line height */
text-align: left;
display: block;
margin: 0px;
font-size: 100%;
}

table {
margin : 0;
empty-cells: show;
}

hr,.areaAnchor,.anchor { display : none; }

img {
border: none;
vertical-align: top;
}/* img do not want a border */

li {
list-style: none;
}/* link do not want a dot */

strong {
font-weight: normal;
}

/* ----------------------------------------- */
/* acronyms and abbreviations styles ------- */
/* ----------------------------------------- */
acronym,abbr{cursor:help;}

/* ----------------------------------------- */
/* link setting ---------------------------- */
/* ----------------------------------------- */
a:link{
color: #014099;
text-decoration:none;
}
a:visited{color: #014099;}
a:hover{color: #688ec4;
text-decoration:none;
}
a:active{
color: #688ec4;
text-decoration:underline;
}


html,
body{
height: auto !important;
height: 100%;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#wrap{
background-color:transparent;
xheight: 100%;
clear: both;
}

#header,
#pagetop,
#footMenu,
#footer{
text-align:center;
clear: both;
}

.innerBox {
width:1040px;
margin:0px auto;
text-align:left;
}

#submainbnr {
width: 1040px;
margin:0px auto;
}

#cnavi {
width: 1040px;
margin:0px auto;
border-bottom: 1px solid #efefef;
}

#cnavi p {
margin: 15px 0px 10px;
padding: 5px;
font-size: 80%;
}

.txtcent {text-align: center;}
.txtright {text-align: right;}

/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
#header	{
display:block;
overflow:hidden;
text-align:left;
width:1040px;
height: 65px;
margin: 0 auto;
background: transparent;
}

#headerTop {
display:block;
color:#666;
background:transparent;
overflow:hidden;
width:100%;
padding:0px 0px;
clear:both;
font-size:85.7%;
height: 0px;
}

#site-title {
font-size: 10px;
margin:0px;
padding:0px;
padding-bottom:0px;
text-align: center;
float:left;
xpadding-top: 15px;
xpadding-left: 20px;
}

#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}

#header #site-title a img{
}

#headContact{
font-size:100%;
line-height:110%;
margin: 0px;
padding: 0px 5px 0 0;
white-space:nowrap;
text-align:center;
float:right;
text-align:right;
}

#headContactInner{
color:#333;
margin: 0px;
padding: 0px;
}

#headContactTxt,
#headContactTime{
font-size:12px;
padding-top:0px;
text-align: right;
}

#headContactTxt{
letter-spacing:0px;
margin-bottom:1px;
margin: 0px;
padding: 0px;
}

#headContactTel{
font-family:'Lato', sans-serif;
color:#333333;
font-size:22px;
font-weight: bold;
text-align: right;
margin: 0px;
padding: 0px;
}

#headContactTime{
font-size:12px;
line-height:15px;
margin: 0px;
padding: 0px;
}

/*-------------------------------------------*/
/*	#main
/*-------------------------------------------*/
#main　{
display:block;
overflow: hidden;
clear:both;
zoom: 1;
width:100%;
margin:0px auto;
}

#main:after{
content:"";
display:block;
clear:both;
}

strong {
font-weight: bold;
}

#container{
overflow:visible;
padding-top:5px;
}

#indexcontent{
margin: 0 0px 0px 0px;
float:left;
width:1040px;
}

#content{
margin: 0 0px 0px 0px;
float:left;
width:720px;
}

#content p{
line-height: 1.6em;
color: #333;
}

h2 {
font-size: 36px;
color: #014099;
padding: 15px 0;
}


h3 {
padding: 8px 0 12px 60px;
color: #014099;
border-bottom: 2px solid #014099;
padding-bottom: 5px;
background-image: url(../img/h3_back.png);
background-position: left top; /* background-position: 0 0; */ 
background-repeat: no-repeat;
background-color:transparent;
font-size: 18px;
}

p.normal {
font-size: 14px;
}

p.rimgpg:after,
p.limgpg:after {
clear: both;
}

div .rimgpg{
padding-right: 15px;
margin-bottom: 24px;
font-size: 14px;
}

div .rimgpg img,
p.rimgpg img {
display: block;
float: left;
xmargin-right: 25px;
margin-bottom: 35px;
}

p.limgpg img {
display: block;
float: right;
xmargin-right: 25px;
margin-bottom: 35px;
}

ul.basic_list{
}

ul.basic_list li{
font-size: 14px;
border-bottom: 1px solid #efefef;
padding: 10px 0;
}
/**************************
spec table
**************************/
table.speccell{
margin-left: 0px;
font-size: 14px;
xborder: 1px solid #efefef;
border-collapse: separate;
padding: 10px 0px;
}

td.spectit {
width: 120px;
text-align: left;
vertical-align: top;
padding: 12px 10px;
border: none;
border-bottom: 1px solid #84c4e3;
}

td.specitem {
width: 520px;
text-align: left;
border: none;
border-bottom: 1px dotted #84c4e3;
padding: 5px 0px 5px 15px;
}

td.formitem {
width: 180px;
text-align: left;
vertical-align: top;
padding: 12px 0px;
border: none;
border-bottom: 1px dotted #cccccc;
}
td.formitem span{
color: #ff0000;
}

td.formform {
width: 520px;
text-align: left;
border: none;
border-bottom: 1px dotted #cccccc;
padding: 12px 0px 12px 15px;
}
input,
textarea {
xfont-size: 14px;
line-height: 24px;
margin: 0px;
background-color: #fff;
border: 1px solid #cccccc;
padding: 5px;
}	

input.send_btn {
background: transparent url("../img/btn_send.png") no-repeat;
display:block;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
margin: 0 auto;
padding: 0;
border: none;
width: 278px;
height: 52px;
}

/*-------------------------------------------*/
/*	#sideTower block
/*-------------------------------------------*/
#sideTower{
display:block;
overflow:hidden;
padding: 25px 0px 15px 0px;
float:right;
width:280px;
clear:none;
font-size: 14px;
line-height: 1.4em;
}

#sideTower h3{
padding: 8px 0 12px 0px;
margin: 0 0 10px;
color: #014099;
border-bottom: 2px solid #014099;
padding-bottom: 5px;
background:none;
font-size: 18px;
}

#sideTower a img {
width: 240px;
padding: 0 0px 10px;
}

/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
#footerSection {
background-color: transparnt;
}

ul.foot_contents_list {
width: 1030px;
margin: 0 auto;
font-size: 0;
}

ul.foot_contents_list li{
font-size: 14px;
display: inline-block;
margin-right: 20px;
}

ul.foot_contents_list li:last-child{
margin-right: 0px;
}

#footer	{
background: #323f50;
margin: 30px auto 0;
padding:20px 0px;
display:block;
overflow:hidden;
font-size: 80%;
width: 100%;
text-align:center;
}

#footer div#footercopy{
width:1040px;
font-size:12px;
color: #ffffff;
text-align: center;
}

/*-------------------------------------------*/
/*	top
/*-------------------------------------------*/
.home #main	{ padding-top:0px; }
.home #content { padding-bottom:40px; }

#topMainBnr {
background-color:transparent;
display:block;
padding:0px 0;
}

/*-------------------------------------------*/
/*	.infoList
/*------------------------------------------*/
#topInfo {
background-image: url(../img/bg_newslist.png);
background-position: 10px 20px; /* background-position: left top; */ 
background-repeat: no-repeat;
background-color:transparent;
padding:0px;
margin:0px;
height: 185px;
}

.rssBtn	{
float: left;
text-align:center;
position:relative;
padding-top: 91px;
margin: 0 15px 20px 0; 
width: 200px;
height: 60px;
border-right: 1px dotted #cccccc;
}

.rssBtn a{
color:#333;
font-family:'Lato', sans-serif;
line-height:24px;
font-weight:bold;
text-decoration:none;
padding:2px 10px;
margin-right:5px;
}

.blogwrap {
padding-top:0px;
margin:0;
margin-left:15px;
}

#indexcontent .infoList{
padding:10px 0 0 0;
font-size:13px;
line-height:14px;
margin: 5px 0 0px;
}

#indexcontent .infoList ul{
margin: 0px 0px 20px 0px;
list-style:none;
}
#indexcontent .infoList ul li{
padding:5px 15px 5px 205px;
list-style:none;
margin-bottom:0px;
}

.entitle{
float: right;
text-align: left;
width: 680px;
padding-left:10px;
}

/* =======================================
main
======================================= */
p.centerstyle {
text-align: center;
font-size: 14px;
color: #666666;
line-height: 2.4em;
margin-bottom: 30px;
padding-top: 20px;
}

p.centerstyle12 {
text-align: center;
font-size: 14px;
color: #666666;
line-height: 1.6em;
margin: 0;
padding: 15px 0px 5px 0px;
}

p.normal {
font-size: 14px;
color: #666666;
line-height: 2.4em;
margin-bottom: 30px;
padding-top: 20px;
}

p.lh20 {
font-size: 14px;
color: #666666;
line-height: 1.8em;
margin-bottom: 30px !important;
padding-top: 20px;
xcolor: #999;
}

p.ceoname {
text-align: right;
font-size: 14px;
margin-bottom: 30px;
}

p.rimgpg {
margin-bottom: 30px;
}

p.rimgpg,
p.rimgpgsc,
p.limgpg {
font-size: 14px;
color: #666666;
line-height: 2.4em;
margin-bottom: 30px;
padding-top: 20px;
}

p.rimgpg:after {
content:"";
display:block;
clear:both;
}

div .rimgpg{
padding-right: 15px;
margin-bottom: 24px;
font-size: 14px;
}

div .rimgpg img,
p.rimgpg img {
display: block;
float: left;
margin-right: 25px;
margin-bottom: 35px;
}

p.rimgpgsc img {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 105px;
}

p.limgpg img {
display: block;
float: right;
margin-left: 15px;
margin-bottom: 35px;
margin-top: -50px;
}

.posright {
display: block;
float: right;
margin-left: 25px;
margin-bottom: 35px;
}

.subtitle {
display: block;
margin-bottom: 5px;
margin-left: 0px;
}

.pos00 {
margin-top: 0px !important;
}

.posn50 {
margin-top: -70px !important;
}

.bottom00 {
margin-bottom: 0px !important;
}

.pinks {
color: #f7b0cf;
}

/**************************
/* bread list
**************************/
#panList {
clear:both;
font-size:12px;
color:#333;
padding:0px;
display:block;
overflow:hidden;
width:960px;
margin: 0 auto;
}

#panList #panListInner	{
display:block;
overflow:hidden;
text-align:left;
padding:0px;
padding-left: 35px;
padding-top:5px;
line-height:12px;
}
.home #panList { display:none; }
#panList ul	{ display:inline-block; }
#panList ul li	{ display:inline-block; padding-right:5px; }


/**************************
/* index
**************************/
div#index-contentslink-wrap {
width: 1040px;
xheight: 295px;
overflow: hidden;
background: url(../img/mv_back.png) repeat-y left top;
xmargin-left:70px;
margin:0px auto;
}

div#index-contentslink {
padding: 0px;
overflow: hidden;
margin-bottom: 0px;
}

a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

/*---------------------------
produstlist
----------------------------*/
ul.pd_productlist {
padding: 10px 0px;
font-size: 0;
}

ul.pd_productlist li{
width: 105px;
height: 105px;
font-size: 12px;
display: inline-block;
text-align: left;
padding: 10px 0px 45px;
color: #000;
line-height: 1.3em;
vertical-align: top;
position: relative;
margin-right: 18px;
}

ul.pd_productlist li:nth-child(6n){
margin-right: 0px;
}

ul.pd_productlist li img{
width: 105px;
padding: 0 0 5px 0;
}