@charset "utf-8";

html{
height:100%;
}

body{
height:100%;
color:#413f3b;
font-size:75%;
font-family:"ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height:1.5;
text-align:center;
background:#fbf8f0;
position:relative;
}
a{
color:#4099c6;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

select{
font-size:1.1em;
border:1px solid #e7e7e7;
}
option{
padding-right:5px;
border-right:1px solid #e7e7e7;
}
textarea{
border:1px solid #e7e7e7;
}

h1{font-weight:normal;}

img{vertical-align:bottom;}

label{cursor:pointer;}

/* clear-fix */

.clearfix{
overflow:hidden;
zoom:1;
}

.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 FRAME

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#wrapper{
background:url(../images/content_bg_01.gif) 50% 100% no-repeat #fbf8f0;
min-height:100%;
position:relative;
}
#container{
margin:0 auto;
text-align:left;
padding-bottom:40px;
}
.home #container{
background:url(../../images/index_mainVisual_01_1.jpg) 50% 51px no-repeat;
}

#header{
background:url(../images/container_bg_01.gif) 50% 0 repeat-x;
}
#headerInner{
width:945px;
min-width:945px;
padding:0 0 0 5px;
margin:0 auto;
}
#headerInner:after{
content:"."; 
display:block;
height:0;
clear:both;
visibility:hidden;
}

#globalNavigation{
width:950px;
min-width:950px;
margin:0 auto;
}

#content{
width:940px;
min-width:940px;
margin:22px auto 135px auto;
}

#main{
float:right;
display:inline;
width:710px;
line-height:24px;
font-size:1.166em;
letter-spacing:0.5px;
word-spacing:0.5px;
}

#side{
float:left;
display:inline;
width:200px;
margin-right:30px;
}

#footer{
clear:both;
text-align:center;
height:40px;
width:100%;
background:url(../images/footer_bg_01.gif) 50% 100% repeat-x;
position:absolute;
bottom:0;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 header

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#header #logo{
float:left;
display:inline;
margin:16px 10px 0 0;
}
#header .hdTxt{
float:left;
width:555px;
padding:35px 0 0 0;
}
#header .hdTxt p{
margin:0 0 6px 0;
}
#header .hdNav{
float:left;
padding:32px 0 0 0;
width:auto;
}
#header .hdNav li{
float:left;
line-height:1;
border-left:1px solid #e6e3dc;
padding:0 10px 0 11px;
}
#header .hdNav li a{
padding:0 0 0 15px;
background:url(../images/ico_out_01.gif) 0 0 no-repeat;
}
#header .hdNav li:first-child{
padding-left:14px;
border-left:none;
border-right:1px solid #fff;
}
#header .logoCbr{
float:right;
padding:16px 0 0 0;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 globalNavigation

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#globalNavigation ul:after{
content:"."; 
display:block;
height:0;
clear:both;
visibility:hidden;
}

#globalNavigation ul li{
float:left;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 topicpath

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

