@charset utf-8;

/* =========================================
リセット用　※編集不可
========================================= */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,dl,form,iframe{
    margin:0;
    padding:0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ul,ol{
	list-style-type:none;
	margin-left: 5%;
}
img, iframe{
    border:none;
}
/* =========================================
リセット用　ここまで
========================================= */


body{
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	background-image: url(http://assets.flips.jp/images/common/design/5057/images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

/**/#container{
    margin:0 auto;
    width:840px;

    text-align:left;

}

/* =========================================
リンク
========================================= */

/**/#container a:link, #container a:visited{
    color:#0B2E59;
	text-decoration:none;
}

/**/#container a:hover, #container a:active{
	text-decoration:underline;
}



/* =========================================
フォント テキストインデント
========================================= */

#top_text h1{
font-size:10px;
font-weight:normal;
color:#333333;
}
.module{
	font-size:12px;
	color:#333333;
	line-height:140%;
}

.text{
	margin-left:5%;
}
.article{
	margin-left:5%;
	margin-right:10px;
}



/* =========================================
ヘッダー
========================================= */


/**/#header{
	height:100px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 5px;
}

    /**/#logo{
	position: absolute;
	top: 4px;
	left: 0px;
	width: 300px;
	height: 50px;
	margin:0;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 24px;
	color: #F38630;
	letter-spacing: 0.1em;
    }
        /**/#logo a:link, #logo a:visited{
            text-decoration:none;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 24px;
	color: #A0C55F;
	letter-spacing: 0.1em;
        }

    /**/#top_text{
	position: absolute;
	top: 65px;
	right: 0px;
	width: 300px;
	line-height:115%;
	margin-bottom:5px;
	left: 0;
	text-align: left;
	font-size: 10px;
    }

    /**/#link{
	position: absolute;
	top: 4px;
	right: 5px;
	width: 420px;
	font-size:12px;
	color:#666666;
	margin-top:3px;
	height: 25px;
	margin-bottom: 3px;
    }

            /**/#link ul {
               text-align:right;
            }
            /**/#link ul li{
                display:inline;
                padding-left:1em;
            }
            /**/#link ul li a:link,#link ul li a:visited{
	margin-left:8px;
	padding:0px 0 5px 18px;
	color:#666666;
	background-image: url(http://assets.flips.jp/images/common/design/5057/images/header_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
            }

/**/#visual{
    width:840px;
    overflow:hidden;
}


/* =========================================
ナビゲーション
========================================= */

/**/#container #navigation{
	position:absolute;
	margin:0;
	clear:both;
	width:522px;
	left: 321px;
	bottom: 10px;
	top: 36px;
	}

#container #navigation ul{
}
#container #navigation li{
	width: 82px;
	z-index:5;
	float:left;
	list-style-type:none;
	margin-top:5px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	position:relative
}

#container #navigation a{

	background-image: url(http://assets.flips.jp/images/common/design/5057/images/navi_board.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color:#666666;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 50px;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

#container #navigation #navigation1 a{
	background-position: 0 0;
	height: 35px;
}
#container #navigation #navigation2 a{background-position: -82px 0;	height: 35px;
}
#container #navigation #navigation3 a{background-position: -164px 0; height: 35px;}
#container #navigation #navigation4 a{background-position: -246px 0; height: 35px;}
#container #navigation #navigation5 a{background-position: -328px 0; height: 35px;}
#container #navigation #navigation6 a{background-position: -410px 0; height: 35px;}


#container #navigation a:hover{
	background-image: url(http://assets.flips.jp/images/common/design/5057/images/navi_board.jpg);
	background-repeat: no-repeat;
	text-decoration:underline;
	color:#FFFFFF;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#container #navigation a:active{
	text-decoration:underline;
	color:#666666;
	margin-top: 5px;
	margin-bottom: 5px;
}

#container #navigation #navigation1 a:hover{background-position: 0 -50px;}
#container #navigation #navigation2 a:hover{background-position: -82px -50px;}
#container #navigation #navigation3 a:hover{background-position: -164px -50px;}
#container #navigation #navigation4 a:hover{background-position: -246px -50px;}
#container #navigation #navigation5 a:hover{background-position: -328px -50px;}
#container #navigation #navigation6 a:hover{background-position: -410px -50px;}





/* =========================================
ページタイトル
========================================= */



/**/#page_title{
	clear:both;
	font-weight:bold;
	color:#FFFFFF;
	height:40px;
	background-color: #000000;
	padding-top: 10px;
	font-size: 18px;
	width: 840px;
}


/**/#page_title h2 {
	font-size:18px;
	padding-left: 25px;
	padding-top: 3px;
}
	



