@charset "UTF-8";
/* CSS Document */

/* base ---------------------------- */
html,body {
	color:#666666;
	margin:0px;
	padding:0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #E55A16;
	text-align: center;
	height: 100%;
	width: 100%;
}
form,input{
margin: 0px;
padding: 0px;
}
ul,ol,li,dl,dt,dd,span,a,p{
margin: 0px;
padding: 0px;
list-style-type: none;
}
img,dd{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}

/* link ---------------------------- */
a,a:visited{
color: #555555;
text-decoration: underline;
cursor:pointer;	
}
a:hover,a:active{
color: #FF9900;
text-decoration: underline;
}

/* container ---------------------------- */
#container{
height: auto;
width: 100%;
margin: 0px;
padding: 0px;
}
/* header ---------------------------- */
#h-wrap{
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
}
#h-wrap #header{
text-align: left;
height: 65px;
width: 900px;
padding: 10px 0 20px 0;
margin: 0px auto;
}
#h-wrap #header h1{
height: 65px;
width: 347px;
padding: 0px;
margin: 0px;
display:block;
float:left;
}
#h-wrap #header h1 a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	height: 65px;
	width: 347px;
	overflow: hidden;
}
#h-wrap #header .global-menu{
font-size:10px;
height: auto;
width: 553px;
padding: 0px;
margin: 0px;
font-weight: normal;
color: #E55A16;
text-align: right;
display:block;
float:left;
}
/* link  */
#h-wrap #header a{
color: #E55A16;
text-decoration: none;
cursor:pointer;
}
#h-wrap #header a:visited{
color: #E55A16;
text-decoration: none;
}
#h-wrap #header a:hover{
color: #FF9900;
text-decoration: none;
}
#h-wrap #header a:active{
color: #FF9900;
text-decoration: none;
}

/* contents ---------------------------- */
#container #c-wrap{
background-image: url(../images/bg_c-wrap.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #fff4d9;
text-align: left;
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
}
#c-wrap #wrap{
text-align: left;
height: auto;
width: 900px;
padding: 0px;
margin: 0px auto;
}

/* menu */

#menu{
	height: auto;
	width: 180px;
	margin: 0 0 20px 0;
	padding: 0px;
	float: left;
	background-image: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu h3{
background-image: url(../images/menu_title.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 0px;
margin: 0 0 10px 0;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
overflow: hidden;
height: 30px;
width: 180px;
display:block;
}
#menu p{
margin: 0 0 10px 0;
}
#menu ul.MenuBarVertical{
margin: 0 auto 20px auto;
padding: 0px;
height: 410px;
width: 150px;
background-color: #FFFFFF;
}
#menu span{
text-indent: -1000em;
margin: 0px;
padding: 0px;
height: 45px;
width: 150px;
}
ul.MenuBarVertical span a.MenuBarItemSubmenuHover, ul.MenuBarVertical span a.MenuBarSubmenuVisible{
background-repeat: no-repeat;
background-position: left top;
}
ul.MenuBarVertical span a.MenuBarItemSubmenuHover, ul.MenuBarVertical span a.MenuBarSubmenuVisible
{
background-position: left bottom;
}
#menu span.m1 a{
background-image: url(../images/menu1.gif);
display: block;
height: 45px;
width: 150px;
overflow: hidden;
}
#menu span.m2 a{
background-image: url(../images/menu2.gif);
display: block;
height: 45px;
width: 150px;
overflow: hidden;
}
#menu span.m3 a{
background-image: url(../images/menu3.gif);
display: block;
height: 45px;
width: 150px;
overflow: hidden;
}
#menu span.m4 a{
background-image: url(../images/menu4.gif);
display: block;
height: 45px;
width: 150px;
overflow: hidden;
}
#menu span.m5 a{
background-image: url(../images/menu5.gif);
display: block;
height: 45px;
width: 150px;
overflow: hidden;
}
#menu span.m6 a{
background-image: url(../images/menu6.gif);
display: block;
height: 45px;
width: 150px;
overflow: hidden;
}
#menu span.m7 a{
background-image: url(../images/menu7.gif);
display: block;
height: 45px;
width: 150px;
overflow: hidden;
}
#menu span.m1 a:hover,#menu span.m2 a:hover,#menu span.m3 a:hover,#menu span.m4 a:hover,#menu span.m5 a:hover,#menu span.m6 a:hover,#menu span.m7 a:hover{
background-position: left bottom;
}
#menu span.m1 a.thispage,#menu span.m2 a.thispage,#menu span.m3 a.thispage,#menu span.m4 a.thispage,#menu span.m5 a.thispage,#menu span.m6 a.thispage,#menu span.m7 a.thispage{
background-position: left center;
}

