/* --------------------------------------------------

Phyllaile | layout.css

----------------------------------------------------- */

*{
margin:0;
padding:0;
line-height:1.6;
}
/* 
* html body {     
background: url(../css/null/) fixed;     
}
- */
html{
overflow-x : hidden;
overflow-y : auto;
font-size: 62.5%;
}

body {
overflow-x : hidden;
overflow-y : auto;
color:#61584c;
font-size: 1.4rem;
font-weight:normal;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
min-width:1000px;
background:#666;
}

a{color:#125b74;text-decoration:underline;}
a:visited{color:#125b74;text-decoration:underline;}
a:hover{color:#734816;text-decoration:underline;}

a img{border:0}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

p{
margin:0 0 20px 0;
}

/*-------------------------------------------------------------- #125b74
common
--------------------------------------------------------------*/


header{
width:100%;
height:150px;
z-index:10000;
position: fixed !important;  
position: absolute;  
top:0;  
left:0;
background:#fff;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.4) ; 
border-bottom:1px solid #ccc;
}  
* html header    {     
position: absolute;     
top: expression(eval(document.documentElement.scrollTop+0));  
}  

header .inner{
position:relative;
width:1000px;
height:100px;
margin:0 auto;
}

header #logo{
text-align:center;
margin:15px 0 0 0;
}

p.lead{
font-size:16px;
/*font-family: 'Open Sans', sans-serif;
font-weight: 300;*/
line-height:1.5;
margin:0 0 30px 0;
}

h1 img{
margin: 0 0 30px 0;
}




/* header固定のアンカーリンクずれ対策
------------------------------------------------------------*/
.anchor {
margin-top:-180px;
padding-top:180px;
}


/* InqBox / TelBox
------------------------------------------------------------*/

section.inqbox{
background:#c8c600;	
}
section.inqbox .inner{
position:relative;
width:1000px;
margin:0 auto;
min-height:200px;
background: url(../img/common/inqbox_bg.gif) no-repeat 0 0;
}

section.inqbox .inner .bnr1{
position:absolute;
top:58px;left:280px;
}
section.inqbox .inner .bnr2{
position:absolute;
top:58px;left:638px;
}


section.telbox{
background:#fff;	
}
section.telbox .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:50px 0;
}




/* globalNavi
------------------------------------------------------------*/

ul#globalNavi  {
position:absolute;
left:0;
top:90px;
width:1000px;
height:50px;
margin:0 auto;
}

ul#globalNavi li {
height:50px;
list-style:none;
float:left;
font-family: 'Raleway', sans-serif;font-weight: 400;
}

ul#globalNavi li a:link, ul#globalNavi li a:visited {
width:250px; height: 50px;
display:block;
font-size:20px;
text-align:center;
text-decoration:none;
}


/*--------------------------------------------------------------
TOP
--------------------------------------------------------------*/

#top .mainvisual{
margin:150px 0 0 0;
position:relative;
background:#fff;
}

#top .mainvisual .inner{
width:1000px;
padding:30px;
margin:0 auto;
}


#top h2{
font-size:50px;
text-align:center;
font-weight:normal;
margin: 0 0 50px 0;
color:#fff;
font-family: 'Raleway', sans-serif;font-weight: 400;
}

#top section#business{	
color:#fff;
background: url(../img/top/business_bg.jpg) repeat 0 0;
}
#top section#business .inner{
width:1000px;
margin:0 auto;	
padding:50px 0 50px 0;
}

#top section#business dl.left{
width:420px;
float:left;
padding:0 0 0 30px;
}
#top section#business dl.right{
width:420px;
float:right;
padding:0 30px 0 0;
}

#top section#business dl.center{
width:980px;
float:left;
list-style: none; 
margin:auto;
text-align: center;
}

#top section#business dl dt{
padding:0 0 20px 0;
}

#top section#business dl dd h3{
text-align:center;
font-size:23px;
padding:0 0 20px 0;
}



#top section#message{
background: url(../img/top/message_bg.jpg) no-repeat 0 0;
background-size: cover;
color:#fff;
}
#top section#message .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:100px 0;
}
#top section#message p{
font-size:1.6rem;
line-height:3;
text-align:center;
}


#top section#aboutus{
background: url(../img/top/about_bg.jpg) repeat 0 0;
color:#000;
}
#top section#aboutus .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:100px 0;
}
#top section#aboutus h2{
color:#000;
}

