@charset "UTF-8";
/* CSS Document */

/* [body] */
body {
	background-color: #FFF;
	overflow-x: hidden !important;
	background-repeat: no-repeat;
	background-position: center 0px;
	
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro,YuGothic, '游ゴシック', Arial, "メイリオ", Meiryo, sans-serif;
	color: #666;
	font-weight:normal;

}

.pure-g [class *="pure-u"] {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro,YuGothic, '游ゴシック', Arial, "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	font-size:15px;
}

a:link , a:visited {
	color: #4E2F8F;
	text-decoration: none;
}

#uruwashi a:link , #uruwashi a:visited {
	color:#1EB075;
	text-decoration: none;
}

a:hover {
	text-decoration:underline !important;
}

a:hover img {
	
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
			
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";	
}


li {
	line-height:1.8em;
}

/* [/body] */



/* [header] */

header {
	width: 100%;
	height: 90px;
	margin: 0 auto;
	background-color: #fcfcfc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #492c88;
	position:relative;
	
}

#uruwashi header {
	border-bottom-color: #1FB97B;
}

.header_wrap {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}

.head_logo {
	position: absolute;
	top: 15px;
	left: 0px;
}

.head_sub_logo {
	position: absolute;
	top: 15px;
	left: 210px;
}

.head_sub_logo2 {
	position: absolute;
	top: 17px;
	left: 198px;
}


.font_size_btn {
	position: absolute;
	top: 0px;
	left: 480px;
	background-image: url(../images/head_font_size_btn.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 25px;
	width: 199px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:95px;
	list-style-type: none;
}

.font_size_btn li {
	float:left;
}

.font_size_btn li a {
	float:left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height:25px;
}

#uruwashi .font_size_btn {
	background-image: url(../images/head_uruwashi_font_size_btn.png);
}


#font_st a{
	width:54px;
}

#font_lg a{
	width:50px;
}


.head_contact_btn {
	position: absolute;
	top: 0px;
	right: 0px;
}

.head_tel {
	position: absolute;
	top: 34px;
	right: 0px;
}

.search_box {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 40px;
	left: 480px;
}

.search_text {
	width: 160px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #eee;
	height: 24px;
	border-radius:3px;
	padding-top:7px;
}

.search_btn {
	width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #4A2D89;
	height: 30px;
	border-radius: 3px;
	background-image: url(../images/search_btn_bg.png);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	float:right;
}

.search_uruwashi_btn {
	width: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #1FB97B;
	height: 30px;
	border-radius: 3px;
	background-image: url(../images/search_btn_bg.png);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	float:right;
}

/* [/header] */








/* [home] */
.visual {
	width: 100%;
	height: 480px;
	margin: 0 auto;
	background-color: #fdfdfd;	
	background-image: url(../images/home_visual.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
}

.visual_wrap {
	width: 1280px;
	height: 480px;
	margin: 0 auto;
	box-sizing: border-box;
	
}


/* [/home] */









/* [sub] */
.sub_visual {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	background-color: #fdfdfd;	
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
}

#uruwashi .sub_visual {
	background-image: url(../images/uruwashi_visual.jpg);
}

#yasuragi .sub_visual {
	background-image: url(../images/yasuragi_visual.jpg);
}

#yasuragi_station .sub_visual {
	background-image: url(../images/yasuragi_station_visual.jpg);
}	

#yasuragi_center .sub_visual {
	background-image: url(../images/yasuragi_center_visual.jpg);
}

.sub_visual_wrap {
	width: 1280px;
	height: 200px;
	margin: 0 auto;
	box-sizing: border-box;
	
}

/* [/sub] */



/* [breadcrumbs] */

.breadcrumbs {
	width: 100%;
	height: 34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size:0.9em;
}

.breadcrumbs_wrap {
	width:960px;
	height: 34px;
	margin:0 auto;
}

.breadcrumbs_wrap ul {
	padding:0;
	margin: 1em 0;
}

.breadcrumbs_wrap li{
	display:inline-block;
	padding-right:10px;
}

.breadcrumbs_wrap li:after{
	content:" »";
}


/* [/breadcrumbs] */







/* [nav] */
nav {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	position: relative;
	background-color: rgba(255,255,255,.5);
	-webkit-box-shadow: 0 3px 5px rgba(201,201,201,.4);
	-moz-box-shadow: 0 3px 5px rgba(201,201,201,.4);
	box-shadow: 0 3px 5px rgba(201,201,201,.4);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(0,0,0,0));

}

nav ul {
	width: 960px;
	height: 80px;
	margin: 0 auto;
	list-style-type: none;
	-webkit-padding-start: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eee;
}


