/* @charset "utf-8"; */
/* CSS Document */

/*=ハック
---------------------------------------------------------------------------*/

/*▼クリアーフィックス */
.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 form IE-mac*/

/*▲クリアーフィックス */

/*EEE-ハック
---------------------------------------------------------------------------*/


/*=CSSデフォルトリセット
---------------------------------------------------------------------------*/
*{
    margin: 0;
    padding: 0;
    border: none;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}

ins {
	text-decoration: none !important;
}

em {
	font-weight: normal !important;
	font-style: normal !important;
}

strong {
	font-weight: normal !important;
	font-style: normal !important;
}

/*EEE-CSSデフォルトリセット
---------------------------------------------------------------------------*/


/*=bodyに対する指定 S
---------------------------------------------------------------------------*/

/*EEE-body
---------------------------------------------------------------------------*/


/*=wrapに対する指定 S
---------------------------------------------------------------------------*/

	
/*クリアーフィックス S*/
#wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrap {display:inline-block }

/* Hides from IE-mac \*/
* html #wrap { height:1% }
#wrap {
	display: block;
	height: 100%;
}
/*End hide form IE-mac*/

/*クリアーフィックス　E*/

/*EEE-wrap
---------------------------------------------------------------------------*/


/* ================================================================================ */
/*      =共通指定項目　S                                                                 */  
/* ================================================================================ */


.link {
	font-size: 1.3em;
}

.link a {
	text-decoration: underline;
	font-weight: normal;
	color:#06C;
}

.link a:hover {
	color: #F09;
}

.txtNormal { 
	font-size: 1.3em;
	line-height: 1.35;
}

/* a {
	text-decoration: none;
	font-weight: normal;
	color: #FF8000;
} */

/* a:hover {
	color: #F69;
} */

.clear {
	clear: both !important;
}





img { 
	vertical-align: bottom;
} 

#wrap .photoFrame {
	background-color: #FFF;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #aaaaaa;
	border-bottom-color: #aaaaaa;
	border-left-color: #dddddd;
}

#wrap .frameLine {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

/*= 余白に対する共通指定 S
---------------------------------------------------------------------------*/

/*-- =marginの共通指定 S --*/

/*-- top --*/

.marginT1em {
	margin-top: 1em !important;
	}

.marginT5px {
	margin-top: 5px !important;
}

.marginT10px {
	margin-top: 10px !important;
}

.marginT15px {
	margin-top: 15px !important;
}

.marginT20px {
	margin-top: 20px !important;
}

.marginT25px {
	margin-top: 25px !important;
}

.marginT30px {
	margin-top: 30px !important;
}

.marginT35px {
	margin-top: 35px !important;
}

.marginT40px {
	margin-top: 40px !important;
}

.marginT45px {
	margin-top: 45px !important;
}

.marginT50px {
	margin-top: 50px !important;
}

.marginT55px {
	margin-top: 55px !important;
}

.marginT60px {
	margin-top: 60px !important;
}

.marginT65px {
	margin-top: 65px !important;
}

.marginT70px {
	margin-top: 70px !important;
}

.marginT75px {
	margin-top: 75px !important;
}

.marginT80px {
	margin-top: 80px !important;
}

.marginT85px {
	margin-top: 85px !important;
}

.marginT90px {
	margin-top: 90px !important;
}


/*-- right --*/

.marginR0px {
	margin-right: 0px !important;
}

.marginR1px {
	margin-right: 1px !important;
}

.marginR2px {
	margin-right: 2px !important;
}

.marginR3px {
	margin-right: 3px !important;
}

.marginR4px {
	margin-right: 4px !important;
}

.marginR5px {
	margin-right: 5px !important;
}

.marginR8px {
	margin-right: 8px !important;
}

.marginR10px {
	margin-right: 10px !important;
}

.marginR15px {
	margin-right: 15px !important;
}

.marginR20px {
	margin-right: 20px !important;
}

.marginR25px {
	margin-right: 25px !important;
}

.marginR30px {
	margin-right: 30px !important;
}

.marginR35px {
	margin-right: 35px !important;
}

.marginR40px {
	margin-right: 40px !important;
}

.marginR45px {
	margin-right: 45px !important;
}

.marginR50px {
	margin-right: 50px !important;
}

