/*-----------------------------------------------------------------
	reset
-----------------------------------------------------------------*/

* { margin: 0; padding: 0; /*word-break: break-all; -webkit-appearance: none;*/}

ul,
ol { list-style: none;}

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

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, 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;
	}

/*-----------------------------------------------------------------
	font
-----------------------------------------------------------------*/

body,
input,
textarea,
select {
  font:14px Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック','Yu Gothic',"メイリオ", Meiryo ,sans-serif;
  -webkit-text-size-adjust: none;
}

/*-----------------------------------------------------------------
	link
-----------------------------------------------------------------*/

a {
	 color: #2266D5;
	 text-decoration: none;
	 outline: none;
	}

a:hover {
	 text-decoration: underline;
	}

#sub ul li a:hover,
#tmenu ul li a:hover,
#bmenu ul li a:hover{
	 text-decoration: none;	
}

/*a:hover img {
	filter: alpha(opacity=90);
	opacity:0.9;
	position:relative;
	bottom:4px;
	right:0;
}*/

/*-----------------------------------------------------------------
	レスポンシブ用
-----------------------------------------------------------------*/

.pc {
	 display: block;
}

.sp {
	 display: none;
}



@media screen and (max-width: 767px) {

.pc {
	   display: none;
}

.sp {
	   display: block;
}
		
}

/*-----------------------------------------------------------------
	共通CSS
-----------------------------------------------------------------*/

html{
	width: 100%;
	min-width: 1000px;
	height: 100%;
	color: #666767;
	overflow-y: scroll;
	background: #fff;
	}

body{
	width: 100%;
	height: 100%;
	min-height: 100%;
	}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.rad {
	border-radius: 10px 10px / 10px 10px;
    -webkit-border-radius: 10px 10px / 10px 10px;
    -moz-border-radius: 10px 10px / 10px 10px;
}

/* align */
.align_center { text-align: center;}
.align_left { text-align: left;}
.align_right { text-align: right;}

/* float */
.float_l { float: left;}
.float_r { float: right;}

/* vertical-align */
.valgn-t { vertical-align: top;}
.valgn-m { vertical-align: middle;}
.valgn-b { vertical-align: bottom;}

/* font */
.bold {font-weight: bold;}

/* color */
.red { color: #C6001C;}
.blue { color: #2266D5;}
.gray { color: #999999;}
.water { color: #038cca;}
.white { color: #fff;}

/* margin */
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb80 { margin-bottom: 80px;}
.mb400 { margin-bottom: 400px;}
.ml15 { margin-left: 15px;}
.ml50 { margin-left: 50px;}
.ml30 { margin-left: 30px;}
.mt50 { margin-top: 50px;}
.mr15 { margin-right: 15px;}
.mt10 { margin-top: 10px;}
.mlmr10 { margin-left: 10px; margin-right: 10px;}

/* txt */
.txt10 { font-size: 72%!important;}
.txt11 { font-size: 79%;}
.txt12 { font-size: 86%;}
.txt13 { font-size: 93%;}
.txt15 { font-size: 108%;}
.txt16 { font-size: 115%;}
.txt18 { font-size: 128%;}
.txt20 { font-size: 143%;}
.txt24 { font-size: 172%;}
.ti2{text-indent:2em}

/* line-height */
.lineh2{
	line-height:2;
	}

/* 全体 */
#wrap {
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}

/* SUP */
.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
/*-----------------------------------------------------------------
	ヘッダー
-----------------------------------------------------------------*/

header {
	width:999px;
	height:56px;
	margin:10px auto 0;
	position:relative;
	}

header h1.pc {
	position:absolute;
	top:0;
	left:39px;
	}

#sns-list{
	position:absolute;
	top:0;
	right:40px;
	}

/* メニュー */

#tmenu {
	width:100%;
	margin:0 0 8px 5px;
	}

#tmenu ul{
	width:999px;
	margin:0 auto;
	}

#tmenu li {
	width: 158px;
	float: left;
	padding:0 4px 0 3px;
	background:url(../images/t_border.gif) no-repeat right top;
	}

