/* Space out content a bit */

body {

  padding-top: 0px;

  padding-bottom: 0px;

  background-color:#f9f4e9;

  color:#855e43;

}

p{	margin-bottom:15px;}

div+h2,div+h3,p+h2,p+h3{	margin-top:80px;}

div+h4,div+h5,div+h6,p+h4,p+h5,p+h6{	margin-top:50px;}



/* マウスオーバーで 薄くなる*/

.opacity a:hover{

	filter: alpha(opacity=75);

	-moz-opacity:0.75;

	opacity:0.75;

}

/* 画像　影つき　*/

.effect_shadow{

  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5);

  -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);

  box-shadow: 1px 1px 4px rgba(0,0,0,.5);

  padding: 0px;

  margin:5px;

}



/*

 * Off Canvas

 * --------------------------------------------------

 */

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

  .row-offcanvas {

    position: relative;

    -webkit-transition: all 0.25s ease-out;

    -moz-transition: all 0.25s ease-out;

    transition: all 0.25s ease-out;

  }



  .row-offcanvas-right

  .sidebar-offcanvas {

    right: -50%; /* 6 columns */

  }



  .row-offcanvas-left

  .sidebar-offcanvas {

    left: -50%; /* 6 columns */

  }



  .row-offcanvas-right.active {

    right: 50%; /* 6 columns */

  }



  .row-offcanvas-left.active {

    left: 50%; /* 6 columns */

  }



  .sidebar-offcanvas {

    position: absolute;

    top: 0;

    width: 50%; /* 6 columns */

  }

}

/* Everything but the jumbotron gets side spacing for mobile-first views */

.marketing{

  padding-left: 15px;

  padding-right: 15px;

}

.site-logo{

	font-family: 'Purple Purse', cursive;

	font-weight:normal;

}

/* Custom page header */

.header {

/*  border-bottom: 1px solid #e5e5e5;*/

}

/* Make the masthead heading the same height as the navigation */

.header h3 {

  margin-top: 0;

  margin-bottom: 0;

  line-height: 40px;

  padding-bottom: 19px;

}



.benesse_header{

	display:block;

	margin:0 0 20px 0;

	padding:15px 0;

	background-color:#FFFFFF;

	border-bottom:4px solid #fdc272;

	font-size:14px;

}

.benesse_footer{

/*	display:block;*/

	margin:0;

	padding:10px 0;

	background-color:#FFFFFF;

	font-size:14px;

}

.benesse_header .toolnavi img{

	margin:12px 0 0 15px;

	float:right;

}



.benesse_header ul li,

.benesse_footer ul li{

	list-style:none;

	background:url(../images/g-cmn-arrow.gif) left center no-repeat;

	padding:0 0 0 10px;

	margin:0 10px 10px 0;

	display: inline;

}



.benesse_header .g-cmn,

.benesse_footer .g-cmn{

	margin:0;

	padding:0;

	font-size:12px;

}

.benesse_header ul.g-cmn-r,

.benesse_footer ul.g-cmn-r{

	display:block;

	float:right;

}

