@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-size:14px;
    font-family:Helvetica;
    background:#fff;
    text-align:center;
}
/* =========================================
エリア
========================================= */
#container{
    margin:0 0 0 0;
    background: #fff;
    color:#000000;
    text-align:left;
}
#container a{
    color:#0000ff;
}
#header{
    overflow:hidden;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#logo {
    min-height: 70px;
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(#ffcc66), 
        color-stop(0.5, #ff6600),
        to(#ff8800));
    position: relative;
}
#logo a{
    text-decoration: none;
    display: block;
    padding: 10px 5px;
    width: 70%;
}
#logo img{
	position: absolute;
	top: 25%;
    max-width: 70%;
    max-height: 40px;
}
#logo div#pc_botton {
    float: right;
    white-space: nowrap;
    width: 55px;
    padding-right: 20px;
}
#logo #pc_botton a{
	position: absolute;
	top: 25%;
    width: 55px;
    padding: 3px 3px 3px 3px;
    line-height: 30px;
    color: #333;
    border: 1px solid #c0c0c0;
    -webkit-border-radius: 5px;
    font-size: 14px;
    text-shadow: #fff 1px 1px 1px;
    text-decoration: none;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(#fff),
        color-stop(0.5, #eee),
        to(#eee));
}

#link{
    margin: 10px 5px 3px 0;
    font-size: 12px;
    text-align: right;
}

#link ul li{
    display:inline;
    margin:0;
    padding:0 0 0 12px;
    color:#0000ff}

#top_text div{
    margin: 5px 0 5px 0;
    padding: 0 10px 0 10px;
}
#top_text h1 div{
    font-weight: normal;
    max-width: 100%;
}

#navigation{
    margin: 8px 0 8px 0;
    padding: 0 5px 0 5px;
}
#navigation select{
    padding-left: 10px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 14px;
    text-shadow: #fff 1px 1px 1px;
    background: url("/images/sp_navi_background.png") no-repeat 99% 50%,
        -webkit-gradient(linear, 0% 0%, 0% 100%, 
            from(#fff), 
            color-stop(0.5, #eee), 
            to(#eee));
    border: 1px solid #c0c0c0;
    -webkit-border-radius: 4px;
}
#navigation option{
}

#visual img{
    max-height: 80px;
}

#page_title{
    background:#ffcc66;
}
#page_title h2{
    padding-top: 10px;
    padding-bottom: 10px;
    top: 50%;
    text-align:center;
    color: #000000;
}

#main{
    clear:left;
    overflow:hidden;
    text-align:center;
}

#contents{
    text-align:left;
}

#side{
    display:none;
    text-align:left;
}

#footer{
    margin: 10px 0 0 0;
    padding: 10px 0;
    text-align:left;
    border-top: 1px solid #ccc;
    background-color:#ffcc66;
}
#footer ul{
    margin: 0 5px 0 5px;
}
#footer a{
    color:#0000ff;
    font-size:12px;
}
#footer li{
    display:inline;
    padding:2px;
}
#footer .copy{
    text-align: center;
    margin-top: 10px;
}