.marginR55px {
	margin-right: 55px !important;
}

.marginR60px {
	margin-right: 60px !important;
}

.marginR65px {
	margin-right: 65px !important;
}

.marginR70px {
	margin-right: 70px !important;
}

.marginR75px {
	margin-right: 75px !important;
}

.marginR80px {
	margin-right: 80px !important;
}

.marginR85px {
	margin-right: 85px !important;
}

.marginR90px {
	margin-right: 90px !important;
}

.marginR95px {
	margin-right: 95px !important;
}

.marginR100px {
	margin-right: 100px !important;
}

.marginR105px {
	margin-right: 105px !important;
}

.marginR110px {
	margin-right: 110px !important;
}

.marginR115px {
	margin-right: 115px !important;
}

.marginR120px {
	margin-right: 120px !important;
}


/*-- left --*/

.marginL5px {
	margin-left: 5px !important;
}

.marginL8px {
	margin-left: 8px !important;
}

.marginL10px {
	margin-left: 10px !important;
}

.marginL15px {
	margin-left: 15px !important;
}

.marginL20px {
	margin-left: 20px !important;
}

.marginL25px {
	margin-left: 25px !important;
}

.marginL30px {
	margin-left: 30px !important;
}

.marginL35px {
	margin-left: 35px !important;
}

.marginL40px {
	margin-left: 40px !important;
}

.marginL45px {
	margin-left: 45px !important;
}

.marginL50px {
	margin-left: 50px !important;
}

.marginL55px {
	margin-left: 55px !important;
}

/*-- bottom --*/

.marginB5px {
	margin-bottom: 5px !important;
}

.marginB10px {
	margin-bottom: 10px !important;
}

.marginB15px {
	margin-bottom: 15px !important;
}

.marginB20px {
	margin-bottom: 20px !important;
}

.marginB25px {
	margin-bottom: 25px !important;
}

.marginB30px {
	margin-bottom: 30px !important;
}

.marginB35px {
	margin-bottom: 35px !important;
}

.marginB40px {
	margin-bottom: 40px !important;
}

.marginB45px {
	margin-bottom: 45px !important;
}

.marginB50px {
	margin-bottom: 50px !important;
}

.marginB55px {
	margin-bottom: 55px !important;
}

.marginB60px {
	margin-bottom: 60px !important;
}

.marginB65px {
	margin-bottom: 65px !important;
}

.marginB70px {
	margin-bottom: 70px !important;
}

.marginB75px {
	margin-bottom: 75px !important;
}

.marginB80px {
	margin-bottom: 80px !important;
}

.marginB85px {
	margin-bottom: 85px !important;
}

.marginB90px {
	margin-bottom: 90px !important;
}

.marginB95px {
	margin-bottom: 95px !important;
}

.marginB100px {
	margin-bottom: 100px !important;
}

.marginB105px {
	margin-bottom: 105px !important;
}

.marginB110px {
	margin-bottom: 110px !important;
}

.marginB115px {
	margin-bottom: 115px !important;
}

.marginB120px {
	margin-bottom: 120px !important;
}

.marginB125px {
	margin-bottom: 125px !important;
}

.marginB130px {
	margin-bottom: 130px !important;
}

.marginB135px {
	margin-bottom: 135px !important;
}

.marginB140px {
	margin-bottom: 140px !important;
}

.marginB120px {
	margin-bottom: 120px !important;
}

.marginB145px {
	margin-bottom: 145px !important;
}

.marginB150px {
	margin-bottom: 150px !important;
}

/*-- top & bottom --*/

