/*
Theme Name:Egaohome
Theme URI:http://www.egao-home.com/
Description:WordPress theme for Egaohome
Version:1.0
Author:Kurahara
Author URI:http://www.klutche.org/
*/

/*========================================================================*/
/* reset css
/*========================================================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
img { vertical-align:bottom; }
td, input, textarea { font-size:1em; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/*========================================================================*/
/* etc
/*========================================================================*/

/* link */
a:link { color:#2200c1; text-decoration:none; outline:none; }
a:visited { color:#551a8b; text-decoration:none; outline:none; }
a:active { color:#2200c1; text-decoration:underline; outline:none; }
a:hover { color:#2200c1; text-decoration:underline; outline:none; }
a:hover img { opacity:0.7; filter:alpha(opacity=70);/*IE6,IE7*/ -ms-filter:"alpha(opacity=70)";/*IE8*/ zoom:1; }

/* float */
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

/* color */
.color1 { color:#4A4942; }
.color2 { color:#63080f; }
.color3 { color:#ff0000; }

/* margin */
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }
.mb40 { margin-bottom:40px; }
.mt40 { margin-top:40px; }

/* padding */
.pl5{padding-left:5px !important;}
.pr5{padding-right:5px !important;}

/* clearfix */
.clearfix:after {
content: ".";
display:block;
clear:both;
height:0;
font-size:0.1em;
line-height:0;
visibility:hidden;
overflow:hidden;
}
.clearfix { display:inline-block; }
* html .clearfix { height:1% }
.clearfix { display:block;}

/* other */
.border0 {border:none !important;}

/*========================================================================*/
/* body
/*========================================================================*/

body { color:#4A4942; font-size:14px; line-height:1.6em; background:#FFF; }

/* 文字サイズ変更後（L・M・S） */
body.fontL article.wrapper { font-size:1.2em; }
body.fontM article.wrapper { font-size:1em; }
body.fontS article.wrapper { font-size:0.8em; }

/* h1 */
.h1_b { background:#464646; }
h1 { width:900px; color:#CCC; font-size:12px; text-align:left; margin:0 auto; }

/*========================================================================*/
/* header
/*========================================================================*/

header { height:90px; background:url(/wp-content/themes/egaohome/images/header_back.jpg) repeat-x; border-top:2px #51B11D solid; }
.header_b { position:relative; width:900px; margin:0 auto; }
.header_logo { margin:15px 0; }

/* header_menu */
.header_menu { position:absolute; display:block; top:0; right:10px; overflow:hidden; background:#51B11D; padding:5px 20px; clear:both; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.header_menu li { float:left; color:#FFF; }
.header_menu li a { color:#FFF; }

/* header_btn */
.header_btn { position:absolute; display:block; bottom:20px; right:10px; overflow:hidden; clear:both; }
.header_btn li { float:left; color:#555; line-height:26px; padding-left:5px; }
li.sizeS,li.sizeM,li.sizeL { cursor:pointer; }

/* header_info */
.header_time { position:absolute; display:block; top:25px; left:240px; clear:both; }
.header_tel01 { position:absolute; display:block; top:45px; left:240px; clear:both; }
.header_tel02 { position:absolute; display:block; top:45px; left:470px;  clear:both; }

/*========================================================================*/
/* article
/*========================================================================*/

.wrapper { width:900px; margin:0 auto; }
.main { width:620px; float:left; margin:20px 0 20px 10px; }

/*========================================================================*/
/* aside
/*========================================================================*/

aside { width:240px; float:right; margin:20px 0; }

/* side_b */
.side_b { margin-bottom:20px; padding:1px; border:1px #CCC solid; box-shadow:0 2px 4px #EEE; }
.side_b p { color:#666; padding:10px; }
.side_b p a { display:block; background:url(/wp-content/themes/egaohome/images/ico_arrow01.png) left no-repeat; margin-top:1em; padding-left:15px; }

/*========================================================================*/
/* nav
/*========================================================================*/

nav ul { display:block; overflow:hidden; clear:both; }
nav li { float:left; width:225px; background:url(/wp-content/themes/egaohome/images/nav_back_off.jpg) repeat-x; }
nav a { display:block; font-size:16px; line-height:48px; text-shadow:0 -1px 0 #CCC, 0 1px 0 #FFF; text-align:center; border:1px #ccc solid; border-right:none; }
nav a:link { color:#4A4942; }
nav a:visited { color:#4A4942; }
nav a:active { color:#4A4942; text-decoration:none; }
nav a:hover { color:#51B11D; text-decoration:none; background:url(/wp-content/themes/egaohome/images/nav_back_on.jpg) repeat-x; }
nav li:last-child a { border-right:1px #ccc solid; }

/*========================================================================*/
/* section
/*========================================================================*/

.contents { margin-bottom:20px; }
.contents_area { padding:20px; }

/*========================================================================*/
/* title
/*========================================================================*/

.title { color:#666; font-size:1.2em; line-height:40px; background:url(/wp-content/themes/egaohome/images/title_back.jpg) repeat-x; padding-left:15px; border:1px #ccc solid; border-left:5px #ccc solid; }
.s_title { font-size:1.2em; line-height:2em; margin-bottom:1em; padding-left:7px; border-left:5px #51B11D solid; } 
.s_title2 { font-size:1.2em; line-height:2em; margin-bottom:1em; padding-left:7px; border-left:5px #ff6c8b solid; } 


/*========================================================================*/
/* footer
/*========================================================================*/

footer { color:#FFF; line-height:50px; text-align:center; background:#51B11D; }
footer a { color:#FFF; }

/*========================================================================*/
/* home
/*========================================================================*/

#slideshow { margin-top:20px; padding:9px; border:1px #ccc solid; box-shadow:0 0 10px #ddd; }
#slideshow ul { position:relative; display:block; overflow:hidden; }
#slideshow ul li { position:absolute; top:0; left:0; }
#pagination { clear:both; width:75px; margin:25px auto 0; padding:0; }
#pagination li { list-style:none; float:left; margin:0 2px; }
#pagination li a { display:block; width:10px; height:10px; text-indent:-10000px; background:url(../images/pagination.png); }
#pagination li a.active { background-position:0 10px; }
.caption { width:100%; margin:0; padding:10px; position:absolute; left:0; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:lighter; color:#fff; border-top:1px solid #000; background:rgba(0,0,0,0.6); }

.home_post { position:relative; display:block; height:400px; overflow:auto; padding:10px 20px; margin-bottom:20px; }
.home_post li { display:block; overflow:hidden; padding:10px 0; clear:both; border-bottom:1px #ccc dotted; }
.home_post li img { padding:3px; border:1px solid #CCC; }
.home_post_title { position:relative; color:#e06b22; line-height:1.8em; margin-bottom:10px; padding-left:7px; border-left:3px #e06b22 solid; }
.home_post_title p { position:absolute; top:0; right:0; color:#999; }
.aligncenter { display:block; margin:0 auto; }

.home_post2{height:450px !important;}

.recruit { width:100%; border-collapse:collapse; border:1px #ccc solid; }
.recruit td { padding:10px; border:1px #ccc dotted; }
.recruit td.td01 { padding:10px 20px; white-space:nowrap; text-align:center; background:#eee; }

/*========================================================================*/
/* facility
/*========================================================================*/

.fl_img { float:left; margin-right:10px; margin-bottom:10px; }
.room_info { display:block; overflow:auto; zoom:1; }
.room_info dt { display:block; color:#5e1200; background:#ece5d7; margin-bottom:10px; padding:3px 1em; }
.room_info dd { padding-left:1em; margin-bottom:10px; }
.floor_img { margin-top:40px; }

/*========================================================================*/
/* flow
/*========================================================================*/

.service_b { overflow:hidden; background:#fef5e8; margin-bottom:40px; padding:10px; border-radius:10px; }
.service_b img { float:left; margin-right:10px; }
.service_b dl { overflow:auto; zoom:1; }
.service_b dt { color:#e95283; font-size:1.2em; font-weight:bold; }
.service_b dt.service01 { color:#00ab84; font-size:1.2em; font-weight:bold; }

.plice { width:100%; margin-bottom:40px; border-collapse:collapse; border:1px #ccc solid; }
.plice td { padding:10px; border:1px #ccc dotted; }
.plice td.td01 { background:#eee; }
.plice + p{margin:-20px 0 40px;}

/*========================================================================*/
/* company
/*========================================================================*/

.policy { display:block; }
.policy li { list-style:decimal; margin-left:2em; }

/*========================================================================*/
/* cntact
/*========================================================================*/

.wpcf7 input,
.wpcf7 textarea { padding:5px; border:1px #ccc solid; border-radius:5px; }
.wpcf7 input.wpcf7-text,
.wpcf7 textarea { width:75%; }
.wpcf7 input.wpcf7-submit { cursor:pointer; color:#FFF; font-size:18px; font-weight:bold; line-height:1.6em; background:#51B11D; padding:0 10px; }

/*========================================================================*/
/* top
/*========================================================================*/
.top_link{width:620px; margin:20px 0 40px;}
.top_link a{width:300px; display:block; float:left; color:#4a4942;}
.top_link a:visited {text-decoration:none; }
.top_link a:active {text-decoration:none;}
.top_link a:hover {text-decoration:none; }
.top_link a:nth-child(even){float:right;}

.top_link li{width:260px; height:70px; padding:20px; background:#e6ffd8; font-size:14px;}
.top_link li:hover{opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.top_link li dt{background:url(/wp-content/themes/egaohome/images/top/icon01.png) no-repeat left; padding-left:25px; margin-bottom:10px; color:#2f8f01; font-size:20px; font-weight:bold;}

.top_link li.box2{background:#fff0f3 !important;}
.top_link li.box2 dt{background:url(/wp-content/themes/egaohome/images/top/icon02.png) no-repeat left !important; color:#ff6c8b !important; }


.roooms {width:580px; margin:10px 0 0;}
.roooms a{width:280px; display:block; float:left; color:#4a4942; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;} 
.roooms a:visited {text-decoration:none; }
.roooms a:active {text-decoration:none;}
.roooms a:hover {text-decoration:none; }
.roooms a:nth-child(even){float:right;}

.roooms li{width:280px; height:60px; padding:20px 15px; background:#e6ffd8; font-size:14px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;}
.roooms li:hover{opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.roooms li dt{background:url(/wp-content/themes/egaohome/images/top/icon01.png) no-repeat left; padding-left:25px; color:#2f8f01; font-size:20px; font-weight:bold;}

.roooms li.box2{background:#fff0f3 !important;}
.roooms li.box2 dt{background:url(/wp-content/themes/egaohome/images/top/icon02.png) no-repeat left !important; color:#ff6c8b !important; }

.top_facility {margin:20px 0;}
.top_facility * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.top_facility td {
height:auto;
border-right:#bfbfbf 1px dotted;
padding:0 15px;
vertical-align:top;
}
.top_facility .box220{width:219px;}
.top_facility .box230{width:229px;}

.top_facility td:last-child {border-right:0 !important;}

.top_facility .top_facility_img {
width:200px;
height:80px;
margin-bottom:8px;
}

.top_facility p {
margin-bottom:5px;
color:#666666;
line-height:1.5em;
}

.top_facility p.top_facility_title {
font-weight:bold;
}

.top_facility p.top_facility_title span {
width:40px;
padding:3px 5px 2px;
line-height:20px;
text-align:center;
background:#51b11d;
color:#ffffff;
font-size:10px;
font-weight:normal;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
margin-right:5px;
}

.top_facility p.top_facility_text {font-size:13px;}

.top_facility p a {
background:url(images/top/icon03.png) no-repeat left;
color:#51b11d;
padding-left:25px;
height:19px;
line-height:19px;
display:block;
font-size:13px;
}
.top_facility p a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}