#more {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}
#more div {
}
#more a {
    margin: 0 5px 0 0;
    padding: 5px 35px 5px 35px;
    width: 100px;
    color: #333;
    -webkit-border-radius: 6px;
    text-shadow: #fff 1px 1px 1px;
    text-decoration: none;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(#fff),
        color-stop(0.5, #eee),
        to(#eee));
    border: 1px solid #c0c0c0;
}

/* モジュール ------------------------------------ */
div.module {
}

/* 見出し */
div.module h3{ 
    text-align:center;
    width: 100%;
    background: -webkit-gradient(linear,left top, left bottom,
        from(#ffffff),
        to(#cccccc)
    );
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 7px 0;
    margin: 5px 0 5px 0;
}

div.module h4{
    text-align:left;
    margin: 3px 3px 5px 5px;
    padding: 0 0 0 2px;
    font-size: 105%;
    border-left: solid 6px #ff6600;
}

/* テーブル */
div.module table{
    margin: 3px 10px 3px 10px;
    border-collapse:collapse;
}
div.module table th,
div.module table td{
    padding:2px 0.3em;
    border: 1px solid #ff6600;
    text-align:left;
    font-size:inherit;
    font-weight:normal;
}
    div.module table th{
        width:30%;
        background:#ffcc66;
    }
    div.module table td{
        color:inherit;
    }

/* 問い合わせフォーム */
div.module form.inquiry{
    text-align: center;
    margin: 0 0 3px 0;
}
form.inquiry dt{
    font-size:90%;
}
form.inquiry dd{
    padding:0.4em 0 0.8em;
}
form.inquiry dd{
    padding-left:0;
}
form.inquiry dd input,
form.inquiry dd textarea{
    width:80%;
}
form.inquiry input[type="submit"]{
    width: 80%;
    line-height: 20px;
    background: -webkit-gradient(linear, left top, left bottom, 
        from(#fc850d), 
        to(#ffca56));
    border: 1px #f27300 solid;
    color: #fff;
    -webkit-border-radius: 10px;
    text-shadow: 1px 2px 3px #c45c00;
}

/* テキスト */
div.module div.text{
    margin: 5px 10px 5px 10px;
}

/* RSS */
div.module ol.rss{
    border-top: 1px solid #000;
}
ol.rss li{
    border-bottom: 1px solid #000;
    margin: 5px 0px 5px 0px;
    background:#fff;
}

ol.rss h4{
    border: none;
    background: none;
    text-align: left;
}
ol.rss h4 a{
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}
ol.rss h4 span{
    width: 100%;
    font-size:60%;
    font-weight:normal;
    color:#000000;
}
#container ol.rss h4 a,
#container ol.rss h4 a:hover,
#container ol.rss h4 a:visited{
    font-size:100%;
    color:#0000ff;
    font-weight:normal;
}
#contents ol.rss div{
    padding:0.2em 0 0.8em 0.5em;
}
#side ol.rss div{
    padding:0.1em 0 0.6em 0;
}

/* サイトマップ */
div.module ul.sitemap{
    margin: 5px 10px 5px 10px;
    list-style-type:square;
    padding-left:1.3em;
    color:#437e9e;
}
div.module ul.sitemap li{
    line-height:170%;
}
#container div.module ul.sitemap li a{
    color:#0000ff;
}

div.module div.article {
    clear:both;
    margin: 10px 10px 5px 10px;
}
div.module img.article {
    max-width: 95%;
    margin: 10px 10px 5px 10px;
}

/* イメージ */
div.module div.image {
    margin: 10px 10px 5px 10px;
}
div.module div.image img{
    max-width: 95%;
}

/* 複数イメージ */
div.module div.image_list {
    margin: 10px 10px 5px 10px;
}
div.module div.image_list img {
    margin: 0;
    max-width: 100%;
}

/* google map */
div.map {
    text-align:center;
    width: 200px;
    height: 200px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 友達紹介 */
div.module a img {
    margin-left: 10px;
}

/* blog記事 */
div.module div.post {
    margin: 10px 10px 5px 10px;
}

/* clearfix ------------------------------------ */
.module:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.module {
  min-height: 1px;
}

* html .module {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* user interface ---------------------------------------- */
#flips-ui-overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:transparent url(/css/images/ui/overlay-trans.png);
}

.flips-ui-dialog{
	display:none;
}
.flips-ui-dialog-wrap{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:101;
	border:#cfccc7 1px solid;
}
	.flips-ui-dialog-content{
		padding:14px 36px 14px 20px;
		border:#fff 8px solid;
		background-color:#f8f7e8;
	}
		.flips-ui-dialog-content p{
			line-height:170%;
		}
	.flips-ui-dialog-text{
		margin:10px 0 20px;
	}
	.flips-ui-dialog-button-close{
		position:absolute;
		top:15px;
		right:15px;
		width:21px;
		height:21px;
		background:transparent url(/css/images/ui/button-close.png);
		cursor:pointer;
	}
	.flips-ui-button{
		margin-right:16px;
		padding:0.3em 0.7em;
		background:#f0ece2;
		color:#9c937f;
		cursor:pointer;
	}