.marginTB5px {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.marginTB10px {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.marginTB15px {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.marginTB20px {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.marginTB25px {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.marginTB30px {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.marginTB35px {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.marginT20B10px {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}

.marginT30B10px {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}

/*-- left & right --*/

.marginLRauto {
	margin-right: auto !important;
	margin-left: auto !important;
}

/*-- =paddingの共通指定 --*/

/*-- 全方向 --*/

.paddingAll10px {
	padding: 10px !important;
}


/*-- top --*/

.paddingT5px; {
	padding-top: 5px !important;
}

.paddingT10px; {
	padding-top: 10px !important;
}

.paddingT15px; {
	padding-top: 15px !important;
}

.paddingT20px; {
	padding-top: 20px !important;
}

.paddingT25px; {
	padding-top: 25px !important;
}

.paddingT30px; {
	padding-top: 30px !important;
}

.paddingT35px; {
	padding-top: 35px !important;
}

.paddingT40px; {
	padding-top: 40px !important;
}

.paddingT45px; {
	padding-top: 45px !important;
}

.paddingT50px; {
	padding-top: 50px !important;
}

.paddingT55px; {
	padding-top: 55px !important;
}

.paddingT60px; {
	padding-top: 60px !important;
}

.paddingT65px; {
	padding-top: 65px !important;
}

.paddingT70px; {
	padding-top: 70px !important;
}

.paddingT75px; {
	padding-top: 75px !important;
}

.paddingT80px; {
	padding-top: 80px !important;
}

/*-- bottomの指定 --*/

.paddingB10px; {
	padding-bottom: 10px !important;
}
.paddingB20px; {
	padding-bottom: 20px !important;
}

.paddingTB10px {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/*-- leftの指定 --*/

.paddingL5px {
	padding-left: 5px !important;
}

.paddingL10px {
	padding-left: 10px !important;
}

.paddingL15px {
	padding-left: 15px !important;
}

.paddingL20px {
	padding-left: 20px !important;
}

/*-- margin＆padding の共通指定部分 E --*/

/*= EEE 余白に対する共通指定
---------------------------------------------------------------------------*/



/*=フォントに対する共通指定 S
---------------------------------------------------------------------------*/

/* テキストの位置に関する指定 */

.txtRight /*--リンクテキストを右に寄せるのに主に使用（ブロック化させる）  --*/ {
	text-align: right !important;
	display: block !important;
	padding-top: 5px;
}

.alignR {
	text-align: right !important;
}/* テキスト以外にも指定可 */

.alignCenter {
	text-align: center !important;
}/* テキスト以外にも指定可 */

.alignL {
	text-align: left !important;
}/* テキスト以外にも指定可 */

.alignJustify {
text-align: justify;
text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/
}

/* 色-ウェイト等に関する S */

.Bold {
	font-weight: bold !important;
}

.Pink {
	color: #F69 !important;
}

.pinkB {
	color: #F69 !important;
	font-weight: bold !important;
}

.White {
	color: #FFF !important;
}

.Blue {
	color: #00A0C6 !important;
}

.blueB {
	color: #00A0C6 !important;
	font-weight: bold !important;
}

.Orange {
	color: #F60 !important;
}
	
.spRed {
	color: #F00 !important;
	font-weight: bold !important;
	font-size: 15px !important;
	letter-spacing: 0.02em;		
} 

.spBlue {
	color: #00A0C6 !important;
	font-weight: bold !important;
	font-size: 15px !important;		
}
.spPink {
	color: #F69 !important;
	font-weight: bold !important;
	font-size: 15px !important;
	letter-spacing: 0.02em;
}
.spGreen {
	color: #54B83F !important;
	font-weight: bold !important;
	font-size: 15px !important;
	letter-spacing: 0.02em;
}

.spOrange {
	color: #FF822F !important;
	font-weight: bold !important;
	font-size: 15px !important;
	letter-spacing: 0.02em;
}

/* EEE-色-ウェイト等に関する指定 */


/*-- =フォントサイズの共通指定　S --*/

.font6px {
	font-size: 6px !important;
}

.font7px {
	font-size: 7px !important;
}

.font8px {
	font-size: 8px !important;
}

.font9px {
	font-size: 9px !important;
}

.font10px {
	font-size: 10px !important;
}

.font11px {
	font-size: 11px !important;
}

.font12px {
	font-size: 12px !important;
}

.font13px {
	font-size: 13px !important;
}

.font14px {
	font-size: 14px !important;
}

.font15px {
	font-size: 15px !important;
}

.font16px {
	font-size: 16px !important;
}

.font17px {
	font-size: 17px !important;
}

.font18px {
	font-size: 18px !important;
}
/*-- フォントサイズの共通指定　E --*/

/*-- 文字間の指定 S --*/

.letterSpacing-0.2em {
	letter-spacing: -0.2em !important;
}

/*-- 文字間の指定 E --*/

/*=EEEフォントに対する共通指定 
---------------------------------------------------------------------------*/



/* =タイトル周りの装飾-共通指定 S
---------------------------------------------------------------------------*/


/* EEE-タイトル周りの装飾-共通指定
---------------------------------------------------------------------------*/




/*=画像に対する指定 (アイコン・マーク画像等）
---------------------------------------------------------------------------*/


/*=box・カラム等に対する共通の指定
---------------------------------------------------------------------------*/

/*-- =width-カラム等の横幅の指定 S --*/



#wrap #container .width200 {
	width: 200px !important;
}

#wrap #container .width300 {
	width: 300px !important;
}

#wrap #container .width330 {
	width: 330px !important;
}


#wrap #container .width340 {
	width: 340px !important;
}

#wrap #container .width350 {
	width: 350px !important;
}

#wrap #container .width400 {
	width: 400px;
	margin-top:0px;
	padding-top: 0px;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/
}

#wrap #container .width430 {
	width: 430px !important;
	margin-top:0px;
	padding-top: 0px;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/
}

#wrap #container .width450 {
	width: 450px !important;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用 和文両端揃え定義 CSS3草案のもの*/
}

