@charset "utf-8";
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.ttf?-dpen52') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */

/*---------------------------------------------------*/
/* 共通設定
-----------------------------------------------------*/
html{
	font-size: 62.5%;}
body {
	font-size: 1.0rem;
	color:#231815;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.05rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

html,body {height: 100%; }


a {text-decoration:none;}

img{
	max-width: 100%;
	/*height: auto;
	width: auto;*/
	vertical-align:bottom; }

#wrap{overflow:hidden;}

/* Googleマップ */
.googlemap {
	width:95%;
	margin:0 auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* アイコン */
#pnav li,
nav li,
#reason dt,
#faq dt,
#faq dd,
#flow section > section,
#content dt,
#voice dt,
#shop dt,
#price-list ul.menu li,
#price-list table.menu td,
#fnav li,
#foot li,
#foot .pc a,
#pagetop a{
	position: relative;}
	#pnav li a:after,
	nav li a:after,
	#reason dt:after,
	#faq dl dt:after,
	#faq dl dd:after,
	#flow section > section:after,
	#content dt:after,
	#voice dt:after,
	#shop dt:after,
	#price-list ul.menu li a:after,
	#price-list table.menu td a:after,
	#fnav li a:after,
	#foot li a:after,
	#foot .pc a:after,
	#pagetop a:after{
		font-family: 'icomoon';
		position: absolute;}
