@charset "shift_jis";


/* タグ セレクタ
--------------------------------------------------------------------------------------------*/
body{
margin:0;
padding:0;
color:#626262;
font-size:12px;
font-size:80% !important;
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ", "sans-serif" "Arial", "Helvetica", "Verdana",;
background-color:#EFEFEF;
}

a{
margin:0;
padding:0;
color:#3366CC;
}

a:hover {
color: #3366CC; 
text-decoration: none;
}

a:visited {
color: #551A8B; 
}

h1, h2, h3, h4, h5, h6, p, ul, li{
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border:0;
}

hr{
display:none;
}

/* ヘッダ
--------------------------------------------------------------------------------------------*/
#header{
margin-top:25px;
margin-left:auto;
margin-right:auto;
width:760px;
height:90px;
background:url(../public_img/header_bg.gif) no-repeat;
}

#header h1{
margin-top:17px;
margin-left:13px;
}

#logo{
float:left;
width:119px;
}

#home{
float:right;
width:200px;
height:90px;
}
#home p{
margin:24px 0 0 0;
padding:0;
}

.sitemap_bt{
margin:5px 10px 0 0;
text-align:right;
}

.btn {
margin-left:5px;
width: 50px;
height: 20px;
border: none;
}

#header2{
margin-top:25px;
margin-left:auto;
margin-right:auto;
width:760px;
height:90px;
background:url(../public_img/header_bg02.gif) no-repeat;
}

#header2 img{
margin-top:17px;
margin-left:13px;
}


/* コンテナ
--------------------------------------------------------------------------------------------*/
#container{
margin-left:auto;
margin-right:auto;
padding:5px 11px;
width:738px;
text-align:center;
background:url(../public_img/contents_bg.gif) repeat-y;
}


/* ナビゲーション
--------------------------------------------------------------------------------------------*/
#navi{
margin-left:auto;
margin-right:auto;
width:760px;
background:url(../public_img/contents_bg.gif) repeat-y;
}

#navi table{
margin:0 5px;
}


/* コンテンツ
--------------------------------------------------------------------------------------------*/
.join h2, .member h2{
margin:0 0 8px 0;
}

.join{
margin:0 40px 0 0;
width:315px;
text-align:left;
}

.member{
width:317px;
text-align:left;
}
.member p{
margin:0 0 30px 0;
}

.member_mgn{
margin:0 8px 0 0;
}

.contents_under{
margin-left:auto;
margin-right:auto;
width:760px;
height:20px;
background:url(../public_img/footer_bg.gif) no-repeat;
}

#contents_area{
margin:0 auto;
padding:10px;
width:700px;
line-height:140%;
text-align:left;
}

/* 組合案内 
--------------------------------------------------------------------------------------------*/
#contents_area h4{
margin:20px 0 5px 0;
}

#contents_area h5{
font-size:110%;
}

#contents_area dl, dt, dd{
margin:0;
padding:0;
}

#contents_area dt, dd{
padding:0 0 0 10px;
}

#contents_area dt{
margin:10px 0 0 0;
color:#FF5218;
font-size:105%;
font-weight:bold;
} 


.number01{
padding:0 0 5px 25px;
height:50px;
color:#0054AB;
font-size:1.1em;
font-weight:bold;
background:url(../public_img/no_01.gif) no-repeat;
} 

.number02{
padding:0 0 5px 25px;
height:40px;
color:#0054AB;
font-size:1.1em;
font-weight:bold;
background:url(../public_img/no_02.gif) no-repeat;
} 

/* 加入するには
--------------------------------------------------------------------------------------------*/
.about_join{
margin:10px 0;
height:137px;
background:url(../public_img/about_phto08.jpg) 100% 75% no-repeat;
}

.dial{
margin:5px 0 0 10px;
padding:0 0 5px 28px;
font-weight:bold;
background:url(../public_img/bn_care_dial.gif) 0px 2px no-repeat;
}

/* 個人情報リスト
--------------------------------------------------------------------------------------------*/
#contents_area ul{
margin:10px 0 0 30px;
}

#contents_area li{
padding:5px 0;
}
/*
#circle_marklst ul{
margin:0;
padding:0 0 0 13px;
list-style:none;
}
#circle_marklst li{
padding:2px 0 2px 20px;
background:url(../public_img/list_mark01.gif) 0 4px no-repeat;
}
*/
.privacy_add{
padding:10px;
text-align:center;
background:#F0F0F0;
border:1px solid #999999;
}

#privacy_cell table{
width:100%;
border:1px solid #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
background: #FFFFFF;
}

#privacy_cell th, #privacy_cell td {
padding: 3px;
border: 1px solid #CCCCCC;
}
#privacy_cell th{
text-align:center;
background:#E6E6E6;
}

