@charset "UTF-8";

/* ----------------------------------------------------------------
default
----------------------------------------------------------------- */
html{
background:url(/shared/images/bg-footer-01.jpg) repeat 0 0;
}

body{
background:#ffffff url(/shared/images/bg-header-01.jpg) repeat-x 0 0;
margin:0;
padding:0;
color:#333333;
font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size:100.01%;
line-height:1.3;
min-width:990px;
}
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
table,tr,th,td,
p,
blockquote,
caption,
hr{
margin:0; 
padding:0; 
}
img{
border:none;
}
table{
border-collapse:collapse;
border-spacing:0; 
}
fieldset,img{
border:0;
}
em,strong,th,caption{
font-style:normal;
font-weight:normal;
}
ol,ul{
list-style:none;
list-style-position:outside;
}
ol{
list-style-type:decimal;
}
caption,th{
text-align:left; 
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
hr,legend{
display:none;
}
a:link{
color:#874f4f;
text-decoration:underline;
}
a:visited{
color:#874f4f;
text-decoration:underline;
}
a:hover,
a:active,
a:focus{
color:#874f4f;
text-decoration:none;
}


/* ----------------------------------------------------------------
wrapper
----------------------------------------------------------------- */
#str-wrapper{
background:url(/shared/images/bg-header-02.jpg) no-repeat 50% 0;
}
#str-wrapper-inner{
background:url(/shared/images/bg-header-03.jpg) no-repeat 0 0;
width:990px;
margin:0 auto;
}


/* ----------------------------------------------------------------
header
----------------------------------------------------------------- */
#str-header{
width:940px;
position:relative;
min-height:113px;
padding:0 25px;
}
* html #str-header{
height:113px;
}
#str-logo{
position:absolute;
top:27px;
}
#str-logo img{
display:block;
margin-bottom:12px;
}
#nav-switcher-01{
position:absolute;
top:26px;
right:27px;
}
#nav-switcher-01 img{
display:block;
}
#nav-switcher-01 dt{
float:left;
width:56px;
margin:3px 6px 0 0;
}
#nav-switcher-01 dd{
float:left;
width:60px;
}
#nav-switcher-01 dd ul li{
float:left;
}
#nav-global-01 li img,
#nav-global-02 li img{
display:block;
}
#nav-global-01{
position:absolute;
top:50px;
right:27px;
}
#nav-global-01 li{
float:left;
margin-left:10px;
}
#nav-global-02{
position:absolute;
top:77px;
right:27px;
}
#nav-global-02 li{
background:url(/shared/images/bg-dots-01.gif) no-repeat 0 0;
float:left;
margin-left:3px;
padding-left:4px;
}
#nav-global-02 li.first-child{
background:none;
margin-left:0;
padding-left:0;
}


/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
#str-footer{
margin-top:150px;
background:url(/shared/images/bg-footer-02.jpg) repeat-x 0 0;
}
#str-footer-inner{
background:url(/shared/images/bg-footer-03.jpg) no-repeat 50% 0;
height:202px;
}


/* ----------------------------------------------------------------
main-visual
----------------------------------------------------------------- */
#str-main-visual{
padding:0 25px;
width:940px;
height:296px;
background:url(/shared/images/bg-main-visual.png) no-repeat 25px 0;
position:relative;
}

#str-main-visual .banner{
position:relative;
top:6px;
left:6px;
overflow:hidden;
height:282px;
}

#str-main-visual .ui{
z-index:10;
position:absolute;
display:none;
width:76px;
height:282px;
top:6px;
right:32px;
background:url(/shared/images/bg-main-visual-ui.png) no-repeat 0 0;
line-height:1;
}
#str-main-visual .ui > div{
position:absolute;
top:35px;
left:12px;
}
#str-main-visual .ui > div ul li{
margin-bottom:8px;
width:52px;
height:36px;
}
#str-main-visual .ui > div ul li a{
display:block;
}

#str-main-visual .ui .up{
top:0px;
}
#str-main-visual .ui .down{
bottom:0px;
}
#str-main-visual .ui .up,
#str-main-visual .ui .down{
left:10px;
position:absolute;
cursor:pointer;
}

#str-main-visual .current_frame{
position:absolute;
z-index:20;
margin-top:0;
}

#str-main-visual .current_frame span{
display:block;
border:2px solid #f94d60;
width:48px;
height:32px;
text-indent:-1000em;
cursor:pointer;
}




/* ----------------------------------------------------------------
topic-path
----------------------------------------------------------------- */
#str-topic-path{
padding:10px 27px 0;
min-height:17px;
}
* html #str-topic-path{
height:17px;
}
#str-topic-path li{
float:left;
margin-right:5px;
}
#str-topic-path li a{
margin-right:5px;
}


/* ----------------------------------------------------------------
contents
----------------------------------------------------------------- */
#str-contents{
width:990px;
}
#str-sub{
float:left;
width:200px;
}
#str-main{
float:right;
width:701px;
padding:27px 27px 0 0;
}
#str-contents-02{
width:940px;
padding:27px 25px 0;
}
#str-main-container{
float:left;
width:727px;
}
#str-main-top{
float:right;
width:519px;
}
#str-extra{
float:right;
width:231px;
padding-right:25px;
}