@charset "utf-8";
/* CSS Document */

/* =========================================
リセット用　※編集不可
========================================= */
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;
}

/* =========================================
リセット用　ここまで
========================================= */

/*--------------------------------------
Reset & Hack
--------------------------------------*/

body,
h1,h2,h3,h4,h5,h6,
code{
color: #333333;
font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
font-size: 12px;
line-height: 1.75;
letter-spacing: 1px;
}


img{
vertical-align: bottom;
}

a:link, a:visited{
color: #0073a9;
outline: 0;
text-decoration: underline;
}
a:hover, a:focus, a:active{
color: #41b3e9;
outline: 0;
text-decoration: underline;
}


table{
border-collapse: collapse;
border-spacing: 0;
}

p.alert {
text-indent: -1em;
margin-left: 1em;
}

*.left {
float: left;
}

*.right {
float: right;
}



/*--------------------------------------
Clearfix
--------------------------------------*/

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

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

.clear{
clear: both;
}

/*--------------------------------------
基本のレイアウト
--------------------------------------*/

body {
min-width: 1000px;
background-color: #F3F2EA;
}


/* ヘッダー ========================= */

#header {
width: 100%;
height: 150px;
background: url(http://www.flips.jp/images/header_bg.gif) left top repeat-x;
}

#header .upper {
width: 970px;
height: 25px;
margin: 0 auto;
padding: 0 15px;
}

#description {
float: left;
width: 600px;
padding: 4px 0 0 0;
}

#description h1 {
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
}

#headerNav {
float: right;
width: 360px;
}

#headerNav ul li {
float: left;
background: url(http://www.flips.jp/images/header_nav_arrow.gif) 15px 7px no-repeat;
padding: 2px 0 0 30px;
}

#headerNav a:link,
#headerNav a:visited {
color: #FFFFFF;
}

#headerNav a:hover,
#headerNav a:focus,
#headerNav a:active{
color: #f78b16;
}

#header .lower {
position: relative;
width: 970px;
height: 125px;
margin: 0 auto;
padding: 0 15px;
}

#logo2 {
position: absolute;
top: 10px;
left: 15px;
width: 230px;
height: 104px;
background: url(http://www.flips.jp/images/header_flips_logo.gif) left top no-repeat;
}

#logo2 a {
display: block;
width: 230px;
height: 104px;
}

#logo2 h2 {
text-indent: -9999px;
}

#memberCounter {
position: absolute;
top: 32px;
left: 275px;
width: 232px;
height: 74px;
background: url(http://www.flips.jp/images/header_member_counter_bg.jpg) left top no-repeat;
}

#memberCounter h3 {
width: 232px;
height: 32px;
background: url(http://www.flips.jp/images/header_member_counter_title.gif) left top no-repeat;
text-indent: -9999px;
}

#memberCounter p.count {
float: left;
width: 122px;
padding: 0 18px 0 0;
font-size: 32px;
font-weight: bold;
letter-spacing: 2px;
line-height: 1;
color: #f67501;
text-align: right;
background: url(http://www.flips.jp/images/header_member_counter_ken.gif) right 12px no-repeat;
}

#memberCounter p.date {
float: right;
width: 85px;
padding: 0;
font-size: 10px;
color: #2d2d2d;
text-align: left;
}

#inquiry {
position: absolute;
top: 10px;
right: 15px;
width: 326px;
height: 68px;	
}

#inquiry p.tel {
float: left;
width: 203px;
height: 68px;
background: url(http://www.flips.jp/images/header_inquiry_tel.gif) left top no-repeat;
text-indent: -9999px;
}

#inquiry p.mail {
float: right;
width: 114px;
height: 55px;
padding: 8px 0 0 0;
}

#inquiry p.mail a {
display: block;
width: 114px;
height: 55px;
text-indent: -9999px;
}

#inquiry p.mail a:link,
#inquiry p.mail a:visited {
background: url(http://www.flips.jp/images/header_inquiry_mail_up.jpg) left top no-repeat;
}

#inquiry p.mail a:hover,
#inquiry p.mail a:focus,
#inquiry p.mail a:active {
background: url(http://www.flips.jp/images/header_inquiry_mail_ov.jpg) left top no-repeat;
}

#iconsH {
position: absolute;
top: 90px;
right: 15px;
height: 24px;
text-align: right;
}

/* グローバルナビ =================== */

#globalNav {
width: 100%;
height: 60px;
background: url(http://www.flips.jp/images/gnav_bg.jpg) left top repeat-x;
}

