@charset "utf-8";

/******************order of selector******************/

/*----------基本設定----------*/

/* フォント */
/* ブラウザ設定解除 */
/* テキストリンク */
/* 左右寄り */
/* フロート解除 */
/* テキストボールド */

/*----------ページ共通部分----------*/

/* レイアウト枠 */
/* ヘッダー */
/* パンくず */
/* フッター */
/* エラー表示 */
/* SEOリンク */

/*******************************************************/


/*----------基本設定----------*/

/* フォント */

body,td,th,p,address,h1,h2,h3,h4,h5,h6,li,dt,dd {
font-family: ヒラギノ, "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 160%;
color: #333333;
}

/* ブラウザ設定解除 */

* {
margin: 0px;
padding: 0px;
}

body {
background: #ffffff;
text-align: center;
}

img,table {
border: none;
}

img {
vertical-align: bottom;
}

ul {
list-style: none;
}

/* テキストリンク */

a:link {
color: #003399;
text-decoration: none;
}

a:visited {
color: #880088;
text-decoration: none;
}

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

a:active {
color: #003399;
text-decoration: none;
}

/* SEOテキストリンク */

a.seo:link {
color: #888888;
text-decoration: none;
}

a.seo:visited {
color: #888888;
text-decoration: none;
}

a.seo:hover {
color: #888888;
text-decoration: underline;
}

a.seo:active {
color: #888888;
text-decoration: none;
}

/* 左右寄り */

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

/* フロート解除 */

br.clear {
clear: both;
font-size: 0px;
line-height: 0px;
}

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

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* テキストボールド */

.text_bold{
font-weight: bold;
}

/*----------ページ共通部分----------*/

/* レイアウト枠 */

div#f7wrap{
width: 800px;
margin: 0px auto 40px auto;
/*padding-bottom: 15px;*/
text-align: left;
clear: both;
}

#f7top{
width: 800px;
padding-bottom: 40px;
}

/* パンくず */

p#topicPathTitle {
margin: 2px 0px 10px 0px;
padding: 3px 0px 1px 0px;
}

p#topicPathTitle{
font-size: 70%;
}

/* フッター */

div#footer {
width: 800px;
}

p.backtop {
float: left;
margin-bottom: 10px;
padding-left: 10px;
background: url(/img/userpc/icon_backtop.gif) no-repeat left center;
font-size: 80%;
}

p.pagetop {
float: right;
margin-bottom: 10px;
padding-left: 12px;
background: url(/img/userpc/icon_pagetop.gif) no-repeat left center;
font-size: 80%;
}

div#footer ul.ftnavi01 {
clear: both;
margin-bottom: 8px;
padding: 6px 0px 5px 0px;
border-top: 1px solid #999999;
border-bottom: 3px solid #ee6600;
text-align: center;
}

div#footer ul.ftnavi01 li {
display: inline;
font-size: 70%;
}

div.footer-in {
position: relative;
width: 800px;
padding: 0px;
}

div#footer div.ftnavi02 {
float: left;
width: 560px;
border-right: 1px solid #999999;
}

div#footer ul.ftnavi03 {
clear: both;
margin-bottom: 5px;
padding: 6px 0px 0px;
border-top: 1px solid #999999;
text-align: center;
}

div#footer ul.ftnavi03 li {
display: inline;
font-size: 70%;
}

div.footer-in p {
position: absolute;
top: 1px;
right: 240px;
}

div#footer div.footer-in ul {
margin: 0px 40px 0px 2px;
line-height:100%;
}

div#footer div.footer-in ul li {
display: inline;
padding-right: 8px;
font-size: 70%;
}

div#footer div.footer-in ul li.no-space {
padding-right: 3px;
}

div#footer address {
float: right;
text-align:center;
font-size: 80%;
padding-top:15px;
}

div.footer-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.footer-in { display:inline-block; }
/*\*/
* html div.footer-in { height:1%; }
div.footer-in { display:block; }
/**/

/* 201010フッター */
#p8footer img {
    border:medium none;
    display:block;
    font-size:0;
    line-height:0;
    margin:0;
    padding:0;
    vertical-align:bottom;
}

#p8footer a img {
    display:inline;
    vertical-align:top;
}

#p8footer ul, #p8footer ol {
    list-style:none outside none;
}

#p8footer a:focus {
    outline:medium none;
}

