@charset utf-8;

/* =========================================
   リセット用　※編集不可
   ========================================= */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,dl,form,iframe{
    margin:0;
    padding:0;
}
ul,ol{
    list-style-type:none;
}
img, iframe{
    border:none;
}
body{font:13px/1.231 Verdana,Arial,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:1;}
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family:'ＭＳ Ｐゴシック',sans-serif;} 

/* =========================================
   リセット用　ここまで
   ========================================= */


body{
/*     font-size:95%; */
    font-family:sans-serif;
    background:#fff;
    text-align:center;
}

#container{
    margin:0 auto;
    width:1024px;
    background:#fff;
    color:#333;
    text-align:left;
}
#container a{
    color:#05a;
}

#header {
	background: url(http://assets.flips.jp/images/common/design/30676/images/bg_black.png);
}
#header .header-inner{
	width: 1024px;
	margin: 0 auto;
/* 	position: relative; */
/* 	height: 85px; */
}

#top_text {
	text-align: left;
	color: #fff !important;
	background: #333;
}
#top_text h1 {
	width: 1024px;
	margin: 0 auto;
	padding: 7px 0 !important;
	font-size: 12px !important;
}
#header .header-inner #logo {
/* 	position: absolute; */
	top: 30px;
	left: 0; 
	text-align: left;
	color: #fff;
	padding-bottom:10px;
}
#header .header-inner #logo a {
	color: #fff;
}

   #header .sub{
        float:right;
        margin: 10px 0 14px ;
        text-align:right;
    }

#logo{
    width: 60%;
    margin: 0px 0 0 0px;
    font-weight:normal;
    font-family:tahoma;
    font-size:180%;
    text-align:center;
    color: #fff;
}
   #logo a{
        text-decoration:none;
        color:#cc0000;
    }

#link{
    font-size:85%;
    color:#000;
    height: 1em;
}
#link ul {
    text-align:right;
}
#link ul li{
    display:inline;
    padding-left:1em;
}
#link ul li a{
    background: url(http://assets.flips.jp/images/common/design/30676/images/arrow_green.png) no-repeat left center;
    margin-left:8px;
    padding-left:12px;
    color:#fff;
    text-decoration: none;
}
#link ul li a:hover{
	text-decoration: underline;
}
.visual-wrapper {
        background:#fff url(http://assets.flips.jp/images/common/design/30676/images/bg_visual.png) repeat-x left center;
}
#visual{
/*     width:840px; */
    overflow:hidden;
    margin-bottom: 30px;
	    padding: 20px 0;    
}

#visual_skitter {
    min-height:90px;
    width: 1024px !important;
    margin: 0 auto;
}


.container_skitter {
    width: auto !important;
    height: auto !important;
}

.navigation-wrapper {
	padding-bottom: 1px;
}
#navigation{
    background:#7bb647;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	border-bottom: 1px solid #fff;
}
#navigation ul {
	width: 1024px;
	margin: 0 auto;
    border-right: 1px solid #8ec161;
}
#navigation ul:after {
  content: ""; 
  display: block; 
  clear: both;
}

#navigation li{
    position:relative;
    float:left;
    width: 16.6%;
}
#navigation li a{
    display:block;
    height:45px;
    line-height:45px;
    font-size:110%;;
    color:#fff;
    text-decoration:none;
    text-align:center;
    border-left: 1px solid #8ec161;
}
#navigation li a:hover{
    background:#a3cc7f;
}

.page-wrapper {
    clear:left;
    height:100px;
    text-align: left;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size:250%;
    font-weight:bold;
    background:#fff url(http://assets.flips.jp/images/common/design/30676/images/bg_visual.png) repeat-x left center;
    color:#000;
    margin-bottom: 30px;
}
.page-wrapper #page_title{
	width: 1024px;
	margin: 0 auto;
    line-height:100px;
}


#main{
    clear:left;
    width: 1024px;
    margin: 0 auto;
}


