@charset "UTF-8";

/* global.css */

/* -----------------------------------
default style reset */

body,

p, h1, h2, h3, h4, h5,
ul, ol, li, dl, dt, dd,
table, th, td,
form{
margin:0;
padding:0;
}

ul{
list-style:none;
}

img {
border:0;
}

/* -----------------------------------
common */

body{
background-color:#f0f0f0;
color:#000;
}

h1{
margin-bottom:30px;
}

h2, h3{
margin-bottom:20px;
}

a:link{
color:#009;
}

a:visited{
color:#609;
}

a:active{
color:#f63;
}

a:hover{
color:#f63;
}


/* -----------------------------------
common class */

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

.clearfix{
display:inline-block;
}

br.wcl{
clear:both;
visibility:hidden;
}

.hide{
position:absolute;
left:-5000px;
overflow:hidden;
}

/* -----------------------------------
layout */

/* wrapper */

#wrapper{
width:780px;
margin:0 auto;
background:#fff url(../img/bg_wrapper.gif) repeat-y left top;
font-size:84%;
line-height:1.5;
}

/* header */

#header{
position:relative;
width:760px;
margin:0 10px;
background:url(../img/bg_header.gif) repeat-x left 61px;
}

#logo{
float:left;
width:356px;
padding:10px 0 18px 27px;
}

#sitemap{
float:right;
margin:0;
padding:49px 29px 6px 52px;
background:url(../img/bg_sitemap.gif) no-repeat left bottom;
}

#fontsize-switch{
position:absolute;
top:10px;
right:30px;
width:161px;
height:20px;
}

#fontsize-switch dt,
#fontsize-switch dd{
float:left;
}

#fontsize-switch dt{
display:block;
width:87px;
height:20px;
padding-right:5px;
background:url(../img/ttl_fontsize-switch.gif) no-repeat left top;
font-size:1px;
line-height:100%;
text-decoration:none;
text-indent:-5000px;
}

#fontsize-switch dd{
padding-left:3px;
overflow:hidden;
}

#fontsize-switch dd a{
display:block;
width:20px;
height:20px;
font-size:1px;
line-height:100%;
text-indent:-5000px;
text-decoration:none;
}

#fontsize-s{
background:url(../img/btn_fontsize-s.gif) no-repeat left top;
}

#fontsize-m{
background:url(../img/btn_fontsize-m.gif) no-repeat left top;
}

#fontsize-l{
background:url(../img/btn_fontsize-l.gif) no-repeat left top;
}

#gnavi{
clear:both;
_clear:none;
width:760px;
border-bottom:1px solid #fff;
background:url(../img/bg_gnavi.gif) no-repeat left top;
}

#gnavi li{
display:inline;
}

#gnavi li img{
vertical-align:bottom;
}

#bread{
margin:0;
padding:10px 30px 10px;
background:#fff url(../img/bg_bread.gif) repeat-x left top;
}

/* content */
/* 1column */
#main-1c{
width:660px;
margin:0 40px 0 80px;
padding-bottom:60px;
}


/* 2column */
#main-2c{
width:730px;
margin:0 40px 0 10px;
padding-bottom:60px;

background:url(../img/bg_main-2cl.gif) repeat-y left top;
}

#main{
float:right;
width:580px;
}

#main-in{
width:540px;
margin-left:40px;
}

#sub{
float:left;
width:150px;
}

#sub img{
vertical-align:bottom;
}

/* footer */

#footer{
clear:both;
position:relative;
width:760px;
padding:0 10px 10px;
background:url(../img/bg_footer.gif) no-repeat left bottom;
}

#fnavi{
width:700px;
padding:13px 30px 12px 30px;
background:#f0f0f0 url(../img/brd_footer.gif) repeat-x left top;
}

#fnavi a:link ,#fnavi a:visited{
color:#000000;
text-decoration:none;
}

#fnavi a:hover{
color:#f63;
text-decoration:underline;
}

#fnavi li{
display:inline;
margin-right:25px;
padding-left:8px;
background:url(../img/arw_footer.gif) no-repeat left 50%;
}

#copyright{
float:left;
padding-left:30px;
font-size:1px;
line-height:100%;
}

#fnavi2{
float:right;
padding-right:30px;
}

#fnavi2 li{
display:inline;
margin-left:25px;
font-size:1px;
line-height:100%;
}


/* txt */
.txtRight {text-align:right;}
.txtCenter {text-align:center;}

.marginbotttom10 {margin-bottom:10px;}
.marginbotttom15 {margin-bottom:15px;}
.marginbotttom20 {margin-bottom:20px;}
.marginbotttom30 {margin-bottom:30px;}

.txtRed {color:#FF0000;}
.txtPink {color:#FF0066;}

.txtbold {font-weight:bold;}

/* txt */
.link_line a {text-decoration:underline;}

/* pagetop */
.pagetop {
text-align:right;
margin-top:10px;
}