html
{
height:100%;
text-align:center;
}

/* すべての要素の設定 */
*
{
margin:0;
padding:0;
text-align:left;
text-align:justify;
text-justify:inter-ideograph;
}

/* body全体の設定 */
body
{
width:100%;
height:100%;
font-size:90%;
line-height:2;
color:#333333;
background:url(../image/bg/back-main.jpg) repeat-x;
text-align:center;
font-family:Osaka,Verdana,sans-serif;
}

/* <p>タグの設定 */
p
{
margin-bottom:1.8em;
}

/* <img>タグの設定 */
img
{
border:none;
}

/* <br>タグの設定 */
br
{
display:block;
}



/* ■■■■■■■■■■■■レイアウト関連■■■■■■■■■■■■ */ 

/* 土台の指定 */
.base
{
width:850px;
height:auto;
margin:auto;
background:url(../image/bg/back-body.jpg) repeat-y;
}

/* ヘッダーの指定（height:130px） */
.header00
{
width:850px;
height:290px;
font-size:12px;
line-height:30px;
background:url(../image/bg/back-top.jpg) no-repeat;
}

/* ヘッダーの指定 */
.header01
{
width:850px;
height:520px;
font-size:12px;
line-height:30px;
background:url(../image/bg/back-top.jpg) no-repeat;
}

/* ヘッダーの指定（height:290px） */
.header01-02
{
width:850px;
height:290px;
font-size:12px;
line-height:30px;
background:url(../image/bg/back-top.jpg) no-repeat;
}

/* ヘッダーテキストの指定（左側） */
.header-text01
{
padding-left:100px;
margin-bottom:0;
color:#eeeeee;
}

/* ヘッダーテキストの指定（ヘッダーナビ部分） */
.header-text02
{
float:right;
padding-right:35px;
margin-bottom:0;
color:#eeeeee;
}

/* ヘッダーの指定（下部） */
.header02
{
clear:both;
width:780px;
height:400px;
margin-left:25px;
}

/* ヘッダータイトルの指定 */
.header-title
{
margin-left:85px;
}

/* ヘッダータイトルの指定 */
.header-link
{
width:350px;
height:50px;
}

/* メインコンテンツの指定 */
.main
{
clear:both;
margin:0 35px;
}

/* コンテンツ部分の指定 */
.contents
{
float:left;
width:468px;
margin:0;
}

/* サイドバーの指定 */
.sidebar
{
float:left;
width:160px;
padding:0 50px 50px 51px;
}

/* フッターの指定 */
.footer
{
padding:1em 0;
text-align:center;
font-size:12px;
color:#666666;
}

/* パンクズリスト */
.breadlink
{
margin:20px 0 20px 85px;
line-height:20px;
}


/* ■■■■■■■■■■■■見出し関連■■■■■■■■■■■■ */ 

/* hxの指定 */
h1,h2,h3,h4,h5
{
clear:both;
margin:2.5em 0 1em 0;
font-family: "メイリオ","ヒラギノ角ゴ Pro W6", "ＭＳ Ｐゴシック", sans-serif !important;
}

/* h1の指定 */
h1
{
margin:0;
text-align:center;
}

/* h1の指定（単独ページ） */
h1.title
{
margin:20px 0;
text-align:center;
}

/* h2の指定 */
h2
{
font-size:20px;
margin-right:60px;
margin-left:60px;
border-bottom:solid 2px #999999;
}

/* コンテンツのh2の指定 */
h2.contents
{
font-size:16px;
margin-bottom:1em;
border-bottom:solid 1px #999999;
}

/* h3の指定 */
h3
{
font-size:18px;
margin-right:50px;
margin-left:50px;
color:#666666;
border-bottom:solid 1px #cccccc;
}

/* コンテンツのh3の指定 */
h3.contents
{
font-size:18px;
margin-bottom:1em;
border-bottom:solid 1px #cccccc;
}

/* メインページのh3の指定 */
h3.main
{
margin:3em 0 1.5em 0;
font-size:18px;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #cccccc;
font-family:'メイリオ';
}

/* よくある質問Ｑの指定 */
.question
{
margin:2.5em 0 1em 0;
line-height:24px;
font-weight:bold;
background:url(../collect/image/hx/question.jpg) no-repeat;
color:#F76B1F;
padding-left:30px;
}

/* よくある質問Ａの指定 */
.answer
{
margin:0 0 2.5em 0;
line-height:24px;
background:url(../collect/image/hx/answer.jpg) no-repeat;
padding-left:30px;
}

