@charset "utf-8";

/*
===== 初期設定 =====
*/
*{
margin:0;
padding:0;
}

/*
===== 各要素 =====
*/
body{
padding:0 0 20px;
color:#221815;
background:#f1f1f1 url(../images/body_bg.gif) left top repeat-x;
font:small/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

h1{
padding:10px 0 0 3px;
}

h2{
margin:0 0 18px;
}

h3{
padding:0 0 2px 0;
margin:0 0 15px 0;
}

ul{
list-style-type:none;
}

img,
a img{
border:none;
}

hr{
display:none;
}

/*
===== リンク =====
*/
a:link,
a:visited{
color:#295cdd;
text-decoration:none;
}

a:hover,
a:active{
color:#221815;
text-decoration:underline;
}

#breadcrumbs a:link,
#breadcrumbs a:visited{
color:#295cdd;
}

#breadcrumbs a:hover,
#breadcrumbs a:active{
color:#295cdd;
}

#footer a:link,
#footer a:visited{
color:#fff;
}

#footer a:hover,
#footer a:active{
color:#fff;
}


/*
===== 共通エリア =====
*/
#wrapper{
width:806px;
margin:0 auto;
background:#fff url(../images/wrapper_bg.gif) left top repeat-y;
}

/*
===== 共通エリア・ヘッダ =====
*/
#header{
background:transparent url(../images/body_bg.gif) left top repeat-x;
width:806px;
height:60px;
position:relative;
}

#header p{
position:absolute;
top:10px;
right:0;
}

/*
===== 共通エリア・ナビゲーション =====
*/
#gnavi{
width:784px;
height:32px;
padding:0 0 10px 0;
margin:0 auto;
background:transparent url(../images/contents_top.gif) left bottom no-repeat;
position:relative;
}

#gnavi ul{
width:635px;
position:absolute;
top:0;
left:129px;
}

#gnavi .g01,
#gnavi .g02,
#gnavi .g03,
#gnavi .g04,
#gnavi .g05{
text-indent:-9999px;
background-position:left top;
background-repeat:no-repeat;
height:32px;
width:126px;
display:block;
width:127px;
position:absolute;
top:0;
}

#gnavi a:hover,
#gnavi .ac{
background-position:left bottom;
}

#gnavi .g01{
background-image:url(../images/gnavi01.gif);
/*left:0;*/
left:127px;
}

#gnavi .g02{
background-image:url(../images/gnavi02.gif);
/*left:127px;*/
left:254px;
}

/*#gnavi .g03{
background-image:url(../images/gnavi03.gif);
left:254px;
}
*/
#gnavi .g04{
background-image:url(../images/gnavi04.gif);
left:381px;
}

#gnavi .g05{
background-image:url(../images/gnavi05.gif);
left:508px;
}

/*
===== 共通エリア・コンテンツ =====
*/
#contents{
background:transparent url(../images/contents_bg.gif) left top repeat-y;
width:784px;
margin:0 auto;
}

#contents .bg{
width:748px;
padding:0 18px 20px 18px;
background:transparent url(../images/contents_bottom.gif) left bottom no-repeat;
}

#contents .bg{
display:inline-table;
}

/* \*/
#contents .bg{
display:block;
}
/* */

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

/*
===== 共通エリア・ぱんくず =====
*/
#breadcrumbs{
margin:0 0 18px 0;
padding:3px 0 0 0;
}

/*
===== 共通エリア・メイン =====
*/
#main{
width:565px;
float:left;
}

/*
===== 共通エリア・サイド =====
*/
#side{
width:161px;
float:right;
}

/*
===== 共通エリア・ローカルナビ =====
*/
#lnavi{
width:157px;
padding:1px;
border:1px solid #dcbdce;
background:#fef8fb;
margin:0 0 8px;
}

#lnavi h2{
margin:0 0 10px;
}

#lnavi p.mynavi{
margin:0 0 15px;
}

#lnavi ul{
width:141px;
margin:0 0 0 8px;
}

#lnavi li{
margin:0 0 12px;
padding:0 0 12px;
background:transparent url(../images/line_dotted.gif) left bottom repeat-x;
}

#lnavi li.end{
background:none;
margin:0 0 5px;
padding:0;
}

#lanvi li.end dd{
margin:0;
}

#lnavi li.mynavi{
text-align:center;
}

#lnavi li dl{
width:141px;
}

#lnavi li dt{
margin:0 0 7px;
}

#lnavi li dd{
padding:0 0 0 16px;
}

#lnavi li dd ul{
width:125px;
margin:0;
}

#lnavi li dd li{
background:none;
margin:0 0 5px;
padding:0;
}

#lnavi li dd li a{
width:116px;
padding:0 0 0 9px;
background:transparent url(../images/ico_arrow02.gif) 0 0.4em no-repeat;
display:block;
}

/*
===== 共通エリア・フッタ =====
*/
#footer{
background:transparent url(../images/wrapper_bottom.gif) left bottom no-repeat;
font-size:x-small;
color:#fff;
padding:80px 3px 10px;
width:800px;
}

#footer .bg{
width:800px;
padding:5px 0;
background:#ce045b;
border-top:1px solid #e3e3e2;
}

#footer .bg{
display:inline-table;
}

/* \*/
#footer .bg{
display:block;
}
/* */

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

#footer ul{
width:386px;
padding:0 0 0 14px;
float:left;
}

#footer li{
padding:0 9px;
display:inline;
border-right:1px dashed #fff;
}

#footer address{
font-style:normal;
width:380px;
float:right;
text-align:right;
padding:0 20px 0 0;
}

/*
===== 共通エリア・ページトップ =====
*/
/* ----- ページ最下部 ----- */
.pagetop{
width:565px;
text-align:right;
padding:15px 0 5px 0;
clear:both;
}