/* お問合せ 
--------------------------------------------------------------------------------------------*/
#form_box input, textarea{
width:250px;
}

#contact_area{
margin:0 auto 20px auto;
padding:10px;
width:508px;
text-align:left;
}

#contact_area, #form_box h3{
color:#993300;
}

#contact_area p{
color:#626262;
}

#form_box{
margin:0 auto;
padding:10px;
width:508px;
text-align:left;
background:url(../public_img/box_bg.gif) repeat-y;
}

.box_hed{
background:url(../public_img/box_header_bg.gif) no-repeat;
}

.box_under{
background:url(../public_img/box_under_bg.gif) no-repeat;
}

.box_hed, .box_under{
margin:0 auto;
width:528px;
height:10px;
}

#form_box .tel{
width: 50px;
}

#form_box .cookie{
width:20px;

}

/* リンク集ページ 
--------------------------------------------------------------------------------------------*/
#useful_link ul{
margin:0 20px;
list-style:none;
}

#useful_link li{
padding:5px 0 5px 20px;
line-height:140%;
color:#626262;
border-bottom:1px dotted #999999;
background: url(../public_img/arrow_org.gif) 0 5px no-repeat;
}

#useful_link ul li p{
font-weight:bold;
}

/* サイトマップ
--------------------------------------------------------------------------------------------*/
#sitemap_area{
text-align:left;
padding:15px;
}

#sitemap_area table{
margin:0 0 0 10px;
}

#sitemap_area th{
padding:10px 0;
width:250px;
text-align:left;
font-weight:normal;
background:url(../public_img/dot_line.gif) bottom repeat-x;
}

#sitemap_area td{
padding:10px 0;
background:url(../public_img/dot_line.gif) bottom repeat-x;
}

/* 鍵マーク(小)*/
.key_01{
padding:0 0 0 20px;
height:17px;
background:url(../public_img/icon_01.gif) 0 2px no-repeat;
}

.key_02{
padding:0 0 0 20px;
height:17px;
background:url(../public_img/icon_02.gif) 0 2px no-repeat;
}

/* 鍵マーク(大)*/
.key_01b{
margin:0;
padding:3px 0 0 29px;
height:25px;
background:url(../public_img/icon_01_l.gif) no-repeat;
}

.key_02b{
margin:0;
padding:3px 0 0 29px;
height:25px;
background:url(../public_img/icon_02_l.gif) no-repeat;
}

/* 空マーク*/
.empty_marklst{
padding:0 0 0 20px;
}

.area_line{
margin:20px 0 30px 0;
border:1px solid #D7D7D7;
}

/* 共有 
--------------------------------------------------------------------------------------------*/
#p_title{
margin:0 auto;
padding:10px;
color:#FF9900;
text-align:left;
}

.p_title02{
font-size:130%;
margin:10px auto;
color:#FF9000;
text-align:left;
}

#form_box .btn_01{
width: 149px;
height: 37px;
border: none;
}

.form_guide{
margin:5px 0 5px 0;
padding:10px;
background-color:#FFF8D5;
}

.more{
margin-top:10px;
padding-right:15px;
font-size:12px;
font-size:85% !important; 
font-weight:bold;
text-align:right;
background:url(../public_img/arrow_blue.gif) 100% 100% no-repeat;
}

.dot_line{
clear:both;
margin:10px 0;
width:100%;
height:5px;
background:url(../public_img/dot_line.gif) repeat-x;
}



/* 上へ戻る
------------------------------------------------------------------------------- */
#up_btn{
margin:0 auto;
padding:10px 0;
text-align:right;
}

#up_btn a{
padding:0 0 0 15px;
background:url(../public_img/arrow_blue02.gif) no-repeat;
}

/* タイトル小見出し
------------------------------------------------------------------------------- */
.midashi{
margin:8px auto;
padding:5px;
color:#823B02;
font-size:14px;
font-weight:bold;
font-size:120% !important; 
text-align:left;
background:#FFF1B0;
}

.midashi_02{
margin:8px auto;
padding:5px;
color:#4872BF;
font-size:14px;
font-weight:bold;
font-size:120% !important; 
text-align:left;
background:#BAE6EB;
}


/* 小文字
-------------------------------------------------------------------------------- */
.txt_s{
font-size:10px;
}

/* 太文字（茶色 ）
--------------------------------------------------------------------------------------------*/
.txt_bro{
color:#823B02;
font-weight:bold;
}

/* 太文字（青色 ）
--------------------------------------------------------------------------------------------*/
.txt_blu{
color:#4872BF;
font-weight:bold;
}

.txt_blu02{
color:#4872BF;
font-weight:bold;
font-size:100%;
}



/* オレンジ
--------------------------------------------------------------------------------------------*/
.txt_org{
color:#FF6600;
}