/* メリットの見出しの指定 */
.merit
{
margin:4em 0 2em 0;
}

/* サブヘッドの指定 */
.subhead
{
margin:60px 0 40px 0;
text-align:center;
}

/* サブヘッド02の指定 */
.subhead02
{
margin:0 0 40px 0;
text-align:center;
}

/* コンテンツ紹介部分の見出しの指定 */
.icon01
{
color:#666666;
text-indent:1em;
margin-bottom:0;
font-weight:bold;
background:url(../image/list/triangle.jpg) 5px 5px no-repeat;
}

/* 利用禁止の指定 */
.no
{
margin:2.5em 0 1em 0;
line-height:24px;
font-weight:bold;
background:url(../collect/image/hx/no.jpg) no-repeat;
color:#F76B1F;
padding-left:30px;
}



/* ■■■■■■■■■■■■ボックス関連■■■■■■■■■■■■ */ 

/* 本文ボックス（680px） */
.box
{
padding:0 50px;
margin-bottom:3em;
}

/* 本文ボックス（ボーダー有り） */
.box02
{
clear:both;
padding:1em 24px;
margin:1em 80px 2em 80px;
border:solid 1px #cccccc;
}

/* マニュアル用ボックス */
.manual_box
{
clear:both;
padding:35px 44px;
margin:3em 50px 2em 50px;
border:solid 1px #cccccc;
}

/* コンテンツ用ボックス */
.cont_box
{
margin-bottom:3em;
}

/* コンテンツ用ボックス02（ボーダー有り） */
.cont_box02
{
margin-bottom:3em;
padding:1em 2em 0 2em;
border:solid 1px #cccccc;
}

/* メリット用ボックス */
.merit_box
{
padding:0 80px 0 100px;
margin-bottom:3em;
}

/* サービス紹介用ボックス */
.service-box
{
min-height:200px;
padding:130px 250px 0 50px;
margin:0 0 50px 0;
}

/* SSLページ用ボックス */
.ssl-box
{
border:solid 1px #cccccc;
background:#fafafa;
padding:10px 30px 10px 10px;
font-size:12px;
line-height:1.6em;
margin-bottom:2em;
}

/* プロフィール用ボックス */
.profile
{
font-size:13px;
padding:60px 50px 0 50px;
width:auto;
margin:50px 0;
height:260px;
line-height:1.5;
background:url(../collect/image/toppage/profile.jpg) no-repeat;
}

/* リスト用ボックス */
.list_box
{
padding:1em 6em 2em 6em;
}

/* コメント用ボックス */
.comment_box
{
padding:3em 2em;
background:#ffffdd;
margin:2em 0;
border:solid 1px #efefef;
}



/* ■■■■■■■■■■■■リンク関連■■■■■■■■■■■■ */ 

/* 通常時 */ 
a:link
{
color:#0000ff;
text-decoration:underline;
}

/* 訪問済み */ 
a:visited
{
color:#000099;
text-decoration:underline;
}

/* オンマウス時 */ 
a[href]:hover
{
color:#ff0000;
text-decoration:underline;
}

/* クリック時 */ 
a[href]:active
{
color:#ff0000;
text-decoration:underline;
}



/* ■■■■■■■■■■■■グローバルナビ関連■■■■■■■■■■■■ */

/* a:hoverの関係から、ここより上には動かさないこと */ 

/* グローバルナビ全体の指定 */
.navi-base
{
font-weight:normal;
width:780px;
height:40px;
margin:0 35px;
}

/* グローバルナビ個別の指定 */
.navi
{
float:left;
display:block;
width:156px;
height:40px;
line-height:40px;
font-size:12px;
text-align:center;
margin-bottom:0;
}

.navi a:link
{
color:#ffffff;
text-decoration:none;
}

.navi a:visited
{
color:#ffffff;
text-decoration:none;
}

.navi a:hover
{
color:#CAEC62;
text-decoration:none;
}

.navi a:active
{
color:#ffffff;
text-decoration:none;
}

/* ナビゲーション左（通常） */
.left01
{
background:url(../image/navi/left01.jpg);
}

/* ナビゲーション左（オンマウス） */
.left02 a:hover
{
background:url(../image/navi/left02.jpg);
}

/* ナビゲーション中（通常） */
.center01
{
background:url(../image/navi/center01.jpg);
}

/* ナビゲーション中（オンマウス） */
.center02 a:hover
{
background:url(../image/navi/center02.jpg);
}