#wrap #container .width230 {
	width: 230px !important;
}

#wrap #container .width490 {
	width: 490px !important;
}

#wrap #container .introW520 {
	width: 520px !important;
}

#wrap #container .width630 {
	width: 630px !important;
}

#wrap #container .width650 {
	width: 650px !important;
}

#wrap #container .width700 {
	width: 700px !important;
}

#wrap #container .width730 {
 	width: 730px !important;
}

#wrap #container .width732 {
 	width: 732px !important;
}

#wrap #container .width735 {
 	width: 735px !important;
}

#wrap #container .width736 {
 	width: 736px !important;
}


/*-- カラム等の横幅の指定 E --*/

/* ================================================================================ */
/*     EEEEE 共通指定項目　                                                         */  
/* ================================================================================ */














/*SSSSS
########################################################

	jQuery関連の特殊指定
	
########################################################
*/



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

/*    SSSSS　タブパネル内の指定　　                                  				*/
  
/* ================================================================================ */



/*--- =.panelStyleASeparate内の指定 (一枚の背景絵の中に縦直列3枚の写真とテキストエリアを分けてフロート）S 　
※※ターゲットで作ったテンプレート
-------------------------------------------------------------------------------------------------------*/ 

/* div.panelStyleAseparate {
	height: 340px;
	width: 300px;
	background-image: url(img/css-img/tab-panel-parts/bg-panel-style-a.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: -30px;
}


div.panelStyleAseparate .imgArea {
	margin-left: 10px;
	float: left;
	display: inline;
}

div.panelStyleAseparate .imgArea p {
	width: 85px;
	height: 105px;
	background-image: url(img/css-img/tab-panel-parts/photo-frame.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 5px;
}

div.panelStyleAseparate .imgArea p.center {
	margin-top: 5px;
	margin-bottom: 5px;
}



div.panelStyleAseparate .txtArea {
	float: left;
	display: inline;
	margin-left: 5px;
	font-size:1.1em;
	width: 188px;
	text-align: justify;
	text-justify: inter-ideograph;
}

div.panelStyleAseparate .txtArea dl.txtBlock {
	height: 55px;
}


div.panelStyleAseparate .txtArea dt {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 1px;
}

div.panelStyleAseparate .txtArea dd p {
	line-height: 1.2;	
}

div.panelStyleAseparate .txtArea a {
	color: #F748CB;
	font-weight: bold;
}

div.panelStyleAseparate .txtArea a:visited {
	color: #F971D7;
}

div.panelStyleAseparate .txtArea a:hover {
	color: #F33;
} */

/*--- EEE-panelStyleASeparate内の指定 (一枚の背景絵の中に縦直列3枚の写真とテキストエリアを分けてフロート） 　
--------------------------------------------------------------------------------------------------------------*/ 




/*---▼=サイトごとの新着情報エリア内の指定 ▼
-------------------------------------------------------------------------------------------------------*/ 

#newsAreaWrapper div.panelStyleNews {
	width: 100%;
	margin-bottom: 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* margin-top: 15px; */
}

/* div.panelStyleNews dl.txtBlock {
	width: 90%;
	margin-bottom: 6px;
	margin-right: auto;
	margin-left: auto;
} */