/* =========================================
レイアウト
========================================= */
	
	
/**/#main{
	clear:left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#w_right{
	float:left;
	width:580px;
	padding-left: 5px;
}

#w_left{
	float:right;
	width:240px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #999999;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	padding-left: 10px;
}

    /**/#main #contents{
    }
    /**/#main #side{
	background-color: #F0F0F0;
	padding-right: 5px;
	padding-left: 5px;
	border: thin solid #CCCCCC;
	padding-top: 8px;
    }



/* =========================================
フッター
========================================= */


/**/#footer{
    margin-top:20px;
    padding:15px 0 0 0;
    text-align:center;
	background:url(http://assets.flips.jp/images/common/design/5057/images/fbg1.jpg) no-repeat 0 0;
}
    /**/#footer a{
        color:#333;
        font-size:12px;
    }
    /**/#footer ul{
        height:34px;
    }
	
	
	
    /**/#footer li{
        display:inline;
        padding:2px;
    }
    /**/#footer .copy{
		clear:both;
       	color:#666666;
		padding:15px 0 0 0;
		background:url(http://assets.flips.jp/images/common/design/5057/images/fbg2.jpg) no-repeat center top;
		font-size:12px;
		height:66px;
    }
	
	
/* モジュール ------------------------------------ */
div.module{
    padding-bottom: 18px;
}

/* =========================================
見出し
========================================= */


/**/#contents h3{
	color:#FFFFFF;
	line-height:1.2;
	font-size:18px;
	background-color: #FFFFFF;
	background-image: url(http://assets.flips.jp/images/common/design/5057/images/n_h3.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 26px;
	vertical-align: middle;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	height: 43px;
	font-weight: bold;
}

/**/#side h3{
	color:#FFFFFF;
	height:23px;
	font-weight:bold;
	font-size:14px;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #0D6759;
	border-left-width: 7px;
	border-left-style: groove;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	border-left-color: #0D6759;
	background-color: #333333;
}



/**/#contents h4{
	line-height:1.2;
	color:#0B2E59;
	border-bottom:1px dotted #CCCCCC;
	font-weight:bold;
	font-size:16px;
	margin-left:10px;
	margin-bottom:2px !important;
	padding-top: 2px;
	padding-right: 18px;
	padding-bottom: 2px;
	padding-left: 22px;
	background-image: url(http://assets.flips.jp/images/common/design/5057/images/n_h4.jpg);
	background-repeat: no-repeat;
	background-position: 0 1px;
	
}

/**/#side h4{
	line-height:1.2;
	border-bottom:1px dotted #CCCCCC;
	color:#0B2E59;
	padding:2px 0 2px 18px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:0px !important;
	background-color: #F0F0F0;
	background-image: url(http://assets.flips.jp/images/common/design/5057/images/s_h4.jpg);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}


/* RSS */

#contents h4.rss, #side h4.rss{
	font-size:12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	color: #0B2E59;
	background-image: none;
	background-repeat: no-repeat;
}
ol.rss li span.rss{
color:#333333;
}

ol.rss li div.rss{
margin:2px 0 5px 20px;

}







/* テーブル */
div.module table{
	width:90%;
	border-collapse:collapse;
	border:#91a9b5 1px solid;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5%;
}
    div.module table th,
    div.module table td{
        padding:2px 0.3em;
        border:#91a9b5 1px solid;
        text-align:left;
        font-size:inherit;
        font-weight:normal;
    }
    div.module table th{
	width:30%;
	color:#333;
	background-color: #E0E4CC;
    }
    div.module table td{
        background:#fff;
        color:inherit;
    }

/* 問い合わせフォーム */
div.module form.inquiry{
	margin-left: 5%;
}
    /**/#side form.inquiry dt,
    /**/#contents form.inquiry dt{
	font-weight:bold;
	margin-left:10px;
    }
    /**/#side form.inquiry dd{
        padding:0.4em 0 0.8em;
    }
    /**/#contents form.inquiry dd{
        padding:0.1em 0 0.3em;
    }
    /**/#side form.inquiry dd{
	margin-left: 10px;
    }
    /**/#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%;
    }

/* RSS */


/* サイトマップ */
div.module ul.sitemap{
	list-style-type:square;
	padding-left: 5%;
}
    div.module ul.sitemap li{
        line-height:170%;
    }
    /**/#container div.module ul.sitemap li a{
    }

/* 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;
  /**/
}
/* =========================================
クレジット
========================================= */
#cresit{
    font-size:8px;
    text-decoration:none;
    margin:0 auto;
    text-align:right;
    color:#333333;
}