/* ナビゲーション右（通常） */
.right01
{
background:url(../image/navi/right01.jpg);
}

/* ナビゲーション右（オンマウス） */
.right02 a:hover
{
background:url(../image/navi/right02.jpg);
}



/* ■■■■■■■■■■■■リストタグ関連■■■■■■■■■■■■ */ 

/* <ol>タグの初期設定 */
ol
{
color:#ff0000;
list-style-type:decimal;
list-style-position:outside;
margin-bottom:1.8em;
margin-left:2em;
}

/* <ul>タグの初期設定 */
ul
{
color:#ff0000;
list-style-type:disc;
list-style-position:outside;
margin-bottom:1.8em;
margin-left:2em;
}

/* <ol><ul>タグの太字解除 */
ol.normal,ul.normal
{
font-weight:normal;
}

/* <li>タグの初期設定 */
li
{
text-align:justify;
text-justify:inter-ideograph;
margin-bottom:0.5em;
}

/* <dl>タグの初期設定 */
dl
{
margin-bottom:1.5em;
}

/* <dt>タグの初期設定 */
dt
{
margin:2.5em 0 0.5em 0;
font-weight:bold;
}

/* <dd>タグの初期設定 */
dd
{
margin-bottom:0.5em;
padding-left:1em;
padding-top:0.5em;
line-height:1.5em;
text-align:justify;
text-justify:inter-ideograph;
}

/* リストマークなしの指定 */
ol.none,ul.none
{
list-style-type:none;
list-style-image:none;
}

/* チェックボックスの指定  */
ul.check li,ol.check li
{
list-style-type:none;
list-style-image:none;
padding-left:1.5em;
background:url(../image/list/red-arrow.gif) no-repeat 0em 4px;
}

/* チェックボックス02の指定  */
ul.check02 li,ol.check02 li
{
list-style-type:none;
list-style-image:none;
padding-left:1.5em;
background:url(../image/list/r.gif) no-repeat 0em 7px;
}

/* チェックボックス03の指定  */
ul.check03 li,ol.check03 li
{
list-style-type:none;
list-style-image:none;
margin-left:0em;
padding-left:2.5em;
background:url(../image/list/check_small.jpg) no-repeat 0em 0px;
color:#000000;
font-weight:bold;
}

/* チェックボックス03の指定  */
ul.check03,ol.check03
{
list-style-type:none;
list-style-image:none;
margin-left:0em;
}

/* コンテンツ紹介部分のリストマーク画像の指定  */
ul.list01 li
{
margin-left:-1em;
list-style:none;
background:url(../image/list/right-arrow.jpg) no-repeat 0 4px;
text-indent:1.5em;
font-size:13px;
font-weight:normal;
}



/* ■■■■■■■■■■■■フォント関連■■■■■■■■■■■■ */ 

/*  太字  */
.b
{
font-weight:bold;
}

/*  普通の太さ  */
.normal
{
font-weight:normal;
}

/*  フォント小さめ薄めの指定  */
.font04
{
color:#666666;
font-size:12px;
}

/* フォント（青）の指定 */
.blue
{
color:#0099FF;
}

/* フォント（赤）の指定 */
.red
{
color:#ff0000;
}

/* 下線（破線）の指定 */
.dash
{
border-bottom:dashed 1px #999999;
}

/* text-align:right の指定 */
.tr
{
text-align:right;
}

/* text-align:left の指定 */
.tl
{
text-align:left;
}

/* text-align:center の指定 */
.tc
{
text-align:center;
}

/* text-decoration:none の指定 */
a.none
{
text-decoration:none;
}

/* text-decoration:underline の指定 */
.ul
{
text-decoration:underline;
}

/* 背景色（黄色）の指定 */
.bgcol
{
background:#FFFF95;
}

/* 破線の指定 */
.dotted
{
border-bottom:dotted 2px #ff0000;
}



/* ■■■■■■■■■■■■フォーム関連■■■■■■■■■■■■ */ 

.form01
{
width:100%;
height:18px;
border:solid 1px #cccccc;
font-size:14px;
line-height:18px;
}

.button
{
text-align:center;
cursor:pointer;
}

input
{
vertical-align:middle;
}

/* ラジオボタンの指定 */
.radiobutton
{
margin:0 0.2em 0.2em 0;
}



/* ■■■■■■■■■■■■テーブル関連■■■■■■■■■■■■ */ 