/* PDF */
a[href$=".pdf"] {
	position: relative;
	padding-left:2.0rem;
	font-size:1.4rem;}
	a[href$=".pdf"]:after{
		font-family: 'icomoon';
		position: absolute;
		content: "\eada";
		top:0;
		left:0;
		font-size:1.8rem;
		line-height:1.4rem;
		color:#ff0000;}
/* 電話 */
section a[href^="tel:"] {
	position: relative;
	padding-left:2.4rem;
	font-size:2.2rem;
	line-height:2.2rem;
	text-decoration:none;
	color:#E21919;}
	section a[href^="tel:"]:after{
		font-family: 'icomoon';
		position: absolute;
		content: "\e942";
		top:0;
		left:0;
		}

/* 『3ステップ！かんたん買取査定』 */
article > aside{
	padding:8px 0 16px;
	background:#cef2ff;}
	article > aside p{
		width:95%;
		color:#14508e;
		font-size:1.6rem;
		font-weight:bold;
		text-align:center;
		line-height:2.6rem;
		margin:0 auto;}
	article > aside a{
		color:#fff;
		font-size:2.0rem;
		line-height:48px;
		text-decoration:none;
		display:block;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.2);
		-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.2);
		background: -moz-linear-gradient(top,#e21a1a, #ef4747 50%,#e21a1a 50%,#ef4747);
  		background: -webkit-gradient(linear, left top, left bottom, from(#e21a1a), color-stop(0.5,#ef4747), color-stop(0.5,#e21a1a), to(#ef4747));}
	article > aside a:hover,
	article > aside .hover{
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";}
article > aside a.line{
    margin-top: 10px;
    background: -moz-linear-gradient(top,#5fda11, #3abd1d);
    background: -webkit-gradient(linear, left top, left bottom, from(#5fda11), to(#3abd1d));}

/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
article{
	font-size:1.4rem;}

#container h1{
	text-align:left;
	font-size:2.4rem;
	line-height:1.4;
	padding-left:0.8em;
	margin-bottom:16px;
	background:url(../images/h1_bg.jpg) no-repeat left center;}
#container h2{
	text-align:left;
	font-size:1.8rem;
	padding:16px 3.2% 8px;
	margin-bottom:8px;
	border-bottom:1px solid #eeeeee;
	background: url(../images/ttl_bg.gif) no-repeat left top,
				-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eeeeee));}
#container h3{
	width:95%;
	padding:4px 0;
	font-size:1.6rem;
	margin:0 auto 4px;
	color:#fff;
	background:#14508e;
	border-radius:4px;        /* CSS3草案 */  
	-webkit-border-radius:4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:4px;   /* Firefox用 */}

/* 記事 */
article{}
	article a{
		text-decoration:underline;}
		article a:hover,
		article .hover{
			text-decoration:none;}
		article h1 a,
		article h2 a,
		article h3 a{
			cursor:default;
			text-decoration:none;}
	article p,
	article ul,
	article ol,
	article dl,
	article table{
		width:95%;
		margin:0 auto 16px;
		text-align:left;}
	section{
		margin-bottom:24px;}
	article dl dd{
		margin-bottom:16px;}
		article dt{
			margin-bottom:8px;}
		article li{
			margin-bottom:4px;}

/* キャッチコピー */
p.catch{
	color:#14508e;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0.1rem;}

/* ※ */
p.aside,
ul.aside li,
span.aside,
.aside span{
	font-size:1.2rem;
	color:#E21919;
	position: relative;
	padding-left:1.5rem;}
	p.aside:before,
	ul.aside li:before{
		content:"※";
		position: absolute;
		left: 0;
		top: 0;
		}
	span.aside:before,
	.aside span:before{
		content:"※";
		position: absolute;
		left: 0;
		top: 0;
		line-height:1.2rem;
		}


/* トップページ
-----------------------------------------------------*/
#toppage{}

#toppage h2:not(.ttl){
	margin-bottom:16px;}

#toppage h3{
	font-size:1.6rem;}


/* 携帯電話・スマートフォン・タブレット 最新買取情報 */
#toppage .pricelist{
		width:95%;
		margin:0 auto 24px;
		border:4px solid #14508e;
		border-radius:4px;        /* CSS3草案 */  
		-webkit-border-radius:4px;    /* Safari,Google Chrome用 */  
		-moz-border-radius:4px;   /* Firefox用 */}
	#toppage .pricelist h3{
		line-height:42px;
		color:#fff;
		text-align:left;
		vertical-align:middle;
		background:#14508e;}
		#toppage .pricelist h3 img{
			margin-top:-0.8em;
			margin-right:0.5em;
			float:left;}
	#toppage .pricelist ul{
		clear:both;
		width:100%;
		margin:0;}
		#toppage .pricelist ul li{
			padding:4px 1.0rem;
			margin-bottom:0;}
				#toppage .pricelist ul *{ word-break: break-all;}
			#toppage .pricelist ul li:first-child, /* 最初のli */
			#toppage .pricelist ul li:last-child{  /* 最後のli */
				height:0;
				overflow:hidden;
				color:#fff;
				line-height:none;
				text-indent:-9999px;
				padding:0;
				margin:0; }
			#toppage .pricelist ul li:nth-child(2n){    /* 偶数番目 */
				background:#f2f2f2;}
		#toppage .pricelist ul li span{
			margin-right:0.5em;}
			#toppage .pricelist ul li span:nth-child(3){ /* li内前から3番目のspan */
				font-weight:bold;
				font-size:1.6rem;
				color:#E21919;
				display:inline-block;
			 }

/* コンテンツメニュー */
#toppage .cmenu{
	padding:8px 0;
	background:#f2f2f2;}
	#toppage .cmenu ul{}
		#toppage .cmenu ul li{
			clear:both;
			line-height:1.4;
			margin:0;
			background:#fff;
			border-bottom:1px solid #eeeeee;}
				#toppage .cmenu ul li:after {/* float解除 */
					content: "";
					display: block;
					clear: both;}
			#toppage .cmenu ul li img{
				float:left;
				margin-bottom:8px;
				margin-right:16px;}
			#toppage .cmenu ul li strong{
				display:block;
				font-size:1.6rem;}
			#toppage .cmenu ul li a{
				color:#222222;
				display:block;
				padding:8px 16px 8px 8px;
				text-decoration:none;}
				#toppage .cmenu ul li a strong{
					color:blue;
					text-decoration:underline;}
				#toppage .cmenu ul li .hover strong,
				#toppage .cmenu ul li a:hover strong{
					text-decoration:none;}