nav ul li a{
	background-image: url(../images/global_menu_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	height: 80px;
	margin: 0;
	padding: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


#menu1 a{
	width:60px;
	background-position: 20px -70px;
}

#menu1 a:hover , #home #menu1 a{
	background-position: 20px -168px;
}

#uruwashi #menu1 a:hover{
	background-position: 20px 29px;
}

#menu2 a{
	width: 138px;
	background-position: -40px -70px;
}

#menu2 a:hover{
	background-position: -40px -169px;
}

#uruwashi #menu2 a:hover{
	background-position: -40px 29px;
}

#menu3 a{
	width: 150px;
	background-position: -180px -70px;
}

#menu3 a:hover{
	background-position: -180px -169px;
}

#uruwashi #menu3 a:hover{
	background-position: -180px 29px;
}

#menu4 a{
	width: 138px;
	background-position: -333px -70px;
}

#menu4 a:hover{
	background-position: -333px -169px;
}

#uruwashi #menu4 a:hover{
	background-position: -333px 29px;
}

#menu5 a{
	width: 138px;
	background-position: -475px -70px;
}

#menu5 a:hover{
	background-position: -475px -169px;
}

#uruwashi #menu5 a:hover{
	background-position: -475px 29px;
}

#menu6 a{
	width: 160px;
	background-position: -615px -70px;
}

#menu6 a:hover{
	background-position: -615px -169px;
}

#uruwashi #menu6 a:hover{
	background-position: -615px 29px;
}

#menu7 a{
	width: 162px;
	background-position: -771px -70px;
}

#menu7 a:hover{
	background-position: -771px -169px;
}

#uruwashi #menu7 a:hover{
	background-position: -771px 29px;
}

/* [/nav] */









/* [contents] */
.main {
	width: 100%;
	position: relative;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat;
	padding-bottom:80px;
}

.main_wrap {
	width: 960px;
	margin: 0 auto;
	position:relative;
}

.wrap {
	margin: 10px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}

.contents {
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	
}


section {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin-top: 16px;
	border-radius: 5px;
	padding:0 20px 20px 20px;
	background-color:#fff;
}

section h2 {
	color: #4E2F8F;
	font-size: 1em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #4E2F8F;	
	margin-top:0;
	padding:20px 0 10px 0;
	
}


section h3 {
	border-radius: 3px;
	border: 1px solid #CCC;
	font-size: 1em;
	padding: 15px;
	color: #fff;
	background-color:#4B3091;
}

section h3 a{
	color:#FFF !important;
}

section h3 a:hover{
	text-decoration:underline !important;
}

#uruwashi section h3 {
	border-radius: 3px;
	font-size: 1em;
	padding: 15px;
	color: #fff;
	background-color:#1FB97B;
}

section h4 {
	border-radius: 3px;
	border: 1px solid #CCC;
	font-size: 1em;
	padding: 15px;
	color: #4B3091;
	background-color:#fff;
}

#uruwashi section h4 {
	border-radius: 3px;
	border: 1px solid #CCC;
	font-size: 1em;
	padding: 15px;
	color: #1FB97B;
	background-color:#fff;
}


#uruwashi section h2 {
	color:#1FB97B;
	font-size: 1em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #1FB97B;	
	margin-top:0;
	margin-bottom:20px;
	padding-top:20px;
	
}


#uruwashi aside h3 {
	border-radius: 3px;
	border: 1px solid #CCC;
	font-size: 1em;
	padding: 20px;
	color: #1FB97B;
	background-color:#fff;

}

section img {
	border-radius: 5px;
}

.facilities {
	font-size: 1em;
}

.facilities dl{
	margin:0;
}

.facilities dt{
	margin:0;
}

.facilities dd{
	margin:0 0 20px 0;
	font-size:0.9em
}


dl.contactform  {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

.contactform dt {
	padding: 20px 0px 0px 20px;
	font-size: 15px;
	color: #4E2F8F;
	width : 200px;
	float : left;
	clear : both;
	height:26px;
}

.contactform dd {
	padding: 20px 0 20px 200px;
	font-size: 0.95em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin:0;
}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"] {
        width: 90%;
        height: 35px !important;
}

.wpcf7 textarea[name="your-message"] {
        width: 90%;
        height: 350px !important;
}