#globalNav ul {
width: 970px;
height: 60px;
margin: 0 auto;
padding: 0 1px;
background: url(http://www.flips.jp/images/gnav_bg_sep.jpg) left top no-repeat;
}

#globalNav ul li {
float: left;
width: 162px;
height: 60px;
}

#globalNav ul li.m01,
#globalNav ul li.m06 {
width: 160px;
}

#globalNav ul li a {
display: block;
width: 162px;
height: 60px;
text-indent: -9999px;
}

#globalNav ul li.m01 a,
#globalNav ul li.m06 a {
width: 160px;
}

#globalNav ul li.m01 a:link,
#globalNav ul li.m01 a:visited {
background: url(http://www.flips.jp/images/gnav_bt01_up.jpg) left top no-repeat;
}

#globalNav ul li.m01 a:hover,
#globalNav ul li.m01 a:focus,
#globalNav ul li.m01 a:active {
background: url(http://www.flips.jp/images/gnav_bt01_ov.jpg) left top no-repeat;
}

#globalNav ul li.m02 a:link,
#globalNav ul li.m02 a:visited {
background: url(http://www.flips.jp/images/gnav_bt02_up.jpg) left top no-repeat;
}

#globalNav ul li.m02 a:hover,
#globalNav ul li.m02 a:focus,
#globalNav ul li.m02 a:active {
background: url(http://www.flips.jp/images/gnav_bt02_ov.jpg) left top no-repeat;
}

#globalNav ul li.m03 a:link,
#globalNav ul li.m03 a:visited {
background: url(http://www.flips.jp/images/gnav_bt03_up.jpg) left top no-repeat;
}

#globalNav ul li.m03 a:hover,
#globalNav ul li.m03 a:focus,
#globalNav ul li.m03 a:active {
background: url(http://www.flips.jp/images/gnav_bt03_ov.jpg) left top no-repeat;
}

#globalNav ul li.m04 a:link,
#globalNav ul li.m04 a:visited {
background: url(http://www.flips.jp/images/gnav_bt04_up.jpg) left top no-repeat;
}

#globalNav ul li.m04 a:hover,
#globalNav ul li.m04 a:focus,
#globalNav ul li.m04 a:active {
background: url(http://www.flips.jp/images/gnav_bt04_ov.jpg) left top no-repeat;
}

#globalNav ul li.m05 a:link,
#globalNav ul li.m05 a:visited {
background: url(http://www.flips.jp/images/gnav_bt05_up.jpg) left top no-repeat;
}

#globalNav ul li.m05 a:hover,
#globalNav ul li.m05 a:focus,
#globalNav ul li.m05 a:active {
background: url(http://www.flips.jp/images/gnav_bt05_ov.jpg) left top no-repeat;
}

#globalNav ul li.m06 a:link,
#globalNav ul li.m06 a:visited {
background: url(http://www.flips.jp/images/gnav_bt06_up.jpg) left top no-repeat;
}

#globalNav ul li.m06 a:hover,
#globalNav ul li.m06 a:focus,
#globalNav ul li.m06 a:active {
background: url(http://www.flips.jp/images/gnav_bt06_ov.jpg) left top no-repeat;
}


/* document ========================= */

#document {
width: 970px;
margin: 0 auto;
padding: 0 15px;
}

#document #topicPath {
padding: 10px 0 0 5px;
font-size: 10px;
}

#document #topicPath ul li {
float: left;
padding-left: 15px;
line-height: 100%;
background: url(http://www.flips.jp/images/topicpath_arrow.gif) 4px top no-repeat;
}

#document #topicPath ul li.first {
padding-left: 0;
background: none;
}

#document .btTop {
width: 100px;
height: 17px;
margin: 90px 0 10px auto;
}

#document .btTop a {
display: block;
width: 100px;
height: 17px;
text-indent: -9999px;
}

#document .btTop a:link,
#document .btTop a:visited {
background: url(http://www.flips.jp/images/page_top_bt_up.gif) left top no-repeat;
}

#document .btTop a:hover,
#document .btTop a:focus,
#document .btTop a:active {
background: url(http://www.flips.jp/images/page_top_bt_ov.gif) left top no-repeat;
}

/* フッター ========================= */

#footer2 {
width: 100%;
height: 263px;
background: url(http://www.flips.jp/images/footer_bg.jpg) left bottom repeat-x;
}

#footer2 .container {
position: relative;
width: 970px;
height: 263px;
margin: 0 auto;
}

#footNav {
position: absolute;
left: 0;
top: 25px;
width: 600px;
}

#footNav li {
padding-top: 5px;	
}

