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

/*
【詳細なコンテンツ指定用のCSS】
サイト内で1～3ページ程度の少数部分にしか適用させない、コンテンツごとのCSS。
*/

div#content div#contentInner div#main div#mainInner .fRight200 {
	float: right;
	display: inline;
	margin: 0 0 20px 20px;
	width: 200px;
	font-size: 93%;
}

div#content div#contentInner div#main div#mainInner div.Fmesse h4 {
	border: solid 1px #DDDDDD;
	border-bottom: solid 3px #006598;
	padding: 10px 15px;
	background: url(../images/message/bg_fmesse_h4.png) left bottom no-repeat; 
}
	
div#content div#contentInner div#main div#mainInner div.Fmesse {	
	background-color:#F6F6F6; 
	
}

div#content div#contentInner div#main div#mainInner div.Fmesse ul {
	padding: 10px 20px 20px 20px;
}

div#content div#contentInner div#main div#mainInner div.Fmesse ul li {
	margin-bottom: 20px;
	list-style-image:url(../images/message/ph_li.png);
}

.introduction { margin-left: 10px; }
.introduction p { width: 180px; margin-right: 20px; float: left; word-wrap: break-word; }
.introduction p img { margin-bottom: 5px;  }

.introduction p:nth-child(3n) {
	margin-right: 0; clear:right;
}

.introduction p a { display: block; color:#006598; padding-bottom: 10px; }

.mainInnerCont { width: 580px; }
.mainInnerCont ol li { 
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
 }

.mainInnerCont ol.eng li { 
margin-bottom: 20px;
}

.introductionCnt { overflow: hidden; }
.introductionCnt img { float: left; margin-right: 20px; }
.introductionCntInner {  float: left; width: 400px; }
.introductionCntInner span { font-size: 153.9%; display: block; margin-bottom: 15px; }

#listofc .introductionCntInner { width: 500px; }
#listofc .introductionCnt img { margin-bottom: 20px; }
#listofc .introductionCntInner { margin-bottom: 20px; }
#listofc .introductionCntInner span { margin-bottom: 5px; line-height: 100%; }

#listofc .introductionCntInner p { font-size: 93% !important;}

#listofc .introductionCnt a:hover img {
 filter : alpha(opacity=75);
 -moz-opacity : 0.75;
 opacity : 0.75;
}



.nb  { overflow: hidden; margin-bottom: 30px; }
.bnext, .bback { display: block; }
.bback { float: left; background: url(../images/introduction/btn_back.png) left center no-repeat; padding-left: 20px; }
.bnext { float: right; background: url(../images/introduction/btn_next.png) right center no-repeat; padding-right: 20px;}

.pcl { background: url(../images/introduction/btn_pc.png) left center no-repeat; height: 30px; padding-left: 50px; padding-top: 10px; }


/** お知らせ **/
.emore { margin: 10px 0; }
.edate { text-align: right; margin: 30px 0; }

/**　トップページ**/
div#content div#contentInner div#main .fRight290 {
	float: right;
	display: inline;
	margin: 0 0 20px 20px;
	width: 290px;
}

div#content div#contentInner div#main .mainInnerSec ul { 
margin-top: -10px;
margin-bottom: 15px;
}

div#content div#contentInner div#main .mainInnerSec ul li {
	border-bottom: dotted 1px #ccc;
	padding: 10px 0 5px 0;
}

div#content div#contentInner div#main .mainInnerSec ul li a {
	background:url(../images/top/btn_top_li.png) left top no-repeat;
	padding-left: 20px;
	color: #006598;
}

div#content div#contentInner div#main .mainInnerSec ul li span {
	display: block;
	text-align: right;
}

div#header #headerInner #bg_search { background-color:#fff; border: solid 1px #DDDDDD; line-height: 100%;padding: 0; overflow: hidden; }
* html div#header #headerInner #bg_search { height: 1%; }
div#header #headerInner #bg_search input:focus { outline:none; }
div#header #headerInner #bg_search input#search { border: none; width: 257px; float: left; height: 19px; padding-left: 5px; }
div#header #headerInner #bg_search input.dummy_text  { color: #666666 !important; }
div#header #headerInner #bg_search input.ssearchB {height: 21px; margin-top: 1px;float: left; }

/**  各記事用TABLEセルCSS  **/

td.t1 { text-align: left;vertical-align: top;width: 25%;}
td.t2 { text-align: left;vertical-align: top;width: 74%;}


/**　SaSSOH2014　**/
#SaSSOH_index {
	width: 588px;
	height: 330px;
	padding: 550px 0 0 30px !important;
	background: url(../images/SaSSOH/SaSSOH_index_bg.png) no-repeat left top;
	line-height: 100%;
}
#SaSSOH_index ul {
	width: 230px;
}
#SaSSOH_index ul li {
	margin: 0 0 15px 0 !important;
	font-weight: bold;
	line-height: 130% !important;
	list-style-type: disc !important;
}
ul.liststyle li {
	list-style-type: disc !important;
}


/**　SaSSOH2015　**/
#SaSSOH_index2015 {
	width: 588px;
	height: 330px;
	padding: 550px 0 0 30px !important;
	background: url(../images/SaSSOH/SaSSOH_index_bg2015.png) no-repeat left top;
	line-height: 100%;
}
#SaSSOH_index2015 ul {
	width: 230px;
}
#SaSSOH_index2015 ul li {
	margin: 0 0 5px 0 !important;
	font-weight: bold;
	line-height: 130% !important;
	list-style-type: disc !important;
}


/**　SaSSOH2016　**/
#SaSSOH_index2016 {
	width: 588px;
	height: 420px;
	padding: 460px 0 0 30px !important;
	background: url(../images/SaSSOH/SaSSOH_index_bg2016.png) no-repeat left top;
	line-height: 100%;
}
#SaSSOH_index2016 ul {
	width: 230px;
}
#SaSSOH_index2016 ul li {
	margin: 0 0 5px 0 !important;
	font-weight: bold;
	line-height: 130% !important;
	list-style-type: disc !important;
}




/**　SaSSOH2017　**/
#SaSSOH_index2017 {
	width: 568px;
	height: 510px;
	padding: 390px 0 0 70px !important;
	background: url(../images/SaSSOH/SaSSOH_index_bg2017.png) no-repeat left top;
	line-height: 100%;
}
#SaSSOH_index2017 ul {
	/*width: 230px;*/
}
#SaSSOH_index2017 ul li {
	margin: 0 0 8px 0 !important;
	font-weight: bold;
	line-height: 130% !important;
	list-style-type: disc !important;
}


/**　SaSSOH2018　**/
#SaSSOH_index2018 {
	width: 568px;
	height: 510px;
	padding: 390px 0 0 70px !important;
	background: url(../images/SaSSOH/SaSSOH_index_bg2018.png) no-repeat left top;
	line-height: 100%;
}
#SaSSOH_index2018 ul {
	/*width: 230px;*/
}
#SaSSOH_index2018 ul li {
	margin: 0 0 8px 0 !important;
	font-weight: bold;
	line-height: 130% !important;
	list-style-type: disc !important;
}