#top section#aboutus table.left{
border-collapse:collapse;
border:none;
width:470px;
padding:0 0 0 30px;
float:left;
}
#top section#aboutus table.right{
border-collapse:collapse;
border:none;
width:470px;
padding:0 30px 0 0;
float:right;
}

#top section#aboutus table td{
padding:10px;
border-bottom:1px dotted #ccc;
}


#top section#contact{
background:#000;
color:#fff;
}
#top section#contact .inner{
position:relative;
width:1000px;
margin:0 auto;
padding:100px 0;
}
#top section#contact .left{
width:470px;
padding:0 0 0 30px;
float:left;
}
#top section#contact .right{
width:470px;
padding:0 30px 0 0;
float:right;
}

#top section#contact .tit{
padding:0 0 10px 0;
margin:0 0 10px 0;
font-size:1.3em;
font-family: 'Raleway', sans-serif;font-weight: 400;
border-bottom:1px solid #ccc;
}

#top section#contact a{color:#fff;text-decoration:underline;}
#top section#contact a:visited{color:#fff;text-decoration:underline;}
#top section#contact a:hover{color:#f60;text-decoration:underline;}


/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/

footer{
padding:50px;
color:#fff;
font-family: 'Raleway', sans-serif;font-weight: 400;
letter-spacing:1.5px;
}

footer .inner{
color:#fff;
margin:0 auto 0 auto;
width:1000px;
position:relative;
text-align:center;
}

footer .inner ul.footlink{
list-style:none;
margin:0 0 30px 0;
}
footer .inner ul.footlink li{
text-align:center;
display:inline;
font-size:1.2em;
}

footer .inner p#copy{
text-align:center;
font-size:0.8em;
letter-spacing:3px;
}

footer a{color:#fff;}
footer a:visited{color:#fff;}
footer a:hover{color:#fff;}



/* Pager
---------------------------------------------------------------------------- */
#pagerCont {
position: relative;
overflow: hidden;
margin: 10px;
}

ul.pager {
position: relative;
left: 50%;
float: left;
list-style:none;
}

ul.pager li {
position: relative;
left: -50%;
float: left;
margin-right: 5px;
border: 1px solid #ff7b00;
font-weight: bold
}

ul.pager li.prev,
ul.pager li.next { border: none }

ul.pager li a {
position: relative;
display: block;
padding: 3px 8px;
color: #ff7b00;
}

ul.pager li a:link,
ul.pager li a:visited { text-decoration: none }

ul.pager li a:hover,
ul.pager li a:active {
color:#fff;
background-color: #ff7b00;
text-decoration: none;
}

ul.pager li em {
display: block;
padding: 3px 8px;
background: #ff7b00;
color: #FFFFFF;
}

/*--------------------------------------------------------------
pagetop
--------------------------------------------------------------*/

.pagetop {
position: fixed;
bottom: -100px;
right: 55px;
}

.pagetop a {
display: block;
width: 50px;
height: 50px;
background-color: #1a4c65;
border-radius: 50px;
text-align: center;
color: #fff;
font-size: 24px;
text-decoration: none;
line-height: 50px;
}

.pagetop a:hover {
color: #fff;
}
.pagetop a:visited {
color: #fff;
}

/* Color Stock 
---------------------------------------------------------------------------- */

.red{color:#F00;}
.orange{color:#F60;}
.brown{color:#960;}
.pink{color:#e47fcd;}
.green{color:#1fad70;}
.violet{color:#8e779f;}

/* etc
---------------------------------------------------------------------------- */

.clearfix:after {
content:".";
/*height:0;*/
clear:both;
display: block;
visibility:hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}	

*:first-child+html .clearfix{/*for IE7*/
height:1%;
}

br{letter-spacing: 0px;}
.clr{clear:both;}
.fs16{font-size:16px}
.fs12{font-size:12px}
.fs11{font-size:11px}
.fs10{font-size:10px}

.mt5  {margin: 5px 0 0 0;}
.mt10 {margin: 10px 0 0 0;}
.mt20 {margin: 20px 0 0 0;}	
.ml5  {margin: 0 0 0 5px;}
.ml10 {margin: 0 0 0 10px;}	
.ml20 {margin: 0 0 0 20px;}		
.ml30 {margin: 0 0 0 30px;}		
.mb5  {margin: 0 0 5px 0;}	
.mb10 {margin: 0 0 10px 0;}
.mb20 {margin: 0 0 20px 0;}
.mtb5 {margin:5px 0;}	
.mtb10 {margin:10px 0;}
.mtb20 {margin:20px 0;}
.m20 {margin:20px;}
.hidden {display:none;}