#footNav li a:link,
#footNav li a:visited {
color: #cbc6c1;
}

#footNav li a:hover,
#footNav li a:focus,
#footNav li a:active {
color: #908d8a;
}

#footNav .navSet01,
#footNav .navSet02,
#footNav .navSet03 {
float: left;	
}

#footNav .navSet01 {
width: 260px;
}

#footNav .navSet01 ul.left {
float: left;
width: 120px;
}

#footNav .navSet01 ul.right {
float: right;
width: 100px;
}

#footNav .navSet02 {
width: 150px;
padding: 0 0 0 35px;
}

#footNav .navSet03 {
width: 90px;
padding: 0 0 0 35px;
}

#footNav .navSet01 h3,
#footNav .navSet02 h3,
#footNav .navSet03 h3 {
color: #f6f3a4;	
}

#footNav .navSet01 h3 {
width: 260px;
}

#iconsF {
position: absolute;
right: 0;
top: 25px;
}

#companyLogo {
position: absolute;
right: 0;
top: 72px;
width: 234px;
height: 44px;
}

#companyLogo a {
display: block;
width: 234px;
height: 44px;
background: url(http://www.flips.jp/images/footer_company_logo.jpg) left top no-repeat;
text-indent: -9999px;
}

#copyright {
position: absolute;
left: 0;
bottom: 20px;
}	

#copyright p {
font-size: 10px;
color: #696159;
}	

.formError {
color: red;
font-weight: bold;
}

/*--------------------------------------
2カラム用のレイアウト
--------------------------------------*/

/* document ========================= */

#document .container {
margin: 10px 0 0;
}

#docmain0 {
background: url(http://www.flips.jp/images/manual_template_docmain_top.jpg) left top no-repeat;	
}

#docmain {
float: right;
width: 694px;
background: url(http://www.flips.jp/images/2c_main_bg.gif) center top repeat-y;
}

#editmain {
width: 630px;
margin: 25px 32px 0;
font-size: 14px;
}

#docside {
float: left;
width: 258px;
}

#editside {
width: 240px;
margin: 25px 16px 0;
font-size: 14px;}


	
/* モジュール ------------------------------------ */
div.module{
    padding-bottom: 15px;
}

/* =========================================
ページタイトル
========================================= */

/**/#page_title{
    clear:both;
    height:103px;
	width:625px;
    padding-left:0px;
    font-weight:bold;
	text-align:left;
    font-size:18px;
    color:#000;
	background:url(http://www.flips.jp/images/manual_template_title.jpg) no-repeat left center;
}
/**/#page_title h2{
    padding-top:25px;
    padding-left:20px;
}


/* =========================================
見出し
========================================= */

/**/#editmain h3{
    line-height:1.2;
    color:#000;
    background:#ededed;
    padding:14px 0 15px 15px;
	margin-top:10px;
}

/**/#editside h3{
    line-height:1.2;
    color:#000;
    background:url(http://www.flips.jp/images/manual_template_s_h3.jpg) no-repeat left top;
    padding:5px 0 5px 5px;
    font-weight:normal;
	margin-top:10px;
}

/**/#editmain h4{
	width: 607px;
	height: 56px;
	padding: 0 0 0 18px;
	background:url(http://www.flips.jp/images/2c_header_bg.jpg) no-repeat left center;
    color:#000;
    font-weight:bold;
    margin-left:5px;
    margin-bottom:0px !important;
}


/**/#editside h4{
    line-height:1.2;
	background:url(http://www.flips.jp/images/manual_template_n_h4.jpg) no-repeat left center;
    color:#000;
    margin-left:5px;
    padding-left:15px;
    font-weight:normal;
    margin-bottom:0px !important;
	margin-top:5px;
}


/* 文章 */

/**/div.module .text{
    line-height:1.2;
    padding-left:18px;
}

/* 画像 */

/**/div.module .article{
    line-height:1.2;
    padding-left:10px;
    margin:0px 8px 0px 8px;
}



/* RSS */

#editmain h4.rss, #editside h4.rss{
    margin:0 0 0 0 !important;
    padding:2px 0 10px 0 !important;
    font-size:13px;
    color:#fff;
    font-weight:bold;
	background-image:none;
}
#editmain h4.rss {
    margin:0 0 0 15px !important;
}
#editmain ol.rss li span.rss{
	display:block;
	width:80px;
    padding:4px;
	margin-bottom:10px;
    font-size:10px;
    font-weight:normal;
	background:#a3a3a3;
	color:#fff;
}