/* contents ---------------------------- */
#contents{
height: auto;
width: 690px;
margin: 0 0 30px 30px;
padding: 0px;
float: left;
}
#contents h1{
height: 210px;
width: 690px;
margin: 0px;
padding: 0px;
display:block;
}
#contents .pankuzu{
	font-size: 10px;
	height: auto;
	width: 690px;
	margin: 0 0 20px 0;
	padding: 0px;
	text-align: right;
	color: #E69696;
}
#contents .pankuzu a,#contents .pankuzu a:visited{
	color: #666666;
	text-decoration: underline;
}
#contents .pankuzu a:hover,#contents .pankuzu a:active{
	color: #ED6D00;
	text-decoration: underline;
}
#contents #wrap-stage{
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding: 20px 0px;
	clear: both;
	height: auto;
	width: 690px;
}
#contents #wrap-stage #stage{
	margin: 0px auto;
	padding: 20 px;
	clear: both;
	height: auto;
	width: 650px;
}

/* pagetop ---------------------------- */
#c-wrap #wrap #p-wrap{
height: 30px;
width: 900px;
margin: 0px auto;
padding: 0px;
clear:both;
}
#c-wrap #wrap #p-wrap h4{
height: 30px;
width: 90px;
margin: 0px;
padding: 0px;
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
float:right;
}
#c-wrap #wrap #p-wrap h4 a{
height: 30px;
width: 90px;
display: block;
background-image: url(../images/pagetop.gif);
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
}
#c-wrap #wrap #p-wrap h4 a:hover{
background-position: left bottom;
}

/* footer menu------------------------------ */
#container #f-wrap{
background-color: #fffaec;
text-align: left;
height: auto;
width: 100%;
padding: 30px 0px;
margin: 0px;
}
#container #f-wrap #f-menu{
height: auto;
width: 900px;
padding: 0px;
margin: 0px auto;
position: relative;
}
#container #f-wrap #f-menu h3{
height: 90px;
width: 210px;
margin: 0px;
padding: 0px;
display: block;
float:left;
}
#container #f-wrap #f-menu h3 a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 150px;
	overflow: hidden;
}
#container #f-wrap #f-menu .box1{
height: auto;
width: 90px;
margin: 0 10px 0 0;
padding: 0px;
float:left;
}
#container #f-wrap #f-menu .box2{
height: auto;
width: 90px;
margin: 0px;
padding: 0px;
float:left;
}
#container #f-wrap #f-menu h4{
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
height: 30px;
width: 90px;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
}
#container #f-wrap #f-menu .fmenu1 a,#container #f-wrap #f-menu .fmenu1 a:visited,#container #f-wrap #f-menu .fmenu2 a,#container #f-wrap #f-menu .fmenu2 a:visited,#container #f-wrap #f-menu .fmenu3 a,#container #f-wrap #f-menu .fmenu3 a:visited,#container #f-wrap #f-menu .fmenu4 a,#container #f-wrap #f-menu .fmenu4 a:visited,#container #f-wrap #f-menu .fmenu5 a,#container #f-wrap #f-menu .fmenu5 a:visited,#container #f-wrap #f-menu .fmenu6 a,#container #f-wrap #f-menu .fmenu6 a:visited,#container #f-wrap #f-menu .fmenu7 a,#container #f-wrap #f-menu .fmenu7 a:visited{
	width:90px;
	height:30px;
	display:block;
	background-repeat: no-repeat;
    background-position: left top;
}
#container #f-wrap #f-menu .fmenu1 a{background-image: url(../images/fmenu_title1.gif);}
#container #f-wrap #f-menu .fmenu2 a{background-image: url(../images/fmenu_title2.gif);}
#container #f-wrap #f-menu .fmenu3 a{background-image: url(../images/fmenu_title3.gif);}
#container #f-wrap #f-menu .fmenu4 a{background-image: url(../images/fmenu_title4.gif);}
#container #f-wrap #f-menu .fmenu5 a{background-image: url(../images/fmenu_title5.gif);}
#container #f-wrap #f-menu .fmenu6 a{background-image: url(../images/fmenu_title6.gif);}
#container #f-wrap #f-menu .fmenu7 a{background-image: url(../images/fmenu_title7.gif);}
/* link  */
#container #f-wrap #f-menu a{
color: #666666;
text-decoration: none;
cursor:pointer;
}
#container #f-wrap #f-menu a:visited{
color: #666666;
text-decoration: none;
}
#container #f-wrap #f-menu a:hover{
color: #999999;
text-decoration: underline;
}
#container #f-wrap #f-menu a:active{
color: #999999;
text-decoration: underline;
}