#tmenu li:last-child {
	background:none
	}

#tmenu li a {
	display: block;
	width: 158px;
	height:16px;
	line-height:17px;
	padding:0;
	color:#666;
	text-align:center;
	box-sizing: border-box;
	border-radius:2px 2px / 2px 2px;
    -webkit-border-radius:2px 2px / 2px 2px;
    -moz-border-radius:2px 2px / 2px 2px;
	}

#tmenu li a:hover{
	background-color:#ECECEC;
	color:#A9A8A8;
	}

#tmenu li a.current {
	background-color:#B9B9B9;
	color:#FFF;
	text-align:center;
	border-radius:2px 2px / 2px 2px;
    -webkit-border-radius:2px 2px / 2px 2px;
    -moz-border-radius:2px 2px / 2px 2px;
	}


/* サブページメニュー */

#bmenu{
	float:right;
	width:427px;
	height:14px;
	margin:15px 0 3px 0;
	padding:0 96px 0 0;
	}

#bmenu ul{
	width:999px;
	margin:0 auto;
	background:url(../images/b_border.gif) no-repeat left top;
	}

#bmenu li {
	width: 153px;
	float: left;
	padding:0 3px;
	background:url(../images/b_border.gif) no-repeat right top;
	}


#bmenu li a {
	font-size:150%;
	font-weight: normal;
	display: block;
	width: 153px;
	height:14px;
	line-height:15px;
	padding:0;
	color:#666;
	text-align:center;
	border-radius:2px 2px / 2px 2px;
    -webkit-border-radius:2px 2px / 2px 2px;
    -moz-border-radius:2px 2px / 2px 2px;
	}
	

#bmenu li a:hover{
	background-color:#ECECEC;
	color:#A9A8A8;
	}

#bmenu li a.current {
	background-color:#B9B9B9;
	color:#FFF;
	text-align:center;
	border-radius:2px 2px / 2px 2px;
    -webkit-border-radius:2px 2px / 2px 2px;
    -moz-border-radius:2px 2px / 2px 2px;
	}




/*-----------------------------------------------------------------
	レイアウト
-----------------------------------------------------------------*/

/* コンテンツ全体 */

#contents {
	width: 999px;
	margin: 0 auto;
	overflow: hidden;
	}

/* 左カラム */

#sub {
	float:left;
	width: 170px;
	margin-right: -170px;
	text-align: left;
	margin:29px 0 0 0;
	}

#sub li a {
	color:#666666;
	display:block;
	border-left:25px solid #666767;
	margin:0 0 10px 0;
	padding:5px 0 7px 5px;
	max-height:16px;
	text-align: left;
	}

#sub li a:hover {
	border-left:25px solid #B43514;
	}

#sub li.odorent a{
	max-width:120px;
	line-height:1.1;
	padding:2px 0 18px 5px;
	}
	
#sub li.current a{
	border-left:25px solid #B43514;
	}

/*#sub li a{
	display:block;
	}*/

/* 右カラム */

#main,
#main_pl50{
	width: 829px;
	background: url(../images/main_bg.png) repeat-x top;
	margin:0;
	padding:60px 50px 0 0;
	float:left;
	overflow: hidden;
	box-sizing: border-box;
	}

#main_pl50{
	padding-left:50px;
	}

/*-----------------------------------------------------------------
	フッター
-----------------------------------------------------------------*/

footer {
	width:100%;
	height:50px;
	background-color:#AB3823;
	}
	
#footerbox{
	width:999px;
	margin:0 auto;}

	
#footerbox h5{
	float:left;
	width:501px;
	height:38px;
	margin:0 0 0 55px;
	background:url(../images/isir.gif) no-repeat left 5px;
	text-indent:-9999px;
	}

#footerbox p {
	font-size:79%;
	float:right;
	color: #FFF;
	margin:20px 45px 0 0;
	text-align:right;
	opacity:0.7;
}