/* お知らせ */
article .info,
article .info li{
	margin-bottom:0;}
	article .info ul{}
		article .info li{
			padding:8px 0;
			border-bottom:1px solid #eeeeee;}
				article .info li:last-child{
					border-bottom:none;}
			article .info li time,
			article .info li a{
				display:block;}
	article .info h3{
		padding:16px 1.0rem 8px;
		border-bottom:1px solid #eeeeee;
		background: url(../images/ttl_bg.gif) no-repeat left top,
					-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eeeeee));}


/* 選ばれる理由
-----------------------------------------------------*/
#reason{}

#reason dl{}
	#reason dl dt,
	#reason dl dd{}
	#reason dl dt{
		font-size:1.8rem;
		padding-left:3.0rem;}
		#reason dl dt span{
			font-size:1.4rem;
			font-weight:bold;
			display:block;
			padding-top:4px;
			color:#E21919;}
		#reason dt:after{
			content: "\e62e";
			top:0;
			left:0;
			margin-top: -0.5rem;
			font-size:2.6rem;
			color:#E21919;}
	#reason dl dd{
		width:95%;
		margin:0 auto 24px;}
	#reason dl dd.img{
		text-align:center;
		margin-bottom:10px;}


/* 買取の流れ
-----------------------------------------------------*/
#flow{}

#flow section > section{
	padding-bottom:32px;}
		#flow section > section:after{
			content: "\e605";
			font-size:4.0rem;
			line-height:normal;
			color:#e21919;
			bottom:0;
			left:50%;
			margin-left: -2.0rem;}
		#flow section > section:last-child{
			padding-bottom:0;
			margin-bottom:40px;}
			#flow section > section:last-child:after{
				content:none;}
	#flow section > section,
	#flow section p,
	#flow section img,
	#container #flow h3{
		margin-bottom:8px;}

#container #flow h2{
	margin:0;}
#container #flow h3{
	width:100%;
	border-radius:0;        /* CSS3草案 */  
	-webkit-border-radius:0;    /* Safari,Google Chrome用 */  
	-moz-border-radius:0;   /* Firefox用 */}

#flow dl{
	width:100%;
	padding:8px 0;
	text-align:center;
	background:#f2f2f2;}
	#flow dl dt,
	#flow dl dd{
		text-align:left;
		width:95%;
		margin:0 auto;}
	#flow dl dd{}
	#container #flow dl ul{
		padding-left:2.4rem;
		list-style:circle;
		margin-bottom:0;}
	

/* 買取価格一覧
-----------------------------------------------------*/
#price-list{}

/* 価格表 */
#container #price-list section ul{
	width:100%;}
	#price-list section ul *{ word-break: break-all;}
	#price-list section ul li{
		padding:4px 1.0rem;}
		#price-list section ul li:nth-child(2n){    /* 偶数番目 */
			background:#f2f2f2;}
	#price-list section ul li span{
		margin-right:0.5em;}
	/* 価格 */
	#price-list section ul li span:nth-child(5){
		font-weight:bold;
		font-size:1.6rem;
		color:#E21919;
		display:inline-block; }
		#price-list section ul li span:nth-child(5):after{ /* 価格に円をつける */
			font-size:1.4rem;
			content:"円";
			font-weight:bold;
			margin-left:2px;}

/* キャリア別 */
#price-list section ul.maker li span:nth-child(1){
	display:inline-block;
	text-indent:-9999px;
	margin:0;}

/* 全機種 */
#price-list section ul.plist li:first-child, /* 項目削除 */
#price-list section ul.plist li:last-child{  /* 最後の行削除 */
	height:0;
	overflow:hidden;
	color:#fff;
	line-height:none;
	text-indent:-9999px;
	padding:0;
	margin:0;}	 


