@charset "UTF-8";

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

/* ===== ********** ===== */

/* ********** */

/*
Font Size(14px Base)
--------------------
10px  72%
11px  79%
12px  86%
13px  93%
14px  100%
15px  108%
16px  115%
17px  122%
18px  129%
19px  136%
20px  143%
21px  150%
22px  158%
23px  165%
24px  172%
25px  179%
26px  186%
*/

/* --------------------------------------------------
  clear
-------------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
  margin: 0;
  padding: 0px;
  outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------
  HTML, Body
-------------------------------------------------- */
html {
  overflow-x: hidden;
}

body {
  color: #614e4e;
  line-height: 160%;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 14px;
  overflow: hidden;
  font-weight: normal;
  min-width: 1200px;
}

/* ===== iPhone for Font size adjustment ===== */
* {
  -webkit-text-size-adjust: 100%;
}

/* ===== Link ===== */

a {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
a:link,
a:visited {
  color: #209be4;
}
a:hover, a:active {
  color: #20bde4;
}
a:focus {outline: none;}

img.png{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="scale");
}

/* ===== mouseover ===== */
a,
input[type=submit] {
  cursor: pointer;
  -webkit-transition: 0.1s linear;
  -moz-transition: 0.1s linear;
  transition: 0.1s linear;
}
a:hover,
input[type=submit]:hover {
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
  opacity: 0.80;
}
.pagetop a:hover,
#header a:hover {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
  opacity: 1;
}

/* --------------------------------------------------
  Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

.pankuzu {
  position:absolute;
  right:10px;
  top:20px;
  z-index: 9999;
}

.pankuzu ul {
  margin:0;
}

.pankuzu li {
  font-size:86%;
  padding:0;
  display:inline;
}

/* --------------------------------------------------
  List
-------------------------------------------------- */
li {
  list-style: none;
}

/* --------------------------------------------------
  Table
-------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

/* --------------------------------------------------
  Other
-------------------------------------------------- */
img {
  border: none;
  vertical-align: bottom;
}

object {
  vertical-align: middle;
  outline: none;
}

em, strong {
  font-weight: bold;
  font-style: normal;
}

abbr, acronym {
  border: none;
  font-variant: normal;
}

q:before, q:after {
  content: '';
}

address, caption, cite, code, dfn, var {
  font-weight: normal;
  font-style: normal;
}

code, pre {
  font-family: monospace;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

hr {
  display: none;
}


/* ------------------------------------------------------------
  For IE6/7
------------------------------------------------------------ */
/* for ie7: page zoom bug fix */
*:first-child + html body,
*:first-child + html br {
  letter-spacing: 0;
}

/* hasLayout True */
h1, h2, h3, h4, h5, h6, p, address, blockquote, ol, ul, li, dl, dt, dd, table, th, td, form, div, header, footer, nav, section, aside {
  *zoom: 1;
}

/* ------------------------------------------------------------
  container
------------------------------------------------------------ */
#wrapper {
}

#container {
  margin: 0 auto;
  background:#d9ecbf;
}

/* --------------------------------------------------
  1. Header
-------------------------------------------------- */

/* ===== top page ===== */

#top_header {
  background:#dff3ff url(../images/common/parts_09.png) 0% 108% repeat-x;
}
.top_header_inner {
  border-top: 5px solid #cccccc;
  background: url(../images/common/parts_08.png) 50% 102% no-repeat;
  position:relative;
}
.top_header_inner_box {
  position:relative;
  width:1000px;
  height:400px;
  margin:0 auto;
}

/* ===== main page ===== */

#header {
  background:#dff3ff;
}
.header_inner {
  border-top: 5px solid #cccccc;
  position:relative;
}
.header_inner_box {
  background: url(../images/common/anime_01.gif) 100% 100% no-repeat;
  position:relative;
  width:1000px;
  height:100px;
  margin:0 auto;
}

/* ===== parts ===== */

header h1{
  position:absolute;
  top:30px;
  left:0px;
}
.header_nav {
  position:absolute;
  right:0px;
  top:-10px;
}
.header_nav li{
  float:left;
  font-size: 86%;
  margin:0px 0 0 5px;
  background: url(../images/common/hnav_bg.png) 0 100% no-repeat;
}
.header_nav li a{
  width:100px;
  min-height: 35px;
  padding:10px 0 0;
  display:block;
  color:#FFFFFF;
  text-align: center;
  text-decoration: none;
}

