@charset "UTF-8";
/**********************************************************************
CRIEPI ENGLISH [ /en/common/css/contents.css ]

2016 Renewal
**********************************************************************
/*---------------------------------------------
 MainArea,ContentsArea
---------------------------------------------*/
#MainArea .page-top{
	width: 920px;	
	clear: both;
	text-align: right;
}

#ContentsArea {
    width: 920px;
	margin:1em 0;
}


#MessageBun1{
 	font-size:large;
 	font-weight:bold;
	text-align:left;
}

.setsumei{
	margin:10px 0px;
}

/************************************************
   News toppage
************************************************/
#ContentsArea .news-list{
	margin-bottom: 20px;
}

#ContentsArea .news-list h2{
	position: relative;
}

#ContentsArea .news-list h2 span.to-list{
	position: absolute;
	height: 30px;
	right: 0;
	top: 5px;
}

#ContentsArea .news-list dl{
	overflow: auto;
	clear: both;
	padding: 5px 5px 5px 12px;
	background: url(../img/line01.gif) 0 100% repeat-x;
}

#ContentsArea .news-list dt{
	float: left;
	width: 8.0em;
}

#ContentsArea .news-list dd{
	margin-left: 7.5em;
}

#ContentsArea .news-list dl:nth-child(2n+1) {
	background: #f1f5fe url(../img/line01.gif) 0 100% repeat-x;
}

#ContentsArea .paging-list{
	margin: -5px 0 20px;
	text-align: right;
}

#ContentsArea .paging-list li{
	margin: 0 1px;
	padding: 0 5px;
	border-right: 1px #333333 solid;
	display: inline;
}

#ContentsArea .paging-list li.current span{
	padding: 0 3px;
	font-weight: bold;
	background-color: #daebff;
}

#ContentsArea .paging-list li.page-previous{
	margin-right: 15px;
	border: none;
}

#ContentsArea .paging-list li.page-next{
	margin-left: 15px;
	border: none;
}

#ContentsArea .paging-list li.last-child{
	border: none;
}


/********************************************
 About CRIEPI tobira
********************************************/

#TypeABOUT h3 .lnk-arrow-gray {
    padding-left: 8px;
    background: url("../img/icon_arrow01.gif") no-repeat 0 7px;
}

#TypeABOUT h3{
	font-size:100%;
}

#TypeABOUT #maininfo {
	width:920px;
	padding: 20px 0px 0px;
}

#TypeABOUT #maininfo .colbox1 {
	float: left;
	width: 290px;
	margin: 0 10px 10px 0;
	padding:5px;
	background:#f1f1f1;
}

#TypeABOUT #maininfo .colbox2 {
	float: left;
	width: 290px;
	margin: 0 0 10px;
	padding:5px;
	background:#f1f1f1;
}

#TypeABOUT #maininfo .colbox1 p,
#TypeABOUT #maininfo .colbox2 p{
	padding:5px 5px 0;
}


#TypeABOUT #maininfo .colbox1 dl dt,
#TypeABOUT #maininfo .colbox2 dl dt{
	float:left;
	width:75px;
	margin:5px 0 0 5px;
}

#TypeABOUT #maininfo .colbox1 dl dd,
#TypeABOUT #maininfo .colbox2 dl dd{
	float:right;
	margin-top:30px;
	width:200px;
}

#TypeABOUT #maininfo .colbox1 img:not(:target) ,
#TypeABOUT #maininfo .colbox2 img:not(:target) {
	margin-bottom:5px;
}

/********************************************
 Message from the President
********************************************/
#ChiefGreeting{
	margin-top:1em;
}

#ChiefGreeting .col01{ 
	float: left; 
	width: 200px; 
	margin-top:5px;
}

#ChiefGreeting .col02{ 
	float: right; 
	width: 670px; 
	margin:0 10px 0 0;
	vertical-align:top;
}

.name{
	font-size:120%;	
}


.msg2{
	text-align:right;
	margin:3em .3em;
	line-height:1.6;	
}

/********************************************
 Locations
********************************************/

.col01{
	margin-top:1em;
}

.lnk-window-gray{
	padding: 3px 0 0 20px;
	background: url(../img/icon_window.gif) 0 8px no-repeat;
}

.lnk-arrow-gray{
	padding-left: 20px;
	background: url(../img/icon_arrow01.gif) 8px 8px no-repeat;
}
.lnk-dot{
	padding-left: 18px;
	background: url(../img/icon_square02.gif) 8px 7px no-repeat;
}


.LocationsBox{width: 870px; margin:0 25px 25px;}
.LocationsBox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

.LocationsBoxLeft {
	width: 420px;

	float:left;
	text-align:left;
}

.LocationsBoxRight {
	width: 420px;
	float:right;
}