/* privacymark ------------------------------ */
#container #privacymark {
	width: 160px;
	margin-bottom: 15px;
	padding-top: 15px;
	position: absolute;
	left: 0;
	top: 95px;
	background-repeat: repeat-x;
}
#container #privacymark dl dt a {
	width: 50px;
	height: 57px;
	float: left;
	text-indent: -999em;
	display: block;
	overflow: hidden;
	background-image: url(../images/privacymark.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#container #privacymark dl dd {
	width: 105px;
	padding-top: 7px;
	float: right;
	color: #092e81;
	vertical-align: middle;
	line-height: 1.4em;
}




/* footer ------------------------------ */
#container #footer{
height: auto;
width: 900px;
padding:0px;
margin: 0px auto;
text-align: left;
}
#container #footer #wrap{
color: #fad3b3;
height: 70px;
width: 900px;
padding: 15px 0 0 0;
margin: 0px auto;
float:left;
}
#container #footer #wrap h3{
	height: 30px;
	width: 60px;
	padding: 0px;
	margin: 0px;
	display:block;
	float:right;
}
#container #footer #wrap .global-menu{
font-size:10px;
height: auto;
width: 600px;
padding: 0px;
margin: 0px auto;
text-align: left;
font-weight: normal;
display:block;
float:left;
}
#container #footer #wrap .global-menu p.cp{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/text_cp.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 235px;
	overflow: hidden;
}
/* link  */
#container #footer a{
color: #fad3b3;
text-decoration: none;
cursor:pointer;
}
#container #footer a:visited{
color: #fad3b3;
text-decoration: none;
}
#container #footer a:hover{
color: #ffffff;
text-decoration: none;
}
#container #footer a:active{
color: #ffffff;
text-decoration: none;
}
#container #footer #wrap h3 a{
height: 30px;
	width: 60px;
	display:block;
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/logo_estre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	overflow: hidden;
}


/* clear */
.clear-s{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 10px;
}
.clear{
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
height: 20px;
}
.clear2{
clear: both;
width: 100%;
margin: 0;
padding: 0px 0 20px 0;
height:auto;
}
.clear3{
clear: both;
width: 100%;
margin: 0;
padding: 0;
height:auto;
}

/* package */
.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.package {
zoom: 100%;
}
.package { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .package { height: 1%;}
.package { display: block;}
/* End hide from IE-mac */


/* crearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


/* text-color */
.alert{
	color: #FF0000;
}
/* margin_class */
.mb5{
margin-bottom: 5px !important;
}
.mb10{
margin-bottom: 10px !important;
}
.mb15{
margin-bottom: 15px !important;
}
.mb20{
margin-bottom: 20px !important;
}
.mb25{
margin-bottom: 25px !important;
}
.mb30{
margin-bottom: 30px !important;
}
.mb35{
margin-bottom: 35px !important;
}
.mb40{
margin-bottom: 45px !important;
}

.mt5{
margin-top: 5px;
}
.mt10{
margin-top: 10px;
}
.mt15{
margin-top: 15px;
}
.mt20{
margin-top: 20px;
}
.mt25{
margin-top: 25px;
}
.mt30{
margin-top: 30px;
}
.mt35{
margin-top: 35px;
}
.mt40{
margin-top: 40px;
}