@charset "utf-8";

/*==========================================
 body
===========================================*/
body {width: 100%;
background-color:#ffffff;
text-align: left;
font-size: 14px;
line-height: 1.8;
letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}

/*==========================================
 inner 1024px
===========================================*/
.inner {max-width:1024px;
margin: 0px auto 0px;
padding: 0px auto 0px;}

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

/*==========================================
 Header
===========================================*/
#header {width: 100%;
margin: 0px auto 0px;
padding: 0px auto 0px;
background: #1475b9;}

#header .inner {overflow: hidden;
padding: 8px 0px 10px 0;}

#header .inner .fa{color:#ffffff;}

/*==========================================
 Change
===========================================*/
#change {background: #0080ff;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
display: none;
z-index: 9999;
padding: 0px auto 0px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
border-bottom:1px solid #ffffff;}

#change .inner {overflow: hidden;
padding: 8px 0px 10px 0;}

#change .inner .fa{color:#ffffff;}


/*==========================================
 Mainvisual
===========================================*/
#mainvisual {width: 100%;
margin: 0;
padding: 0;
border-bottom:1px solid #1475b9;}

#mainvisual ul {position: relative;}

#mainvisual ul li {display: none;
position: absolute;
z-index: 1;
width: 100%;
top: 0;}

#mainvisual ul li:first-child {display: block;
position: relative;
z-index: 1000;}


/*==========================================
 Contents
===========================================*/
#contents {width: 100%; margin: 0px auto;}

/* -----------------------------------------*/
#contents section#work article {text-align: center;
width: 25%;
float: left;
margin: 48px auto 48px;}

#contents section#work article img {width: 100%;
height: auto;
max-width: 250px;} 

#contents section#work article h3 {font-size: 14px;
color:#025177;
margin: 2px auto 0px;}

#contents section#work article p {font-size: 13px;
text-align: left;
padding: 0px 8px 0px 8px;}

/* -----------------------------------------*/
#contents section#wrap {width: 100%; float:none; margin: 18px auto 38px;}

/* -----------------------------------------*/
#contents section#news {width: 48%; float:left;}

#contents section#news h2 {margin: 0;
font-size: 14px;
font-weight: bold;
background: url(../images-top/bg_headerLine.jpg) repeat-x bottom;
padding-bottom: 10px;}

#contents section#news article h3 {
background: url(../images-top/icn_arrow.jpg) no-repeat center left;
margin-bottom: 0px;
padding-left: 7px;}

#contents section#news article p {padding: 0px 3px 0px 3px;}

#contents section#news ul li {width: 100%;
margin:28px 0px 18px 0px;}

#contents section#news ul li img {
width: 100%;
height: auto;
max-width: 480px;}

/* -----------------------------------------*/
#contents section#information {width: 48%; float:right;} 

#contents section#information h2 {margin: 0;
font-size: 14px;
font-weight: bold;
background: url(../images-top/bg_headerLine.jpg) repeat-x bottom;
padding-bottom: 10px;}

#contents section#information p {padding: 8px 3px 8px 3px;}

#contents section#information ul li {width: 100%; list-style:none;
margin:8px 0px 18px 18px;
padding:0px 0px 0px 0px;}

#contents section#information .fa{color:#196297;}

#contents section#information ul li img {
width: 100%;
height: auto;
max-width: 480px;}