@charset "UTF-8";


/* //////////////////////////////////////////////////
[1 GLOBAL] 
////////////////////////////////////////////////// */

html{
	height:100%;
}

body  { font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; background-attachment: scroll; font-size: 14px; background-color: #FFF; -webkit-text-size-adjust: none; background-image:url(../images/global/0bg.jpg); background-repeat:no-repeat; background-position:center top;}

#wrapper{
	margin:0px auto;
	padding:0;
}

/*-----------------------------------------------------------------------  global*/


/* //////////////////////////////////////////////////
[2 HEADER] 
////////////////////////////////////////////////// */
.head { -ms-background-size: 1px 51px; -o-background-size: 1px 51px; background-color: #4f4f4f; width: 100%; height: 54px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #042404; }
header#top{
	-ms-background-size: 1px 43px;
	-o-background-size: 1px 43px;
	height: 58px;
	text-align: center;
	background-image: url(../images/global/headerbg.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #450000;
}
.logo{
	width: 120px;
	float: left;
	margin-left: 3px;
	margin-top: 10px;
	height: 36px;
}

.inq_box{
	width: 70px;
	float: right;
	overflow: hidden;
	margin-top: 5px;
}
.inq{
	width:60px;
	float:left;
	overflow:hidden;
	margin:0;
}

/*-----------------------------------------------------------------------  header*/

/* //////////////////////////////////////////////////
[3 FOOTER] 
////////////////////////////////////////////////// */
footer.footerbg{ 
	background-color:#000000;
	border-top-width: 2px; border-top-style: solid; border-top-color: #000000; }

.footerbg{ background-color:#000000;}

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

.footer p{ text-align: right; padding-top: 10px; }

.footer ul{
	float: left;
	font-size: 12px;
	line-height: 1.4;
	padding-top: 10px;
	list-style:none;
}

.footer ul li{
	margin-bottom: 10px;
}

.footer ul li a{
	text-decoration: none;
	color: #000
}

.footer ul li.footerlink{
	margin-left: 85px;
}

.footer p a{
	text-decoration: none;
	color: #000;
}

.footer address{ font-size: 10px; letter-spacing: -0.01px; text-align: center; color: #666666; width: 300px; margin: 0 auto; font-style: normal; clear: both; margin-top: 5px; }

.footer img { margin-left: 3px; }
 
/*-----------------------------------------------------------------------  footer*/

/* //////////////////////////////////////////////////
[4 CONTENTS] 
////////////////////////////////////////////////// */
.news{ border-top: 1px solid #344c66; height: 55px; width: 100%; overflow: hidden; }
.news li{
	line-height:1.4em;
	font-size:12px;
    list-style: none;
	margin-top:10px;
}
.news a{ text-decoration: none; color: #666666; display: block; height: 55px; padding-left: 10px; overflow: hidden; background: url(../images/global/arrow.png) 98%  30%; background-repeat: no-repeat; background-size: 5px 7px; -moz-background-size: 5px 7px; -webkit-background-size: 5px 7px; -o-background-size: 5px 7px; -ms-background-size: 5px 7px; }

.news_list{
	border-top:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	width:100%;
	overflow: hidden;
	float:left;
}

h2.bk01 { font-size: 12px; padding-left: 10px; line-height: 37px; color: #FFFFFF; background-image: url(../images/global/bk01_bg.png); background-repeat: repeat-x; background-position: left top; }
.nav_area{ text-align: center; width: 100%; background-color: #e0e9d6; margin-top: 0; margin-right: auto; margin-left: auto; }
	.nav_area h2{
		background: #a6eef1; /* Old browsers */
		background: -moz-linear-gradient(top,  #a6eef1 0%, #a6eef1 50%, #6ee5e5 51%, #85e9e9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6eef1), color-stop(50%,#a6eef1), color-stop(51%,#6ee5e5), color-stop(100%,#85e9e9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a6eef1 0%,#a6eef1 50%,#6ee5e5 51%,#85e9e9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a6eef1 0%,#a6eef1 50%,#6ee5e5 51%,#85e9e9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a6eef1 0%,#a6eef1 50%,#6ee5e5 51%,#85e9e9 100%); /* IE10+ */
		background: linear-gradient(top,  #a6eef1 0%,#a6eef1 50%,#6ee5e5 51%,#85e9e9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6eef1', endColorstr='#85e9e9',GradientType=0 ); /* IE6-9 */
		
		text-align:left;
		color:#FFF;
		text-shadow: 2px 2px 2px #b3b2b2;
		height:32px;
		padding-top:10px;
		padding-left:12px;
		overflow:hidden;

	}
	.nav_area ul.nav_box{ width: 312px; overflow: hidden; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 8px; margin-bottom: 0px; }
		.nav_box li{ float: left; width: 148px; height: 53px; overflow: hidden; margin-top: 4px; margin-right: 8px; text-align: left; }
			 .nav_box li a{ background: url(../images/global/nav_bk.png); background-position: left top; background-repeat: no-repeat; background-size: 148px 53px; -moz-background-size: 148px 53px; -ms-background-size: 148px 53px; -o-background-size: 148px 53px; -webkit-background-size: 148px 53px; text-decoration: none; padding-top: 21px; padding-bottom: 19px; padding-left: 10px; padding-right: 0; color: #FFFFFF; font-size: 14px; display: block; overflow: hidden; }

/* gototop */
.gototop li{ float: left; list-style: none; }

.gototop{ text-align: center; width: 100%; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto;  padding-bottom: 15px; height: 20px; padding-top: 15px; background-color:#000000; }

.gototop ul.gototop_box{ width: 300px; overflow: hidden; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 0; padding-bottom: 0; }

.red{
	border-left:1px solid #ff1700;
	padding-left:5px;
	padding-top:1px;
}
 
.address{
	font-size: 23px;
	padding: 5px;
	margin: 5px;
	font-size: 12px;
	text-align:center;
}

.telephone a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dcdddd), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #dcdddd);
	background: -moz-linear-gradient(#fff, #dcdddd);
	background: -o-linear-gradient(#fff, #dcdddd);
	background: -ms-linear-gradient(#fff, #dcdddd);
	background: linear-gradient(#fff, #dcdddd);
	text-decoration: none;
	padding: 10px;
	color: #595757;
	border: 1px solid #ddd;
	float:left;
	-webkit-border-radius: 5px;  
    -moz-border-radius: 5px; 
    text-shadow: 0px 1px 1px #fff; /*CSS3*/
	-moz-text-shadow: 0px 1px 1px #fff; /* Firefox用*/
	-webkit-text-shadow: 0px 1px 1px #fff; /* Google Chrome, Safari用*/
	overflow:hidden;
	width:110px;
	margin-left:20px;
	text-align:center;
}

/*-----------------------------------------------------------------------  contents*/

/* //////////////////////////////////////////////////
[5 UNDER PAGES] 
////////////////////////////////////////////////// */

/* パンクズ */
/*BREADCRAMB*/
.breadcramb_bg{
	border-bottom:1px solid #666666;
	background-color:#f2f2f2;
}
.breadcramb .content_bc ul li, article.single > aside.breadcramb .content_bc ul li{
	display:inline-block;
	font-size:11px;
	height:28px;
	line-height:28px;
	overflow:hidden;
	background:#f2f2f2 url(../images/global/bg_breadcramb.gif) right center no-repeat;
	background-size:9px 28px;
	-moz-background-size:9px 28px;
	-webkit-background-size:9px 28px;
	-o-background-size:9px 28px;
	-ms-background-size:9px 28px;
	margin-left:-4px;
	padding-left:8px;
	padding-right:16px;
}
.breadcramb .content_bc ul li:first-child, article.single > aside.breadcramb_bc .content ul li:first-child{
	background-color:#f2f2f2;
	padding-left:17px;
	padding-right:16px;
}
.breadcramb_bc .content ul li:last-child, article.single > aside.breadcramb_bc .content ul li:last-child{
	background:#f2f2f2 url(../images/global/bg_breadcramb_last.gif) right center no-repeat;
	background-size:9px 28px;
	-moz-background-size:9px 28px;
	-webkit-background-size:9px 28px;
	-o-background-size:9px 28px;
	-ms-background-size:9px 28px;
	margin-left:-4px;
}
.breadcramb_bc .content ul li a, article.single > aside.breadcramb_bc .content ul li a{
	display:block;
	color:#333333;
	text-decoration:none;
	position:relative;
}
.breadcramb_bg a{
	color:#333333;
	display:block;
}

.clb{ clear: both; }



/* メニュー */
.agreement ul{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; box-shadow: 0 0 7px #555; /*CSS3*/ -moz-box-shadow: 0 0 7px #555; /* Firefox用*/ -webkit-box-shadow: 0 0 7px #555; /* Google Chrome, Safari用*/ overflow: hidden; }

.agreement ul li{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.50, #e6e4e4), color-stop(0.49, #f5f5f5), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 49%, #e6e4e4 50%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 49%, #e6e4e4 50%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #fff 0%, #f5f5f5 49%, #e6e4e4 50%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 49%, #e6e4e4 50%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #fff 0%, #f5f5f5 49%, #e6e4e4 50%, #f3f3f3 100%);
	text-shadow: 0px 1px 1px #fff; /*CSS3*/
	-moz-text-shadow: 0px 1px 1px #fff; /* Firefox用*/
	-webkit-text-shadow: 0px 1px 1px #fff; /* Google Chrome, Safari用*/
	color: #4f4f4e;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 2px solid #bbb;
}

.agreement ul li a{
	text-decoration: none;
	color: #4f4f4e;
	background-position: 98% center;
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 20px;
	display: block;
	font-size: 13px;
}

.agreement li a{
	font-weight: bold;
	text-decoration: none;
	display: block;
	background:url(../images/global/arrow.png) 99% center no-repeat;
	background-size:10px 15px;
	-moz-background-size:10px 15px;
	-webkit-background-size:10px 15px;
	-o-background-size:10px 15px;
	-ms-background-size:10px 15px;

}


/* //////////////////////////////////////////////////
[6 HI-SPEC-COADING] 
////////////////////////////////////////////////// */

/* MARGIN */
.ml5		{ margin-left: 5px !important; }

/* PADDING */
.pt20		{ padding-top: 20px !important; }

.pr10		{ padding-right: 10px !important; }
.pr20		{ padding-right: 20px !important; }

.pl10		{ padding-left: 10px !important; }
.pl20		{ padding-left: 20px !important; }


/* OVERFLOW */
.ofa{ overflow: auto !important; }

/* FONT-WEIGHT */
.b{ font-weight: bold !important; } .n{ font-weight: normal !important; }

/*-----------------------------------------------------------------------  Hi Spec Coding*/

/* //////////////////////////////////////////////////
[7 RESET] 
////////////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    /*background:transparent;*/
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}



/*----------------------------------------------------------------------- RESET*/