#editside ol.rss li span.rss{
	display:block;
	width:80px;
    padding:4px;
	margin-bottom:10px;
    font-size:10px;
    font-weight:normal;
	background:#a3a3a3;
	color:#fff;
}

#editside ol.rss li span.rss{
    display:block;
	background:#a3a3a3;
	color:#fff;
}
#editmain ol.rss li div.rss{
    margin:0 0 30px 30px;
}
#editside ol.rss li div.rss{
    margin:0 0 30px 15px;
	line-height:1.2em;
}

/**/#container h4.rss a {
	color:#000;
	background:url(http://assets.flips.jp/images/users/akiyama04/design/17587/images/n_h4.jpg) no-repeat left center;
	padding-left:10px;
}
/**/#editside ol.rss li div.rss a, #editmain ol.rss li div.rss a {
	text-decoration:underline;
	color:#6f6f6f;
}

/* テーブル */
div.module table{
    width:90%;
    border-collapse:collapse;
    border:#a3a3a3 1px solid;
    margin-bottom:10px;
    margin-left:18px;
}
    div.module table th,
    div.module table td{
        padding:4px 0.75em;
        border:#a3a3a3 1px solid;
        text-align:left;
        font-size:inherit;
        font-weight:normal;
    }
    div.module table th{
        width:30%;
        background:#f0f0f0;
        color:#000;
    }
    div.module table td{
        color:#000;
    }


/* 問い合わせフォーム */
#editmain div.module form.inquiry{
    margin-left:15px;
}
#editside div.module form.inquiry{
    margin-left:0;
}
    /**/#editside form.inquiry dt,
    /**/#editmain form.inquiry dt{
        font-weight:bold;
    }
    /**/#editside form.inquiry dd{
        padding:0.4em 0 0.8em;
    }
    /**/#editmain form.inquiry dd{
        padding:0.1em 0 0.3em;
    }
    /**/#editside form.inquiry dd{
        padding-left:0;
    }
    /**/#editside form.inquiry dd input,
    /**/#editside form.inquiry dd textarea{
        width:90%;
    }
    /**/#editmain form.inquiry dd input{
        width:40%;
    }
    /**/#editmain form.inquiry dd textarea{
        width:70%;
    }



/* サイトマップ */
div.module ul.sitemap{
    list-style-type:square;
    padding-left:1.3em;
    margin-left:20px;
}
#editside div.module ul.sitemap{
    margin-left:10px;
}
    div.module ul.sitemap li{
        line-height:170%;
    }
    /**/#editmain 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;
  /**/
}

/* メイン下部ナビゲーション */

#btmNav {
width: 694px;
height: 169px;
margin: 60px 0 0;
padding: 67px 0 0;
background: url(http://www.flips.jp/images/2c_main_bg_bottom.jpg) center bottom no-repeat;
}

#btmEntry {
float: left;
width: 375px;
padding: 0 0 0 30px;
}

#btmEntry h4 {
width: 375px;
height: 80px;
text-indent: -9999px;
background: url(http://www.flips.jp/images/main_btm_entry_title.jpg)left top no-repeat;
}

#btmEntry p.bt {
width: 326px;
height: 48px;
padding: 15px 0 0 24px;
}

#btmEntry p.bt a {
display: block;
width: 326px;
height: 48px;
text-indent: -9999px;
}

#btmEntry p.bt a:link,
#btmEntry p.bt a:visited {
background: url(http://www.flips.jp/images/main_btm_entry_bt_up.jpg) left top no-repeat;
}

#btmEntry p.bt a:hover,
#btmEntry p.bt a:focus,
#btmEntry p.bt a:active {
background: url(http://www.flips.jp/images/main_btm_entry_bt_ov.jpg) left top no-repeat;
}

#btmInquiry {
float: right;
width: 200px;
padding: 0 35px 0 0;
}

#btmInquiry p.tel {
width: 200px;
height: 106px;
text-indent: -9999px;
background: url(http://www.flips.jp/images/main_btm_inquiry_tel.gif) left top no-repeat;
}

#btmInquiry p.mail {
width: 191px;
height: 28px;
padding: 5px 0 0 5px;
}

#btmInquiry p.mail a {
display: block;
width: 191px;
height: 28px;
text-indent: -9999px;
}

#btmInquiry p.mail a:link,
#btmInquiry p.mail a:visited {
background: url(http://www.flips.jp/images/main_btm_inquiry_mail_bt_up.jpg) left top no-repeat;
}

