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

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

html,
body,
#wrapper {
	height: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
　　padding:0;
	margin:0;
	font: 14px/2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color: #422210;
	background:url(../cmn_img/bg.png) repeat;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	position: relative;
	overflow: hidden;
}

section {
	margin-bottom: 60px;
}

.container {
	width: 940px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a,a:hover{
	color:#825136;
	text-decoration:none;
}


@media only screen and (min-width: 1200px) {
.container {
	width: 980px;
}
}

@media only screen and (max-width: 979px) {
.container {
	width: auto;
}
}


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

IPAD用
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

@media only screen and (min-width: 768px) and (max-width: 979px) {
.container {
	width: 724px;
}
}

@media only screen and (max-width: 767px) {
.container {
	width: auto;
}

#header .container {
	margin: 0 -15px;
}

#header .btn {
	display: block;
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

#header .btn .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #FFF;
	margin-top: 4px;
}
#header .btn .icon-bar:first-child {
	margin-top: 0;
}



}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

ヘッダー
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


#header {
	margin:0 auto;
	}
	
#header .siteTitle {
	text-align:center;
	background:url(../cmn_img/bg.png) repeat;
}
#header .siteTitle a {
	display: block;
	padding: 15px 15px 0 0;
	text-align:center;
}
#header .btn {
	display: none;
	cursor: pointer;
}

h1 {
	text-align:center;
}



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

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


#footer{
	background:url(../cmn_img/f_bg.png) repeat-x;
	color:#FFF;
	height:304px;
}

#footer img{
	text-align:center;
}

#footer p{
	text-align:center;
	margin:0 auto;
}


	


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

レイアウト、マージン等
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.center{
	text-align:center;
}

.mb10{
	margin-bottom:10px;
}

.m10{
	margin:10px;
}

.m20{
	margin:20px;
}

.m30{
	margin:30px;
}
.ml20{
	margin-left:20px;
}

.ml30{
	margin-left:30px;
}

.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr30{
	margin-right:30px;
}



.m50{
	margin:50px;
}


.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt50{
	margin-top:50px;
}

.mt70{
	margin-top:100px;
}

.mrimg{
	margin-top:-40px;
}


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

グリッド
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


.cosGrid {
  width: 100%;
  *zoom: 1;
}

.cosGrid::before,
.cosGrid::after {
  display: table;
  line-height: 0;
  content: "";
}

.cosGrid::after {
  clear: both;
}

.cosGrid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosGrid [class*="span"]:first-child {
  margin-left: 0;
}

.cosGrid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.cosGrid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.cosGrid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.cosGrid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.cosGrid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.cosGrid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.cosGrid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.cosGrid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;


}

.cosGrid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.cosGrid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.cosGrid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.cosGrid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.cosGrid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.cosGrid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.cosGrid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.cosGrid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.cosGrid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.cosGrid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.cosGrid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.cosGrid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.cosGrid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.cosGrid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.cosGrid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.cosGrid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.cosGrid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.cosGrid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.cosGrid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.cosGrid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.cosGrid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.cosGrid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.cosGrid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.cosGrid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.cosGrid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.cosGrid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.cosGrid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.cosGrid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.cosGrid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

@media only screen and (max-width: 768px) {
  .cosGrid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 768px) {
  .cosGrid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 768px) {
  .cosGrid [class*="offset"]:first-child {
    margin-left: 0;
  }
  
  .mrimg{
display:none;
}


}

.cosGridXs {
  width: 100%;
  *zoom: 1;
}

.cosGridXs::before,
.cosGridXs::after {
  display: table;
  line-height: 0;
  content: "";
}

.cosGridXs::after {
  clear: both;
}

.cosGridXs [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosGridXs [class*="span"]:first-child {
  margin-left: 0;
}

.cosGridXs .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.cosGridXs .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.cosGridXs .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.cosGridXs .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.cosGridXs .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.cosGridXs .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.cosGridXs .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.cosGridXs .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.cosGridXs .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.cosGridXs .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.cosGridXs .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.cosGridXs .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.cosGridXs .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.cosGridXs .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.cosGridXs .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.cosGridXs .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.cosGridXs .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.cosGridXs .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.cosGridXs .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.cosGridXs .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.cosGridXs .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.cosGridXs .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.cosGridXs .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.cosGridXs .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.cosGridXs .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.cosGridXs .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.cosGridXs .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.cosGridXs .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.cosGridXs .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.cosGridXs .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.cosGridXs .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.cosGridXs .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.cosGridXs .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.cosGridXs .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.cosGridXs .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.cosGridXs .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.cosGridXs .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}