@charset "utf-8";

@import "default.css";

/* ===================================================================
format
=================================================================== */

/*	body
----------------------------------------------------*/
body {
font:14px/1.231 "ヒラギノ角ゴ Pro W3";
text-align:center;
background:#fff;
}

/*	img
----------------------------------------------------*/
img {
width:100%;
height:auto;
}

/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------*/
a			{color:#0068b7;text-decoration:none;}
a:link		{color:#0068b7;text-decoration:none;}
a:visited	{color:#0068b7;}
a:hover		{text-decoration:underline;}
a:active	{color:#0068b7;}

/* ===================================================================
Layout
=================================================================== */
#h_wrap			{width:100%; border-top:5px #0186bd solid;}
#h_nav_wrap     {width:100%; height:37px; background:url(../images/h_wrap.png) repeat-x;}
#f_wrap			{}
#footer			{}

/* ===================================================================
h1,h2,h3,h4,h5,h6
=================================================================== */
h1 {
margin-top:5px;
text-align:center;
font-size:11px;
color:#333;
}

h2 {
width:278px;
height:30px;
margin:0 auto;
padding:7px 0 0 22px;
color:#fff;
font-size:16px;
background-image:url(../images/h2_bg.png);
background-size:300px;
background-repeat:no-repeat;
}

h3 {
width:285px;
height:28px;
margin:15px auto 0 auto;
padding:5px 0 0 15px;
font-size:15px;
background-image:url(../images/h3_bg.png);
background-size:300px;
background-repeat:no-repeat;
}

h3 span {
font-size:11px;
color:#1e6399;
}

/* ===================================================================
Layout-contents
=================================================================== */

/*	header
----------------------------------------------------*/
header .logo {
width:280px;
margin:0 auto;
}


/*	h_nav
----------------------------------------------------*/
#h_nav {
position:relative;
width:320px;
height:37px;
margin:0 auto;
background-image:url(../images/h_bg.png);
background-size:320px;
background-repeat:no-repeat;
}

#h_nav .back {
position:absolute;
top:5px;
left:10px;
width:32px;
}

#h_nav .home {
position:absolute;
top:5px;
right:10px;
width:32px;
}

/*	main
----------------------------------------------------*/
#main {
margin-top:10px;
}

#pagetitle {
width:320px;
margin:1px auto 0 auto;
}

/*	gn
----------------------------------------------------*/
#gn {
width:320px;
margin:10px auto;
}

#gn li {
float:left;
width:106px;
margin:0;
padding:0;
list-style-type:none;
} 


/*	section
----------------------------------------------------*/
section {
padding:10px;
}

section p {
margin: 10px 5px;
}

.ba_area {
width:300px;
margin:0 auto;
}

.ba_area li {
margin-bottom:10px;
}

.ba_area .minor a{
display: block;
padding: 0.6em 0 0.5em;
text-align: center;
font-size: 15px;
font-weight: bold;
text-decoration: none;
border: 1px solid #00aeef;
background: url(../images/minor_lbg.png) 0 0 / 60px no-repeat, url(../images/minor_rbg.png) 100% 100% / 60px no-repeat;
background-color: #fbffe2;
}

/*	contact_area
----------------------------------------------------*/
#contact_area {
width:300px;
height:222px;
margin:10px auto;
padding:60px 0 0 0;
background-image:url(../images/contact_bg_v2.png);
background-size:300px;
background-repeat:no-repeat;
}

#contact_area li {
/*float:left;*/
width:288px;
margin: 11px auto 0 ;
}

#contact_area li:first-child{
margin-top: 0;
}

#contact_area .freedial {
width:288px;
margin:11px auto 0;
}

/*	footer
----------------------------------------------------*/
#footer .pagetop {
width:300px;
margin:15px auto;
text-align:center;
}

#footer .bg {
width:100%;
background:#0186bd;
}

#footer .bg p {
padding:10px 0;
text-align:center;
color:#fff;
}

#footer .bg p a {
color:#fff;
}

#footer .bg li:first-child {
border-left:none;
}

#footer .copy {
padding:10px;
color:#fff;
font-size:12px;
text-align:center;
background:#494949;
}