.partsarea {
}
.partsA,.partsB,.partsC,.partsD,.partsE,.partsF,.partsG,.partsH,.partsI,.partsJ,.partsK,.partsL {
  position:absolute;
}
/* 草 */
.partsA {
  left:-200px;
  bottom:0;
}
/* 噴水 */
.partsB {
  left:126px;
  bottom:160px;
}
/* 気球 */
.partsC {
  top: 40px;
  right:330px;
}
/* 鳥1 */
.partsD {
  top: -35px;
  left:-800px;
}
/* 鳥2 */
.partsE {
  top: -35px;
  left:-1000px;
}
/* 学生 */
.partsF {
  left:230px;
  bottom:10px;
}
/* 親子 */
.partsG {
  left:340px;
  bottom:90px;
}
/* 老夫婦 */
.partsH {
  right:190px;
  bottom:120px;
}
/* 単身 */
.partsI {
  right:440px;
  bottom:20px;
}
/* わんこ */
.partsJ {
  right:340px;
  bottom:80px;
}
/* 子供 */
.partsK {
  right:145px;
  bottom:5px;
}
/* 安心を創る */
.partsL {
  left:0px;
  top:60px;
  width:1000px;
  text-align: center;
}
.cloudA {
  background: url(../images/common/parts_03.png) repeat-x 0 0;
}
/* --------------------------------------------------
  Global Nav
-------------------------------------------------- */

/* ===== top page ===== */

.global_nav {
  width:100%;
  margin: 0;
  position: relative;
  bottom:0;
  background:#FFFFFF;
  border-top: 5px solid #cccccc;
}
.global_nav_inner {
  width:998px;
  margin: 0 auto;
}
.global_nav_inner ul,
.slide_global_nav_inner ul {
  background: url(../images/common/lin_01.png) 100% 50% no-repeat;
}
.global_nav_inner a {
  width:166px;
  height:85px;
  display:block;
}
.global_nav_inner li,
.slide_global_nav_inner li {
  float: left;
  margin:0;
  text-align: center;
  position:relative;
  background: url(../images/common/lin_01.png) 0 50% no-repeat;
}
.global_nav_inner a span,
.slide_global_nav_inner a span{
  text-indent: -99999px;
  height:100%;
  width:100%;
  display:block;
  position:relative;
  top: 18px;
}
header .home a span {
  background: url(../images/common/gnav_ico01.png) 50% 0 no-repeat;
}
header .home a {
  background: url(../images/common/gnav_ttl01_off.png) 50% 50px no-repeat;
}
header .home a:hover {
  background: url(../images/common/gnav_ttl01_on.png) 50% 50px no-repeat;
}
header .about a span {
  background: url(../images/common/gnav_ico02.png) 50% 0 no-repeat;
}
header .about a {
  background: url(../images/common/gnav_ttl02_off.png) 50% 50px no-repeat;
}
header .about a:hover {
  background: url(../images/common/gnav_ttl02_on.png) 50% 50px no-repeat;
}
header .service a span {
  background: url(../images/common/gnav_ico03.png) 50% 0 no-repeat;
}
header .service a {
  background: url(../images/common/gnav_ttl03_off.png) 50% 50px no-repeat;
}
header .service a:hover {
  background: url(../images/common/gnav_ttl03_on.png) 50% 50px no-repeat;
}
header .voice a span {
  background: url(../images/common/gnav_ico04.png) 50% 0 no-repeat;
}
header .voice a {
  background: url(../images/common/gnav_ttl04_off.png) 50% 50px no-repeat;
}
header .voice a:hover {
  background: url(../images/common/gnav_ttl04_on.png) 50% 50px no-repeat;
}
header .shop a span {
  background: url(../images/common/gnav_ico05.png) 50% 0 no-repeat;
}
header .shop a {
  background: url(../images/common/gnav_ttl05_off.png) 50% 50px no-repeat;
}
header .shop a:hover {
  background: url(../images/common/gnav_ttl05_on.png) 50% 50px no-repeat;
}
header .contact a span {
  background: url(../images/common/gnav_ico06.png) 50% 0 no-repeat;
}
header .contact a {
  background: url(../images/common/gnav_ttl06_off.png) 50% 50px no-repeat;
}
header .contact a:hover {
  background: url(../images/common/gnav_ttl06_on.png) 50% 50px no-repeat;
}
/* ===== main page ===== */
.slide_global_nav_inner ul{
  float:right;
}
.slide_global_nav_inner {
  width:1000px;
  position:relative;
  margin: 0 auto;
}
.slide_global_nav_inner li a{
  width:124px;
  height:85px;
  display:block;
}