.txt_org02{
color:#FF5218;
}


/* 赤
-------------------------------------------------------------------------------- */
.txt_aka{
color:#FF0000;
}


/* PDF_アイコン
--------------------------------------------------------------------------------------------*/
.rule_lst{
margin:10px 5px 5px 0; 
padding-left:20px;
height:22px;
text-align:left;
background:url(../public_img/icon_pdf.gif)  no-repeat;
}

/* テーブル用ボーダー
------------------------------------------------------------------------------- */
#cell_line th, #cell_line td{
background:url(../public_img/dot_line.gif) bottom repeat-x;
}


/* エラーボックス(err.tpl)
--------------------------------------------------------------------------------------------*/
#error_box{
margin:15px auto;
padding:10px;
width:518px;
text-align:left;
background: url(../public_img/error_icon.gif) 8px 10px no-repeat #FFCCCC;
border:1px solid #FF0033; 
}

#error_box ul li{
margin:0 10px 0 100px;
line-height:140%;
}

/* フッター
--------------------------------------------------------------------------------------------*/
#footer{
margin-left:auto;
margin-right:auto;
width:760px;
height:55px;
}

.p_btn{
float:left;
}

.copy{
float:right;
text-align:right;
}

/* 余白
--------------------------------------------------------------------------------------------*/
.mr5{
margin:0 5px 0 0;
}

.ml10{
margin:0 0 0 10px;
}

.ml20{
margin:0 0 0 20px;
}

.ml24{
margin:0 0 0 24px;
}

.mt10{
margin:10px 0 0 0;
}

.mt20{
margin:20px 0 0 0;
}

.mtb20{
margin:20px 0;
}

.mb10{
margin:0 0 10px 0;
}

.mb30{
margin:0 0 30px 0;
}

.mgn5{
margin:5px;
}



/* 非表示タグ設定
--------------------------------------------------------------------------------------------*/
.clear{
clear:both;
margin:0;
padding:0;
height:0px;
}

.hide{
display:none;
}

/*PRIVACY_FRAME*/
.privacy_box{
margin:10px 0 5px 0;
}

.policy_area{
width:96%;
height:150px;
}

/*PRIVACYPOLICY
-------------------------------------------------------------------------------- */
.count {
margin:0 0 0 10px;
padding:0;
}
.count  li{
list-style:none;
}

#contents_area li  .count01{
padding:5px 0 5px 20px;
background:url(../public_img/number01.gif) left center no-repeat;
}
#contents_area li .count02{
padding:5px 0 5px 20px;
background:url(../public_img/number02.gif) left center no-repeat;
}
#contents_area li  .count03{
padding:5px 0 5px 20px;
background:url(../public_img/number03.gif) left center no-repeat;
}
#contents_area li .count04{
padding:5px 0 5px 20px;
background:url(../public_img/number04.gif) left center no-repeat;
}
#contents_area li  .count05{
padding:5px 0 5px 20px;
background:url(../public_img/number05.gif) left center no-repeat;
}
#contents_area li .count06{
padding:5px 0 5px 20px;
background:url(../public_img/number06.gif) left center no-repeat;
}

/* テーブル1
-------------------------------------------------------------------------------- */
#t_lay{
margin:0 0 0 50px;
}

#t_lay table{
margin:0 auto;
border: 1px solid #999999;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
background: #FFFFFF;
}

#t_lay th, #t_lay td {
padding: 3px;
border: 1px solid #999999;
}

#t_lay th{
background:#F0F0F0;
}

#t_lay td{
text-align:left;
}

/* DefaultTable01 (2011/1/6)
-------------------------------------------------------------------------------- */
table.defaulttable01{
border-spacing: 0;
empty-cells: show;
border-collapse:collapse;
border:1px solid #999999;
}

table.defaulttable01 th{
padding:5px;
vertical-align:top;
border:1px solid #CCCCCC;
}

table.defaulttable01 td{
padding:5px;
vertical-align:top;
border:1px solid #CCCCCC;
}

.cellcolor01{
background:#FFF6CF;
}

.cellcolor02{
background:#E6E6E6;
}

.sellbg{
background:#F0F0F0;
}


/* TextCenter  (2011/1/6) 
-------------------------------------------------------------------------------- */
.aligncenter{
text-align:center;
}


/* addclass 2010/07/20
-------------------------------------------------------------------------------- */
.formExtxtBox{
padding:10px;
border:1px #FFCCCC solid;
margin-bottom:10px;
}


/* about   (2011/1/6) 
-------------------------------------------------------------------------------- */
#contents_area ol.list01{
margin:0;
padding:0;
}

#contents_area ol.list01 li{
margin:0 0 0 25px;
padding:0 0 5px 0;
}