@charset "utf-8";

/*****************************************************
[CSS Information]
	File Name: core.css
*****************************************************/
/* ==================================================
	Reset Browser Default Style
================================================== */
html{overflow-y: scroll;}
body{
	word-break: normal;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
}
html,body,div,
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	list-style-type: none;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
	margin: 0;
	padding: 0;
	display: block;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset{border :0;}
label{cursor: pointer;}
input,select{vertical-align: middle;}
textarea{
	overflow: auto;
	vertical-align: top;
	font-size: 100%;
}
img{
	border: none;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	-ms-interpolation-mode: bicubic;
}
hr{display: none;}
em{
	font-style: normal;
	font-weight: bold;
}
strong{
	font-style: normal;
	font-weight: bold;
}
strong strong{font-size: 1.1em;}
small{font-size: 100%;}

/* ==================================================
	Font Setting
================================================== */
body{
	min-width: 980px;
	/*background: #f4f4f4 url("/pomera/common/images/bg_body_texture.png");*/
	overflow-x: hidden;
	font-size: 13px;
	font-size: small\9;
	*font-size: small;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	/*letter-spacing: 0.05em;*/
	line-height: 1.7;
	color: #0d0d0d;
}
body:not(:target){font-size:small\9;}
@media (-ms-high-contrast:none){font-size: small;}

/* Font Size Chart
   77% = 10px
   85% = 11px
   93% = 12px
  100% = 13px * Default
  108% = 14px
  116% = 15px
123.1% = 16px
  131% = 17px
138.5% = 18px
146.5% = 19px
153.9% = 20px
161.6% = 21px
  167% = 22px
  174% = 23px
  182% = 24px
  189% = 25px
  197% = 26px
*/

/* Anchor
------------------------------ */
a:link,
a:visited{
	text-decoration: underline;
	color: #0d0d0d;
}
a:hover{
	text-decoration: none;
	color: #646464;
}

/* ==================================================
	Base
================================================== */
/* Container
------------------------------ */
#container{}

/* Header
------------------------------ */
#header{

}
#header > .outer {
	background: #000000;
}
#header a{
	text-decoration: none;
	color: #ffffff;
}
#header .outer > .inner{
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}
#header .logo{
	display: inline-block;
	margin: 0 0px 0 0;
	vertical-align: middle;
	color: #d3d3d3;
	font-size: 85%;
	line-height: 1;
	font-weight: normal;
}
#header .logo b{
	font-weight: bold;
	color: #ffffff;
}
#header .logo img{
	margin: 10px 0 0;
	display: block;
}
#header .ci{
	margin-top: -14px;
	position: absolute;
	top: 50%;
	right: 0;
}
#header nav{
	display: inline-block;
	width: 505px;
	text-align: right;
	vertical-align: middle;
}
#header nav ul{display: inline-table;}
#header nav li{
	display: table-cell;
	font-size: 100%;
	font-weight: bold;
}
#header nav li a{
	display: block;
	padding: 11px 8px 10px 28px;
	background: url("/pomera/common/images/arw_right_01.png") 15px 50% no-repeat;
}

#header nav li.blank {
	background: url("/pomera/common/images/ico_link02.png") right 50% no-repeat;
}

#header nav li.blank a{
	padding-right:18px;
}

/* Content
------------------------------ */
#content{}

/* Footer
------------------------------ */
#footer{
	padding: 24px 0 17px;
	background: #000000;
	color: #ffffff;
}
#footer a{
	text-decoration: none;
	color: #9f9f9f;
}
#footer a:hover{
	text-decoration: underline;
}
#footer > .inner{
	width: 980px;
	margin: 0 auto;
}
#footer h1{
	float: left;
	width: 322px;
	padding: 23px 7px;
	font-size: 85%;
	line-height: 1;
	font-weight: normal;
	color: #d3d3d3;
}
#footer h1 b{
	font-weight: bold;
	color: #ffffff;
}
#footer h1 img{
	display: block;
	margin: 15px 0 0;
}
#footer nav{
	float: right;
	width: 593px;
	padding: 23px 0 23px 40px;
	border-left: 1px solid #252525;
}
#footer nav h2{
	margin: 0 0 12px;
	font-size: 116%;
	line-height: 1;
}
#footer nav li{
	float: left;
	font-weight: bold;
}

#footer nav li.blank {
	background: url("/pomera/common/images/ico_link02.png") right 45% no-repeat;
	margin-right:15px;
}

#footer nav li a{
	padding: 0 30px 0 10px;
	background: url("/pomera/common/images/arw_right_01.png") 0 0.4em no-repeat;
}

#footer nav li.blank a{
	padding-right:18px;
}

#footer .copyright{
	padding: 20px 0 0;
	clear: both;
	text-align: center;
	color: #9f9f9f;
	font-size: 85%;
}
#footer .copyright small{
	display: block;
	padding: 18px 0 0;
	border-top: 1px solid #252525;
}

/* pageTop
------------------------------ */
.pageTop{
	padding: 23px 0;
	text-align: center;
}

/* ==================================================
	Clears
================================================== */
.clearfix,
#header > .inner,
#header nav ul,
#footer > .inner,
#footer nav ul{
	*zoom: 1;
}
.clearfix:after,
#header > .inner:after,
#header nav ul:after,
#footer > .inner:after,
#footer nav ul:after{
	content: '';
	display: block;
	clear: both;
}

/* ==================================================
	Adjustment Style
================================================== */
/* Margin */
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

/* Padding */
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/* Width */
.w5{width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}

/* Align */
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.alignL{text-align:left !important;}
.alignM{vertical-align:middle !important;}
.alignT{vertical-align:top !important;}
.alignB{vertical-align:bottom !important;}


/* ==================================================
	Inquiry(~5/6)
================================================== */
.inquiry{
  position:fixed;
  bottom:0;
  right:0;
  z-index:10;
}
.inquiry a{
  color:#ffffff;
  font-size:15px;
  display:block;
  text-decoration:none;
  background-image:url("/pomera/images/inquiry_arrow_01.png");
  background-color:#2cb9c6\9;
  background-color:rgba(44,185,198,0.9);
  background-position:235px 13px;
  background-repeat:no-repeat;
  padding:10px 30px 5px 15px;
}
.inquiry a:hover{
  background-color:#008d9a;
}