.slide_global_nav_inner .home a {
  background: url(../images/common/gnav_ttl01m_off.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .home a:hover {
  background: url(../images/common/gnav_ttl01m_on.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .about a {
  background: url(../images/common/gnav_ttl02m_off.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .about a:hover {
  background: url(../images/common/gnav_ttl02m_on.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .service a {
  background: url(../images/common/gnav_ttl03m_off.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .service a:hover {
  background: url(../images/common/gnav_ttl03m_on.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .voice a {
  background: url(../images/common/gnav_ttl04m_off.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .voice a:hover {
  background: url(../images/common/gnav_ttl04m_on.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .shop a {
  background: url(../images/common/gnav_ttl05m_off.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .shop a:hover {
  background: url(../images/common/gnav_ttl05m_on.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .contact a {
  background: url(../images/common/gnav_ttl06m_off.png) 50% 50px no-repeat;
}
.slide_global_nav_inner .contact a:hover {
  background: url(../images/common/gnav_ttl06m_on.png) 50% 50px no-repeat;
}

.slide_global_nav {
  width:100%;
  margin: 0;
  display: none;
  background:#FFFFFF;
  z-index: 999999;
  border-top: 5px solid #cccccc;
  box-shadow: 0 0 5px #999;
  -moz-box-shadow: 0 0 5px #999;
  -o-box-shadow: 0 0 5px #999;
  -ms-box-shadow: 0 0 5px #999;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=270, strength=3, enabled=true);
}
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  display:block !important;
}

/* --------------------------------------------------
  3. Contents
-------------------------------------------------- */
#contents {
  z-index: 0;
  width:1000px;
  margin:60px auto 60px;
  background:#f4fbe9;
}
.top {
  background: none !important;
}
/* --------------------------------------------------
  4. Main
-------------------------------------------------- */
#main {
  background:#FFFFFF;
  width:740px;
  float:right;
  min-height: 800px;
  position:relative;
}
.main_inner{
  margin:20px;
}
.main_inner .ttlA {
  padding:0 15px 0 30px;
}
.main_box {
  margin:30px;
  overflow:hidden;
}
.main_box_inner {
}

/* --------------------------------------------------
  5. sidebar
-------------------------------------------------- */
#sidebar {
  width:260px;
  float:left;
}
.side_btn {
  margin:20px 0;
  text-align: center;
}
.side_btn li{
  padding:0 0 10px 0;
}
.side_menu li a{
  display:block;
  margin:0 0 1px 0;
  font-size: 93%;
  text-decoration: none;
  color:#444444;
  padding:0 0 0 30px;
  line-height: 60px;
}
.side_menu li a:hover{
  background-color: #f7f5dc;
}
/* --------------------------------------------------
  6. Footer
-------------------------------------------------- */

/* ===== btn_area ===== */

.like_btn {
  overflow:hidden;
  margin-bottom: 60px;
}
.like_btn_inner{
  width:1000px;
  margin:0 auto;
}

/* ===== footer_area ===== */


#footer {
  overflow:hidden;
  background:url(../images/common/fig_02.png) no-repeat 50% 80%;
  width:100%;
}

.footer_box {
  margin:0 auto 200px;
  width:1000px;
  background:#FFFFFF;
  border-bottom: 5px solid #cccccc;
  position:relative;
}
.footer_box_inner {
  padding:20px;
}
.footer_nav{
  margin-bottom:10px;
  overflow:hidden;
}
.footer_nav ul {
  float:left;
}
.footer_nav ul .fnav_list1 {
  width:150px;
}
.footer_nav ul .fnav_list2 {
  width:270px;
}
.footer_nav li {
  padding:0;
  padding-left: 15px !important;
  font-size: 86%;
  background:url(../images/common/lis_02.png) no-repeat 2px 50%;
}
.footer_info {
  padding:20px;
  background:#f8fbf4;
  font-size: 86%;
  line-height: 140%;
}
.footer_inner {
  width: 100%;
  text-align: center;
  font-size: 86%;
}
.footer_number {
  background:#cccccc;
  overflow:hidden;
  width: 100%;
  padding:5px;
  color:#FFFFFF;
}
.footer_copy {
  background:#2286c1;
  overflow:hidden;
  width: 100%;
  padding:5px;
}
small {
  display: block;
  color:#FFFFFF;
}
small a {
  text-decoration: none;
  color:#FFFFFF !important;
}

/* --------------------------------------------------
  PageTop
-------------------------------------------------- */
.pagetop {
  position:absolute;
  bottom: -105px;
  width:1000px;
  margin:0 auto;
  text-align: center;
  z-index: 99999;
}

/* --------------------------------------------------
  social button
-------------------------------------------------- */

.social_btn_set {
  position:absolute;
  right:20px;
  top:20px;
  width:300px;
  padding:0;
  }
.fb_edge_widget_with_comment,
.fb_edge_comment_widget {
}
.social_btn_set ul {
  margin:0;
  padding:0;
}
.social_btn_set ul li {
  margin:0;
  float:right !important;
  margin-right:10px;
}
/* modern browsers */
.social_btn_set ul li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
/* IE7 */
.social_btn_set ul li {
  display:inline-block;
}
/* legacy IE */
.social_btn_set ul li {
  height:1%;
}
.social_btn_set ul li {
  display:block;
}


/* --------------------------------------------------
  Form
-------------------------------------------------- */

/* ===== Form template ===== */

fieldset {
  border: none;
}
input,
textarea,
select {
  margin:0;
  padding:0;
  font-family: inherit;
  vertical-align: middle;
}
label {
  margin:0;
  padding:0;
  font-family: inherit;
  vertical-align: middle;
  cursor: pointer;
}
textarea {
  overflow: auto;
}
input[type=text],
textarea,
select {
  line-height:160%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:solid 1px #dddddd;
}
input[type=radio],
input[type=checkbox] {
position:relative;
margin: 0px 5px 2px 0px;
}
input[type="text"]:focus,
textarea:focus,
select:focus {
  border:1px solid #cfe9f2;
  outline: none;
  background:#fbfefe;
}
input[type=text].error,
textarea.error,
select.error {
  border:1px solid #f071a0;
  outline: none;
  background:#fff7fa;
  color: #eb6877 !important;
}

input[type=submit] {
  border:none;
  cursor: pointer;
  width:100%;
}

/* ===== Form Design ===== */

.inputarea1,
.inputarea2,
.inputarea3,
.inputarea4 {
  padding:4px 10px;
  font-size: 100%;
}
.inputarea1,
.inputarea2,
.inputarea3 {
  width:92%;
  height:30px;
}
select.inputarea3 {
  width:100%;
  height:40px;
}
.inputarea4 {
  width:96%;
  height:180px;
  padding:10px;
}


/* ===== Design　point ===== */

p.error {
color: #eb6877 !important;
font-weight: normal !important;
font-size: 100%;
}
.hissu {
  margin-left:5px;
  display: inline;
  background:#db5940;
  font-size: 68%;
  color:#FFFFFF;
  padding:2px 10px;
  position:relative;
  top: -2px;
}
.submit {
  overflow:hidden;
}


/* --------------------------------------------------
  Color Box
-------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxLoadingOverlay{background:#fff url(../images/colorbox/loading.gif) no-repeat 5px 5px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; }
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* --------------------------------------------------
  Other
-------------------------------------------------- */

.save {
  background:#f9f9f9;
  font-size: 142%;
  color:#aaaaaa;
  border:20px solid #eeeeee;
  text-align: center;
  padding:200px 0 230px;
  margin:30px 0 0 0;
}
.save img{
  margin:10px;
}