/* CSS Document */

/* スマートフォンサイズ */
@media screen and (max-width : 480px){
	
body {
	background: #fbfdf4 url(../../images/cmn/cmn_bg_photo_sml.png) repeat-x top left;
}
/* 非表示にする要素 */	
.headMessage, .searchArea, .topicPath, #menuLifeSmlHide,  .update a, .getAdobeReader, .topPhotoNewsText, .bx-caption, .bx-prev, .bx-next, .bx-controls-auto {
	display:none;	
}

/* 表示にする要素 */	
.container {
	background: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.wrapper {
	padding: 0;
}

.content3clm,.content {
	width:100%;
	padding:0;
	margin:0;
}

/************************ header関連 [Start] **************************/
.headLeft{
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align:center;
}

.accessToolArea {
	border: none;
	background:none;
	float: none;
	margin-left: -30px; 
}
.cmn_Logo a{
	border: 0;
	margin: 0px 0 0 0;
	padding: 0;
	float: none;
}
.cmn_Logo img{
	width:150px !important;
	height: auto;
	margin:10px 0 0 0;
}

/************************ グローバルナビ **************************/
nav {
	margin:0 0 10px 0;
}
nav ul li{
	float:none !important;
	width:100% !important;
	display:inline;
	overflow:hidden;
}
nav ul li a{
	display:block;
	padding:18px 0 10px 0;
	margin:0 2px 10px 2px;
	text-align:center;
	text-decoration: none;
	font-size:1.2em;
	border:1px solid #ccc;
	background:url(../../images/cmn/nav_bg.jpg) repeat-x top left;
	box-shadow: 1px 1px 5px #aaa;
	-moz-box-shadow: 1px 1px 5px #aaa; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 5px #aaa; /* Google Chrome, Safari用*/
	
}
nav ul a:hover, nav ul a:active, nav ul a:focus { 
	background:#fff url(../../images/cmn/nav_bg_on.jpg) repeat-x top left;
	background-size:95% auto;
	color: #FFF;
	text-decoration:none;
}
/* リストをプルダウンに変更するJQuery */
.tinynav { display: block }
.naviShadow { display: none }

/************************************ 重要なお知らせ **************************/
.topImportant {
/*	background-size:95% auto;*/
	padding:5px 0 15px 0px !important;
	margin:	0 !important;
}

.topImportant h2{
	font-size:1.0em;
}

.topImportant dt {
	margin:0 0px !important;	
	padding:2px 0 0 15px;
    clear: both !important;
    float: none !important;
}
.topImportant dd {
    padding: 0 !important;
	margin:0 0 0 15px !important;
}

/************************************ 新着情報・トピックス・イベント **************************/
/* Spry内 */
/*.TabbedPanelsTabGroup {
	margin: 0 !important;
	padding: 0 !important;
}

.TabbedPanelsTab {
	margin: 0 !important;
	height:13px;
}
*/

.newsArea {
	border: none !important;
}

/* Spry外 */
.topNews {
	padding:0 !important;
	margin:0;
}

.topNews dt {
	background: none !important;
	margin:0 0px !important;	
	padding:2px 0 0 5px;
    clear: both !important;
    float: none !important;
}
.topNews dd {
    padding: 0 0 0 5px !important;
	margin:0 0 0 0px !important;
	border-bottom:1px solid #ccc;
}
.topNews ul{
	margin:5px 0 0 0 !important;
}

.topNews li {
	border: none !important;
}

.topNews ul li:last-child {
	display: none;
}

/*********** 新着イベント ***********/
.topNews dd.icon01 {
    padding: 0 0 0 25px !important;
}
.topNews dd.icon02 {
    padding: 0 0 0 25px !important;
}
.topNews dd.icon03 {
    padding: 0 0 0 25px !important;
}
.topNews dd.icon04 {
    padding: 0 0 0 25px !important;
}
.topNews dd.icon05 {
    padding: 0 0 0 25px !important;
}
.topNews dd.icon06 {
    padding: 0 0 0 25px !important;
}


/************************************ フォトニュース **************************/
.topPhotoNews {
 	/* CSS3 */
   border-top-left-radius: none;  /* 左上 */
   border-top-right-radius: none;  /* 右上 */
   border-bottom-left-radius: none;  /* 左下 */
   border-bottom-right-radius: none; /* 右下 */

   /* Safari,Chrome */
   -webkit-border-top-left-radius: none;  /* 左上 */
   -webkit-border-top-right-radius: none;  /* 右上 */
   -webkit-border-bottom-left-radius: none;  /* 左下 */
   -webkit-border-bottom-right-radius: none; /* 右下 */

   /* Firefox */
   -moz-border-radius-topleft: none;  /* 左上 */
   -moz-border-radius-topright: none;  /* 右上 */
   -moz-border-radius-bottomleft: none;  /* 左下 */
   -moz-border-radius-bottomright: none; /* 右下 */

   /* 共通装飾 */
   border:none !important;   /* 背景色 */		
   
	padding:2px 10px 5px 10px;
	margin:0 0 10px 0;
}

.topPhotoNews img{
	float:left;
	padding:0 10px 0 0;
	width:180px !important;
}

/************************************ 知りたい情報を探したい **************************/

/* PC用メニュー。PC時のみ表示させる */
.menuFindPcMenu{
	display: none !important;
}

/* スマホ用プルダウンメニュー。スマホ時のみ表示させる*/
.menuFindSmlMenu{
	display: block;
}

.menuFindSmlMenu h2{
	font-size:1em;
	background:none !important;
	background-image:none !important;
	border:none !important;
/*	padding:0 0 3px 30px !important;*/
	margin:0 !important;
}

.menuFindSmlMenu h2,  x:-moz-any-link, x:default  { 
 	padding:0 0 3px 0px !important;
  }

.menuFind {
 	/* CSS3 */
   border-top-left-radius: none !important;  /* 左上 */
   border-top-right-radius: none !important;  /* 右上 */
   border-bottom-left-radius: none !important;  /* 左下 */
   border-bottom-right-radius: none !important; /* 右下 */

   /* Safari,Chrome */
   -webkit-border-top-left-radius: none !important;  /* 左上 */
   -webkit-border-top-right-radius: none !important;  /* 右上 */
   -webkit-border-bottom-left-radius: none !important;  /* 左下 */
   -webkit-border-bottom-right-radius: none !important; /* 右下 */

   /* Firefox */
   -moz-border-radius-topleft: none !important;  /* 左上 */
   -moz-border-radius-topright: none !important;  /* 右上 */
   -moz-border-radius-bottomleft: none !important;  /* 左下 */
   -moz-border-radius-bottomright: none !important; /* 右下 */

   /* 共通装飾 */
   border:none !important;   /* 背景色 */		
   
	padding:0;
	margin:0;
	position:static;
	background:none !important;
	
	box-shadow: none !important;
	-moz-box-shadow: none !important; /* Firefox用*/
	-webkit-box-shadow: none !important; /* Google Chrome, Safari用*/
/*	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1', MakeShadow='true', ShadowOpacity='0.5'); /* IE用 */
	}
.menuFindRightTop {
 	/* CSS3 */
   border-top-left-radius: none !important;  /* 左上 */
   border-top-right-radius: none !important;  /* 右上 */
   border-bottom-left-radius: none !important;  /* 左下 */
   border-bottom-right-radius: none !important; /* 右下 */

   /* Safari,Chrome */
   -webkit-border-top-left-radius: none !important;  /* 左上 */
   -webkit-border-top-right-radius: none !important;  /* 右上 */
   -webkit-border-bottom-left-radius: none !important;  /* 左下 */
   -webkit-border-bottom-right-radius: none !important; /* 右下 */

   /* Firefox */
   -moz-border-radius-topleft: none !important;  /* 左上 */
   -moz-border-radius-topright: none !important;  /* 右上 */
   -moz-border-radius-bottomleft: none !important;  /* 左下 */
   -moz-border-radius-bottomright: none !important; /* 右下 */

   /* 共通装飾 */
   border:none !important;   /* 背景色 */		
	
	padding:0 !important;
	margin:0;
	background: none !important;
}

.menuFindRightTop,  x:-moz-any-link, x:default  { 
	padding:0 0 10px 0 !important;
}

/* リストをプルダウンに変更するJQuery */
.tinynav { display: block }
#menuFindSml { display: none }

/************************************ ライフインデックス **************************/
.menuLifeSmlBlockPC {
	display:none;	
}
.menuLifeSmlBlock {
	display:block !important;	
	margin:10px 0 !important;
}
.menuLifeSmlBlock h2{
    font-size: 1em;
    background: none !important;
    background-image: none !important;
    border: none !important;
    /* padding: 0 0 3px 30px !important; */
    margin: 0 !important;
}

.menuLifeSmlBlock h2,  x:-moz-any-link, x:default  { padding:0 0 3px 0px !important; }


/* リストをプルダウンに変更するJQuery */
.tinynav { display: block }
#menuLifeSml { display: none }


/************************ ~~ フッター ~~ **************************/
footer {
	text-align:center;
	background:none;
	color:#333;
	padding: 5px;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}

footer address {
    font-style: normal;
    padding-left: 10px;
    text-align: left;
    background: url(../../images/cmn/cmn_logo_border_footer.png) repeat-y 1px/5px;
    margin: 10px 10px 0 10px;
}

footer small {
	padding:5px 0 0px 0;	
}

footer .mail{
	background: url(../../images/cmn/cmn_mail.gif) no-repeat top left;
	background-position:0 2px;
	padding:0 0 0 15px;
}


/************************ 中ページの新着情報 **************************/
.descriptionList dl{
	margin:0 5px;	
}

/************************ 中ページの新着情報 **************************/
.descriptionList {
	clear:both;
	padding:0;
    margin: 0 0 10px 0;
}

.descriptionList dt {
	background:url(../images/cmn/dot_green_circle.png) no-repeat top left;
	background-position:0 !important;
	margin:0 !important;	
	padding:5px 0 0px 15px !important;
    clear: both;
    float: none !important;
}
.descriptionList dd {
	margin-left: none !important;
    padding: 0px 0 3px 15px !important;
	border-bottom:1px dotted #999;
}

/************************ ページング **************************/

.pageNav {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	text-align: center;
}

.pageNav li span {
	display: inline-block;
	padding: 0.2em 0.5em 0.1em 0.5em !important;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
	background: #efefef;
}

.pageNav li a {
	display: inline-block;
	padding: 0.2em 0.5em 0.1em 0.5em !important;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}


.pageNav li a:hover {
	background: #efefef;
}

.photoSoshiki{
	margin:0;
	padding:0 0 10px 0;
}


/************************ 中ページのメニューを回り込ませて高さを揃える **************************/
.textBoxHeight {
	float:none !important;
	padding:0;
	margin:0 5px 10px 5px;
	width:99% !important;
}


/************************ 左メニュー **************************/
.acdMenuCategory {
	clear:both !important;	
}

/************************ 見出しデザイン **************************/

/* H1 */
h1 {
	padding:8px 10px 0px 10px !important;
	background-image:none !important;
	min-height:1.7em !important;
}
h1.category {
	padding:8px 10px 0px 10px !important;
	background-repeat:no-repeat;
	background-position:right;
	min-height:1.7em !important;
}
.h1BG {
	border-top:1px solid #c6b587;
	background:#f2eed7 url(../images/cmn/cmn_h1_bg.gif) repeat-x bottom left;
	padding:0;
	margin:0 0 15px 0;
	font-weight:normal;
	font-size:1.0em !important;
}

h2 {
	margin:0px 0 10px 0 !important;
}

.photoSoshiki {
	margin: 0!important;
}


/************************ イベントカレンダー **************************/
/* リストをプルダウンに変更するJQuery */
.tinynav { display: block }
.eventIcon .tinynav { display: none }


/************* カレンダータイトル *************/
.calendarTitle {
    margin: 5px auto !important;  
	padding:5px 0 !important;
}	
.calendarTitle span.date {
	font-size:1em !important;
    margin:0px !important;  
	padding:0 10px !important;
}
.calendarTitle span.monthButton a {
	display:inline;
	padding:2px !important;
	font-size:0.9em !important;
}
/*イベント絞り込みアイコン見本*/
.eventIcon.eventCategoryList li.icon01{background:none !important;	padding:1px 2px !important;}
.eventIcon.eventCategoryList li.icon02{background:none !important;	padding:1px 2px !important;}
.eventIcon.eventCategoryList li.icon03{background:none !important;	padding:1px 2px !important;}
.eventIcon.eventCategoryList li.icon04{background:none !important;	padding:1px 2px !important;}
.eventIcon.eventCategoryList li.icon05{background:none !important;	padding:1px 2px !important;}
.eventIcon.eventCategoryList li.icon06{background:none !important;	padding:1px 2px !important;}
.eventIcon.eventCategoryList li.release{background:none !important;	padding:1px 2px !important;}

/*イベント絞り込みアイコンカレンダー内（クリックして表示されるエリア）*/
.eventIcon.calendarTable li.icon01{list-style-image:none !important; margin:0px 0px 10px 0px  !important;}
.eventIcon.calendarTable li.icon02{list-style-image:none !important; margin:0px 0px 10px 0px !important;}
.eventIcon.calendarTable li.icon03{list-style-image:none !important; margin:0px 0px 10px 0px !important;}
.eventIcon.calendarTable li.icon04{list-style-image:none !important; margin:0px 0px 10px 0px !important;}
.eventIcon.calendarTable li.icon05{list-style-image:none !important; margin:0px 0px 10px 0px !important;}
.eventIcon.calendarTable li.icon06{list-style-image:none !important; margin:0px 0px 10px 0px !important;}
.eventIcon.calendarTable li.release{list-style-image:none !important; margin:0px 0px 10px 0px !important;}
.eventIcon.calendarTable li.icon01:last-child{margin:0px !important;}
.eventIcon.calendarTable li.icon02:last-child{margin:0px !important;}
.eventIcon.calendarTable li.icon03:last-child{margin:0px !important;}
.eventIcon.calendarTable li.icon04:last-child{margin:0px !important;}
.eventIcon.calendarTable li.icon05:last-child{margin:0px !important;}
.eventIcon.calendarTable li.icon06:last-child{margin:0px !important;}
.eventIcon.calendarTable li.release:last-child{margin:0px !important;}

.eventMorePC {display:none;}

table.calendarTable th {
	font-size:0.8em;
	padding:1px !important;
}
table.calendarTable td {
	font-size:0.8em;
	padding:1px !important;
}
table.calendarTable .info {
	min-height:20px !important;
	height:auto !important;
	height:20px !important;
	text-align:left;
}

.eventMore.open {
	display:block;
	text-align:center;
	color:#09C;
	border:none !important;
	cursor:pointer;
}
.eventMore.close {
	display:block;
	text-align:center;
	color:#CCC;
	border:none !important;
	cursor:pointer;
}

td.pointer {
	cursor: pointer !important;
}

.info dfn {
	background:none !important;
	background-position:0 !important;
	padding:0 !important;
	margin:0 !important;	
	font-style: normal;
}
table.calendarTableList th {
	font-size:0.8em;
	padding:1px !important;
}
table.calendarTableList td {
	font-size:0.8em;
	padding:1px !important;
}
table.calendarTableList .info {
	min-height:20px !important;
	height:auto !important;
/*	height:20px !important;*/
	text-align:left;
	clear:both !important;
}
table.calendarTableList .week {
	width:15% !important;
}
table.calendarTableList td {
	width:75% !important;
}

table.calendarTableList .day {
	width:10% !important;
}

/************************ 記事テーブルデザイン **************************/
/*ボーダーありテーブル*/
table.borderTable {
	width: 100% !important;
}

/*ボーダーなしテーブル ※デフォルト機能「None」を選択時に吐き出されるclass*/
table.renderedtable {
	width: 100% !important; 
}


/************************ この情報はお役に立ちましたか？ **************************/
#questionnaire .box {
	width:280px !important;
	min-height:3em;
}


