@charset "utf-8";
/********CSS基本設定 ********/
body {
margin:0;
padding:0;
text-align:center;
color:  #333;
background-color:#01007E;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
}
#WRAP {
width:850px;
margin:0 auto;
color:#000000;
background-color:#01009a;
}

div,td {
text-align:left;
}
p,pre {
font:14px/20px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}
li {
margin: 0;
}
ol, ul {
margin: 0;
padding:0;
}
select {
display:block;
}
a {
color: #01009a699;
text-decoration: underline;
}
a:hover,
a:active, /* for IE (Keyboard) */
a:focus {/* for Netscape (Keyboard) */
color: #CC0000;
text-decoration: none;
}


/* ----------オリジナル_global_navi---------- */

#gNav_box {
width:850px;
height:40px;
display:block;
float:left;
margin:0 auto;
}

#gNav {
margin: 0;
padding: 0;
list-style-type: none;
height:40px;
z-index:1;
}


#gNav li {
height:40px;
display:block;
float:left;
position: relative;
}

#gNav li a {
text-indent:-9999px;
text-decoration:none;
display:block;
height:40px;
}


#gNav_top{
width:159px;
background:transparent url(image/g_nav.gif) 0px 0px no-repeat;
}

#gNav_top a:hover {
background:transparent url(image/g_nav.gif) 0px -40px no-repeat;
}


#gNav_01{
width:158px;
background:transparent url(image/g_nav.gif) -160px 0px no-repeat;
}

#gNav_01 a:hover {
background:transparent url(image/g_nav.gif) -160px -40px no-repeat;
}

#gNav_02{
width:130px;
background:transparent url(image/g_nav.gif) -320px 0px no-repeat;
}

#gNav_02 a:hover {
background:transparent url(image/g_nav.gif) -320px -40px no-repeat;
}


#gNav_03{
width:133px;
background:transparent url(image/g_nav.gif) -453px 0px no-repeat;
}

#gNav_03 a:hover {
background:transparent url(image/g_nav.gif) -453px -40px no-repeat;
}


#gNav_04{
width:100px;
background:transparent url(image/g_nav.gif) -587px 0px no-repeat;
}

#gNav_04 a:hover {
background:transparent url(image/g_nav.gif) -587px -40px no-repeat;
}


#gNav_05{
width:99px;
background:transparent url(image/g_nav.gif) -688px 0px no-repeat;
}

#gNav_05 a:hover {
background:transparent url(image/g_nav.gif) -688px -40px no-repeat;
}



/********【ヘッダー】*********/
.header {
width : 100%;
text-align : left;
padding-bottom : 5px;
background-color:#01009a;
}
 
h1 {
font-size : 12px;
padding : 0;
float : left;
line-height:16px;
margin: 5px;
color:  #FFF;
} 
#headersite { 
float : right;
font-size:12px;
margin: 5px;
}

#headersite a{ 
color:#FFF;
text-decoration:none;
}

#TOP {
width: 850px;
height:250px;
}


/********【メイン】*********/
#MAINWRAP {
width:850px;
float:left;
margin:0 auto;
background-color:#ffffff;
}
/********【コンテンツ】*********/

#CONTENTS {
display:block;
width:640px;
background-color:#ffffff;
float:left;
}

.con_mar {
padding: 5px 10px 20px 0;
width:580px;
}

#CONTENTS p {
margin: 10px 10px 10px 20px;
font-size: 12px;
}
#CONTENTS li {
margin: 10px 10px 10px 20px;
list-style-type: none;
}

.bg-yell {
font-size: 12px;
line-height: 16px;
background-color: #FFFFCC;
border: 4px outset #CC0000;
}
.order-d {
border: 8px outset #FF9900;
margin: 10px 40px 20px 40px;
}
.order-page {
background-color: #FFFFE6;
border: 4px outset #CC0000;
padding: 0 0 6px 30px;
margin: 0 40px 0 40px;
}
.attention {
background-image: url(image/ba-attention.jpg);
background-repeat: no-repeat;
padding-top: 32px;
margin: 60px 0 0 0;
}
.attention p {
font-size: 12px;
line-height: 15px;
}
.check-wrap {
background-color: #FFEEEE;
border: 4px outset #CC0000;
margin: 10px 40px 20px 40px;
}
.co-wrap {
border: 3px outset #01009a699;
margin: 10px 40px 20px 40px;
}
.check01 {
background-image: url(image/check01.gif);
background-repeat: no-repeat;
background-position: left top;
font-weight: bold;
line-height:30px;
padding-left: 40px;
}
.check02 {
background-image: url(image/check02.gif);
background-repeat: no-repeat;
background-position: left top;
font-weight: bold;
line-height:30px;
padding-left: 40px;
}
#CONTENTS form {
margin: 20px 40px 20px 40px;
padding: 4px 10px 16px 10px;
color: #333333;
border: 4px outset #CC0000;
}
.company {
margin: 10px;
}
.tokutei {
margin: 10px;
}
.tokutei p {
font-size: 12px;
}
.form_left {
float: left;
width: 120px;
text-align: right;
background-color: #EEEEEE;
}
.form_right {
float: left;
}
.pad-t {
padding-top: 20px;
}
#CONTENTS table {
font-size: 16px;
}