#newsAreaWrapper div.panelStyleNews dl.txtBlock {
	width: 90%;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px dashed #2081c9;
}


/* #commonNewsArea .panelStyleNews .title { 
	font-size: 15px;
	margin-left: 5%;
	padding-left: 8px;
	border-left: 10px solid #2081c9;
	margin-bottom: 5px;
	color: #585858;
	background-color: transparent;
	text-align: left;
	width: 98%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
} */

#newsAreaWrapper #commonNewsArea .panelStyleNews .titleTxt {
	font-size: 15px;
	margin-left: 5%;
	padding-left: 4%;
	margin-bottom: 5px;
	color: #ffffff;
	/* background-color: #2081c9; */
	background-color: #1B8CD8;
	text-align: left;
	width: 86%;
	padding-top: 3px;
	padding-bottom: 3px;
}

#newsAreaWrapper div.panelStyleNews dl.txtBlock dt {
	font-size: 12px;
	color: #2081c9;
}


#newsAreaWrapper div.panelStyleNews dl.txtBlock p {
	font-size: 12px;
	width: 100%;
	color: #494949;
	line-height: 1.3;	
}
	
#newsAreaWrapper div.panelStyleNews dl.txtBlock p a {
	width: 100%;
	color: #333;
	text-decoration: underline;
}

#newsAreaWrapper div.panelStyleNews dl.txtBlock p a:hover {
	width: 100%;
	color: #333;
	text-decoration: none;
}

#newsAreaWrapper div.panelStyleNews .oldNewsLink  {
	font-size: 12px;
	width: 100%;
	color: #494949;
	line-height: 1.3;
	text-align: right;	
}

#newsAreaWrapper div.panelStyleNews .oldNewsLink a {
	width: 100%;
	/* color: #333; */
	color: #F60;
	text-decoration: underline;
}

#newsAreaWrapper div.panelStyleNews .oldNewsLink a:hover {
	width: 100%;
	/* color: #333; */
	/* text-decoration: none; */
	color: #F33;
}

/* ▼新着情報-新型220pxサイドバー ページ用 */

#newsAreaWrapperW220 div.panelStyleNews {
	width: 95%;
	margin-bottom: 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#newsAreaWrapperW220 div.panelStyleNews dl.txtBlock {
	padding-bottom: 8px;
	margin-bottom: 12px;
	margin-left:0px;
	padding-left:0px;
	border-bottom: 1px dashed #2081c9;
}

#newsAreaWrapperW220 div.panelStyleNews .titleTxt {	
	font-size: 15px;
	padding-left: 10px;
	margin-bottom: 5px;
	color: #ffffff;
	background-color: #1B8CD8;
	text-align: left;
	width: 200px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 10px solid #424242;
}

#newsAreaWrapperW220 div.panelStyleNews dl.txtBlock dt {
	font-size: 12px;
	color: #2081c9;
}


#newsAreaWrapperW220 div.panelStyleNews dl.txtBlock p {
	font-size: 12px;
	/* width: 100%; */
	color: #494949;
	line-height: 1.3;	
}
	
#newsAreaWrapperW220 div.panelStyleNews dl.txtBlock p a {
	/* width: 100%; */
	color: #333;
	text-decoration: underline;
}

#newsAreaWrapperW220 div.panelStyleNews dl.txtBlock p a:hover {
	/* width: 100%; */
	color: #333;
	text-decoration: none;
}

#newsAreaWrapperW220 div.panelStyleNews .oldNewsLink  {
	font-size: 12px;
	width: 100%;
	color: #494949;
	line-height: 1.3;
	text-align: right;	
}

#newsAreaWrapperW220 div.panelStyleNews .oldNewsLink a {
	/* width: 100%; */
	/* color: #333; */
	color: #F60;
	text-decoration: underline;
}

#newsAreaWrapperW220 div.panelStyleNews .oldNewsLink a:hover {
	/* width: 100%; */
	/* color: #333; */
	/* text-decoration: none; */
	color: #F33;
}

/* ▲新着情報-新型220pxサイドバー ページ用 */




/*--- ▲サイトごとの新着情報エリア内の指定▲
--------------------------------------------------------------------------------------------------------------*/ 



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

/*     EEEEE-タブパネル大枠&タブパネル内の指定　　                                  */
  
/* ================================================================================ */