.benesse_header a:link, .benesse_footer a:link {text-decoration: underline; color: #0070CB;}

.benesse_header a:visited, .benesse_footer a:visited {text-decoration: underline; color: #800080;}

.benesse_header a:hover, .benesse_footer a:hover {text-decoration: underline; color: #f00;}



.text-muted{

	font-size:40px;

	text-shadow: 0px 1px 2px #997050;

}

.text-muted a{

/*	color:#f07577;*/

}



.nav > li > a:hover,

.nav > li > a:focus {

  text-decoration: none;

  background-color: #e7dfc8;

}





.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus{

  color: #593735;

  background-color: #dfd1aa;

}



.bs-sidenav > li > a:hover,

.bs-sidenav > li > a:focus {

  text-decoration: none;

  background-color: #ecf7f9;

}



.bs-sidenav > li.active > a,

.bs-sidenav > li.active > a:hover,

.bs-sidenav > li.active > a:focus{

/*  color: #593735;*/

  background-color: #cfecf0;

}



.sidebar-nav h4{

	font-weight:bold;

	padding: 0px 0 0px 15px;

/*	height:6px;

	border:0;*/

	background:url(../images/bg-localnavi-head.jpg) no-repeat center left;



}







.well {

  background-color: #fff;

  border: 1px solid #f2ead3;



}

.well blockquote {

  border-color: #e7dfc8;

  border-color: rgba(231, 223, 200, 1);

}



.well h5{

	font-weight:bold;

}

.img-caption{

	display:block;

	margin:10px auto;

	padding:6px;

	background-color:#fff;

	border-radius:4px;

	color:#333;

}

.img-caption > h4{

	text-align:center;

}

.img-caption > img{

	margin-bottom:10px;

}

.bs-sidenav .active{

/*	background:url(../images/bg-localnav-active.jpg) left top repeat-y*/

/*	background-color:#f2ead3;*/

}

/* Custom page footer */

.footer {

  margin:30px 0 0 0;

  padding: 0 0 15px 0;

  color: #fff;

  border-top: 2px solid #fdc272;

  background-color:#593735;

}

.footer-inner,.inner{

  margin: 0 auto;

  max-width: 970px;

  padding:10px;

}

.footer a{

  color: #cfecf0;

}



.footer .panel{

	color:#855e43;

	text-align:center;

}



.footer .panel a {

  color: #583734;

}



.footer .panel a:hover,

.footer .panel a:focus {

  color: #804f4d;

}



.footer ul li{

	list-style:none;

	background:url(bg-footer-link.png) left center no-repeat;

	padding:0 0 0 15px;

}



.footer .g-cmn, .footer .g-cmn-r{

	margin:0;

	padding:0;

	font-size:10px;

	color:#FFFFFF;

}

.footer .g-cmn li{

	float:left;

	margin-right:10px;

}

.footer .g-cmn-r li{

	float:right;

	margin-left:10px;

/*	text-align:right*/

}

/*

.footer-inner .g-cmn li a,

.footer-inner .g-cmn-r li a,{

	padding-left:15px;

	background:url(./bg-footer-link.png) left center no-repeat;

}

*/



.copy{

/*	clear:both;

	width:100%;*/

	display:block;

	margin:0;

/*	padding:20px 0 5px 0;*/

	font-size:11px;

/*	text-align:right;*/

	color:#666;

}

/* Custom container */

.container-narrow {

  margin: 0 auto;

  max-width: 980px;

  padding:20px;

}

hr {

	margin: 40px 0;

	height:6px;

	border:0;

	background:url(../images/bg_page_title.gif) repeat-x;

}



hr.simple {

	margin: 40px 0;

    border: 0;

    height: 0;

    border-top: 1px solid rgba(204, 183, 167, 0.6);

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

	background:none;

}

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

	pagenation

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



.pagination > li > a,

.pagination > li > span {

  position: relative;

  float: left;

  padding: 6px 12px;

  line-height: 1.428571429;

  text-decoration: none;

  background-color: #ffffff;

  border: 1px solid #ccb7a7;

  margin-left: -1px;

}



.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  background-color: #f2ead3;

}



.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  z-index: 2;

  color: #ffffff;

  background-color: #997050;

  border-color: #997050;

  cursor: default;

}



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

	label color

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



.label-default {

  background-color: #997050;

}

.label-default a:link,

.label-primary a:link,

.label-success a:link,

.label-info a:link,

.label-warning a:link,

.label-danger a:link{

	color:#fff !important;

}



.label-default[href]:hover,

.label-default[href]:focus {

  background-color: #ccb7a7;

}



.label-primary {

  background-color: #593735;

}

.label-primary[href]:hover,

.label-primary[href]:focus {

  background-color: #3071a9;

}

.label-success {

  background-color: #5cb85c;

}

.label-success[href]:hover,

.label-success[href]:focus {

  background-color: #449d44;

}

.label-info {

  background-color: #5bc0de;

}

.label-info[href]:hover,

.label-info[href]:focus {

  background-color: #31b0d5;

}

.label-warning {

  background-color: #fdc272;

}

.label-warning[href]:hover,

.label-warning[href]:focus {

  background-color: #ec971f;

}

.label-danger {

  background-color: #f07577;

}

.label-danger[href]:hover,

.label-danger[href]:focus {

  background-color: #ff9c8c;

}





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

	panel

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



.panel-default {

  border-color: #f2ead3;

}

.panel-default > .panel-heading {

  color: #593735;

  background-color: #E7DFC8;

  border-color: #f2ead3;

}

.panel-default > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #f2ead3;

}

.panel-default > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #f2ead3;

}



.panel-primary {

  border-color: #593735;

}

.panel-primary > .panel-heading {

  color: #ffffff;

  background-color: #593735;

  border-color: #593735;

}

.panel-primary > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #593735;

}

.panel-primary > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #593735;

}

.panel-success {

  border-color: #d6e9c6;

}

.panel-success > .panel-heading {

  color: #468847;

  background-color: #dff0d8;

  border-color: #d6e9c6;

}