.t-t {
background-color: #E1E1E1;
color: #000000;
font-weight: bold;
}


#CONTENTS td {
color: #000000;
border-left:solid 1px #83c105;
border-right:solid 1px #83c105;
}

#CONTENTS th {
color: #333333;
background-color: #ffffff;
}

#CONTENTS_area {
font-size:12px;
line-height:120%;
margin-left:30px;
width: 535px;
}


.CONTENTS_img {
display:block;
}

.CONTENTS_img a{
border:none;
}

.CONTENTS_img a:hover{
border:none;
position:relative;
top:1px;
left:1px;
}


#cts_wide {
display:block;
float:left;
width:850px;
height:auto;
margin-bottom:10px;
background: #ffffff;
}

#cts_wide2 {
display:block;
float:left;
width:850px;
height:auto;
margin-bottom:10px;
background: #ffffff;
}


/*-------- ページ誘導バナー-------- */

#bnrblock {
width:640px;
background-color:#FFF;
float: left;
}

#bnr01 a{
display:block;
width:210px;
color:#F0027F;
background:url(image/bnr_01.gif) no-repeat;
height:65px;
line-height:65px;
text-decoration:none;
text-align:center;
margin:0 auto;
float:left;
}

#bnr01 a:hover{
color:#ffffff; 
background:url(image/bnr_01_ov.gif) no-repeat;
}


#bnr02 a{
display:block;
width:210px;
color:#F0027F;
background:url(image/bnr_02.gif) no-repeat;
height:65px;
line-height:65px;
text-decoration:none;
text-align:center;
margin:0 auto;
float:left;
}

#bnr02 a:hover{
color:#ffffff; 
background:url(image/bnr_02_ov.gif) no-repeat;
}


#bnr03 a{
display:block;
width:210px;
color:#F0027F;
background:url(image/bnr_03.gif) no-repeat;
height:65px;
line-height:65px;
text-decoration:none;
text-align:center;
margin:0 auto;
float:left;
}

#bnr03 a:hover{
color:#ffffff; 
background:url(image/bnr_03_ov.gif) no-repeat;
}


#bnr04 a{
display:block;
width:210px;
color:#F0027F;
background:url(image/bnr_04.gif) no-repeat;
height:65px;
line-height:65px;
text-decoration:none;
text-align:center;
margin:0 auto;
float:left;
}

#bnr04 a:hover{
color:#ffffff; 
background:url(image/bnr_04_ov.gif) no-repeat;
}


#bnr05 a{
display:block;
width:210px;
color:#F0027F;
background:url(image/bnr_05.gif) no-repeat;
height:65px;
line-height:65px;
text-decoration:none;
text-align:center;
margin:0 auto;
float:left;
}

#bnr05 a:hover{
color:#ffffff; 
background:url(image/bnr_05_ov.gif) no-repeat;
}


#bnr06 {
display:block;
width:210px;
color:#F0027F;
background:url(image/bnr_06.gif) no-repeat;
height:65px;
line-height:65px;
text-decoration:none;
text-align:center;
margin:0 auto;
float:left;
}



/*------TOPcontents------*/


#topcon1 {
width:629px;
height:auto;
float:left;
display:block;
margin-left: 5px;
}

#topcon2 {
width:629px;
height:auto;
float:left;
display:block;
margin-top:5px;
margin-left: 5px;
}

#sokuho {
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid;
background:#FFF url(image/maintitle_sokuho.gif) no-repeat top;
color:#333;
padding-top:45px;
padding-bottom:10px;
margin-bottom: 10px;
}