/* 各機種へのリンク */
#container #price-list table.menu{
	border:1px solid #ccc;
	overflow:auto; zoom:1;/* float解除 */}
	#price-list table.menu td{
		width:33%;
		border:1px solid #ccc;}
		#price-list table.menu a{
			font-size:1.6rem;
			text-decoration:none;
			display:block;
			line-height:44px;
			padding:0 1.0rem;}
			#price-list table.menu a:hover,
			#price-list table.menu .hover{
				background:#f2f2f2;}
			#price-list table.menu .current a{
				background:#cef2ff;}
			#price-list table.menu a:after{
				content: "\e617";
				top: 50%;
				right:0.6rem;
				margin-top: -22px;
				color:#ccc;
				font-size:2.0rem;
				}
				#price-list table.menu .current a:after{
					content: "\e615";
					color:#bbbbbb;}



/* 各機種へのリンク（旧） */
#container #price-list ul.menu{
	border:1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}
	#price-list ul.menu li{
		width:33%;
		margin:0;
		border-top:1px solid #ccc;
		float:left;
		display:inline;}
		#price-list ul.menu a{
			font-size:1.6rem;
			text-decoration:none;
			display:block;
			line-height:44px;
			padding:0 1.0rem;
			border-left:1px solid #ccc;}
			#price-list ul.menu a:hover,
			#price-list ul.menu .hover{
				background:#f2f2f2;}
			#price-list ul.menu a.current{
				background:#cef2ff;}
			#price-list ul.menu a:after{
				content: "\e617";
				top: 50%;
				right:0.6rem;
				margin-top: -22px;
				color:#ccc;
				font-size:2.0rem;
				}
				#price-list ul.menu a.current:after{
					content: "\e615";
					color:#bbbbbb;}
	#price-list ul.menu li.all{
		width:100%;
		border:none;
		text-align:center;}
		#price-list ul.menu li.all a{
			border:none;}
	#price-list ul.menu .docomo,
	#price-list ul.menu .apple{
		width:34%;}
		#price-list ul.menu li.docomo a,
		#price-list ul.menu li.apple a{
			border:none;}
	#price-list ul.menu:after {/* float解除 */
		content: "";
		display: block;
		clear: both;}


/* Tel・Mailリンク */
.inquirybox{margin:8px;border:4px solid #0d4591; background:#fff;}
.inquirybox a{background: #fff; box-shadow:none; }
.inquirybox .wrap{padding:10px;}
.inquirybox .ttl{margin:0 auto; background:#0d4591; color:#fff; font-size:1.2em; padding:5px 0; text-align:center; vertical-align:middle;}
.inquirybox .subttl{color:#0d4591; font-weight:bold; font-size:1.1em; background: #FFF; width: 100%; margin: 0 auto; padding: 0 0 5px; text-align: left;}
.inquirybox .subttl img{vertical-align:middle; margin:0 5px 0 0; width:21px; height:21px;}
.inquirybox .btn_tel{margin:0 auto 10px; width:100%; background: -moz-linear-gradient(top,#f9f9f9 0%,#eeeeee);background: -webkit-gradient(linear, left top,left bottom,from(#f9f9f9),to(#eeeeee));-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #dadada;}
.inquirybox .btn_mail{width:100%; margin:0 auto; background: -moz-linear-gradient(top,#fd0000 0%,#cb0003);background: -webkit-gradient(linear, left top,left bottom,from(#fd0000),to(#cb0003));-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #b30003;}
.inquirybox .attention{width:100%; margin:3px auto 0; text-align: center; font-size: 1em; font-weight:bold;}

/* 店舗情報
-----------------------------------------------------*/
#shop{}

/* 一覧 */
#shop .list dl{}
	/* 店舗名 */
	#shop .list dl dt{
		font-size:1.6rem;}

/* 詳細 */
#shop .data{}
#shop .data table{
	border:1px solid #ccc;}
	#shop .data table tr{
		border-bottom:1px solid #ccc;}
	#shop .data table th,
	#shop .data table td{
		display:block;
		padding:8px 1.0rem;}
	#shop .data table th{
		text-align:center;
		border-top:1px solid #ccc;
		background:#eeeeee;}
		#shop .data table th:first-child{ border:none;}
	#shop .data table td{}
		#shop .data table td a{
			display:block;}

#shop .googlemap{
	margin-bottom:16px;}


/* よくある質問
-----------------------------------------------------*/
#faq{}

#faq dl{
	width:100%;}
	#faq dl dt,
	#faq dl dd{
		min-height:3.2rem;
		padding-left:4.0rem;}
		#faq dl dt:after,
		#faq dl dd:after{
			font-size:3.2rem;
			top:0;
			left:0;
			line-height:normal;
			margin-left:0.5rem;}
	/* Q */
	#faq dl dt{
		padding-top:4px;}
		#faq dl dt:after{
			color:#1960e2;
			content: "\e600";}
	/* A */
	#faq dl dd{
		padding:8px 1.0rem 8px 4.0rem;
		background:#f2f2f2;}
		#faq dl dd:after{
			color:#e23131;
			content: "\e62d";
			margin-top:4px;}


