@charset 'UTF-8';

/* reset
------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
	font-family:meiryo,"Hiragino Kaku Gothic Pro","MS UI Gothic",Arial,Osaka,Sans-serif;
	overflow:scroll;
}

body,h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,table,tr,th,td,dl,dd,dt{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
img{border:none;}
li{list-style:none;}

* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html table{font-size:100%;}
address{font-style:normal;}

table {padding:0;}
th,td {border-collapse:collapse; padding:0; margin:0;}


input{ vertical-align:middle;}
label{ cursor:pointer; vertical-align:middle;}

button{
	background:none;
	box-shadow:none;
	border:none;
	}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}


/*-----------------------------------
/////////////////////////////////////
/////////////// P C /////////////////
/////////////////////////////////////
-----------------------------------*/


@media screen and (min-width: 700px){

.pcHide{
	display:none!important;
	}

/* common module
------------------------------------------------------ */

.clear{
	height:0px;
	clear:both;
}
* html .clear{
	overflow:hidden;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}

.align_right{text-align:right!important;}
.align_center{text-align:center!important;}
.align_left{text-align:left!important;}

.valineT{ vertical-align:top;}
.valineM{ vertical-align:middle;}
.valineB{ vertical-align:bottom;}


.mT0{margin-top:0px!important;}
.mT2{margin-top:2px!important;}
.mT5{margin-top:5px!important;}
.mT10{margin-top:10px!important;}
.mT15{margin-top:15px!important;}
.mT20{margin-top:20px!important;}
.mT30{margin-top:30px!important;}

.mL0{margin-left:0px!important;}
.mL5{margin-left:5px!important;}
.mL10{margin-left:10px!important;}
.mL15{margin-left:15px!important;}
.mL20{margin-left:20px!important;}
.mL30{margin-left:30px!important;}
.mL110{margin-left:110px!important;}

.mR0{margin-right:0px!important;}
.mR5{margin-right:5px!important;}
.mR10{margin-right:10px!important;}
.mR15{margin-right:15px!important;}
.mR20{margin-right:20px!important;}
.mR30{margin-right:30px!important;}

.mB0{margin-bottom:0px!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB15{margin-bottom:15px!important;}
.mB20{margin-bottom:20px!important;}
.mB23{margin-bottom:23px!important;}
.mB25{margin-bottom:25px!important;}
.mB30{margin-bottom:30px!important;}
.mB40{margin-bottom:40px!important;}
.mB50{margin-bottom:50px!important;}

.mBL{ margin-bottom:30px!important;}

.mLRa{ margin-left:auto!important; margin-right:auto!important;}

.mTm10{ margin-top:-10px!important;}

.pA0{ padding:0px!important;}

.pT5{ padding-top:5px!important;}
.pT10{ padding-top:10px!important;}
.pT20{ padding-top:20px!important;}
.pT30{ padding-top:30px!important;}
.pT40{ padding-top:40px!important;}
.pL10{ padding-left:10px!important;}
.pL20{ padding-left:20px!important;}
.pL30{ padding-left:30px!important;}
.pL35{ padding-left:35px!important;}
.pL40{ padding-left:40px!important;}
.pL50{ padding-left:50px!important;}

.pB10{ padding-bottom:10px!important;}
.pB20{ padding-bottom:20px!important;}
.pB30{ padding-bottom:30px!important;}


/* WIDTH -------------------------- */

.w50{ width:50px!important;}
.w250{ width:250px!important;}
.w440{ width:440px!important;}
.w550{ width:550px!important;}
.w635{ width:635px!important;}
.w675{ width:675px!important;}
.w820{ width:820px!important;}

.wAuto{ width:auto!important;}

/* FONT -------------------------- */

.size10{font-size:10px!important;}
.size12{font-size:12px!important;}
.size14{font-size:14px!important;}
.size16{font-size:16px!important;}
.size18{font-size:18px!important;}
.size20{font-size:20px!important;}
.size22{font-size:22px!important;}
.size26{font-size:26px!important;}

.lh2{ line-height:2!important;}

.fontN{font-weight:normal!important;}
.bold{font-weight:bold;}

.brack{color:#000000!important;}
.gray{ color:#535353!important;}
.red{color:#FF0000!important;}
.blue{ color:#1896af!important;}
.green{ color:#7ba509!important;}

.noBorder{ border:none!important;}
.borderDotB{ border-bottom:1px dotted #CCC; padding-bottom:15px; }

.clearboth{ clear:both;}
.overflowhidden{ overflow:hidden;}

a.linkBorderNone{
	text-decoration:none;
	}

a.linkBorderNone:hover{
	text-decoration:underline;
	}

/* LINK -------------------------- */

a{color:#4f611a; cursor:pointer; text-decoration:underline;}
a:hover{color:#97a509; text-decoration:none;}

a.colorB{color:#5e5328; cursor:pointer; text-decoration:underline;}
a.colorB:hover{color:#9a8945; text-decoration:none;}

.link2{color:#9f700b; cursor:pointer; text-decoration:none;}
.link2:hover{color:#9f700b; text-decoration:underline;}


.list_g a{
	background:url(../images/common/list_green.gif) no-repeat 0 5px;
	padding-left:15px;
	display:block;
	}

.list_green{
	background:url(../images/common/list_green.gif) no-repeat 0 center;
	padding-left:15px;
	}

.icoMail{
	background:url(../images/second/ico_mail.gif) no-repeat 0 5px;
	padding-left:20px;
	}

.icoWeb{
	background:url(../images/second/ico_house.gif) no-repeat 0 2px;
	padding-left:20px;
	}

.bt:hover{ opacity:0.6;}

.textForm{
	padding:3px 5px;
	font-size:14px;
	}

/* -------------------------- */

p{text-align:left; line-height:1.7;}


/* body layout
------------------------------------------------------ */

body {
	text-align:center;
	height:100%;
	font-size:14px;
	line-height:1.5;
	color:#68432a;
}

.container{
	width:960px;
	margin:0 auto;
}

#container{
	text-align:left;
}

.alt,
.pcAlt {
	position:absolute;
	top:-5000px;
	left:-999px;
}

.linkG{
	background:url(../images/common/list_green.gif) no-repeat 0 4px;
	padding-left:15px;
	}

.linkC{
	background:url(../images/second/list_cha.gif) no-repeat 0 2px;
	padding-left:15px;
	}


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

.header{
	width:100%;
	min-width:960px;
	height:120px;
	background:url(../images/common/head_bg.jpg) repeat-x;
	text-align:center;
	}

.myPageHeader{
	background:url(../images/mypage/head_bg.jpg) repeat-x;
	}

.headerIn{
	width:960px;
	height:120px;
	position:relative;
	text-align:left;
	margin:0 auto;
	}

.headerIn .headTxt{
	position:absolute;
	left:90px;
	top:16px;
	font-size:12px;
	font-weight:normal;
	z-index:1;
	}

.headerIn .logo{
	position:absolute;
	left:0px;
	top:6px;
	z-index:0;
	}

.userName{
	width:370px;
	height:25px;
	position:absolute;
	left:425px;
	top:6px;
	text-align:right;
	}

.headerIn .headSearch{
	width:370px;
	height:25px;
	position:absolute;
	left:425px;
	top:6px;
	}

.headerIn .headSearch .serchInput{
	width:255px;
	margin:0px 2px 0 0;
	border:none;
	vertical-align:middle;
	border:1px solid #96bb66;
	border-radius:20px;
	padding:4px 10px 4px;
	}

.headerIn .serchBt{
	vertical-align:middle;
	}

.headerIn .loginBt{
	display:block;
	width:137px;
	height:31px;
	overflow:hidden;
	background:url(../images/common/bt_login.png) no-repeat 0 0;
	position:absolute;
	top:0;
	right:0;
	}

.headerIn .logoutBt{
	display:block;
	width:137px;
	height:31px;
	overflow:hidden;
	background:url(../images/common/bt_logout.png) no-repeat 0 0;
	position:absolute;
	top:0;
	right:0;
	}

.headerIn .gMenu{
	overflow:hidden;
	position:absolute;
	top:60px;
	right:0;
	text-align:left;
	}

.headerIn .gMenu li{
	background:url(../images/common/gmenu_line.gif) no-repeat 0 center;
	margin-left:-2px;
	display:inline-block;
	vertical-align:middle;
	font-size:11px;
	margin-right:2px;
	padding-left:7px;
	}

*:first-child+html .headerIn .gMenu li{ display:inline; }
* html .headerIn .gMenu li{ display:inline; }

.headerIn .gMenu li a{
	text-decoration:none;
	color:#6e4607;
	}

.headerIn .gMenu li a:hover{
	text-decoration:underline;
	}

.headerIn .loginLink{
	position:absolute;
	top:34px;
	right:17px;
	font-size:10px;
	background:url(../images/common/list_green.gif) no-repeat 0 center;
	padding-left:15px;
	}




/* footer
---------------------------------------*/

.footer{
	padding-top:15px;
	width:100%;
	background:url(../images/common/footer_bg_warap.gif) repeat-x 0 bottom;
	}
	
.footerIn{
	padding-top:30px;
	width:960px;
	margin:0 auto;
	background:url(../images/common/footer_bg_warap.gif) repeat-x 0 bottom;
	}

.footerLeft{
	width:631px;
	float:left;
	margin-bottom:30px;
	}

.newsWrap{
	width:631px;
	}

.newsWrap .titleArea{
	width:611px;
	border-top:1px solid #bdb8b3;
	border-bottom:1px solid #bdb8b3;
	padding:5px 10px;
	overflow:hidden;
	}

.newsWrap h2{
	float:left;
	font-size:15px;
	text-align:left;
	}

.newsWrap .titleArea .right{
	float:right;
	font-size:12px;
	padding-top:2px;
	}

.newsWrap .titleArea .right a,
.newsWrap .titleArea .right img{
	vertical-align:middle;
	margin-left:10px;
	color:#302001;
	font-weight:bold;
	text-decoration:none;
	}

.newsWrap .titleArea .right a:hover{
	text-decoration:underline;}

.newsList{
	padding-top:15px;
	}

.newsList ul li{
	width:611px;
	margin-bottom:12px;
	border-bottom:1px dotted #b09f94;
	padding:0 10px 7px;
	font-size:12px;
	text-align:left;
	color:#302001;
	overflow:hidden;
	}

.newsList ul li .day{
	font-size:11px;
	color:#ad9b8b;
	background:url(../images/common/list2.gif) no-repeat 0 3px;
	padding-left:15px;
	}

.newsList ul li a,
.newsList ul li span.txt{
	font-size:12px;
	display:block;
	width:525px;
	float:right;
	text-align:left;
	}

.banner ul{
	width:631px;
	overflow:hidden;
	}

.banner ul li{
	float:left;
	}

.gotop{
	clear:both;
	width:960px;
	text-align:right;
	margin:0 auto;
	height:26px;
	}	

.footerLink{
	width:960px;
	margin:0 auto;
	height:21px;
	overflow:hidden;
	padding-top:32px;
	background:url(../images/common/footer_bg.gif) no-repeat right bottom;
	}

.footerLink ul{
	width:960px;
	overflow:hidden;}

.footerLink ul li{
	float:left;
	margin-right:30px;
	border-left:1px solid #302001;
	margin-left:-16px;
	padding-left:15px;
	line-height:1;
	}

.footerLink ul li a{
	font-size:12px;
	color:#302001;
	text-decoration:none;
	}

.footerLink ul li a:hover{
	text-decoration:underline;
	}

.copy{
	width:960px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	padding:10px 0 20px;
	font-size:12px;
	text-align:left;
	}
	
	

input.gsc-input {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}?


.gsc-input:focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


}

/*-----------------------------------
/////////////////////////////////////
/////////// SMERT PHONE /////////////
/////////////////////////////////////
-----------------------------------*/

@media screen and (max-width: 699px){
	
.spHide{
	display:none!important;
	}

img{max-width:100%;}

a{ color:#6e4607; text-decoration:underline;}

.mBL{ margin-bottom:3.5%!important;}

.sp_mbs{ margin-bottom:2.5%!important;}
.sp_mbm{ margin-bottom:5%!important;}

.sp_pA0{ padding:0!important;}
.sp_pAS{ padding:1.5%!important;}

.bold{ font-weight:bold!important;}

.sp_size12{ font-size:12px!important;}
.sp_size14{ font-size:14px!important;}
.sp_size16{ font-size:16px!important;}
.sp_size18{ font-size:18px!important;}
.sp_size20{ font-size:20px!important;}

.sp_pLR25{ padding-left:2.5%!important; padding-right:2.5%!important;}

.colorG{ color:#80b248;}

.spBlock{ display:block;}

.sp_bgGray{
	background:#f7f7f7;
	padding:5px 10px;
	}

.alt {
	position:absolute;
	top:-5000px;
	left:-999px;
}

.linkG{
	background:url(../images/common/list_green.gif) no-repeat 0 3px;
	padding-left:15px;
	}

.fontN{font-weight:normal!important;}

.noBorder{ border:none!important;}

p{
	text-align:left;
	padding:1.5%;
	}

body {
	text-align:center;
	height:100%;
	font-size:14px;
	line-height:1.3;
	color:#333;
	background:#FFF;
}



.header{
	width:100%;
	background:url(../images/sp/common/header_bg.png) repeat;
	overflow:hidden;
	margin-bottom:2.5%;
	}

.header p{
	padding:0;
	}

.header .logo{
	width:55%;
	float:left;
	}

.myPageHeader .logo{
	width:72%;
	float:left;
	}

.header .logo a{
	display:block;
	width:100%;
	padding-top:28%;
	background:url(../images/sp/common/sp_logo.png) no-repeat 0 0;
	background-size:contain;
	overflow:hidden;
	}
	
.myPageHeader .logo a{
	display:block;
	width:100%;
	padding-top:21.5%;
	background:url(../images/sp/common/sp_logo_mypage.png) no-repeat 0 0;
	background-size:contain;
	overflow:hidden;
	}

.header .logo a img{
	display:none;
	}

.headerIn .loginBt{
	display:inline-block;
	overflow:hidden;
	background:url(../images/sp/common/btn_login.jpg) no-repeat 0 0;
	background-size:contain;
	vertical-align:middle;
	}

.headerIn .logoutBt{
	display:inline-block;
	overflow:hidden;
	background:url(../images/sp/common/btn_logout.jpg) no-repeat 0 0;
	background-size:contain;
	vertical-align:middle;
	}

.headerIn .menuBt{
	display:inline-block;
	overflow:hidden;
	background:url(../images/sp/common/btn_menu.jpg) no-repeat 0 0;
	background-size:contain;
	vertical-align:middle;
	}

.headerIn .loginBt,
.headerIn .logoutBt,
.headerIn .menuBt{
	width:20%;
	padding-top:15%;
	float:right;
	border-left:1px solid #e1d3aa;
	}

.headerIn .loginLink{
	font-size:10px;
	background:url(../images/common/list_green.gif) no-repeat 0 center;
	padding-left:15px;
	}

.headerIn .headSearch{
	clear:both;
	border-top:1px solid #e1d3aa;
	border-bottom:1px solid #e1d3aa;
	background:#f0ece5;
	padding:10px 0 0;
	}

.headerIn .serchBt{
	display:inline-block;
	width:65px;
	height:30px;
	background:url(../images/sp/common/bt_search.png) no-repeat 0 0;
	background-size:contain;
	vertical-align:middle;
	margin-bottom:5px;
	}

.headerIn .serchBt img{
	display:none;
	}

.headerIn .serchInput{
	width:65%;
	}

.headerIn .spMypageLink{
	text-align:right;
	margin:0 10px 5px 0;
}


.userName{
	display:none;
	}

.gMenu{
	width:100%;
	display:none;
	clear:both;
	border-top:1px solid #CCC;
	}
	
.gMenu li a{
	display:block;
	background:none;
	width:auto;
	padding:10px 10px 10px 40px;
	font-size:16px;
	background:url(../images/sp/common/list_g.png) no-repeat 15px #FFF;
	background-size:15px;
	text-align:left;
	height:auto;
	border-bottom:1px solid #CCC;
	}

.gotop{
	padding:5% 0 2.5%;
	}

.gotop a{
	display:block;
	background:url(../images/sp/common/gotop.png) no-repeat 0 0;
	width:50%;
	padding-top:9%;
	background-size:contain;
	margin:0 auto;
	}
	
.footerLink{
	border-top:1px solid #ccc;
	padding:2.5%;
	border-bottom:1px solid #ccc;
	}

.footerLink  ul{
	text-align:center;
	}

.footerLink li{
	display:inline-block;
	border-right:1px solid #333;
	padding:0 1.5%;
	font-size:12px;
	}

.copy{
	background:#c8bfbb;
	border-top:1px solid #FFF;
	padding:2.5% 1%;
	font-size:12px;
	color:#FFF;
	}



/*----------------------------------------*/
/* conntnts sytle
----------------------------------------*/

.spMidashiG{
	background:#80b248;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:2.5% 2.5% 1.5%;
	}

.spMidashiB{
	background:#e8e4e2;
	color:#6f4709;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:2.5% 2.5% 1.5%;
	}

.spTopMenu ul{
	border-top:1px solid #bfc0b3;
	}

.spTopMenu ul li{
	background:url(../images/sp/common/grad_1.png) repeat-x 0 0;
	background-size:contain;
	border-bottom:1px solid #bfc0b3;
	}

.spTopMenu ul li a{
	display:block;
	background:url(../images/sp/common/list_g.png) no-repeat 98% center;
	background-size:5%;
	padding:3% 2.5%;
	text-align:left;
	text-decoration:none;
	}

.sideTitle1{
	display:block;
	}

.green{ color:#9f700b!important;}

.sp_green{ color:#7ba509!important;}


input.gsc-input {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}?


.gsc-input:focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.gsib_a {
    padding-top: 2px !important;
}


}