#news {
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid;
background:#FFF url(image/maintitle_news.gif) no-repeat top;
color:#333;
padding-top:45px;
padding-bottom:10px;
}



/*------*メインコンテンツ内お知らせニュース用*------*/
dt {
font-weight:bold;
text-indent:30px;
color:#333;
background:url(image/icon16.gif) no-repeat 10px;
margin: 10px 20px 5px 10px;
line-height:16px;
}

dd {
color:#333;
padding: 0;
margin-top: 10px;
margin-right: 30px;
margin-bottom: 10px;
margin-left: 40px;
}

/*-------- 下層ページ-------- */

#CONTENTSsub {
width:640px;
display:block;
float:left;
background-color:#FFF;
color: #333;
}

#infoarea {
background-color:#E6E6E6;
width:580px;
color:#333;
margin-top:10px;
margin-left:20px;
padding: 10px;
line-height: 1.4em;
display:block;
}

/*-- スケジュール --*/

#schedule {
width:600px;
height:auto;
margin-top: 20px;
margin-left:20px;
margin-bottom:10px;
}

#schedule table {
border:none;
}

#schedule tr {
border:#CCC 1px solid;
color: #666;
}

#schedule th {
background-color:#CCC;
font-size: 12px;
border:none;
color: #666;
}

#schedule td {
font-size:12px;
line-height:1.3em;
border:#CCC 1px solid;
color: #333;
}


/*-- 下層P用 --*/

#situ {
width:600px;
height:auto;
margin-top: 20px;
margin-left:20px;
margin-bottom:10px;
color:#333;
}


#sub {
width:600px;
height:auto;
margin-top: 20px;
margin-left:20px;
padding-right:10px;
margin-bottom:10px;
padding-bottom: 20px;
}

/*  下層P用テーブル設定 */


#sub th {
text-align:center;
 color:#000;
 font-size:10px;
 line-height:1.5em;
 background-color:#FFC;
}

#sub td {
padding:3px;
color:#000;
font-size:12px;
line-height:1.8em;
}




/********【右サイド】*********/
#SIDE {
width:203px;
height:auto;
float:right;
display:block;
background-color:#FFF;
margin-top:7px;
margin-right:3px;
}

#SIDE2 {
width:203px;
height:auto;
float:right;
display:block;
background-color:#FFF;
margin-right:3px;
}


#sidetitle01 {
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid;
background:url(image/sidetitle_01.gif) no-repeat top #FFF;
color:#333;
padding-top:45px;
padding-bottom:5px;
margin-bottom:10px;
}

#sidetitle01 img{
text-align:center;
margin-left:12px;
margin-bottom: 5px;
}

#sidetitle01 ul {
margin: 3px 0 3px 12px;
}

#sidetitle01 li {
list-style:none;
line-height:1.5em;
font-size:12px;
}


#sidetitle02 {
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid;
background:url(image/sidetitle_02.gif) no-repeat top #FFF;
color:#333;
padding-top:45px;
padding-bottom:10px;
height: auto;
}

.loginform {
width:180px;
height:auto;
padding:6x;
line-height:1.8em;
text-align:right
}


/********【フッター】*********/
#FOOTER1 {
background-color:#01009a;
}

#FOOTER1 a{
color: #FFF;
}