#btmInquiry p.mail a:hover,
#btmInquiry p.mail a:focus,
#btmInquiry p.mail a:active {
background: url(http://www.flips.jp/images/main_btm_inquiry_mail_bt_ov.jpg) left top no-repeat;
}



/* サイド：新規登録 */

#sEntry {
width: 258px;
height: 164px;
background: url(http://www.flips.jp/images/side_entry_bg.jpg) left top no-repeat;
}

#sEntry h4 {
width: 258px;
height: 88px;
background:url(http://www.flips.jp/images/side_entry_title.jpg) left top no-repeat;
text-indent: -9999px;	
}

#sEntry p {
width: 217px;
height: 48px;
padding: 8px 0 0 20px;
}

#sEntry p a {
display: block;
width: 217px;
height: 48px;
text-indent: -9999px;	
}

#sEntry p a:link,
#sEntry p a:visited {
background: url(http://www.flips.jp/images/side_entry_bt_up.jpg) left top no-repeat;
}

#sEntry p a:hover,
#sEntry p a:focus,
#sEntry p a:active {
background: url(http://www.flips.jp/images/side_entry_bt_ov.jpg) left top no-repeat;
}


/* サイド：テストサイト */

#sTestsite {
width: 258px;
height: 164px;
margin: 15px 0 0 ;
background: url(http://www.flips.jp/images/side_testsite_bg.jpg) left top no-repeat;
}

#sTestsite h4 {
width: 258px;
height: 99px;
background:url(http://www.flips.jp/images/side_testsite_title.jpg) left top no-repeat;
text-indent: -9999px;	
}

#sTestsite table {
width: 218px;
margin: 5px 0 0 20px;
}

#sTestsite table tr th {
width: 102px;
height: 24px;
text-indent: -9999px;
}

#sTestsite table tr th.url {
background: url(http://www.flips.jp/images/side_testsite_url.jpg) left top no-repeat;
}

#sTestsite table tr th.pass {
background: url(http://www.flips.jp/images/side_testsite_pass.jpg) left top no-repeat;
}

#sTestsite table tr td.url,
#sTestsite table tr td.pass {
padding: 0 0 0 5px;
vertical-align: middle;
font-size: 10px;
}

#sTestsite table tr td.url a:link,
#sTestsite table tr td.url a:visited {
color: #001bc1;
}

#sTestsite table tr td.url a:hover,
#sTestsite table tr td.url a:focus,
#sTestsite table tr td.url a:active {
color: #495fdf;
}


/* サイド：お客様の声 */

#sVoice {
width: 258px;
margin: 15px 0 0;
}

#sVoice a {
display: block;
width: 258px;
height: 108px;
text-indent: -9999px;
}

#sVoice a:link,
#sVoice a:visited {
background: url(http://www.flips.jp/images/side_voice_bt_up.jpg) left top no-repeat;
}

#sVoice a:hover,
#sVoice a:focus,
#sVoice a:active {
background: url(http://www.flips.jp/images/side_voice_bt_ov.jpg) left top no-repeat;
}


/* サイド：マンガ */

#sManga {
width: 258px;
margin: 15px 0 0;
}

#sManga a {
display: block;
width: 258px;
height: 153px;
text-indent: -9999px;
}

#sManga a:link,
#sManga a:visited {
background: url(http://www.flips.jp/images/side_manga_bt_up.jpg) left top no-repeat;
}

#sManga a:hover,
#sManga a:focus,
#sManga a:active {
background: url(http://www.flips.jp/images/side_manga_bt_ov.jpg) left top no-repeat;
}


/* サイド：マニュアル */

#sManual {
width: 258px;
margin: 15px 0 0;
}

#sManual a {
display: block;
width: 258px;
height: 58px;
text-indent: -9999px;
}

#sManual a:link,
#sManual a:visited {
background: url(http://www.flips.jp/images/side_manual_bt_up.jpg) left top no-repeat;
}

#sManual a:hover,
#sManual a:focus,
#sManual a:active {
background: url(http://www.flips.jp/images/side_manual_bt_ov.jpg) left top no-repeat;
}


/* サイド：パートナー */

#sPartner {
width: 258px;
margin: 15px 0 0;
}

#sPartner a {
display: block;
width: 258px;
height: 51px;
text-indent: -9999px;
}

#sPartner a:link,
#sPartner a:visited {
background: url(http://www.flips.jp/images/side_partner_bt_up.jpg) left top no-repeat;
}

#sPartner a:hover,
#sPartner a:focus,
#sPartner a:active {
background: url(http://www.flips.jp/images/side_partner_bt_ov.jpg) left top no-repeat;
}