#p8footer {
    font-size:9px;
    margin:20px auto 10px auto;
    text-align:left;
    width:800px;
}

#p8footer p, #p8footer li, #p8footer dt, #p8footer dd {
    line-height: 165%;
}

#p8footer .line01 {
        border-top:1px solid #D4D4D4;
    padding:6px 0 5px;
}

#p8footer .line01 li {
    display:inline;
    padding-right:18px;
}

#p8footer .line02 {
    border-top:1px solid #D4D4D4;
    padding:5px 0;
    border-bottom:3px solid #EE6600;
}

#p8footer .line02 dt {
    float:left;
    margin-right:-13.5em;
    width:13.5em;
}

#p8footer .line02 dd {
    padding-left:13.5em;
}

#p8footer .line02 dd li {
    display:inline;
}

#p8footer .line03 {
    padding-top:8px;
}

#p8footer .line03 dd dt {
    float:left;
    margin-right:-12em;
    width:12em;
}

#p8footer .line03 dd dd {
    padding-left:12em;
}

#p8footer .line03 dd dd li {
    display:inline;
}

#p8footer .line04 {
    padding-bottom:5px;
    border-bottom:3px solid #EE6600;
}

#p8footer .line04 dt {
    float:left;
    width:21em;
}

#p8footer .line04 dd {
    padding-left:17em;
}

#p8footer .line04 dd li {
    display:inline;
}

#p8footer .line05 {
    padding-top:7px;
    line-height:26px;
}

#p8footer .line05 .left {
    float:left;
    padding-top:7px;
    width:630px;
}

#p8footer .line05 .left .links .logo {
    float:left;
    width:100px;
}

#p8footer .line05 .left .links li {
    display:inline;
    padding-right:18px;
}

#p8footer .line05 .left address {
    padding-top:12px;
}

#p8footer .line05 .privacy {
    float:right;
    width:61px;
}

#p8footer .line02:after, #p8footer .line03 dl:after, #p8footer .line04:after, #p8footer .line05:after, #p8footer .line05 .left:after, #p8footer .line05 .left .links:after {
    clear:both;
    display:block;
    height:0;
}

#p8footer .line02, #p8footer .line03 dl, #p8footer .line04, #p8footer .line05, #p8footer .line05 .left, #p8footer .line05 .left .links {
    display:inline-block;
}

#p8footer .line02, #p8footer .line03 dl, #p8footer .line04, #p8footer .line05, #p8footer .line05 .left, #p8footer .line05 .left .links {
    display:block;
}


/* エラー表示 */

div.err-box {
clear: both;
margin-bottom: 15px;
padding: 4px 5px 2px 5px;
background: #ffeded;
border: 1px solid #ff8080;
}

div.err-box ul li {
margin-bottom: 3px;
padding-left: 17px;
background: url(/img/userpc/icon_error.gif) no-repeat left top;
color: #ff0000;
font-size: 80%;
}

div.err-box02 {
width: 800px;
padding-top: 50px;
padding-bottom: 80px;
border-top: 1px solid #cccccc;
}

div.err-box02 p.error {
margin: 0 auto;
width: 474px;
font-size: 120%;
font-weight: bold;
line-height: 200%;
background: url(/img/userpc/icon_error02.gif) no-repeat left center;
padding-left: 26px;
color: #e02f00;
}

div.err-box02 p.error02{
margin: 0 auto;
width: 500px;
font-size: 80%;
line-height: 140%;
}

/* SEOリンク */

#f5areaTopSeoLink{
border: 5px solid #eef0f4;
background: #eef0f4;
width: 790px;
font-size: 80%;
}

#f5areaTopSeoLink .content{
border: 2px solid #FFFFFF;
width: 786px;
background: #FFFFFF;
}

#f5areaTopSeoLink .list01{
padding: 5px 10px;
background: #eef0f4;
}

#f5areaTopSeoLink .list01 dt{
width: 150px;
float: left;
font-weight: bold;
}

#f5areaTopSeoLink .list01 dd{
float: right;
width: 616px;
}

#f5areaTopSeoLink .list02{
padding: 5px 10px;
background: #ffffff;
}

#f5areaTopSeoLink .list02 dt{
width: 150px;
float: left;
font-weight: bold;
}

#f5areaTopSeoLink .list02 dd{
float: right;
width: 616px;
}

div#footer_seo_txt {
font-size: 80%;
text-align: center;
}