@charset "UTF-8";

/*======================================

	breadcrumb

=======================================*/
#breadcrumb {
	background : -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e0e0e0));
	background : -webkit-linear-gradient(top, #fdfdfd, #e0e0e0);
	background : linear-gradient(to bottom, #fdfdfd, #e0e0e0);
}
#breadcrumb ul {
	margin: 0 auto;
	overflow: hidden;
	width: 1000px;
}
#breadcrumb ul li {
	position: relative;
	float: left;
	padding: 10px 0 10px 14px;
	font-size: 16px;
}
#breadcrumb ul li:first-child { padding-left: 0;}
#breadcrumb ul li a.bread_home { background: url(../../../img/img1/top/common/icon/icon_home.png) left 50% no-repeat transparent; }
#breadcrumb ul li a.bread_home {
	padding-left: 30px;
	-webkit-background-size: 30px 30px;
	   -moz-background-size: 30px 30px;
	     -o-background-size: 30px 30px;
	        background-size: 30px 30px;
	    -ms-background-size: 30px 30px;
}
#breadcrumb ul li.bread_sub { background: url(../../../img/img1/top/common/icon/icon_arrow_next.png) left 50% no-repeat transparent; }
#breadcrumb ul li.bread_sub {
	padding-left: 30px;
	-webkit-background-size: 30px 30px;
	   -moz-background-size: 30px 30px;
	     -o-background-size: 30px 30px;
	        background-size: 30px 30px;
	    -ms-background-size: 30px 30px;
}
#breadcrumb ul li a {
	color: #555;
}
#breadcrumb ul li a:hover {
	text-decoration: underline;
}

/*======================================

	sub_page

=======================================*/
.sub_page {}

/*---------------------------------------
   01 privacy
---------------------------------------*/
/* privacy_box
---------------------------------------*/
.privacy_box {
	padding: 40px;
	border: 1px solid #ccc;
}
.privacy_box dt {
	margin-bottom: 5px;
	font-weight: bold;
}
.privacy_box dd {}

/*---------------------------------------
   02 profile
---------------------------------------*/
/* profile_box
---------------------------------------*/
.profile_box {
	margin-bottom: 60px;
	overflow: hidden;
	width: 100%
}
.profile_box dt {
	float: left;
	width: 20%;
}
.profile_box dt img { width: 180px;}
.profile_box dd {
	float: right;
	width: 78%;
}
.profile_pr { text-align: left;}
.profile_pr dt {
	margin-bottom: 20px;
	font-size: 24px;
}
.profile_pr dd {}
.profile_pr dt { background: url(../../../img/img1/top/common/icon/icon_balloon.png) left 50% no-repeat transparent; }
.profile_pr dt {
	padding-left: 45px;
	-webkit-background-size: 40px 40px;
	   -moz-background-size: 40px 40px;
	     -o-background-size: 40px 40px;
	        background-size: 40px 40px;
	    -ms-background-size: 40px 40px;
}