/* キャンペーン
-----------------------------------------------------*/
#campaign{}

/* 価格表 */
#container #campaign ul.plist{
	width:100%;}
	#container #campaign ul.plist *{
		word-break: break-all;}
	#campaign ul.plist li{
		padding:4px 1.0rem;}
	#campaign ul.plist li:nth-child(2n){    /* 偶数番目 */
		background:#f2f2f2;}
	#campaign ul.plist li span{
		margin-right:0.5em;}
		/* 価格 */
		#campaign ul.plist li span:nth-child(3){
			font-weight:bold;
			font-size:1.6rem;
			color:#E21919;
			display:inline-block; }
		/* 備考 */
		#campaign ul.plist li span:nth-child(4){
			font-size:1.2rem;
			display:inline-block;
			border-radius: 4px;        /* CSS3草案 */  
			-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 4px;   /* Firefox用 */
		 }


/* お客様の声
-----------------------------------------------------*/
#voice{}

#voice dl{
	width:100%;}
	#voice dl dt{
		min-height:3.2rem;
		padding-left:4.2rem;}
		#voice dl dt:after{
			font-size:3.2rem;
			top:0;
			left:0;
			line-height:normal;
			margin-left:0.5rem;
			color:#1960e2;
			content: "\e62f";}
	#voice dd{
		padding:8px 3.2%;
		background:#f2f2f2;
		margin-bottom:32px;}
		#voice dd strong{
			display:block;
			text-align:right;}
		#voice dd strong.man{color:#1960e2;}
		#voice dd strong.woman{color:#e23131;}


/* 高く売るコツ
-----------------------------------------------------*/
#content{}

#content dl{}
	#content dl dt{
		font-size:1.8rem;
		padding:4px 1.0rem 4px 3.6rem;
		background:#eeeeee;
		border-radius:4px;        /* CSS3草案 */  
		-webkit-border-radius:4px;    /* Safari,Google Chrome用 */  
		-moz-border-radius:4px;   /* Firefox用 */}
		#content dt:after{
			content: "\e62e";
			top:50%;
			left:0.4rem;
			margin-top: -2.0rem;
			font-size:2.6rem;
			color:#E21919;}
	#content dl dd{}
	#content dl dd.img{
		text-align:center;
		margin-bottom:8px;}


/* トピックス
-----------------------------------------------------*/
#topics{}

#topics table{
	border:1px solid #ccc;}
	#topics table tr{
		border-bottom:1px solid #ccc;}
	#topics table th,
	#topics table td{
		padding:8px 1.0rem;
		display:block;}
	#topics table th{
		text-align:center;
		border-top:1px solid #ccc;
		background:#eeeeee;}
		#topics table th:first-child{ border:none;}
	#topics table td{}


/* common
-----------------------------------------------------*/
#common{}

