@charset "UTF-8";

/* ---------------
 VANNILA
--------------- */

html {
	background: #fff;
	color: #444444;
}
body {
	font: 14px/1.6 'Verdana','Arial','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #555555;
}
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
h2 { background: none; }
input, select, textarea{
	font-size: 99%;
	font-family: 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;
	padding: 2px;
}
q:before,q:after { content:''; }
img { vertical-align: top; }
a {
	color:#5e7bb1;
	text-decoration: underline;
}
a:hover {
	color: #5e7bb1;
	text-decoration: none;
}
label{ cursor: pointer; }

/* tables still need 'cellspacing="0"' */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

/* ---------------
 color
--------------- */
.c_color_white a{color: #fff !important;}

/* ---------------
 no underline
--------------- */
.c_no_under a{text-decoration: none !important;}

/* ---------------
clear
--------------- */
.clear{clear: both;}

/* ---------------
 scroll
--------------- */
#page-top{
    position: fixed;
    bottom:   20px;
    right:    20px;
    display:  table;
}
#page-top a{
	font-size:       80%;
	background:      rgba(102, 102, 102, 0.3);
    text-decoration: none;
    color:           #fff;
    display:         table-cell;
	width:           70px;
	height:          70px;
    text-align:      center;
	vertical-align:  middle;
    border-radius:   120px;
}
#page-top a:hover{
    text-decoration: none;
	background:      rgba(153, 153, 153, 0.7);
}

/* ---------------
 wrapper
--------------- */
.wrap_01{width: 960px; margin-left: auto; margin-right: auto;}

/* ---------------
 header
--------------- */
.h01{border-top:5px solid #535964;}
.h02{padding-top:23px; padding-bottom:19px; float:left;}

/* ---------------
 header link
--------------- */
.hl01 li{float:right; font-size:12px;}
.hl01 .link01{background:url(../img/icon_blank_01.png) left 5px no-repeat; padding-left:17px; margin-right:20px;}
.hl01 .link02{background:url(../img/icon_blank_01.png) left 5px no-repeat; padding-left:17px; margin-right:20px;}
.hl01 .link03{background:url(../img/icon_mail_01.png) left 5px no-repeat; padding-left:17px;}
.hl02{float:right; width:760px; padding-top:40px;}

/* ---------------
 footer
--------------- */
#footer{background:#2c313f; padding-top:40px; padding-bottom:16px; color:#fff;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{color:#fff;}

#footer .a00{float:left; margin-right:40px;}
#footer .a01{font-size:14px; font-weight:bold; padding-left:16px; background:url(../img/icon_arrow_02.png) left 4px no-repeat; padding-bottom:7px;}
#footer .a02{background:url(../img/icon_delta_01.png) left 6px no-repeat; padding-left:10px; font-size:11px; padding-bottom:3px;}
#footer .a03{background:url(../img/icon_blank_03.png) left 4px no-repeat; padding-left:17px; font-size:11px; padding-bottom:3px;}
#footer .a04{background:url(../img/icon_mail_02.png) left 4px no-repeat; padding-left:17px; font-size:11px; padding-bottom:3px;}

#footer .b01{float:right;}
#footer .b02{position:relative;}
#footer .b03{position:absolute; left:29px; top: 66px;}

#copy{text-align:center; padding-top:40px;}

/* ---------------
 Gnavi
--------------- */
.gnavi01 li{float:left;}

/* ---------------
 main visual
--------------- */
.main_bg{background:url(../img/main_bg.png) repeat-x;}

/* ---------------
 pankuzu
--------------- */
.pankuzu{margin-bottom:14px;}
.pankuzu li{float:left;}
.pankuzu li a{padding-right:14px;}
	
/* ---------------
 contents area
--------------- */
.con01{background:url(../img/con_bg.png) center top no-repeat; padding-top:41px;}
.con02{background:url(../img/con_bg.png) center top no-repeat; padding-top:15px;}
.contents{float:left; width:690px; padding-bottom:110px;}

/* ---------------
 heading
--------------- */
.heading01{color:#5e7bb1; font-size:17px; font-weight:bold; border-left:3px solid #5e7bb1; padding-left:12px; margin-bottom:20px;}
.heading02     {color:#fff; background:#535964; padding:11px 20px; font-size:23px; font-weight:bold; margin-bottom:20px;}
.heading02 span{border-left:3px solid #fff; padding-left:18px;}

/* ---------------
 section
--------------- */
.sec01{margin-bottom:40px;}

/* ---------------
 banner
--------------- */
.ban01{position:relative;}
.ban02{position: absolute; left: 361px; top: 28px;}

/* ---------------
 side area
--------------- */
#side{float:right; width:250px;}
#side .ban_contact{position:relative; margin-bottom:40px;}
#side .ban_contact_btn{position:absolute; left:14px; top:79px;}
#side .ban01 li{margin-bottom:10px;}

/* ---------------
 hover button
--------------- */
.btn:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
}