@charset "utf-8";

/*
	* Name: mypage.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license

	* Contents:
	  - 領域設定 - レイアウト -
	    - 07. 領域設定 - Main -
	  - 個別設定 - Top -
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	#mypage {
	}


	/* ========================================
	   * 07. 領域設定 - Main -
	======================================== */

	#mypage #main h3 {
		border-bottom-color: #4F8AAD;
	}

	#mypage #main h3 span {
		background-image: url("../../../img/pc/mypage/icon_circle_mypage.png");
	}

	#mypage #main div.linklist h4 {
		border-bottom-color: #508BB0;
	}

	#mypage #main div.category {
		border-bottom: 1px dotted #DCDCDC;
	}

	#mypage #main div.category ul {
		margin: -4px 10px 10px 10px;
	}

	#mypage #main div.category ul li {
		border-right: 1px solid #DDDDDB;
		display: inline;
		float: none;
		margin-right: 10px;
		padding-right: 10px;
	}

	#mypage #main div.category ul li a {
		background: none;
		border: none;
		display: inline;
	}

	#mypage #main div.user {
		border: 1px solid #4389B4;
		color: #387396;
		font-size: 120%;
		font-weight: bold;
		margin: 0 0 28px 0;
		padding: 8px 12px 8px 12px;
		text-align: center;
	}

	#mypage #main table.brand {
		border: 1px solid #4389B4;
	}

	#mypage #main table.brand tr th,
		#mypage #main table.brand tr td {
			border-bottom: 1px solid #4389B4;
			font-size: 100%;
			font-weight: bold;
	}

	#mypage #main table.brand tr th {
		background-color: #4389B4;
		color: #FFFFFF;
		width: 42%;
	}

	#mypage #main table.brand tr td {
		border-left: 1px solid #4389B4;
		color: #387396;
	}

	#mypage #main div.paragraph div.photo {
		border-top: 1px dotted #D2D2D0;
		padding: 28px 0 0 0;
	}

	#mypage #main div.paragraph div.photo img {
		height: auto;
		max-width: 580px;
	}

	#mypage #main ul.formButton.btnDouble {
		width: 568px;
	}

	#mypage #main ul.formButton.btnDouble li a.button,
		#mypage #main ul.formButton.btnDouble li input.button {
			width: 260px;
	}

	/* ========================================
	   * 個別設定 - Top -
	======================================== */

	#mypage.home #main div.premium {
		background: url("../../../img/pc/mypage/icon_premium_small.png") 20px center no-repeat;
		background-color: #FCF7E0;
		border: 1px solid #F5DBAC;
		margin: 0 0 20px 0;
		padding: 14px 14px 14px 144px;
	}

	#mypage.home #main div.blogarea div.leftside {
		margin-right: 24px;
		width: 226px;
	}

	#mypage.home #main div.blogarea div.leftside p {
		margin-bottom: 18px;
	}

	#mypage.home #main div.blogarea div.leftside ul.button {
		margin-left: -2px;
		margin-right: -2px;
	}

	#mypage.home #main div.blogarea div.leftside div.premium {
		background: #DCBD4E url("../../../img/pc/mypage/bg_premium_brown.gif") left top repeat-x;
		padding: 4px;
	}

	#mypage.home #main div.blogarea div.leftside div.premium div.container {
		background: #FBF59D url("../../../img/pc/mypage/bg_premium_yellow.gif") left top repeat-x;
		border: 1px solid #966F2E;
		padding: 10px 14px 10px 14px;
		position: static;
		width: auto;
	}

	#mypage.home #main div.blogarea div.leftside div.premium div.container h5 {
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 146px;
	}

	#mypage.home #main div.blogarea div.leftside div.premium div.container p {
		color: #615944;
	}

	#mypage.home #main div.blogarea div.article {
		width: 358px;
	}

	#mypage.home #main div.blogarea div.article ul.clip,
		#mypage.home #main div.blogarea div.article ul.clip li ul {
			list-style-type: none;
			margin-left: 0;
	}

	#mypage.home #main div.blogarea div.article ul.clip li ul li,
		#mypage.home #main div.blogarea div.article ul.clip li div.save p {
			padding-left: 14px;
	}

	#mypage.home #main div.blogarea div.article ul.clip {
		margin-top: -13px;
	}

	#mypage.home #main div.blogarea div.article ul.clip li {
		font-size: 120%;
		margin-bottom: 1px;
		position: relative;
		overflow: hidden;
	}

	#mypage.home #main div.blogarea div.article ul.clip li ul li {
		border-bottom: 1px dotted #D2D2D0;
		font-size: 100%;
		margin-bottom: 8px;
		padding-bottom: 8px;
		overflow: hidden;
	}

	#mypage.home #main div.blogarea div.article ul.clip li h6 {
		background-color: #F0F0EF;
		color: #82827E;
		font-weight: normal;
		padding: 8px 16px 8px 16px;
		position: static;
		position: visible;
	}

	#mypage.home #main div.blogarea div.article ul.clip li h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li h6.open {
			background-color: #00BFE8;
			color: #FFFFFF;
	}


	#mypage.home #main div.blogarea div.article ul.clip li.news h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.news h6.open {
			background-color: #3081C2;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.local h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.local h6.open {
			background-color: #338D56;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.carp h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.carp h6.open {
			background-color: #E42503;
	}
 
	#mypage.home #main div.blogarea div.article ul.clip li.sanfrecce h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.sanfrecce h6.open {
			background-color: #624696;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.column h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.column h6.open {
			background-color: #D2269E;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.life_information h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.life_information h6.open {
			background-color: #82B147;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.contribution h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.contribution h6.open {
			background-color: #D84121;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.chupea h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.chupea h6.open {
			background-color: #E4497B;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.event h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.event h6.open {
			background-color: #549F44;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.reporter h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.reporter h6.open {
			background-color: #147EB8;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.blog h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.blog h6.open {
			background-color: #F56B18;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.select h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.blog h6.open {
			background-color: #CA9A0C;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.animation h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.blog h6.open {
			background-color: #153D7B;
	}

	#mypage.home #main div.blogarea div.article ul.clip li.photograph h6:hover,
		#mypage.home #main div.blogarea div.article ul.clip li.blog h6.open {
			background-color: #727238;
	}

	#mypage.home #main div.blogarea div.article ul.clip li h6 img {
		position: absolute;
		right: 12px;
		top: 8px;
	}

	#mypage.home #main div.blogarea div.article ul.clip li h6 br {
		display: none;
	}

	#mypage.home #main div.blogarea div.article ul.clip li div.save {
		padding: 12px 0 12px 0;
	}

	#mypage.home #main div.blogarea div.article ul.clip li div.save p {
		margin-bottom: 12px;
	}

	#mypage.home #main div.blogarea div.article ul.clip li ul.btnSingle {
		margin-left: auto;
		margin-right: auto;
		width: 282px;
	}

	#mypage.home #main div.blogarea div.article ul.clip li ul.formButton li {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

	/* ========================================
	 * サービス利用状況
	   ======================================== */

	#mypage.home #main div.blogarea div.article ul.services,
		#mypage.home #main div.blogarea div.article ul.services li ul {
			list-style-type: none;
			margin-left: 0;
	}

	#mypage.home #main div.blogarea div.article ul.services li ul li,
		#mypage.home #main div.blogarea div.article ul.services li div.save p {
			padding-left: 14px;
	}

	#mypage.home #main div.blogarea div.article ul.services {
		margin-top: -13px;
	}

	#mypage.home #main div.blogarea div.article ul.services li {
		font-size: 120%;
		margin-bottom: 1px;
		position: relative;
		overflow: hidden;
	}

	#mypage.home #main div.blogarea div.article ul.services li ul li {
		border-bottom: 1px dotted #D2D2D0;
		font-size: 100%;
		margin-bottom: 8px;
		padding-bottom: 8px;
		overflow: hidden;
	}

	#mypage.home #main div.blogarea div.article ul.services li h6 {
		background-color: #F0F0EF;
		color: #82827E;
		font-weight: normal;
		padding: 8px 16px 8px 16px;
		position: static;
		position: visible;
	}

	#mypage.home #main div.blogarea div.article ul.services li h6:hover,
		#mypage.home #main div.blogarea div.article ul.services li h6.open {
			background-color: #00BFE8;
			color: #FFFFFF;
	}

	#mypage.home #main div.blogarea div.article ul.services li.service h6:hover,
		#mypage.home #main div.blogarea div.article ul.services li.service h6.open {
			background-color: #82B147;
	}

	#mypage.home #main div.blogarea div.article ul.services li h6 img {
		position: absolute;
		right: 12px;
		top: 8px;
	}

	#mypage.home #main div.blogarea div.article ul.services li h6 br {
		display: none;
	}

	#mypage.home #main div.blogarea div.article ul.services li div.save {
		padding: 12px 0 12px 0;
	}

	#mypage.home #main div.blogarea div.article ul.services li div.save p {
		margin-bottom: 12px;
	}

	#mypage.home #main div.blogarea div.article ul.services li ul.btnSingle {
		margin-left: auto;
		margin-right: auto;
		width: 282px;
	}

	#mypage.home #main div.blogarea div.article ul.services li ul.formButton li {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

}