/* <table>タグの基本指定 */
table
{
width:680px;
margin-bottom:2em;
border:none;
border-collapse:separate;
border-spacing:3px;
font-size:90%;
line-height:1.5;
color:#333333;
}

tr
{
border:none;
}

td,th
{
font-weight:normal;
padding: 0.5em;
border:solid 1px #eeeeee;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
line-height:1.3em;
color:#454545;
}

th
{
background:#fefbe1;
color:#333333;
}

textarea
{
overflow:auto;
}

/* １行目の指定 */
.table_top
{
font-weight:bold;
background:#ffd75b;
text-align:center;
}

/* 改行禁止の指定 */
.nowrap
{
white-space:nowrap; 
}

table.none td
{
border:none;
}



/* ■■■■■■■■■■■■矢印関連■■■■■■■■■■■■ */ 

/*  矢印　上 */
a.arrow-up
{
color:#999999;
text-decoration:none;
}

a.arrow-up:hover
{
color:#ff0000;
}



/* ■■■■■■■■■■■■ページの移動■■■■■■■■■■■■ */ 

/* ページの先頭へ */
.pagetop 
{
float:right;
width:auto;
height:16px;
line-height:16px;
background:url(../image/list/up.gif) no-repeat left 0;
margin:3em 0;
text-indent:1.5em;
font-size:12px;
color:#cccccc;
}

/* 前のページに戻る */ 
.pageback
{
float:left;
height:16px;
background:url(../image/list/left.gif) no-repeat left 1px;
margin:3em 0 3em 20px;
text-indent:1.5em;
font-size:12px;
}



/* ■■■■■■■■■■■■ブレット関連■■■■■■■■■■■■ */ 

/* ブレット見出し */
.bullet01
{
color:#ff0000;
line-height:1.5em;
padding-left:1.5em;
background:url(../image/list/red.gif) no-repeat 0em -1px;
}

/* ブレット本文 */
.bullet02
{
line-height:1.5em;
padding-left:1.5em;
margin-bottom:1.5em;
}



/* ■■■■■■■■■■■■マージン＆パディング関連■■■■■■■■■■■■ */ 

/* margin:0 の指定 */
.m0
{
margin:0;
}

/* margin-right:0 の指定 */
.mr0
{
margin-right:0;
}

/* margin-right:1em の指定 */
.mr1
{
margin-right:1em;
}

/* margin-right:2em の指定 */
.mr2
{
margin-right:2em;
}

/* margin-right:3em の指定 */
.mr3
{
margin-right:3em;
}

/* margin-left:1em の指定 */
.ml1
{
margin-left:1em;
}

/* margin-left:2em の指定 */
.ml2
{
margin-left:2em;
}

/* margin-left:3em の指定 */
.ml3
{
margin-left:3em;
}

/* margin-left:4em の指定 */
.ml4
{
margin-left:4em;
}

/* margin-left:5em の指定 */
.ml5
{
margin-left:5em;
}

/*  margin-top:0 の指定 */
.mt0
{
margin-top:0;
}

/* margin-top:1em の指定 */
.mt1
{
margin-top:1em;
}

/* margin-top:2em の指定 */
.mt2
{
margin-top:2em;
}

/* margin-top:3em の指定 */
.mt3
{
margin-top:3em;
}

/* margin-top:4em の指定 */
.mt4
{
margin-top:4em;
}

/* margin-top:5em の指定 */
.mt5
{
margin-top:5em;
}

/* margin-bottom:0 の指定 */
.mb0
{
margin-bottom:0;
}

/* margin-bottom:0.5em の指定 */
.mb05
{
margin-bottom:0.5em;
}

/* margin-bottom:1em の指定 */
.mb1
{
margin-bottom:1em
}

/* margin-bottom:1.5em の指定 */
.mb15
{
margin-bottom:1.5em
}

/* margin-bottom:2em の指定 */
.mb2
{
margin-bottom:2em
}

/* margin-bottom:3em の指定 */
.mb3
{
margin-bottom:3em
}

/* margin-bottom:4em の指定 */
.mb4
{
margin-bottom:4em
}

/* margin-bottom:5em の指定 */
.mb5
{
margin-bottom:5em
}

/* padding:0 の指定 */
.p0
{
padding:0;
}

/* padding-top:1em の指定 */
.pt1
{
padding-top:1em;
}

/* padding-top:2em の指定 */
.pt2
{
padding-top:2em;
}

/* padding-top:3em の指定 */
.pt3
{
padding-top:3em;
}

/* padding-left:1em の指定 */
.pl1
{
padding-left:1em;
}