#FOOTER1 p {
font-size:12px;
line-height:16px;
padding: 10px 10px 10px 0;
margin: 0;
}
#FOOTER2 {
text-align: center;
padding: 10px 0 10px 0;
color: #FFFFFF;
background-color: #01009a;
}
#FOOTER2 p {
font-size:12px;
line-height:12px;
margin: 0;
}
.pwd {
font-size:9px;
line-height:12px;
}
#FOOTER2 a {
color: #FFFFFF;
background-color: #01009a;
text-decoration: none;
}
#FOOTER2 a:hover,
#FOOTER2 a:active, /* for IE (Keyboard) */
#FOOTER2 a:focus {/* for Netscape (Keyboard) */
text-decoration: underline;
}
/**** フロートボックス解除用。htmlでは<br class="clear" />で使用 ****/
.clear {
clear:both;
}
/**** テキスト用 ****/
em {
font-style: normal;
font-weight: bold;
}
.bld {
font-weight: bold;
}
.sml {
text-decoration: line-through;
}
.u {
text-decoration: underline;
}
.f9 {
font-size: 9px;
line-height:12px;
}
.f10 {
font-size: 10px;
line-height:12px;
}
.f11 {
font-size: 11px;
line-height:12px;
}
.f12 {
font-size: 12px;
line-height:14px;
}
.f12-s {
font-size: 12px;
line-height:14px;
margin: 0px;
padding: 0px;
}
.f14 {
font-size: 14px;
line-height:18px;
}
.f16 {
font-size: 16px;
line-height:18px;
}
.f18-s {
font-size: 18px;
line-height:20px;
margin: 0px;
padding: 0px;
}
.f18 {
font-size: 18px;
line-height:22px;
}
.f24 {
font-size: 24px;
line-height:42px;}
.text_right {
text-align: right;
}
.center {
text-align: center;
}
/**** テキスト・色 ****/
.red-bld {
color: #DD0000;
background-color: #FFE6E6;
}
.red-bld2 {
color: #DD0000;
background-color: #FFE6E6;
font-weight: bold;

}
.blue {
color: #01009a699;
font-weight: bold;
}
.blue2 {
color: #01009a699;
}
.blue3 {
color: #003366;
background-color: #DEF0FF;
font-weight: bold;
}
.red-bgyell {
color: #CC0000;
background-color: #FFFFCC;
font-weight: bold;
}
.bgyell {
color: #000000;
background-color: #FFFF00;
}

/**** 画像用 ****/
img {
border:0;
}
.float-left {
float: left;
margin-right: 10px;
padding-left: 0px;
}
.float_right {
float: right;
}
.img-middle {
vertical-align: middle;
}
/**** フォーム用 ****/
form {
margin:0;

}
textarea {
font-size: 12px;
width:340px;
height:46px;
}

#menu {
clear: both;
padding: 7px 0 5px 7px;
display:block;
width:850px;
height:20px;
 }
 
#menu li {
display: inline;
font-size: 12px;
}

#menu li a {
float: left;
padding: 0 22px 0 0;
margin: 0 22px 0 0;
color: #ddd;
border-right: 1px solid #525a8b;
color:#b5b9ce;
text-decoration:none;
}

#menu li.last a {
border: 0;
padding: 0;
}

#menu li a:hover {
color:#FFF;
}

#menu li a.current {
font-weight: bold; color: #fff;
}



/* 100317
-----------------------------------------------------------*/

#flash_main{
text-align:center;
}

#flash_main p{
padding:50px 0;
}

/*　お問い合せフォーム */
@charset "UTF-8";

/*//////////////////////////////////////////////////*/
/*// 01.                            //*/
/*//////////////////////////////////////////////////*/
form#mailform {
margin: 0px auto 0px auto;
padding: 0px;
}
form#mailform label {
cursor: pointer;
text-decoration: underline;
display: block;
padding: 2px;
width: 98%;
margin-bottom: 1px;
}
label.label_true {
background-color: #FFFFEE;
border: solid 1px #CCCCCC;
text-decoration: none;
}
label.label_false {
background-color: none;
border: none;
text-decoration: underline;
background-image: none;
}
div#mailfrom_hidden_object {
width: 1px;
height: 1px;
overflow: hidden;
}
div#mailfrom_hidden_object input {
margin: 10px;
}
div#mfp_closed {
display: none;
}
div.mfp_disp {
display: none;
}
div#input_time_disp {
padding: 10px;
}
div#expires_time_disp {
padding: 10px;
text-align: center;
}
div#expires_time_disp strong {
font-size: 18px;
color: #CC0000;
}
div#limit_disp {
padding: 10px;
text-align: center;
}
div#limit_disp strong {
font-size: 24px;
color: #CC0000;
}
img.must {
width: 30px;
height: 16px;
float: left;
margin: 0px 0px 0px 5px;
}
div.mfp_err {
text-align: left;
margin: 5px 0px 0px 0px;
padding: 3px 0px 5px 17px;
color: #FF0000;
font-size: 12px;
line-height: normal;
display: none;
background-image: url(/images/mfp_error.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}
input.mfp {
padding: 2px;
}
div#mfp_buttons {
padding: 0px;
text-align: center;
}
div#mfp_buttons ul {
width: 360px;
height: 60px;
overflow: hidden;
margin: 0px auto 0px auto;
}
div#mfp_buttons ul li {
width: 180px;
height: 60px;
overflow: hidden;
float: left;
}
input#button_mfp_goconfirm {
width: 180px;
height: 60px;
overflow: hidden;
background-color: #FFFFFF;
background-image: url(/images/mfp_goconfirm.gif);
/*text-indent: -5000px;*/
border: none;
border-style: none;
cursor: pointer;
}
input#button_mfp_reset {
width: 180px;
height: 60px;
overflow: hidden;
background-color: #FFFFFF;
background-image: url(/images/mfp_reset.gif);
border: none;
border-style: none;
cursor: pointer;
/*text-indent: -5000px;*/
}
.reset_over {
background-image: url(/images/mfp_reset_over.gif);
}
.reset_out {
background-image: url(/images/mfp_reset.gif);
}
.confirm_over {
background-image: url(/images/mfp_confirm_over.gif);
}
.confirm_out {
background-image: url(/images/mfp_confirm.gif);
}

