@charset "utf-8";

/* =============================================== */
/** reset (HTML5) */
/* ----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align:baseline}
	
td, th, img, input, iframe{vertical-align: top;}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, small {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q { quotes: none;}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ul{ list-style:none;}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
	width:100%;}
 
caption, th{ text-align: left;}
 
a:focus {outline:none;}


/* =============================================== */
/** basicタグ設定 */
/* ----------------------------------------------- */
body {font: 14px/1.5 Verdana, "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; 
	*font-size:small; 
	*font:x-small; 
	color: #333;
	background:url(../img/bg-body.jpg)}

a {	color: #261791; cursor: pointer; text-decoration:underline;}
a:link {}
a:visited {}
a:hover {text-decoration:none;}
a:active {}

strong,em,th{	font-weight:bold;}

ol {list-style-position:outside; margin-left:25px;}

hr{border:none; border-top:solid #ebebeb 2px; margin:20px 0;}

/* =============================================== */
/** フォントサイズ設定 */
/* ----------------------------------------------- */
/*

10px = 77%     11px = 85%     12px = 93%     ☆13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%    30px = 231%    40px = 308%
 */
.f-10 {	font-size:72%;}
.f-11 {	font-size:79%;}
.f-12 {	font-size:86%;}
.f-13 {	font-size:93%;}
.f-14 {	font-size:100%;}/*基準*/
.f-15 {	font-size:108%;}
.f-16 {	font-size:115%;}
.f-17 {	font-size:122%;}
.f-18 {	font-size:129%;}
.f-19 {	font-size:136%;}
.f-20 {	font-size:143%;}
.f-21 {	font-size:150%;}
.f-22 {	font-size:158%;}
.f-23 {	font-size:165%;}
.f-24 {	font-size:172%;}
.f-25 {	font-size:179%;}
.f-26 {	font-size:186%;}
.f-30 {	font-size:215%;}
.f-40 {	font-size:286%;}


/* =============================================== */
/** basicクラス設定 */
/* ----------------------------------------------- */
.f-r{	float: right;}
.f-l{	float: left;}
.c-b{	clear:both;}

.v-b{ vertical-align:bottom !important}

.relative{position:relative;}

.m-t10 {margin-top: 10px;}

.m-r10{margin-right:10px;}
.m-r20{margin-right:20px;}
.m-r25{margin-right:25px;}

.m-b5 {margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px;}
.m-b15 {margin-bottom: 15px;}
.m-b20 {margin-bottom: 20px;}
.m-b30 {margin-bottom: 30px;}
.m-b40 {margin-bottom: 40px;}
.m-b50 {margin-bottom: 50px;}

.m-l10{margin-left:10px;}
.m-l20{margin-left:20px;}
.m-l30{margin-left:30px;}
.m-l40{margin-left:40px;}
.m-l50{margin-left:50px;}

.p-10{ padding:10px;}
.p-20{ padding:20px;}

.p-t5{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}

.p-b10{ padding-bottom:10px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}

.p-l20{ padding-left:20px;}
.p-l30{ padding-left:30px;}

.bold{font-weight:bold;}

.t-l{	text-align:left;}
.t-r{	text-align:right;}
.t-c{	text-align:center;}

.w-120{width:120px;}

a:hover > img,
input[type="image"]:hover,
input[type="submit"]:hover,
a.button:hover{
	zoom: 1;
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
	-moz-opacity: 0.70; /* Firefox */
	opacity: 0.70;}

.noborder{border:none !important}
.nobg{background:none !important}

.c-gray{color:#999}

ul.list-disc{list-style:outside disc !important; margin-left:20px;}
ul.list-disc li + li{margin-top:5px;}

/* css sprite---------------------------- */

/*
.sprite-arrow-black{ background-position: 0 0; width: 4px; height: 7px; } 
.sprite-arrow-blue{ background-position: 0 -17px; width: 4px; height: 7px; } 
.sprite-arrow-white{ background-position: 0 -34px; width: 4px; height: 7px; } 
.sprite-fire{ background-position: 0 -51px; width: 12px; height: 21px; } 
.sprite-home{ background-position: 0 -82px; width: 13px; height: 14px; } 
.sprite-lead01{ background-position: 0 -106px; width: 15px; height: 10px; } 
.sprite-lead02-q{ background-position: 0 -126px; width: 20px; height: 20px; } 
.sprite-lead02{ background-position: 0 -156px; width: 20px; height: 20px; } 
.sprite-mark{ background-position: 0 -186px; width: 16px; height: 16px; } 
.sprite-ribbon{ background-position: 0 -212px; width: 15px; height: 25px; } 
.sprite-side-top{ background-position: 0 -247px; width: 3px; height: 40px; } 
.sprite-tel{ background-position: 0 -297px; width: 14px; height: 14px; } 

*/

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

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;}
 
.clearfix:after { clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1;}