@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
}



/* common
------------------------------------*/
a:link {color: #444; }
a:visited {color: #444; }
a:hover {transition: all 0.2s ease-in 0s; color: #FF9F1C; }
a:active {color: #FF9F1C; }
a img {opacity: 1;transition: all 0.2s ease-in 0s;}
a:hover img {opacity: 0.7;transition: all 0.2s ease-in 0s;}

body{
font-size:95%;
text-align:center;
line-height:1.8;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3",sans-serif,"ＭＳ Ｐゴシック", Osaka;
}
#container{
margin:0px auto;
text-align:left;
}
#header{
background-color: #0060AD;
padding: 25px 0;
line-height: 1;
color: #00467F;
}
#header .headerIn{
width: 960px;
margin: 0 auto;
}
#header .headerIn .columnLeft{width: 350px;}
#header .headerIn .columnLeft p{
text-align: center;
padding:5px 0 4px;
background-color:#fff;
margin: 0 0 15px;
font-weight: bold;
}
#header #gNavi {
float: right;
width: 580px;
padding: 47px 0 0;
}
#header .headerIn #gNavi li {
background:url(../image/icon01.jpg) no-repeat 0 5px;
float: left;
padding: 0 20px 0 14px;
}
#pankuzu{background:url(../image/bg01.gif); padding: 5px; margin: 0 0 30px;}
#pankuzu p{
margin: 0 auto;
width: 960px;
font-size: 85%;
}
#contents {
margin: 0 auto;
width: 960px;
}
#menu {
float:left;
width:230px;
}
#menu a:link {
    color: #00467F;
    text-decoration: none;
}
#menu a:visited {
    color: #00467F;
    text-decoration: none;
}
#menu a:hover {
	opacity: 0.7;
}
#menu a:active {
	opacity: 0.7;
}
#menu h2 {
	padding: 12px 0;
	background-color: #0060AD;
	color: #fff;
	font-size: 130%;
}
#menu h2 span {
	padding: 10px;
	border-left: 5px solid #80B0D6;
}
#menu #menuNavi {
	margin:0 0 23px;
}
#menu #menuNavi li p {
	background: url(../image/icon02.jpg) no-repeat 18px 12px;
	padding: 12px 30px;
	margin: 0 0 2px;
	background-color: #E5EFF7;
	font-size: 90%;
	font-weight: bold;
	line-height: 1;
}
#menu #menuBanner li {
	margin:0 0 20px;
}
#contents #mainArea{
float:right;
width:700px;
margin: 0 0 50px;
}
#contents #mainArea h3{
	border: 1px solid #C9D9EA;
	padding:10px 0 13px;
	background-image: url(../image/h3bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0 0 30px;
}

#contents #mainArea h3 #h3Blue {
border-left: 3px solid #1260C9;
padding:0 0 0 17px;
display:block;
}

#contents #mainArea h3 #h3Blue #h3Title {
color:#1260C9;
display:block;
font-size:160%;
}

#contents #mainArea h3 #h3Blue #h3SubTitle {
display:block;
font-size:70%;
font-weight:normal;
}

#contents #mainArea #mainAreaInside {
margin:0 15px;
}

#contents #mainArea #mainAreaInside h4 {
margin:18px 0 20px ;
color:#1260C9;
border-bottom:1px solid #1260C9;
padding:0 0 0 2px;
font-size:130%;
}

#contents #mainArea #mainAreaInside h5 {
margin:0 0 10px ;
font-size:100%;
}

#contactLink{
	text-align: center;
	background-color: #E5EFF7;
}
#contactLink p{padding: 30px 0;}
#pagetop {
margin:40px auto 0px;
width:900px;
text-align:right;
}

#footer {
padding:0;
background-color: #0060AD;
text-align: left;
color:#fff;
}

#footer a:link { color: #fff; text-decoration: none;}
#footer a:visited {color: #fff;}
#footer a:hover { transition: all 0.2s ease-in 0s; color: #FF9F1C; }
#footer a:active { color: #fff; }

#footer .footerIn{
	border-bottom: 1px solid #fff;
	padding: 20px 0;
}
#footer .footerIn div,
#footer .footerIn2 div{
	width: 960px;
	margin: 0 auto;
}
#footer .footerIn div div.columnLeft {
	width: 700px;
}
#footer .footerIn div div.columnLeft h3{
	width: 180px;
	float:left;
}
#footer .footerIn div div.columnLeft p{
	width: 500px;
	float: right;
	font-size: 80%;
	font-weight: bold;
}
#footer .footerIn p.pageTopLink{
	float: right;
}
#footer .footerIn2{
	padding: 10px 0;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
}
#footer .footerIn2 div p{width:400px; float: left;}
#footer .footerIn2 div ul{width: 320px; float:right;}
#footer .footerIn2 div ul li{
	float:right;
	padding:0 0 0 20px;
	margin: 0 0 0 20px;
	border-left:1px solid #fff;
}
#footer .footerIn2 div ul li:last-child {
	border: none;
}

.columnLeft {float:left;}
.columnRight {float:right;}

/*テキストリンク
------------------------------------*/

a.icon3 {
	display: inline-block;
	background: url(../image/icon03.gif) no-repeat left 6px;
	padding: 0 0 0 10px;
	font-size: 90%;
}


/* indexLayout
------------------------------------*/

/* clearfix
------------------------------------*/

#header:after,
#container:after,
#contents:after,
#footer:after,
#main .cassette:after,
#main .cassette div:after,
#main .cassette ul:after,
#main .cassette p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
font-size: 0;
line-height: 0;
}

#header,
#container,
#contents,
#footer,
#main .cassette,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #container,
* html #contents,
* html #footer,
* html #main .cassette,
* html #main .cassette div,
* html #main .cassette ul,
* html #main .cassette p,
* html .clearfix {
height: 1%
}

#header,
#container,
#contents,
#footer,
#main .cassette,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display:block;
}
/* end MacIE5 */