.panel-success > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #d6e9c6;

}

.panel-success > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #d6e9c6;

}

.panel-warning {

  border-color: #fdc272;

}

.panel-warning > .panel-heading {

  color: #fdc272;

  background-color: #fcf8e3;

  border-color: #fbeed5;

}

.panel-warning > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #fbeed5;

}

.panel-warning > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #fbeed5;

}

.panel-danger {

  border-color: #eed3d7;

}

.panel-danger > .panel-heading {

  color: #b94a48;

  background-color: #f2dede;

  border-color: #eed3d7;

}

.panel-danger > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #eed3d7;

}

.panel-danger > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #eed3d7;

}

.panel-info {

  border-color: #bce8f1;

}

.panel-info > .panel-heading {

  color: #3a87ad;

  background-color: #d9edf7;

  border-color: #bce8f1;

}

.panel-info > .panel-heading + .panel-collapse .panel-body {

  border-top-color: #bce8f1;

}

.panel-info > .panel-footer + .panel-collapse .panel-body {

  border-bottom-color: #bce8f1;

}







/* Main marketing message and sign up button */

.jumbotron {

  background: url(../images/main-image.jpg) left top;

  color:#fff;

}

.jumbotron p{

	font-size:16px;

}

.jumbotron .btn {

  font-size: 21px;

  padding: 14px 24px;

}

h1 small,h2 small,h3 small,h4 small{

/*	color:#ff9c8c;

	color:#fdc272;*/

	color:#fb9d40;

}

.jumbotron h1{

	margin-top:0;

	color:#c2a996;

}

.jumbotron small{

/*	font-size:16px;*/

	padding:0;

	margin:0;

	color:#c2a996;

}

.bs-sidenav small{

	color:#ccb7a7;

}

/* Supporting marketing content */

.marketing {

  margin: 40px 0;

}

.marketing p + h3 {

  margin-top: 38px;

}

.text_right{

	text-align:right;

}



.btn-pink {

  color: #ffffff;

  background-color: #ff9c8c;

  border-color: #f29191;

}



.btn-pink:hover,

.btn-pink:focus,

.btn-pink:active,

.btn-pink.active {

  color: #ffffff;

  background-color: #f29485;

  border-color: #e68a8a;

}



.btn-pink.disabled,

.btn-pink[disabled],

fieldset[disabled] .btn-pink,

.btn-pink.disabled:hover,

.btn-pink[disabled]:hover,

fieldset[disabled] .btn-pink:hover,

.btn-pink.disabled:focus,

.btn-pink[disabled]:focus,

fieldset[disabled] .btn-pink:focus,

.btn-pink.disabled:active,

.btn-pink[disabled]:active,

fieldset[disabled] .btn-pink:active,

.btn-pink.disabled.active,

.btn-pink[disabled].active,

fieldset[disabled] .btn-pink.active {

  background-color: #ff9c8c;

  border-color: #f29191;

}



h2.main_title{

	width:100%;

	text-align:center;

	background-image:url(../images/bg_main_title-l.jpg) ,url(../images/bg_main_title-r.jpg);

	background-repeat:no-repeat;

	background-position:left center,right center;

}

.page-header{

	border:none;

	background-image:url(../images/bg_page_title.gif);

	background-repeat:repeat-x;

	background-position:left bottom;

}

p a{	background-color:#fff;}



p strong, blockquote strong {

    /*font-weight: bold;*/

	background-image:url("../images/marker.png");

	background-position:top left;

	background-repeat:repeat-x;

}



/* scroll to top */

#back-top {

	position: fixed;

	bottom: 10px;

	right: 20px;

}

#back-top a {

	width: 100px;

	display: block;

	text-align: center;

	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	color: #bbb;

	background-color:none;



	/* transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

}

#back-top a:hover {

	color: #000;

}



/* arrow icon (span tag) */

#back-top span {

	width: 100px;

	height: 100px;

	display: block;

	margin-bottom: 3px;

	background: url(bg-pagetop.png) no-repeat center bottom;



	/* rounded corners */

/*	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;*/



	/* transition */

/*	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;*/

}

#back-top a:hover span {

	background-position: center top;

}

.fixed{

	position:fixed;

	top:25px;

/*	width: 200px;

	z-index:9999;*/

}

/* following box */

#followingbox {

	width: 200px;

	padding:10px;

	display: block;

	text-align: center;

	text-transform: uppercase;

	text-decoration: none;

	background-color:#fff;

	border:1px solid #ac8a6f;

	border-radius:10px;

}