.LocationsBox h3.title05,
.LocationsBox h3.title06,
.LocationsBox h3.title07,
.LocationsBox h3.title08,
.LocationsBox h3.title09,
.LocationsBox h3.title10{
	padding-bottom:10px;
	margin-bottom: 12px;
	font-size:medium;
	width: 420px;
}
.LocationsBox h3.title05	{background: url(../img/h3_bg05.gif) 0 100% no-repeat; }
.LocationsBox h3.title06	{background: url(../img/h3_bg06.gif) 0 100% no-repeat; }
.LocationsBox h3.title07	{background: url(../img/h3_bg07.gif) 0 100% no-repeat; }
.LocationsBox h3.title08	{background: url(../img/h3_bg08.gif) 0 100% no-repeat; }
.LocationsBox h3.title09	{background: url(../img/h3_bg09.gif) 0 100% no-repeat; }
.LocationsBox h3.title10	{background: url(../img/h3_bg10.gif) 0 100% no-repeat; }


.LocationsBox .photo{
	text-align:center;
	padding: 10px 0;
}

.LocationsBox img{
	border:none;
}

.LocationsBox .map{
	float:right;
	margin-top:-44px;
}

.accessmap{
	width:568px;
	margin:0 auto 1em;
}

/********************************************
 History
********************************************/

.blue{
	color:#1c6fa1;
}

.tb-base {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

.tb-base th{
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 10px 3px 10px;
}
.tb-base td {
    border-left: 1px solid #CCCCCC;
    padding: 3px 10px 0px 10px;
}
.tb-base th.bk1{
    background-color: #e5e3f1;
    color: #1c6fa1;
}
.tb-base th.bk2{
    background-color: #ddecf1;
    color: #1c6fa1;
}
.tb-base p.bk3{
    background-color: #e0e7f1;
}

.set-position03 {
    text-align: center;
	vertical-align: top; 
}
.bun{
	float:left;
	text-align: left;
	width:570px;
	padding-right:0px;
	margin-right:0px;
}

.pic{
	float: right;
    width: 120px;
}

img.photo{
	width:100px;
	float:right;
	margin-top: -50px;
}
.non{
	float:left;
	text-align: left;
	width:580px;
}
.icon-circle{
	padding: 2px 10px 2px 15px;
	background: url(../../aboutcriepi/img/history_circle.gif) 0 7px no-repeat;
}
.icon-square{ 
	padding: 2px 10px 2px 15px;
	background: url(../../aboutcriepi/img/history_square.gif) 0 7px no-repeat;
}
.bun:after,
.pic:after,
.non:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}


/********************************************
 Mission
********************************************/

.Mission .Mission-Box0 {
    height: 250px;
    margin:10px auto 0;
    width: 800px;
}

.Mission h3{
	font-size:120%!important;
	padding-bottom:10px;
}

.Mission h3.title12 {
    background: url(../img/h3_bg01.gif) 0 100% no-repeat;
}

.Mission .col1 {
    float: left;
    margin-top: 30px;
    width: 450px;
}

.Mission .col1 p{
	line-height: 2.5em;
}

.Mission .col2 {
    float: right;
    margin-top: 5px;
    width: 300px;
}

.Mission #Mission-Box1{
    margin:10px auto 30px;
    width: 800px;
}

.Mission ol.number{
	padding:0.1em;
}

.Mission ol.number li{
	list-style-type:lower-roman;
	color:#000;
	margin-left:30px;
}

.Mission .MissionTitle{
	width:870px;
	margin-left:25px;
	margin-top:20px;
}



/********************************************
 Link
********************************************/

.LinkBox{width: 920px; margin:10px 0 30px 10px;}
.LinkBox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.LinkBox .BoxLeft {
	width: 470px;
	border: 0px solid #FBE59F;
	float:left;
	text-align:left;
}
.LinkBox .BoxRight {
	width: 430px;
	border: 0px solid #E41F62;
	float:right;
}


/********************************************
 Terms of Use
********************************************/

#TypeToU ul, ol {
	list-style: none;
	margin:0 0 1em 2em;
}

#TypeToU li {
	margin-top: .5em;
}

#TypeToU li:first-child {
	margin-top: 0;
}

#TypeToU .numlist li {
	list-style-type: decimal;
}

/********************************************
 サイトマップ
********************************************/
#SiteMap dl.site-map-category{
	margin-bottom: 30px;
}

#SiteMap dl.site-map-category dt{
	line-height: 1.0;
}

#SiteMap dl.site-map-category dd{
	padding: 3px;
	background: url(../img/dotline02.gif) 0 100% repeat-x;
}

#SiteMap dl.site-map-category dd li{
	padding-left: 20px;
	background-position: 10px 8px;
}

#SiteMap dl.site-map-category dd:nth-child(even) { background-color:#F1F5FE; }

#SiteMap dl.site-map-category dd ul.org{
    padding-left: 0;
     margin-bottom:1em;
}

#SiteMap dl.site-map-category dd ul.org li{
	padding-left:30px;
}

#SiteMap h4.title07 {
    line-height: 2.0;
    background: #f2f2f2 url(../img/bg_title07.gif) 8px 8px no-repeat;
    background-color: #f2f2f2;
    padding-left: 20px;
    border: 1px #cccccc solid;
    font-size: 120%;
    letter-spacing:.1em;
}