#common table{
	border:1px solid #ccc;}
	#common table tr{
		border-bottom:1px solid #ccc;}
	#common table th,
	#common table td{
		padding:8px 1.0rem;
		display:block;}
	#common table th{
		text-align:center;
		border-top:1px solid #ccc;
		background:#eeeeee;}
		#common table th:first-child{ border:none;}
	#common table td{}

#container #common ol{
	width:auto;
	margin-right:4px;
	text-align:left;
	padding-left:3.6rem;}
	#container #common ol ol{
		margin-right:0;
		list-style:lower-alpha;
		padding:4px 0 0 2.4rem;
		}

#container #common ul{
	width:auto;
	padding-left:3.2rem;
	list-style:circle;}
	#container #common ul ul{
		list-style:disc;
		padding-left:1.8rem;}


/* LINE
-----------------------------------------------------*/
#line{}

#line section img {margin: 10px auto}
#line section p span {text-decoration:underline;}

/*---------------------------------------------------*/
/* ヘッダー
-----------------------------------------------------*/
header{
	border-bottom:4px solid #14508e;}

header #head{
	width:95%;
	height:48px;
	padding:8px 0;
	margin:0 auto;}
	header #head #logo,
	header #head #pnav{
		display:inline;}
header nav{
	clear:both;}

/* タブ
-----------------------------------------------------*/
#tab{
	font-size:1.3rem;
	background:#EEEEEE;}

#tab ul{
	height:30px;
	overflow:hidden;
	padding-top:0.6em;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	border-bottom:4px solid #E21616;}
	#tab ul li{
		position: relative;
		width:32%;
		text-align:center;
		display:inline-block;
		*display: inline; *zoom: 1;
		letter-spacing: normal;  /* 文字間を通常に戻す */
		padding:0 0.24em;
		box-sizing:border-box;
		overflow:hidden;
		vertical-align:bottom;}
		#tab ul li a{
			display:block;
			line-height:30px;
			color:#fff;
			font-weight:bold;
			letter-spacing:0.15rem;
			border-radius: 4px 4px 0 0;        /* CSS3草案 */  
			-webkit-border-radius: 4px 4px 0 0;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 4px 4px 0 0;   /* Firefox用 */
			background:#BBBBBB;
			}
			#tab ul li a:after{
				position: absolute;
				font-family: 'icomoon';
				top: 50%;
				left: 0.6rem;
				margin-top: -1.4rem;}
			
		/* tab rollover */
		    #tab a:hover {
				background:#E21616;}
		
		/* tab current */
		    #tab .current a{
				color:#fff;
				background:#E21616;}   

/* ロゴ
-----------------------------------------------------*/
#logo{
	width:44%;
	float:left;
	max-width:288px;
	background:url(../images/logo.jpg) no-repeat center center;
	background-size:100% auto;}
	#logo a{
		display:block;
		height:44px;
		text-indent:-9999px;}


/* プライマリーナビゲーション
-----------------------------------------------------*/
#pnav{
	width:56%;
	float:right;
	text-align:right;
	letter-spacing: -.40em;}
	#pnav li{
		width:48px;
		height:48px;
		font-size:1.1rem;
		letter-spacing:normal;
		line-height:normal;
		margin-left:6px;
		text-align:center;
		display:inline-block;
		*display: inline; *zoom: 1;
		letter-spacing: normal;  /* 文字間を通常に戻す */}
		#pnav li:first-child{margin-left:0; } /* 最初のli */
		#pnav li a{
			display:block;
			color:#000;
			padding-top:3.6rem;}
			#pnav li a:after{
				font-size:3.2rem;
				color:#e21919;
				top:0;
				left:50%;
				margin-left: -1.5rem;}
			#pnav li a:hover,
			#pnav li .hover{
				opacity:0.8;
				filter:alpha(opacity=80);
				-ms-filter: "alpha( opacity=80 )";
				background:none!important;}

