@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;
text-align: left;
clear: both;
}

div#f7wrap02 {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 30px;
}

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

/* ヘッダー */

/*-----------------------------------------------------------------

	1.common

-------------------------------------------------------------------*/

div#f7header{
	width: 100%;
	padding-bottom: 3px;
	background-image: url(../../img/userpc/header/bg_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
}

/**/

div#f7header div.wrapIn{
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

div.locator{
	clear: both;
	margin-top:1px;
	*margin-top:-2px;
}

/*-----------------------------------------------------------------

	2.h1・ログアウト・会員情報変更

-------------------------------------------------------------------*/
div#f7header div.headerUpArea{
	width: 100%;
}

div#f7header div.headerUpArea h1,
div#f7header div.headerUpArea h2{
	float: left;
	width: 360px;
	font-size: 60%;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: normal;
}

div#f7header div.headerUpArea h1 a,
div#f7header div.headerUpArea h1 a:hover{
	color: #000000;
}

div#f7header ul.headBtn li.loginName{
	float: right;
	line-height: 160%;
	font-size: 75%;
	padding-right: 5px;
	padding-top: 2px;
}

div#f7header div.headerUpArea u.headBtn{
	float: left;
	width: 220px;
}

div#f7header div.headerUpArea u.headBtn li{
	float: left;
}

div#f7header div.headerUpArea .help{
	float: right;
	margin: 2px 0 0 8px;
	_height: 17px;
}


/*-----------------------------------------------------------------

	3.左サイド

-------------------------------------------------------------------*/

div#f7header div.column2A{
	float: left;
	width: 484px;
	padding-bottom: 8px;
}

div#f7header div.column2A p.logoImage{
	float: left;
	margin-right: 10px;
	line-height: 0;
	font-size: 0;
}

div#f7header div.column2A div.infoArea{
	float: left;
	width: 238px;
}

div#f7header div.column2A div.infoArea div.date{
	float: left;
	min-width: 98px;
	margin-top: 23px;
	margin-right: 4px;
	background-color: #ff8a17;
	background-image: url(../../img/userpc/header/bg_head01.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/*For IE6 \*/

* html div#f7header div.column2A div.infoArea div.date{
	width: 98px;
}

/**/


div#f7header div.column2A div.infoArea div.date div.wrapFirst{
	background-image: url(../../img/userpc/header/bg_head01_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 1px 0px;
}

div#f7header div.column2A div.infoArea div.date p{
	color: #fff;
	font-size: 100%;
	padding-left: 6px;
}

/* safari only \*/
html:first-child div.column2A div.infoArea div.date p{
	font-size: 90%;
}

/**/

div#f7header div.column2A div.infoArea p.numArea{
	display: block;
	float: left;
	width: 120px;
	height: 24px;
	margin-top: 16px;
	margin-right: 2px;
	line-height: 0;
	font-size: 0;
}

div#f7header div.column2A div.infoArea p.numArea img{
	margin-right: 1px;
}

div#f7header div.column2A div.infoArea p.images{
	float: left;
	width: 12px;
	padding-top: 24px;
	line-height: 0;
	font-size: 0;
}

/*-----------------------------------------------------------------

	4.右サイド

-------------------------------------------------------------------*/
div#f7header div.column2B{
	float: left;
	width: 316px;
	padding-top: 20px;
	padding-bottom: 11px;
	text-align: right;
}

div#f7header div.column2B ul li{
	display: inline;
	margin-left: 4px;
	line-height: 0;
	font-size: 0;
}


div#f7header div.column2B ul li.last{
	margin-right: 0px;
}

/*-----------------------------------------------------------------

	5.グローバルナビげーション

-------------------------------------------------------------------*/

div#f7header div.gNavi{
	clear: both;
	width: 100%;
	margin-top:0px;
	*margin-top:1px;
}

div#f7header ul li{
	float: left;
	line-height: 0;
	font-size: 0;
}

div#f7header ul.headBtn li{
	float: right;
	line-height: 0;
	font-size: 0;
}



/*------------------------------------------------------ clearfix**/

