body    { background-color: #f5f6f7 }
/*IE6 tr:hover*/
* html body { behavior: url("csshover3.htc"); }
#base { background-image: url("../img/header_bg.png"); background-repeat: repeat-x; background-position: 0 0 }
#wrapper { }
#container   { margin-right: auto; margin-left: auto; width: 865px }
#container_add { margin-right: auto; margin-left: auto; width: 700px }
#header  { background-image: url("../img/sprite.png"); background-repeat: no-repeat; background-position: 0 -40px; height: 40px }
/*アドレス帳の初期設定*/
#addrwindow { display:none; position:absolute }
/*----------------------------*/
/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

html>/**/body .clearfix { display /*\**/: block\9 }

/* Hides from IE-mac ?*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;

}
/* End hide from IE-Mac */
html {
   overflow-y:scroll;
}
/*----------------------------*/
a:link { color: #0089d3; text-decoration: none }
a:visited { color: #0089d3; text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: underline }
/*----------------------------*/
#header .logo { text-indent: -9999px; float: left }
#header ul { color: #fff; float: right }
#header ul li { float: left }
#header ul .name { font-size: 13px; line-height: 40px }
#header ul .logout { font-size: 11px; line-height: 40px; background-image: url("../img/sprite.png"); background-position: 0 -80px; margin-left: 20px; padding-left: 14px }
#header ul .logout a:link { color: #fff; text-decoration: none }
#header ul .logout a:visited { color: #fff; text-decoration: none }
#header ul .logout a:hover { color: #fff; text-decoration: underline }
#header ul .logout a:active { color: #fff; text-decoration: underline }
#header ul .logout2 { font-size: 11px; line-height: 40px; background-position: 0 -80px; margin-left: 20px; padding-left: 14px }
#header ul .logout2 a:link { color: #fff; text-decoration: none }
#header ul .logout2 a:visited { color: #fff; text-decoration: none }
#header ul .logout2 a:hover { color: #fff; text-decoration: underline }
#header ul .logout2 a:active { color: #fff; text-decoration: underline }
/*----------------------------*/
#main_menu    { margin-left: 32px }
#main_menu li                  { font-size: 14px; line-height: 14px; float: left }
#main_menu .btn01 a                 { color: #444; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -80px; text-align: center; display: block; padding: 6px 10px; width: 7em; border: solid 2px #808080; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px            }
#main_menu .btn02 a                  { color: #444; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -80px; text-align: center; display: block; padding: 6px 10px; width: 9.5em; border: solid 2px #808080; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px             }
#main_menu .btn03 a                 { color: #444; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -80px; text-align: center; display: block; padding: 6px 10px; width: 5em; border: solid 2px #808080; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px            }
#main_menu .btn04 a                 { color: #444; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -80px; text-align: center; display: block; padding: 6px 10px; width: 8em; border: solid 2px #808080; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px            }
#main_menu .btn05 a                  { color: #444; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -80px; text-align: center; display: block; padding: 6px 10px; width: 9.5em; border: solid 2px #808080; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px             }
#main_menu .btn01 a:hover ,#main_menu .btn02 a:hover, #main_menu .btn03 a:hover, #main_menu .btn04 a:hover ,#main_menu .btn05 a:hover ,#main_menu .btn06 a:hover     { color: #fff; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -160px; border-color: #006fab }
#main_menu .btn01on              { color: #222; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -240px; text-align: center; padding: 6px 10px; width: 7em; border: solid 2px #2ea5e6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px           }
#main_menu .btn02on   { color: #222; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -240px; text-align: center; padding: 6px 10px; width: 9.5em; border: solid 2px #2ea5e6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px          }
#main_menu .btn03on  { color: #222; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -240px; text-align: center; padding: 6px 10px; width: 5em; border: solid 2px #2ea5e6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px         }
#main_menu .btn04on  { color: #222; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -240px; text-align: center; padding: 6px 10px; width: 8em; border: solid 2px #2ea5e6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px         }
#main_menu .btn05on   { color: #222; text-decoration: none; background-image: url("../img/sprite_btn.png"); background-position: 0 -240px; text-align: center; padding: 6px 10px; width: 9.5em; border: solid 2px #2ea5e6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px          }
/*----------------------------*/
#contents_box      { background-color: #fff; padding-bottom: 20px; border: solid 1px #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px    }
#contents_add_box { background-color: #fff; padding-bottom: 10px; border: solid 1px #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px     }
#contents_box h1        { font-size: 16px; line-height: 40px; background-image: url("../img/sprite.png"); background-position: 0 -120px; padding-left: 30px; height: 40px; border-bottom: 1px solid #cdcdcd; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px  }
#footer ul  { font-size: 114%; line-height: 1.2; float: right }
#footer ul li   { padding-right: 15px; padding-left: 15px; float: left }
#footer ul .line  { border-right: 1px solid #999 }
#footer ul .line2  { margin-right:530px; }
#footer p  { color: #666; font-size: 11px; line-height: 1.3; text-align: center; letter-spacing: 0.1em; padding-top: 7px; border-top: 1px dotted #666 }
/*----------------------------*/
#lead_txt_box  { margin-right: 30px; margin-left: 30px }
#lead_txt_box p  { font-size: 130%; line-height: 1.6 }
#lead_txt_box_invite { margin-right: 110px; margin-left: 110px }
#lead_txt_box_invite p { font-size: 130%; line-height: 1.6 }
/*----------------------------*/
.mt01 { margin-top: 1px }
.mt05 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt50 { margin-top: 50px }
.mt60 { margin-top: 60px }
.ml05 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.ml40 { margin-left: 40px }
.ml60 { margin-left: 60px }
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb50 { margin-bottom: 50px }
/*----------------------------*/
.fl { float: left }
.fr { float: right }
.caution_red { color: #d74a38 }
.caution_txt      { color: #d74a38; font-size: 120%; font-weight: bold; line-height: 1.6 }
.invite_txt { color: #d74a38; line-height: 1.6; text-align: center }
.bold_txt { font-weight: bold }
.faqentity { width:20px;text-align:right; }

@media screen and ( max-width:768px ){
	#container   { margin-right: auto; margin-left: auto; width: 100% }
	#container_add { margin-right: auto; margin-left: auto; width: 100% }
	#header  { background-image: url("../img/sprite.png"); background-repeat: no-repeat; background-position: 15px -40px; height: 40px;}

	#contents_box      { background-color: #fff; padding-bottom: auto; border: solid 1px #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px    }
	#contents_box h1        { font-size: 16px; line-height: 40px; background-image: url("../img/sprite.png"); background-position: 0 -120px; padding-left: 15px; height: 40px; border-bottom: 1px solid #cdcdcd; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px  }
	#footer ul  { font-size: 114%; line-height: 1.2; float: right }
	#footer ul li   { padding-right: 15px; padding-left: 15px; float: left }
	#footer ul .line  { border-right: 0px; }
	#footer ul .line2  { margin-right:auto; }
	#footer p  { color: #666; font-size: 11px; line-height: 1.3; text-align: center; letter-spacing: 0.1em; padding-top: 7px; border-top: 1px dotted #666 }
}