#main #contents{
    float:left;
    width:696px;
}
    
    
#main #side{
    float:right;
    width:287px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    padding: 15px;
    background: #f0eee8;
}


#footer{
    width: 100%;
    border-top:#ccc 1px solid;
    margin-top:20px;
    text-align:center;
    color:#999;
	background: #78af47;
}
#footer a{
    color:#fff;
    font-size:12px;
}
#footer ul {
    padding: 20px;
}
#footer li{
    display:inline;
    padding:0 8px;
}
#footer .copy{
    font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans-serif, arial;
    letter-spacing: 0.1em;
    padding: 10px;
    color: #fff;
    font-size: 11px;
	background: url(http://assets.flips.jp/images/common/design/30676/images/bg_black.png);
}
    
/* モジュール ------------------------------------ */
div.module{
    padding-bottom: 18px;
}
div.module .gallery {
	margin-bottom:30px;
}
div.module .map{
	width: 100% !important;
}
div.module .text {
	line-height: 1.7;
}
#side .module {
	background: #fefdfd;
	padding: 15px 15px 0;
/* 	margin-bottom: 15px; */
}

/* 見出し */
div.module h3{
    margin:0;
    background:url(http://assets.flips.jp/images/common/design/30676/images/icon_h1.png) no-repeat left center;
    padding:4px 20px;
    font-weight:normal !important;
    color:#333;
    font-size: 230% !important;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#side div.module h3{
	font-size: 140% !important;
}

div.module h4{
    margin:0;
    border-top: #78af47 solid 3px;
    padding:10px 12px;
    font-weight:bold;
    color:#000;
    background:url(http://assets.flips.jp/images/common/design/30676/images/bg_h2.png) repeat-x left center;
    font-size: 120% !important;
}

/* テーブル */
div.module table{
    width:100%;
/*     border-collapse:collapse; */
    border:none;
}
    div.module table th,
    div.module table td{
        padding:2px 0.3em;
        border:none;
        text-align:left;
        font-size:inherit;
        font-weight:normal;
    }
    div.module table th{
        width:30%;
        background:#73776d;
        color:#fff;
        padding: 10px;
    }
    div.module table td{
        background:#f0eee8;
        color:inherit;
        padding: 10px;
    }

/* 問い合わせフォーム */
div.module form.inquiry{
	background: #f0f0ef;
	padding: 30px;
}
#side .module form.inquiry{
	padding: 15px;
}

#side form.inquiry dt,
#contents form.inquiry dt{
    color:#666;
    font-weight:bold;
    font-size:90%;
    float: left;
    width: 130px;
}

#contents form.inquiry dt {
	text-align: right;
	padding-right: 20px;
}
#side form.inquiry dd input,
#contents form.inquiry dd input{
	border: 1px solid #ccc;
	padding: 7px 3px;
}
#side form.inquiry dd textarea,
#contents form.inquiry dd textarea{
	border: 1px solid #ccc;
	padding: 7px 3px;
}
   #side form.inquiry dd{
        padding:0.4em 0 0.8em;
    }
   #contents form.inquiry dd{
        padding:0.1em 0 0.3em;
    }
   #side form.inquiry dd{
        padding-left:0;
    }
   #side form.inquiry dd input,
   #side form.inquiry dd textarea{
        width:90%;
    }
   #contents form.inquiry dd{
        padding-left:2em;
    }
   #contents form.inquiry dd input{
        width:40%;
    }
   #contents form.inquiry dd textarea{
        width:70%;
    }
   #contents form.inquiry input[type="submit"] {
	    display: block;
	    text-align: center;
	    border: 0;
	    padding: 10px 0px;
		width: 30%;
	    color: #fff;
	    font-size: 100%;
	    cursor: pointer;
	    margin: 0 auto;
	    margin-top: 20px;
		background: #78af47; /* Old browsers */
		background: -moz-linear-gradient(top,  #78af47 0%, #90bd68 49%, #90bd68 49%, #90bd68 49%, #78af47 50%, #90bd68 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78af47), color-stop(49%,#90bd68), color-stop(49%,#90bd68), color-stop(49%,#90bd68), color-stop(50%,#78af47), color-stop(100%,#90bd68)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78af47', endColorstr='#90bd68',GradientType=0 ); /* IE6-9 */
    }
   #side form.inquiry input[type="submit"] {
	    display: block;
	    text-align: center;
	    border: 0;
	    padding: 7px 0px;
		width: 50%;
	    color: #fff;
	    font-size: 100%;
	    cursor: pointer;
	    margin: 0 auto;
	    margin-top: 0px;
		background: #78af47; /* Old browsers */
		background: -moz-linear-gradient(top,  #78af47 0%, #90bd68 49%, #90bd68 49%, #90bd68 49%, #78af47 50%, #90bd68 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78af47), color-stop(49%,#90bd68), color-stop(49%,#90bd68), color-stop(49%,#90bd68), color-stop(50%,#78af47), color-stop(100%,#90bd68)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #78af47 0%,#90bd68 49%,#90bd68 49%,#90bd68 49%,#78af47 50%,#90bd68 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78af47', endColorstr='#90bd68',GradientType=0 ); /* IE6-9 */
    }

