﻿@charset "utf-8";
*{margin: 0; padding: 0;}

/*========================
body
==========================*/
body{
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
min-width:1220px;
_zoom:1;
font-size:1em;
height: 100%;
}

body{
  scrollbar-face-color: #ff00ff;       /* 表面の色 */
  scrollbar-3dlight-color: #ffcccc;    /* 左端と上端の色 */
  scrollbar-darkshadow-color: #660000; /* 右端と下端 */
  scrollbar-highlight-color: #ffff00;  /* ハイライトの色 */
  scrollbar-shadow-color: #333333;     /* 影の色 */
  scrollbar-arrow-color: #ffffff;      /* 矢印の色 */
  scrollbar-track-color: #ff00ff;      /* バーの背景の色 */
  width:100%;
  height:60px;
  overflow-y:scroll;
  overflow-x: hidden;"
}


/*========================
link
==========================*/
a:link{
text-decoration: underline;
}
a:visited{
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
a:acitive{
text-decoration: none;
}

a img {
border-style:none;
}


a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*========================
ci
==========================*/

#ci{
width:1220px;
clear:both;
float:none;
position: relative;
margin:0 auto;
background-image:url(img/common/ci.gif);
height:300px;
}


/*========================
gnavi　グローバルナビ
==========================*/

#gnavi{
width:100%;
clear:both;
float:none;
position: relative;
top: 0px;
height:249px;
margin-top:1em;
margin-bottom:0em;
}

#gnavi ul{
width:100%;
float:none;
text-align:center;
margin:0 auto;
font-size: 0;
}
	
#gnavi ul li{
display: inline;
list-style: none;
white-space:nowrap;
overflow:hidden;
padding:0;
margin:0;
}



/*========================
content
==========================*/

#content{
clear:both;
float:none;
width:1220px;
margin:0 auto;
padding:0;
}





/*========================
main-content
==========================*/

#main-content{
width:1000px;
margin:0 auto;
padding-top:30px;
}

#main-content p{
font-size:1em;
line-height:1.6;
padding-top:2em;
color:#666;
}

#main-content02{
width:1000px;
margin:0 auto;
}

#main-content02 p{
font-size:1em;
line-height:1.6;
padding-top:2em;
color:#666;
}



/*========================
h1～h6
==========================*/

h1 {
float:none;
text-align:center;
padding:0;
color:#666;
font-size:0.8em;
padding-top:5px;
font-weight:normal;
line-height:1;
}

h2 {
clear:both;
float:none;
text-align:center;
padding-top:2em;
padding-bottom:0em;
font-size:2em;
font-weight:bold;
color: #000;
line-height:1.4;
}

h3 {
clear:both;
float:none;
text-align:center;
padding-top:5em;
padding-bottom:0em;
font-size:1.3em;
font-weight:bold;
color: #00A0C5;
line-height:1.2;
}

h4 {
clear:both;
float:none;
text-align:center;
padding-top:5em;
padding-bottom:0em;
font-size:1.3em;
font-weight:bold;
color: #00A0C5;
line-height:1.2;
}

h5{
clear:both;
float:none;
text-align:center;
padding-top:5em;
padding-bottom:0em;
font-size:1.3em;
font-weight:bold;
color: #00A0C5;
line-height:1.2;
}

h6{
clear:both;
float:none;
text-align:center;
padding-top:5em;
padding-bottom:0em;
font-size:1.3em;
font-weight:bold;
color: #00A0C5;
line-height:1.2;
}




/*========================
footer　フッター
==========================*/
#footer{
clear:both;
width:100%;
margin:0 auto;
height:2em;
font-size:1em;
line-height:1;
text-align:center;
color:#fff;
bottom: 0;
background-color: #CAB6AE;
padding-top:0.8em
}


#footer a:link{
text-decoration: none;
color:#fff;
}
#footer a:visited{
text-decoration: none;
color:#fff;
}
#footer a:hover{
text-decoration: none;
color:#fff;
}
#footer a:acitive{
text-decoration: none;
color:#fff;
}

a img {
border-style:none;
}


/*========================
クラス
==========================*/

.right{
text-align:right;
float:right;
}


.bk{
text-align:right;
float:right;
margin-right;10px;
}

.br{
border-bottom:solid 1px #ccc;
}

.bor01{
border-bottom:solid 1px #ccc;
}

.lead{
text-align:center;
font-size:0.8em;
}


.lead a:link{
text-decoration: none;
color:#666;
font-size:0.8em;
}
.lead a:visited{
text-decoration: none;
color:#666;
font-size:0.8em;
}
.lead a:hover{
text-decoration: underline;
color:#666;
font-size:0.8em;
}
.lead a:acitive{
text-decoration: underline;
color:#666;
font-size:0.8em;
}

.right{
text-align:right;
}