p#topicpath{
width:920px;
margin:0 0 0 4px;
padding:4px 0 6px 0;
font-size:84%;
color:#333333;
}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 contents

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#contentInner{
width:940px;
}
#contentInner:after{
content:"."; 
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 mainVisual

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#mainVisual{
zoom:1;
position:relative;
padding:67px 0 67px 0;
text-align:center;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 side

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#side .login{
width:200px;
height:300px;
background:url(../images/side_bg_login.gif) 0 100% no-repeat;
background-size: 200px 250px;
-webkit-box-shadow: 0px 0px 5px 0px #c9c6bf;
-pie-box-shadow: 0px 0px 5px 0px #c9c6bf;
box-shadow: 0px 0px 5px 0px #c9c6bf;
-webkit-border-radius:4px;
-pie-border-radius:4px;
border-radius:4px;
position:relative;
behavior:url(/common/scripts/PIE.php);
margin-bottom:20px;
}
#side .login .inner{
width:180px;
padding:0px 10px;
}
#side .login dl{
margin:0 0 12px 0;
}
#side .login dt img{
display:block;
}
#side .login dd{
margin:0 0 4px 0;
}
#side .login dd.btm{
margin:0;
}
#side .login dd input{
width:172px;
padding:10px 4px;
margin:0;
font-size:18pt;
border:1px solid #e2c8cf;
background: #fefefe;
background: -moz-linear-gradient(top,  #e1e0e0 0%, #e7e6e7 3%, #f3f2f2 10%, #fefefe 43%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e0e0), color-stop(3%,#e7e6e7), color-stop(10%,#f3f2f2), color-stop(43%,#fefefe));
background: -webkit-linear-gradient(top,  #e1e0e0 0%,#e7e6e7 3%,#f3f2f2 10%,#fefefe 43%);
background: -o-linear-gradient(top,  #e1e0e0 0%,#e7e6e7 3%,#f3f2f2 10%,#fefefe 43%);
background: -ms-linear-gradient(top,  #e1e0e0 0%,#e7e6e7 3%,#f3f2f2 10%,#fefefe 43%);
background: linear-gradient(to bottom,  #e1e0e0 0%,#e7e6e7 3%,#f3f2f2 10%,#fefefe 43%);
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0px 1px 1px #fbf2f5;
box-shadow: 0px 1px 1px #fbf2f5;
position:relative;
}
#side .login p.btn{
margin:0 0 7px 0;
background-color: #000;
}
#side .login p.forget{
text-align:center;
}
#side .login p.forget a{
line-height:1;
padding:0 0 0 18px;
background:url(../images/ico_arw.gif) 0 50% no-repeat;
}
#side .newMember{
margin-top:20px;
position:relative;
-webkit-box-shadow: 0px 0px 5px 0px #bbb;
-pie-box-shadow: 0px 0px 5px 0px #bbb;
box-shadow: 0px 0px 5px 0px #bbb;
behavior:url(/common/scripts/PIE.php);
z-index: 1;
}
#side .newMember .sidePop{
position:absolute;
top:-34px;
right:-33px;
}
#side .simpleMonitorNav{
line-height:1;
margin:20px 0;
}
#side .simpleMonitorNav dt,
#side .simpleMonitorNav dd{
margin-bottom:9px;
}
#side .simpleMonitorNav a{
padding:0 0 0 18px;
background:url(../images/ico_arw_02.gif) 0 50% no-repeat;
}
#side p.privacy{
margin:18px 0 0 0;
font-size:84%;
text-align:left;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 footer

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#footer a{
text-decoration:none;
color:#666666;
}
#footer a:hover{
text-decoration:underline;
color:#EB6100;
}

#footer #footerInner{
width:940px;
margin:0 auto;
padding:0 4px;
text-align:left;
line-height:1;
text-shadow:0px -1px 0px #bd521b;
position:relative;
behavior:url(/common/scripts/PIE.php);
}

#footer #footerBtm{
padding:14px 0 0 0;
}
#footer #footerBtm:after{
content:"."; 
display:block;
height:0;
clear:both;
visibility:hidden;
}

#footer p.returnPageTop{
position:absolute;
top:-125px;
right:-60px;
}
#footer p.returnPageTop:hover img{
filter:alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
}
#footer .spChangeBox{
 position: absolute;
 top: -151px;
 width: 60%;
 right: 66px;
}
#footer p.spChange {
 display: none;
 background: #000;
 border: 1px solid #DDD;
 border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 text-align: center;
 font-size: 30px;
 padding: 5px 0;
 text-shadow: none;
}
#footer p.spChange a {
 color: #FFF;
}
#footer p.spChange a:hover {
 color: #FFF;
}
#footer p.spChange:hover {
 text-decoration: underline;
 cursor: pointer;
 opacity: 0.7;
}
#footer ul#siteInfoNavigation{
overflow:hidden;
float:left;
}
#footer ul#siteInfoNavigation li{
float:left;
font-size:92%;
padding:1px 13px 2px 11px;
border-right:1px solid #bf4e15;
border-left:1px solid #dd6a2f;
}
#footer ul#siteInfoNavigation li:first-child{
border-left:none;
padding-left:0;
}
#footer ul#siteInfoNavigation li.last{
border-right:none;
}
#footer ul#siteInfoNavigation li a{
color:#ecaf90;
padding:0 0 0 18px;
background:url(../images/fotter_ico_01.gif) 0 0 no-repeat;
}
#footer address{
float:right;
color:#ecaf90;
font-size:87.5%;
}