/************************ お問い合わせフォーム **************************/

.contactArea .inputBox {
	width:280px !important;
}
.contactArea .textareaBox {
	width:280px !important;
}


/************************ 検索結果 **************************/
/* リストをプルダウンに変更するJQuery */
.tinynav { display: block }
#narrowDownSMLDay { display: none }
#narrowDownSMLCate { display: none }

.faqSearchInput {
	width:200px !important;	
}
.faqSearch {
	padding:5px !important;	
}
#boxArea { display: none !important; }
/************************ 広告バナー **************************/
.adArea li,.adAreaBtm li {
	width: 48%;
}
.adArea li a img,.adAreaBtm li a img {
	width: 100%;
}
.wrapper .adArea ul li a,.wrapper .adAreaBtm ul li a {
	height: auto !important;
}
/************************************ J-Alert **************************/
.jalert h2{
	position: static !important;
}
.jalert h2 span {
	position: static !important;
}

/************************ 広告バナー **************************/
.adArea li,.adAreaBtm li {
	width: 48%;
}
.adArea li a img,.adAreaBtm li a img {
	width: 100%;
}
.wrapper .adArea ul li a,.wrapper .adAreaBtm ul li a {
	height: auto !important;
}
.wrapper .adAreaBtm {
	padding-bottom: 10px;
}

/************************************ J-Alert **************************/
.jalert h2{
	position: static !important;
}
.jalert h2 span {
	position: static !important;
}

}