/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/

/*フルワイズ領域*/
div.containerFD {
	width:950px;
	margin:0px auto;
	}

/*パンくずリスト*/
div.containerFD nav#breadlist {
	margin:0px 0px 0px;
	padding-bottom:50px;
	}

/*パンくずリスト　リスト*/
div.containerFD nav#breadlist ul li {
	font-size:11px;
	display:block;
	float:left;
	}

/*パンくずリスト　かぎかっこ*/
div.containerFD nav#breadlist ul li span {
	margin-left:12px;
	margin-right:12px;
	font-size:10px;
	}

/*ページタイトル*/
div.containerFD  div.pagettl {
	width:950px;
	margin:0px 0px 40px 0px;
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd;
	}

/*ページタイトル　和表記*/
div.containerFD div.pagettl p.pagettl-jp {
	width:950px;
	font-size:18px;
	font-weight:bold;
	color:#06c;
	margin:-2px 0px 0px;
	padding:20px 0px 0px 15px;
	background:url(../images/cmn/bg_page-ttl-fd.png) no-repeat -20px 0px;
	}

/*ページタイトル　英表記*/
div.containerFD div.pagettl p.pagettl-en {
	font-size:8px;
	font-family:Verdana, Geneva, sans-serif;
	color:#6FA9E2;
	margin:-3px 0px 0px;
	padding:0px 0px 20px 15px;
	}

/*段落定義　パラグラフ*/
div.containerFD p.normal {
	padding:0px 15px 30px 15px;
	}

/*段落定義　パラグラフ　マージンプラス*/
div.containerFD p.margin-plus {
	padding:0px 15px 30px 35px;
	}

/*ヘッダー　レベル２*/
div.containerFD h2 {
	border:1px solid #ccc;
	border-radius:5px;
	height:33px;
	margin:30px 0px;
	padding:10px 0px 0px 0px;
	background:url(../images/cmn/bg_header-lv2.jpg) repeat-x;
	font-size:15px;
	}
div.containerFD h2>p {
	padding:1px 0px 0px 15px;
	border-left:4px solid #06c;
	}

/*ヘッダー　レベル３*/
div.containerFD h3 {
	border-bottom:2px solid #ccc;
	height:30px;
	margin:15px 0px 20px;
	padding:0px;
	font-size:15px;
	}
div.containerFD h3>p {
	padding:3px 0px 2px;
	background:url(../images/cmn/bg_header-lv3.png) no-repeat left bottom;
	}

/*ヘッダー　レベル４*/
div.containerFD h4 {
	padding:15px 0px 15px 15px;
	font-size:15px;
	}










/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　/　760pxで最適化　▼======================================*/
@media screen and (max-width: 960px) {

/*フルワイズ領域*/
div.containerFD {
	width:760px;
	}

/*ページタイトル*/
div.containerFD  div.pagettl {
	width:760px;
	}

/*ページタイトル　和表記*/
div.containerFD div.pagettl p.pagettl-jp {
	width:745px;
	}

}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き） /　580pxで最適化　▼======================================*/
@media only screen and (max-width:640px) {

/*フルワイズ領域*/
div.containerFD {
	width:580px;
	}

/*ページタイトル*/
div.containerFD div.pagettl {
	width:580px;
	margin:30px 0px 30px 0px;
	}

/*ページタイトル　和表記*/
div.containerFD div.pagettl p.pagettl-jp {
	width:560px;
	padding:20px 0px 0px 5px;
	}

/*ページタイトル　英表記*/
div.containerFD div.pagettl p.pagettl-en {
	padding:0px 0px 20px 5px;
	}

/*段落定義　パラグラフ*/
div.containerFD p.normal {
	padding:0px 5px 30px 5px;
	}

/*段落定義　パラグラフ　マージンプラス*/
div.containerFD p.margin-plus {
	padding:0px 15px 30px 25px;
	}

/*ヘッダー　レベル２*/
div.containerFD h2 {}
div.containerFD h2>p {
	padding:1px 0px 0px 8px;
	font-size:14px;
	}

/*ヘッダー　レベル３*/
div.containerFD h3 {
	height:auto;
	border-bottom:none;
	}
div.containerFD h3>p {
	padding:3px 0px 2px 8px;
	font-size:14px;
	background:url(../images/cmn/bg_header-lv3smp.png) no-repeat bottom left;
	}

/*ヘッダー　レベル４*/
div.containerFD h4 {
	padding:15px 0px 15px 5px;
	font-size:14px;
	}

}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き） /　320pxで最適化　▼======================================*/
@media only screen and (max-width:480px) {
 
 /*フルワイズ領域*/
div.containerFD {
	width:320px;
	}

/*ページタイトル*/
div.containerFD div.pagettl {
	clear:both;
	width:320px;
	margin:25px 0px 25px 0px;
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	}

/*ページタイトル　和表記*/
div.containerFD div.pagettl p.pagettl-jp {
	width:320px;
	font-size:16px;
	background:none;
	border-top:2px solid #06c;
	}

/*ページタイトル　英表記*/
div.containerFD div.pagettl p.pagettl-en {
	font-size:8px;
	padding:0px 0px 16px 0px;
	}

/*段落定義　パラグラフ*/
div.containerFD p.normal {
	padding:0px 5px 30px 5px;
	}

/*段落定義　パラグラフ　マージンプラス*/
div.containerFD p.margin-plus {
	padding:0px 5px 15px 20px;
	}

/*ヘッダー　レベル２*/
div.containerFD h2 {}
div.containerFD h2>p {
	padding:1px 0px 0px 8px;
	font-size:13px;
	}

/*ヘッダー　レベル３*/
div.containerFD h3 {
	border-bottom:none;
	}
div.containerFD h3>p {
	padding:3px 0px 2px 8px;
	width:312px;
	}

/*ヘッダー　レベル４*/
div.containerFD h4 {
	padding:15px 0px 10px 5px;
	}
 
}