div#f7header:after,
div#f7header div.column2A:after,
div#f7header div.column2A div.infoArea:after,
div#f7header div.headerUpArea:after,
div#f7header div.column2B:after,
div#f7header div.gNavi:after,
div.locator:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#f7header,
div#f7header div.column2A,
div#f7header div.column2A div.infoArea,
div#f7header div.headerUpArea,
div#f7header div.column2B,
div#f7header div.gNavi,
div.locator { display:inline-block; }

/*\*/
* html div#f7header,
* html div#f7header div.column2A,
* html div#f7header div.column2A div.infoArea,
* html div#f7header div.headerUpArea,
* html div#f7header div.column2B,
* html div#f7header div.gNavi,
* html div.locator { height:1%; }

div#f7header,
div#f7header div.column2A,
div#f7header div.column2A div.infoArea,
div#f7header div.headerUpArea,
div#f7header div.column2B,
div#f7header div.gNavi,
div.locator{ display:block; }
/**/


/* パンくず */

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

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

/* フッター */

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

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

p.pagetop {
float: right;
margin-bottom: 10px;
padding-left: 12px;
background: url(../img/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:70%;
    margin:20px auto 10px auto;
    text-align:left;
    width:800px;
}

#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:-13em;
    width:13em;
}

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

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

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

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

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

#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:16.5em;
}

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

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

#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/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/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;
}


/*=====================*/
/*	フッター
/*=====================*/

#footer {
	width:800px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 60%;
}

#footer .title {
	width:100%;
	padding-bottom:3px;
	border-bottom:1px solid #EE6600;
	font-size: 150%;
	font-weight: bold;
	line-height: 100%;
	color: #333;
}

/*--- 左 ---*/
#footer #fLeft {
	width:21%;
	float:left;
	font-size: 110%;
}

#footer #fLeft img {

}
#*html #footer #fLeft img {margin-left:20px; margin-bottom:21px;}
#*:first-child+html #footer #fLeft img {margin-left:20px; margin-bottom:21px;}



#footer #fLeft ul {
	margin-top:10px;
	color:#333;
}
* html #footer #fLeft ul {	line-height:140%;}
*:first-child+html #footer #fLeft ul {	line-height:140%;}
#footer #fLeft ul {	line-height:140%;}


#footer #fLeft ul li a {
	color:#003399;
}

/*--- センター ---*/
#footer #fCenter {
	width:54%;
	float:left;
}

/*#footer #fCenter ul {font-size:80%;}*/

#footer #fCenter ul li#fcLeft {
	width:55%;
	float:left;
	font-size: 110%;
}

#footer #fCenter ul li#fcRight {
	width:44%;
	float:right;
	font-size: 110%;
}

#footer #fCenter ul li dl {
	margin-top:8px;
}
* html #footer #fCenter ul li dl {	line-height:130%;}
*:first-child+html #footer #fCenter ul li dl {	line-height:130%;}
#footer #fCenter ul li dl {	line-height:130%;}

#footer #fCenter ul li dt {
	color:#EE6600;
}

#footer #fCenter ul li dl dd {
	margin-left:5%;
}
#footer #fCenter ul li dl dd a {
	color:#003399;
}



/*--- 右 ---*/
#footer #fRight {
	width:23%;
	float:right;
}

#footer #fRight dl {
	margin-top:12px;
}
* html #footer #fRight dl {line-height:130%;}
*:first-child+html #footer #fRight dl {line-height:130%;}
#footer #fRight dl {line-height:130%;}

#footer #fRight dl dt {
	color:#2e74de;
}

#footer #fRight dl dd {
	margin-left:5%;
	font-size: 110%;
}
#footer #fRight dl dd a {
	color:#003399;
}


#privacy {
	width:60px;
	margin:5px auto 5px;
}
#privacy {margin-top:5px;}


#copyright {
	font-size:60%;
	text-align:center;
}
* html #copyright {margin-top:5px;}
*:first-child+html #copyright {margin-top:5px;}
#copyright {margin-top:5px;}