/* padding-left:2em の指定 */
.pl2
{
padding-left:2em;
}

/* padding-left:3em の指定 */
.pl3
{
padding-left:3em;
}

/* padding-right:1em の指定 */
.pr1
{
padding-right:1em;
}

/* padding-right:2em の指定 */
.pr2
{
padding-right:2em;
}

/* padding-right:3em の指定 */
.pr3
{
padding-right:3em;
}

/* padding-bottom:0 の指定 */
.pb0
{
padding-bottom:0;
}

/* padding-bottom:1em の指定 */
.pb1
{
padding-bottom:1em;
}

/* padding-bottom:2em の指定 */
.pb2
{
padding-bottom:2em;
}

/* padding-bottom:3em の指定 */
.pb3
{
padding-bottom:3em;
}



/* ■■■■■■■■■■■■その他■■■■■■■■■■■■ */ 

/* フッター文字色 */
a.footer02
{
padding:0 0.5em;
border-left:solid 1px #cccccc;
text-align:center;
}

/* clear:both の指定 */
.cb
{
clear:both;
}

/* ※印 の指定 */
.kome
{
text-indent:-1em;
margin-left:1em;
}

/* ※印 の指定（※印に数字が付く場合【例：※1】） */
.kome02
{
list-style-type:none;
list-style-image:none;
text-indent:-1em;
margin-left:3em;
margin-bottom:1em;
padding-right:1em;
}

/* ※印 の指定（その３） */
.kome03
{
text-indent:-1em;
margin-left:2em;
margin-bottom:0;
}

hr
{
background-color:#cccccc;
color:#cccccc;
height:1px;
border:none;
margin:0.5em 0;
}

/* float:leftの指定 */
.fl
{
float:left;
}

/* float:rightの指定 */
.fr
{
float:right;
}

/* 相互リンクのリストタグの指定 */
.sougo
{
float:left;
margin-right:1em;
}



/* ■■■■■■■■■■■■お客さまの声関連■■■■■■■■■■■■ */ 

/* お客さまの声のボックスの指定 */
.voice-box
{
padding:1.5em 2em 1em 2em;
margin:0 50px;
border:solid 1px #cccccc;
background:#ffffee;
}

/* お客さまの声のボックス内の<p>の指定 */
.voice-box p
{
margin-bottom:0.5em;
}

/* お客さまの声の画像の指定 */
.voice-img
{
float:left;
margin:0 20px 1em 0;
}

/* お客様の声用ボックス下のシャドー */
.voice-shadow
{
padding:0;
text-align:right;
margin:0 50px 2em 50px;
}



/* ■■■■■■■■■■■■業務の流れ関連■■■■■■■■■■■■ */ 

/* STEP上部の指定 */
.step-top
{
height:50px;
padding:0 0 0 130px;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
font-weight:bold;
font-size:18px;
}

/* STEP中部の指定 */
.step-body
{
background:url(../collect/image/flow/step-body.jpg);
padding:20px 40px;
}

/* STEP下部の指定 */
.step-bottom
{
background:url(../collect/image/flow/step-bottom.jpg) no-repeat;
height:53px;
}

/* STEP下部の指定 */
.step-bottom00
{
background:url(../collect/image/flow/step-bottom00.jpg) no-repeat;
height:3px;
}



/* ■■■■■■■■■■■■決済関連■■■■■■■■■■■■ */ 

/* 決済画像の指定 */
.order
{
background:url(../collect/image/toppage/order01.jpg) no-repeat;
width:680px;
line-height:16px;
padding:500px 0 18px 250px;
font-size:12px;
margin:0 0 3em 50px;
}



/* ■■■■■■■■■■■■SSLページ関連■■■■■■■■■■■■ */ 

/* sslページのh1の指定 */
.ssl-h1
{
margin:40px 0 40px 0;
}

/* sslページの<ul>の指定 */
.ssl-ul
{
font-weight:normal;
margin-bottom:2em;
}










/* お問い合わせバナーの指定 */
.info
{
clear:both;
display:block;
height:100px;
margin-bottom:1em;
}

/* ナビゲーション左（通常） */
.info01
{
background:url(../image/banner/info01.jpg) no-repeat;
}

/* ナビゲーション左（オンマウス） */
.info02 a:hover
{
background:url(../image/banner/info02.jpg) no-repeat;
}







/* パンくずリスト */
.bread_list
{
font-size:12px;
color:#999999;
margin-bottom:0;
}