/*//////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////*/
/*// 02.                            //*/
/*//////////////////////////////////////////////////*/
table.mailform {
width: 100%;
padding: 10px;
}
table.mailform tr th {
padding: 7px 0px 7px 0px;
border-bottom: solid 1px #CCCCCC;
font-weight: normal;
font-size: 12px;
text-align: right;
width: 160px;
}
table.mailform tr th span {
font-size: 10px;
color: #999999;
display: block;
}
table.mailform tr td {
padding: 7px 0px 7px 10px;
border-bottom: solid 1px #CCCCCC;
font-size: 12px;
border-top: solid 1px #CCCCCC;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
}
table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
list-style: none;
margin: 0px;
padding: 0px;
}
table.mailform tr td ul li {
float: left;
padding: 0px 10px 0px 0px;
}
table.mailform tr td p,table.mailform tr td div,table.mailform tr td span {
clear: both;
}

/*//////////////////////////////////////////////////*/
/*// 04.                //*/
/*//////////////////////////////////////////////////*/
ul.confirm_layer {
width: 560px;
padding: 0px;
margin: 0px;
}
ul.confirm_layer li {
width: 560px;
list-style: none;
float: left;
overflow: hidden;
text-align: center;
margin: 0px;
padding: 0px;
}
li.confirm_middle {
background-image: url(/images/mfp_table_background.png);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_background.png', sizingMethod='scale');
}
li.confirm_top {
height: 33px;
background-image: url(/images/mfp_table_top.png);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_top.png', sizingMethod='scale');
}
li.confirm_bottom {
height: 33px;
background-image: url(/images/mfp_table_bottom.png);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mfp_table_bottom.png', sizingMethod='scale');
}
div#disabled_submit {
width: 1px;
height: 1px;
overflow: hidden;
}
div#disabled_submit input {
margin: 10px;
}
table.infield {
width: 500px;
margin: 0px auto 0px auto;
}

table.infield tr th {
padding: 5px;
margin: 0px;
text-align: right;
font-size: 14px;
border-bottom: solid 1px #CCCCCC;
color: #232323;
}
table.infield tr td {
padding: 5px;
border-bottom: solid 1px #CCCCCC;
}
table.infield tr td p {
text-align: left;
font-size: 12px;
line-height: 1.5em;
border-left: solid 2px #CCCCCC;
padding: 5px 0px 5px 10px;
margin: 0px;
}
.mfp_color {
background-color: #E8EEF9;
}
div#confirmWindow {
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
width: 100%;
height: 100%;
margin: 0px;
overflow: hidden;
z-index: 1;
position: fixed!important;
position/**/:  absolute;
top: 0;
left: 0;
visibility: hidden;
background-color: #000000;
font-size: 12px;
text-align: center;
_top: expression(
document.documentElement && document.documentElement.scrollTop  || 
document.body && body.scrollTop  || 0
+ 0 + 'px'
);
}
div#confirmBody {
width: 1px;
visibility: hidden;
position: absolute;
z-index: 10;
text-align: center;
margin: 0px auto 0px auto;
}
div#confirmBody h2 {
color: #FFFFFF;
margin: 0px auto 0px auto;
width: 294px;
height: 33px;
padding-top: 10px;
}
div.buttons {
margin: 0px auto 0px auto;
}

div#twex {
margin: 0px;
overflow: hidden;
z-index: 100;
position: absolute;
top: 0;
left: 0;
display: none;
text-align: center;
background-color: #000000;
filter: alpha(opacity=60);
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
opacity: 0.60;
}
img#loading_proccess_image {
position: absolute;
z-index: 1000;
}
/*//////////////////////////////////////////////////*/