/* profile_diary_box
---------------------------------------*/
.profile_diary_box { overflow: hidden;}
.profile_diary_box li {
	padding: 20px 0;
	border-top: 3px dotted #ccc;
}
.profile_diary_box li:last-child { border-bottom: 3px dotted #ccc;}
.profile_diary_box li dl {}
.profile_diary_box li dl dt { margin-bottom: 10px;}
.profile_diary_box li dl dt a {
	text-decoration: underline;
	text-decoration-color: #59abfd;
}
.profile_diary_box li dl dd {
	margin: 10px 0;
	overflow: hidden;
}
.profile_diary_box li dl dd:last-child { margin-bottom: 0;}
.profile_diary_box li dl dd span {
	margin-right: 5px;
	padding-left: 40px;
}
.profile_diary_box li dl dd span a {
	display: inline-block;
	text-decoration: underline;
	text-decoration-color: #59abfd;
}

/*---------------------------------------
   03 experience
---------------------------------------*/
/* experience_box
---------------------------------------*/
.experience_box { margin: 60px 0;}
.experience_box li {
	padding: 40px 0;
	border-bottom: 3px dotted #ccc;
}
.experience_box li:first-child { border-top: 3px dotted #ccc;}
.experience_box li dl {}
.experience_box li dl dt { margin-bottom: 10px;}
.experience_box li dl dd { margin: 10px 0;}
.experience_box li dl dd:last-child { margin-bottom: 0; border-bottom: none;}
.experience_box li dl dd span {
	margin-right: 10px;
	font-size: 16px;
}
.experience_box li dl dd time {	font-size: 16px;}

/*---------------------------------------
   04 diary
---------------------------------------*/
/* diary_box
---------------------------------------*/
.diary_box { margin: 60px 0;}
.diary_box li {
	overflow: hidden;
	padding: 50px 0;
	width: 100%;
	border-top: 3px dotted #ccc;
}
.diary_box li:last-child { border-bottom: 3px dotted #ccc;}
.diary_box li .diary_profile {
	float: left;
	width: 20%;
}
.diary_box li .diary_profile a {}
.diary_box li .diary_profile a img { width: 180px;}
.diary_box li dl {
	float: right;
	width: 78%;
}
.diary_box li dl dt { margin-bottom: 10px;}
.diary_box li dl dt a {
	text-decoration: underline;
	text-decoration-color: #59abfd;
}
.diary_box li dl dd { margin: 10px 0;}
.diary_box li dl dd:last-child { margin-bottom: 0;}
.diary_box li dl dd span a {
	text-decoration: underline;
	text-decoration-color: #59abfd;
}

/* diary_detail
---------------------------------------*/
.diary_detail {
	margin: 60px 0;
}
.diary_detail dl {
	margin: 60px 0;
	overflow: hidden;
}
.diary_detail dl dt {
	float: left;
	width: 20%;
}
.diary_detail dl dt a {}
.diary_detail dl dt a img {
	width: 180px;
}
.diary_detail dl dd {
	float: right;
	margin: 78px 0;
	width: 78%;
}

/* diary_comments
---------------------------------------*/
.diary_comments {
	padding: 40px;
	background-color: #fff;
}
.diary_comments li {
	padding: 20px 0;
	border-top: 3px dotted #ccc;
}
.diary_comments li:first-child {
	padding-top: 0;
	border-top: none;
}
.diary_comments li:last-child { padding-bottom: 0;}

/* diary_link
---------------------------------------*/
.diary_link {
	overflow: hidden;
	margin: 0 auto;
}
.diary_link li {
	margin: 0 20px;
	display: inline;
}

/*---------------------------------------
   05 loginuser
---------------------------------------*/
/* loginuser_box
---------------------------------------*/
.loginuser_box { overflow: hidden;}
.loginuser_box li {
	margin-bottom: 25px;
	float: left;
	width: 200px;
}

.loginuser_box li dl dt {
	margin-bottom: 10px;
}
.loginuser_box li dl dt a {}
.loginuser_box li dl dt a img {
	width: 180px;
}
.loginuser_box li dl dd {}
.loginuser_box li dl dd a {}

#pagination p a { margin-top: 30px;}
#pagination p a:hover { color: #fff;}

/*---------------------------------------
   06 charge
---------------------------------------*/
/* charge_box
---------------------------------------*/
.charge_box {
	overflow: hidden;
	width: 100%;
}
.charge_box li {
	float: left;
	width: 25%;
}
.charge_bank { background: url(../../../img/img1/top/charge/icon_bank.png) center 40% no-repeat transparent; color: #e77a73;}
.charge_credit { background: url(../../../img/img1/top/charge/icon_credit.png) center 40% no-repeat transparent; color: #f68c40;}
.charge_convenience { background: url(../../../img/img1/top/charge/icon_convenience.png) center 40% no-repeat transparent; color: #75b777;}
.charge_jcard { background: url(../../../img/img1/top/charge/icon_jcard.png) center 40% no-repeat transparent; color: #52bbd1;}

.charge_bank,
.charge_credit,
.charge_convenience,
.charge_jcard {
	padding-top: 180px;
	-webkit-background-size: 120px 120px;
	   -moz-background-size: 120px 120px;
	     -o-background-size: 120px 120px;
	        background-size: 120px 120px;
	    -ms-background-size: 120px 120px;
}

/*---------------------------------------
   sidemenu
---------------------------------------*/
.sidemenu {
	position: fixed;
	top: 160px;
	right: 0px;
	background-color: #36b9ff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-border-radius: 20px 0 0 20px;
	   -moz-border-radius: 20px 0 0 20px;
	        border-radius: 20px 0 0 20px;
	-webkit-box-shadow: 0 0 0 2px #36b9ff;
	   -moz-box-shadow: 0 0 0 2px #36b9ff;
	        box-shadow: 0 0 0 2px #36b9ff;
  -webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
	z-index: 9999;
}
.sidemenu ul {
	overflow: hidden;
	display: table;
}
.sidemenu ul li {
	display: table-cell;
	border-bottom: 1px solid #fff;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
.sidemenu ul li:last-child { border-bottom: none;}
.sidemenu ul li a {
	display: table-cell;
	padding: 20px 25px;
	vertical-align: middle;
	width: 50px;
	font-size: 13px;
	color: #fff;
}