@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	border: none;
}
img {
	vertical-align: top;
}


/* 基本
---------------------------------------------*/
html:\66irst-child body { font-size: 66%;}
body { color: #3C3C3C; font-size: 72%; *font-size: 69%; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

img { vertical-align: top;}



/* リンク色
---------------------------------------------*/
a { color: #3C3C3C; text-decoration: underline;}
a:visited { color: #3C3C3C; text-decoration: underline;}
a:hover, a:focus { color: #3C3C3C; text-decoration: none;}
a:active { color: #3C3C3C; text-decoration: none;}

a:hover img,a:focus img { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
a:active img { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


.twitter_li a { color: #FFFFFF; text-decoration: underline;}
.twitter_li a:visited { color: #FFFFFF; text-decoration: underline;}
.twitter_li a:hover, .twitter_li a:focus { color: #FFFFFF; text-decoration: none;}
.twitter_li a:active { color: #FFFFFF; text-decoration: none;}

.twitter_footer a { color: #3C3C3C; text-decoration: underline;}
.twitter_footer a:visited { color: #3C3C3C; text-decoration: underline;}
.twitter_footer a:hover, .twitter_footer a:focus { color: #3C3C3C; text-decoration: none;}
.twitter_footer a:active { color: #3C3C3C; text-decoration: none;}

#te_bg a { color: #003399; text-decoration: underline;}
#te_bg a:visited { color: #003399; text-decoration: underline;}
#te_bg a:hover, #te_bg a:focus { color: #003399; text-decoration: none;}
#te_bg a:active { color: #003399; text-decoration: none;}

#f_navi a { color: #3C3C3C; text-decoration: none;}
#f_navi a:visited { color: #3C3C3C; text-decoration: none;}
#f_navi a:hover, #f_navi a:focus { color: #3C3C3C; text-decoration: underline;}
#f_navi a:active { color: #3C3C3C; text-decoration: underline;}

#blog_next a { color: #000000; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}
#blog_next a:visited { color: #000000; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}
#blog_next a:hover, #blog_next a:focus { color: #FFFFFF; background-color:#003399; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}
#blog_next a:active { color: #FFFFFF; background-color:#003399; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}
.bn_on a { color: #FFFFFF; background-color:#003399; text-decoration: none; border:1px solid #C8C8C8; padding:5px;}

#pdf_link a { color: #FFFFFF; background-color:#5270a9; text-decoration: none; border:1px solid #C8C8C8; padding:2px;}
#pdf_link a:visited { color: #FFFFFF; background-color:#5270a9; text-decoration: none; border:1px solid #C8C8C8; padding:2px;}
#pdf_link a:hover, #blog_next a:focus { color: #FFFFFF; background-color:#777777; text-decoration: none; border:1px solid #C8C8C8; padding:2px;}
#pdf_link a:active { color: #FFFFFF; background-color:#777777; text-decoration: none; border:1px solid #C8C8C8; padding:2px;}

.link_blue a { color: #446496; text-decoration: none;}
.link_blue a:visited { color: #446496; text-decoration: none;}
.link_blue a:hover, .link_blue a:focus { color: #446496; text-decoration: underline;}
.link_blue a:active { color: #32A4E1; text-decoration: underline;}

.sit_title a { color: #003399; text-decoration: none; font-weight:bold;}
.sit_title a:visited { color: #003399; text-decoration: none; font-weight:bold;}
.sit_title a:hover, .sit_title a:focus { color: #003399; text-decoration: underline; font-weight:bold;}
.sit_title a:active { color: #003399; text-decoration: underline; font-weight:bold;}

.sit_txt a { color: #3C3C3C; text-decoration: none;}
.sit_txt a:visited { color: #3C3C3C; text-decoration: none;}
.sit_txt a:hover, .sit_txt a:focus { color: #3C3C3C; text-decoration: underline;}
.sit_txt a:active { color: #3C3C3C; text-decoration: underline;}


/* 文字間 設定
---------------------------------------------*/
#main p { line-height: 1.6;}
#main_b p { line-height: 1.8;}
#side p { line-height: 1.6; }
#side_b p { line-height: 1.6; }
#side_c p { line-height: 1.6; }
#footer p { line-height: 1.8;}
p { *letter-spacing:0.1em;}
#main_c p { line-height: 1.8;}

/* 文字大きさ 設定
---------------------------------------------*/
#main p { font-size:113%; *font-size:110%;}
#main_b p { font-size:113%; *font-size:110%;}
#main_c p { font-size:123%; *font-size:120%;}
#side p { font-size:113%; *font-size:110%;}
#side_b p { font-size:123%; *font-size:120%;}
#side_c p { font-size:113%; *font-size:110%;}
.bcj { font-family:Arial; font-weight:bold;}
#tn_time { color:#003399;}
.twitter_li { color:#FFFFFF;}
.twitter_footer { color:#3C3C3C}
h3 { font-size:113%;}
.f_pdf { font-size: 85%; *font-size: 93%;}
.copyright { font-size: 85%; *font-size: 93%;}
.n_title { font-size:123%; font-weight:bold; color:#003399;}
.px18 { font-size:167%; font-weight:bold;}
.px16 { font-size:138.5%; font-weight:bold;}
.px15 { font-size:123%; font-weight:bold;}
.px14 { font-size:113%; font-weight:bold;}
.px13 { font-size:113%;}
.px11 { font-size: 93%;}
.px10 { font-size: 85%;}
.sit_title { font-size:113%;}
.re_title { font-size:138.5%; font-weight:bold; color:#003399;}
.re_place { font-size:138.5%; font-weight:bold;}
.mark { font-size: 60%; *font-size: 70%;}


/* レイアウト
---------------------------------------------*/
#wrapper { margin: 0 auto; width:1000px; background-color:#FFFFFF;}
#header { width: 950px; margin: 0 auto; position: relative; padding-top:22px;}
#contents { width: 950px; margin: 0 auto;  position: relative; background-color:#FFFFFF; padding:0 0 13px 0;}
#main { float:left; width: 537px; padding:30px 42px 0 0;}
#side { float:left; width: 371px; padding:30px 0 0 0;}
#sentence { padding-bottom:36px;}
#main_b { float:left; width: 240px; padding:30px 42px 0 0;}
#side_b { float:left; width: 668px; padding:30px 0 0 0;}
#side_c { float:left; width: 668px; padding:30px 0 0 0;}
#main_c { width: 950px; padding:30px 0 0 0;}
#navi { width: 965px; margin: 0 auto;  position: relative;}

#page_top { width: 950px; margin: 0 auto; position: relative; padding:44px 0 0 0;}

#footer { width: 950px; margin: 0 auto; position: relative; border-top:1px solid #A0A0A0; padding:8px 0 30px 0;}

/* トップ
---------------------------------------------*/
#tn_txt { padding-bottom:3px;}
#top_cal { background-color:#A0A0A0; }
#te_title { background-color:#FFFFFF; padding:1px;}
#te_bg { background-color:#FFFFFF; padding:7px; vertical-align:top; min-height:56px;}
#te_bg02 { background-color:#FFFFFF; vertical-align:middle;}

#te_report { width:367px; border:1px solid #A0A0A0; padding:1px;}
#te_r_txt { border-bottom:1px solid #A0A0A0; padding-bottom:5px}
#te_r_left { float:left; width:118px;}
#te_r_right { float:left; width:223px; padding:15px 15px 15px 11px; }

#top_admission { width:367px; padding:1px; border:1px solid #A0A0A0;}
#ta_bg { background-color:#F5F5F5; width:367px; padding-bottom:10px;}
#ta_txt01 { padding-left:12px; padding-top:18px;}
#ta_txt02 { padding-left:12px; padding-top:12px;}
#ta_txt03 { float:left; padding-left:12px; padding-top:14px;}
#ta_txt04 { float:right; padding-right:10px; padding-top:8px;}


/* Twitter
---------------------------------------------*/
#twitter_div { width:371px; height:215px; overflow: auto; background-color:#828282;}
.twitter_li { padding:11px; border-bottom:1px solid #FFFFFF;}
#twitter_left { float:left; width:48px; padding-right:11px;}
#twitter_right { float:left; width:270px;}

#tw_left { float:left; width:374px; padding-right:40px;}
#tw_right { float:left; width:536px;}


/* リンク
---------------------------------------------*/
#link01 { padding-left:135px; padding-right:95px;}
#link01 li { float:left; width:200px;}
#link02 { padding-right:40px;}
#link03 { width:198px; border:1px solid #A0A0A0; padding-top:20px; padding-bottom:10px;}
.li_01 {}
.li_02 { padding:1px 0 1px 0;}
.li_03 { padding:6px 0 7px 0;}
.li_04 { padding:14px 0 14px 0;}
.li_05 { padding:5px 0 5px 0;}
.li_06 { padding:1px 0 1px 0;}
.li_space { padding-top:15px}

.link_b01 { border:1px solid #A0A0A0; padding:15px;}
#link_b02 { border-bottom:1px solid #A0A0A0; padding-bottom:5px}
#link_blog p { font-size:113%; *font-size:110%;}
#link_blog p { line-height: 1.6;}

/* サイトマップ
---------------------------------------------*/
#sit_left { float:left; width:145px;}
#sit_right { float:right; width:784px; border-left:1px solid #A0A0A0; padding-left:20px;}
#sit01 { padding:10px 0 0 20px;}

/* お問い合わせ
---------------------------------------------*/
#con_left01 { float:left;}
#con_right01 { float:right;}


/* プライバシーポリシー
---------------------------------------------*/
#pri01 li {list-style-type:decimal; margin-left:20px;}
#pri01 { padding-left:20px;}
#pri02 li { float:left; padding-bottom:5px;}
#pri_li01 { width:15px; padding-left:20px;}
#pri_li02 { width:815px;}


/* 入会のご案内
---------------------------------------------*/
#ad_left { float:left; width:316px;}
#ad_right { float:left; width:316px; padding-left:36px;}
#ad01 { float:left; width:218px;}
#ad02 { float:left; width:218px; padding-left:28px;}
#ad03 { float:left; padding-left:10px; width:190px;}
#ad04 { float:left; width:478px;}
#ad05 { float:left; padding-left:20px; width:170px;}


/* 概要
---------------------------------------------*/
#out_box table { border-left:1px solid #A0A0A0; border-top:1px solid #A0A0A0; border-collapse: collapse; text-align: left;}
#out_box th { padding:10px; background-color: #F9F9F9; font-weight: normal; vertical-align:top; border-bottom: 1px solid #A0A0A0;}
#out_box td { padding:10px; border-bottom:1px solid #A0A0A0; border-right: 1px solid #A0A0A0;}
#out01 { padding-left:17px;}
#out_left { float:left; width:316px;}
#out_right { float:left; width:316px; padding-left:36px;}
#out_member { background:url(../images/out_illust02.gif); width:315px; height:316px;}


/* レポート
---------------------------------------------*/
#re_left { float:left; }
#re_right { float:right; }


/* ヘッダー
---------------------------------------------*/
#logo { padding-top:41px;}
#h_left { float:left; padding-bottom:21px;}
#h_right { float:right; padding-bottom:21px;}
#h_side { padding-top:13px;}
#h_side a { padding-left:10px;}


/* フッター
---------------------------------------------*/
#pt_right { padding-right:15px;}

#f_left { float:left;}
#f_right { float:right; width:360px;}
.f_pdf { padding-left:50px;}
.license { padding-top:36px;}
#f_navi { padding-bottom:19px; border-bottom:1px solid #A0A0A0;}


/* スペース
---------------------------------------------*/
.title_space { padding-top:32px;}
.title_space02 { padding-top:45px;}
.title_space03 {  padding-top:25px;}
.title_space04 {  padding-top:36px;}

.txt_space { padding-top:10px;}
.txt_space02 { padding-top:10px; padding-bottom:10px;}
.txt_space03 { padding-top:20px;}
.txt_space04 { padding-top:5px;}
.txt_space05 { padding-bottom:20px;}
.txt_space06 { padding-top:15px;}


/* パンくずリスト
---------------------------------------------*/
#path_list { padding-top:8px;}


/* img設定
---------------------------------------------*/
#path_list img { vertical-align: middle;}
#pagetop img { vertical-align: middle;}
#case_right img { vertical-align: middle;}


/* メニュー
---------------------------------------------*/
#navi { }

#globalNavigation li { float:left;}
#globalNavigation li a { display: block; text-decoration: none; text-indent: -9999px; height: 48px; overflow:hidden;}

#gn01 a { width: 88px; background: url("../images/menu01.gif") top left no-repeat;}
#gn02 a { width: 80px; background: url("../images/menu02.gif") top left no-repeat;}
#gn03 a { width: 120px; background: url("../images/menu03.gif") top left no-repeat;}
#gn04 a { width: 120px; background: url("../images/menu04.gif") top left no-repeat;}
#gn05 a { width: 120px; background: url("../images/menu05.gif") top left no-repeat;}
#gn06 a { width: 120px; background: url("../images/menu06.gif") top left no-repeat;}
#gn07 a { width: 115px; background: url("../images/menu07.gif") top left no-repeat;}
#gn08 a { width: 115px; background: url("../images/menu08.gif") top left no-repeat;}
#gn09 a { width: 87px; background: url("../images/menu09.gif") top left no-repeat;}

#gn01.gn_on a { width: 88px; background: url("../images/menu01.gif") top left no-repeat; background-position: 0 -48px;}
#gn02.gn_on a { width: 80px; background: url("../images/menu02.gif") top left no-repeat; background-position: 0 -48px;}
#gn03.gn_on a { width: 120px; background: url("../images/menu03.gif") top left no-repeat; background-position: 0 -48px;}
#gn04.gn_on a { width: 120px; background: url("../images/menu04.gif") top left no-repeat; background-position: 0 -48px;}
#gn05.gn_on a { width: 120px; background: url("../images/menu05.gif") top left no-repeat; background-position: 0 -48px;}
#gn06.gn_on a { width: 120px; background: url("../images/menu06.gif") top left no-repeat; background-position: 0 -48px;}
#gn07.gn_on a { width: 115px; background: url("../images/menu07.gif") top left no-repeat; background-position: 0 -48px;}
#gn08.gn_on a { width: 115px; background: url("../images/menu08.gif") top left no-repeat; background-position: 0 -48px;}
#gn09.gn_on a { width: 87px; background: url("../images/menu09.gif") top left no-repeat; background-position: 0 -48px;}

#globalNavigation a:hover, #globalNavigation a:active, #globalNavigation a.selected { background-position: 0 -48px;}




/* ページトップ
---------------------------------------------*/
#pagetop { padding-top:21px;}

/* クリア
---------------------------------------------*/
.c-both { clear:both; height:0px; font-size:0px; line-height:0%; }

/* テキスト装飾
---------------------------------------------*/
.important { font-weight:bold; font-size:100%;}
.important02 { font-weight:bold; font-size:150%;}
.important03 { font-weight:bold; font-size:116%;}
.title { font-size:115%;}
.line { padding:5px 0 5px 0;}
.img_bottom img { vertical-align: bottom;}
.img_mid img { vertical-align: middle;}
.img_top img { vertical-align: top;}

.m_0 { margin:0 0 0 0;}
.border_btm { border-bottom:1px solid #C8C8C8;}
.border_b { border-bottom:1px solid #C8C8C8;}
.border_r { border-right:1px solid #C8C8C8;}
.border_l { border-left:1px solid #C8C8C8;}


.float_l {float:left;}
.float_r {float:right;}

.img_right { float:right; padding:0 0 0 35px;}
.img_left { float:left; padding:0 11px 0 0;}
.img_left02 { float:left; padding:0 30px 0 0;}
.img_waku {  padding:2px 2px 2px 2px; border:1px solid #CCCCCC;}
.form { border:1px solid #C8C8C8; padding:5px 5px 5px 5px}
.form_space {padding-top:5px;}

.lh80 { line-height:80%; }
.lh100 { line-height:100%; }
.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.p_b_50 { padding-bottom:50px;}
.p_b_30 { padding-bottom:30px;}
.p_b_20 { padding-bottom:20px;}
.p_b_15 { padding-bottom:15px;}
.p_b_10 { padding-bottom:10px; }
.p_b_8 { padding-bottom:8px; }
.p_b_3 { padding-bottom:3px; }
.p_b_5 { padding-bottom:5px; }
.p_t_8 { padding-top:8px; }
.td_ph10ps5 { padding:10px 5px 10px 5px; }
.pad5 { padding:5px 5px 5px 5px; }
.p_b_5 { padding-bottom:5px; }
.p_10 { padding:10px; }
.p_8 { padding:8px; }
.p_5 { padding:5px; }
.p_0 { padding:0px; }
.p_t_2 { padding-top:2px; }
.p_t_5 { padding-top:5px; }
.p_t_10 { padding-top:10px; }
.p_t_15 { padding-top:15px; }
.p_t_20 { padding-top:20px; }
.p_t_25 { padding-top:25px; }
.p_l_5 { padding-left:7px; }
.p_l_7 { padding-left:7px; }
.p_l_9 { padding-left:7px; }
.p_l_10 { padding-left:10px; }
.p_l_14 { padding-left:14px; }
.p_l_15 { padding-left:15px; }
.p_l_20 { padding-left:20px; }
.p_l_30 { padding-left:30px; }
.p_l_40 { padding-left:40px; }
.p_l_70 { padding-left:70px; }
.p_l_80 { padding-left:80px; }
.p_r_5 { padding-right:10px; }
.p_r_10 { padding-right:10px; }
.p_r_15 { padding-right:15px; }
.p_r_20 { padding-right:20px; }
.p_r_30 { padding-right:30px; }
.p_r_40 { padding-right:40px; }

.bg_white { background-color:#FFFFFF;}
.gray { color:#666666;}
.white { color:#FFFFFF;}
.yellow { color:#ca9933;}
.green { color:#99CC33; }
.blue { color:#003399; }
.blue02 { color:#446496; }
.red { color:#F03C00; }
.pink { color:#D7489C; }
.bld { font-weight:bold;}
.nml { font-weight:normal;}



/* テーブル共通指定
----------------------------------------------- */
#con_form table  {
    margin: 15px 0 0 0;
    border-top: 1px solid #A0A0A0;
    border-left: 1px solid #A0A0A0;
    border-collapse: collapse;
    text-align: left;
}
#con_form table th {
    padding: 10px;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    background-color: #F9F9F9;
    font-weight: normal;
	vertical-align:top;
}
#con_form table td {
    padding: 10px;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
}


/* テキストフィールド
----------------------------------------------- */
 input[type='text'] {
    border: solid 1px #ccc; padding:2px;
}

input[type='password'] {
    border: solid 1px #ccc; padding:2px;
}

/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}


.form_button01 {  background:url(../images/con_submit.gif); width:218px; height:50px;}
.form_button02 {  background:url(../images/con_confirm.gif); width:218px; height:50px;}
.form_button03 {  background:url(../images/con_reset.gif); width:214px; height:50px;}
.form_button04 {  background:url(../images/con_complete.gif); width:110px; height:50px;}

div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#mailfrom_hidden_object input {
	margin: 10px;
}

div.mfp_err {

	color: #FF0000;


}

/* 会員登録
----------------------------------------------- */
 .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}



.area470 {
    width: 700px;
    height: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area660 {
    width: 660px;
    height: 100px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}


#quantity_level li {
    display: inline;
    padding: 3px;
}

/* お問い合わせ
----------------------------------------------- */
 .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box160 {
    width: 140px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

.box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.box300 {
    width: 200px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

.zipimg img {
    margin: 5px 0 0 0;
}


#undercolumn_entry { font-size:100%;}

select { border: solid 1px #ccc;}
option { padding:2px;}

.attention { color: #ff0000; }
.mini { font-size: 90%; }