/* RSS */

div.module ol.blog li a, 
div.module ol.rss li a {
    color:#666;
    text-decoration: none;
}


ol.blog h4, ol.rss h4{
    border:none;
    padding:5px 10px 5px 2em;
    background: #f0eee8 !important;
    margin-bottom:10px;
    text-indent: -1.5em;
}
ol.blog h4 span, ol.rss h4 span{
    font-size:80%;
    font-weight:normal;
    color:#05a;
    background: url(http://assets.flips.jp/images/common/design/30676/images/arrow_green.png) no-repeat left center;
    margin-left:8px;
    padding-left:12px;
}
#contents ol.blog dev, #contents ol.rss div{
    padding:10px;
}
#side ol.blog div, 
#side ol.rss div{
    padding:0.1em 0 0.6em 0;
}
#side ol.blog h4, 
#side ol.rss h4{
	font-size:100% !important;
	font-weight: normal !important;
	line-height: 1.6;
}
#side ol.blog h4 a, 
#side ol.rss h4 a{
	text-decoration: underline;	
}

/* サイトマップ */
div.module ul.sitemap{
/*
    list-style-type:square;
    padding-left:1.3em;
*/
    color:#bad2de;
}
div.module ul.sitemap li{
    line-height:170%;
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
}
#container div.module ul.sitemap li a{
    color:#666;
    background: url(http://assets.flips.jp/images/common/design/30676/images/arrow_green.png) no-repeat left center;
    margin-left:8px;
    padding-left:12px;
    text-decoration: none;
}

#go_to_top {
    position:fixed;
    bottom:30px;
    right:0;
    display:block;
    margin-bottom: -20px;
    width: 100%;
}
#go_to_top div{
    display:none;
    width: 90px;
    float:right;
    letter-spacing: 0.1em;
    background: #7bb647 ;
    cursor: pointer;
    text-align:center;
    color: #fff;
    padding: 7px 0 5px;
	font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans-serif, arial;
}
.pageTop {
	display: none;
	background: #7bb647;
	color: #fff;
	padding: 7px 0;
	text-align: center;
	margin: 0 auto;
}
.pageTop a {
	text-decoration: none;
	color: #fff !important;
	font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans-serif, arial;
}

/* サイド広告 ------------------------------------ */

#side #side_bottom_ad a{
	display: block;
	text-align: center;
}



/* clearfix ------------------------------------ */

.clearfix:after,
.module:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix,
.module {
    min-height: 1px;
}

* html .clearfix,
* html .module {
    height: 1px;
/*\*//*/
       height: auto;
       overflow: hidden;
   */   
}