dl.contactform-uruwashi  {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

.contactform-uruwashi dt {
	padding: 20px 0px 0px 20px;
	font-size: 15px;
	color: #4ea505;
	width : 200px;
	float : left;
	clear : both;
	height:26px;
}

.contactform-uruwashi dd {
	padding: 20px 0 20px 200px;
	font-size: 0.95em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin:0;
}


.news dl {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

.news dt {
	padding: 20px 0px 0px 0;
	font-size: 15px;
	color: #4E2F8F;
	width : 100px;
	float : left;
	clear : both;
	height:26px;
}


dl.job  {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

dl.job dt {
	padding: 20px 0px 0px 20px;
	font-size: 15px;
	color: #4E2F8F;
	width : 160px;
	float : left;
	clear : both;
	height: 26px;
	font-weight: bold;
}

dl.job dd {
	padding: 20px 0 20px 180px;
	font-size: 0.95em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin:0;
}

dl.history  {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

dl.history dt {
	padding: 20px 0px 0px 20px;
	font-size: 15px;
	color: #4E2F8F;
	width : 160px;
	float : left;
	clear : both;
	height: 26px;
	font-weight: bold;
}

dl.history dd {
	padding: 20px 0 20px 180px;
	font-size: 0.95em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin:0;
}




#whatsnew .news dt {
	width:240px;
}

#uruwashi .news dt {
	color:#1FB97B;
}

#uruwashi dl.job dt {
	color: #1FB97B;
}


.news dt span a{
	background-color: #4E2F8F;
	padding: 2px;
	margin-left:10px;
	color: #FFF;
	font-size: 11px;
	border-radius:3px;
	display:block;
	float:right;
	width:130px;
	text-align:center;
}


.news dd {
	padding: 20px 0 20px 120px;
	font-size: 0.95em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin:0;
}

#whatsnew .news dd {
	padding: 20px 0 20px 260px;
}



.about ul {
	margin: 0;
	padding: 20px 0 0 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	list-style-type: circle;
}

.about ul li{
	display: inline-block;
	list-style-type: circle;
	width: 30%;
}

section table {
	width:100%;
	border-radius:5px !important;
	-webkit-border-radius:5px;
	border-collapse:separate;
	border-spacing: 0;
}

section table th{
	width: 25%;
	background-color: #fafafa;
}


.pure-form p {
	color: #5AAF22;
	font-weight:200;
}

.pure-form p label{
	color:#666;
}

.button-success {
	color: #FFF;
	border-radius: 4px;
	background: #5AAF22;
	width:200px;
}

.button-secondary {
	color: #FFF;
	border-radius: 4px;
    background: #4E2F8F;
	width:200px;
}



.pellet dl dd {
	margin:0 auto 10px auto;
	text-align:center;
}


.panel {
	background-color: #CCC;
	padding: 20px;
	margin: 0px;
	box-sizing:border-box;
	border-radius: 3px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
}

.panel-sm {
	padding: 10px 20px;
}


.post_meta {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

font.small {
	font-size: 0.85em;
}


ol li.about{
	position: relative;
	list-style: none !important;
}

ol li.about:before {
    content: "≫";
	color: #4b2c94;
    display: block;
    float: left;
    margin-left: -1em;
    width: 1em;
    text-align: center;
}

.pure-form select {
    height: 3em!important;
}

.box1{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #e0e8ff;
    border-top: solid 5px #4B3091;
    border-bottom: solid 5px #4B3091;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/* [/contents] */






/* [bxslider] */

.bx-wrapper img , #bx-pager img {
	border-radius: 3px;
}

#bx-pager img {
	width: 89px;
}

/* [/bxslider] */








/* [asede] */

.left {
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	position: relative;
}

.right {
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}

.left_side_menu {

}

.fixed {
	position:fixed;
	top:0px;
	width:220px;
	margin-bottom:40px;
}

aside h3 {
	border-radius: 3px;
	border: 1px solid #CCC;
	font-size: 1em;
	padding: 20px;
	color: #4B3091;
	background-color:#fff;

}


.aside_main_menu {
	color: #FFF;
	background-color: #4E2F8F;
	border-radius: 5px;
	padding: 0px;
}

#uruwashi .aside_main_menu {
	color: #FFF;
	background-color: #1FB97B;
	border-radius: 5px;
	padding: 0px;
}

.aside_main_menu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	list-style-type: none;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height:1em;
}

.aside_main_menu li a {
	color: #fff !important;
}

.aside_main_menu li a:hover {
	text-decoration:underline !important;
}

.aside_sub_menu{
	padding: 0;
	margin: 0;
}

.aside_sub_menu li {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
	list-style-type: none;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	line-height:1em;
}

/* [/aside] */






/* [footer] */

footer {
	width: 100%;
	height: 130px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 40px;
	position:relative;
	background-color:#fff;
	
}

.footer_wrap {
	width:960px;
	margin: 0 auto;
	position:relative;
}

.footer_logo {
	margin-top:0;
}

.return_top {
	width: 140px;
	height: 35px;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	padding-left: 20px;
	padding-top: 10px;
	position: absolute;
	top: -85px;
	z-index: 10;
	right: 10px;
	background-color: #FFF;
}

footer small {
	color: #666;
	float:right;
}
/* [/footer] */