/* 買取査定 */
#pnav li.appraisal a:after{content: "\e603";}
/* 店舗情報 */
#pnav li.shop a:after{content: "\e602";}
/* メニュー */
#pnav li.menu a:after{content: "\e601";}



/* グローバルナビゲーション
-----------------------------------------------------*/
nav {
	font-size:1.6rem;
	background:#eeeeee;}

nav ul{
	border-top:1px solid #eeeeee;}
	nav ul li{
		text-align:left;
		border-bottom:1px solid #fff;}
		nav ul li a{
			width:100%;
			padding:0 1.0rem;
			line-height:48px;
			display:block;
			vertical-align:middle;
			color:#222222;}
			nav ul li a:after{
				content: "\e617";
				top: 50%;
				right: 8px;
				margin-top: -2.0rem;
				font-size:2.4rem;
				}
			nav ul li a:hover,
			nav ul li .hover{
				background:#fff;}



/* パンくずリスト
-----------------------------------------------------*/
#pan{
	font-size:1.2rem;
	width:95%;
	color:#14508e;
	text-align:left;
	margin:0 auto 8px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */}
	#pan li{
		line-height:30px;
		margin-right:8px;
		display:inline-block;
		*display: inline; *zoom: 1;
		letter-spacing: normal; /* 文字間を通常に戻す */}
	#pan a{
		color:#14508e;
		text-decoration:underline;}
		#pan li:after{
			content:">";
			margin-left:8px;}
		#pan li:last-child:after{
			content:none;}


/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
footer{}


/* PEGE TOP
-----------------------------------------------------*/
#pagetop{
	font-size:1.2rem;
	border-top:8px solid #eeeeee;}
	#pagetop a{
		display:block;
		padding:26px 0 12px;
		line-height:normal;
		color:#222222;}
		#pagetop a:after{
			content: "\e620";
			top: 4px;
			right: 50%;
			margin-right: -1.4rem;
			font-size:2.8rem;
			color:#e21919;}
		#pagetop a:hover,
		#pagetop .hover{
			opacity:0.8;
			filter:alpha(opacity=80);
			-ms-filter: "alpha( opacity=80 )";
			background:none!important; }

/* フッターナビゲーション
-----------------------------------------------------*/
#fnav {
	font-size:1.6rem;
	background:#14508e;}

	#fnav li{
		text-align:left;
		border-bottom:1px solid #39699a;}
		#fnav li a{
			width:100%;
			padding:0 1.0rem;
			line-height:48px;
			display:block;
			vertical-align:middle;
			color:#fff;}
			#fnav li a:after{
				content: "\e617";
				top: 50%;
				right: 8px;
				margin-top: -2.0rem;
				font-size:2.4rem;
				color:#ccc;}
			#fnav li a:hover,
			#fnav li .hover{
				background:#2b6199;}


/* フッターメニュー
-----------------------------------------------------*/
#foot{
	font-size:1.2rem;
	margin-bottom:8px;}

#foot ul{overflow:auto; zoom:1;/* float解除 */}
	#foot ul li{
		text-align:left;
		width:50%;
		float:left;
		display:inline;}
		#foot ul li a{
			padding:0 1.0rem 0 2.8rem;
			line-height:44px;
			display:block;
			color:#14508e;}
			#foot li a:after{
				content: "\e617";
				top: 50%;
				left: 8px;
				margin-top: -2.2rem;
				font-size:2.0rem;
				color:#aaaaaa;}
			#foot ul li a:hover,
			#foot ul li .hover{
				background:#f2f2f2;}


/* SNSボタン
-----------------------------------------------------*/
#sns{
	margin:0 1.0rem;}

#sns ul{}
	#sns ul li{
		float:left;
		display:inline;
		margin-right:1.5rem;}
		#sns ul li img{
			width:24px;
			height:24px;}
		#sns ul li a{
			display:block;}


/* コピーライト
-----------------------------------------------------*/
#copy{
	clear:both;
	line-height:4.0;
	letter-spacing:0.12em;}