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

/*---------------------------------
		BaseCSS
---------------------------------*/

/* container */
#container {}

#sourcePath {}
#sourcePath ul { text-align:left;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { background-position:left 50%; background-repeat:no-repeat;}

#left { display:block; float:left; width:180px; margin:0;}
#center { display:block; float:left; width:460px; margin:0 0 15px 10px;}
#right { display:block; float:right; width:180px; margin:0;}

div.FootBack { text-align:right;}

#left img.banner { margin:0 0 6px;}
#right img.banner { margin:0 0 6px;}

/* left */
#left div.article { background-color:#E4F0F7; margin:0;}
#left div.article h2 { height:40px; margin:0; text-indent:-9999px; background-position:left top; background-repeat:no-repeat; border:0; text-indent:-9999px;}
#left div.article div.text { font-size:80%; margin:0; padding:0 5px 5px;}
#left div.article div.text h3 { padding:0 0 0 10px; margin:5px 0 0; background-image:url(img/icon/square01.png); background-position:left 50%; background-repeat:no-repeat; line-height:2.0; border-bottom:#3385ad dotted 1px; color:#193578; font-size:110%;}

/* center */

#center div.article01 { margin:0 0 10px 0;}
#center div.article01 h2 { height:39px; text-indent:-9999px; border:0; background-position:left top; background-repeat:no-repeat; background-color:#fff;}
#center div.article01 div.text { padding:10px; font-size:80%;}

#center div.onayami h2   { background-image:url(img/title/top_center_column01.png); }
#center div.keiei h2     { background-image:url(img/title/top_center_column02.png); }
#center div.seko h2      { background-image:url(img/title/top_center_column03.png); }
#center div.buppan h2    { background-image:url(img/title/top_center_column04.png); }
#center div.areamap h2   { background-image:url(img/title/top_center_column05.png); }
#center div.newcompny h2 { background-image:url(img/title/top_center_column06.png); }

#center div.article01 div.text ul {}
#center div.article01 div.text ul li { display:inline; padding-right:15px; }

/* Area map */
/* clearfix dl */
/*----------------------*/
#center div.areamap div.text dl:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
#center div.areamap div.text dl { display:inline-block; }
/* for macIE \*/
* html #center div.areamap div.text dl { height:1%; }
#center div.areamap div.text dl { display:block; }
/*----------------------*/

#center div.areamap div.text { margin:0; padding:7px 7px 15px; background-image:url(img/top_mapbg.png); background-position:left bottom; background-color:#fff; }
#center div.areamap div.text dl { font-size:90%; }
#center div.areamap div.text dt { clear:both; float:left; width:66px; margin-left:10px; margin-bottom:5px; }
#center div.areamap div.text dd { float:left; width:350px; margin-bottom:5px; }
#center div.areamap div.text dd a{ padding-right:10px; }


/* New company */
/* clearfix li */
#center div.newcompny div.text ul li{ display:block; }

#center div.newcompny div.text ul li .thumb { text-align:center; width:88px; height:68px; margin-right:10px; border:solid 1px #ccc;display:-moz-inline-box; display:inline-block; float:left; }
* html #center div.newcompny div.text ul  li .thumb { width:90px; height:70px; }
*+html #center div.newcompny div.text ul  li .thumb { width:90px; height:70px; }

#center div.newcompny div.text ul li .thumb img { width:82px; height:62px; margin:3px; }
#center div.newcompny div.text ul li p.catch { margin:0 0 5px 100px; padding:2px 0 2px 42px; font-size:76%; line-height:1.01; background-image:url(img/icon/str_new01.png); background-position:left center; background-repeat:no-repeat; background-color:; }
#center div.newcompny div.text ul li h4      { margin:0 2px 0 100px; padding:0 0 8px 0; font-size:85%; line-height:1.01 }
#center div.newcompny div.text ul li p       { margin:0 2px 0 100px; padding:0; font-size:85%; line-height:1.01 }

#center div.newcompny div.text ul li .line { border-bottom:dotted 1px #ccc; padding-top:5px; margin-bottom:5px; clear:both; }
#center div.newcompny div.text ul li .line hr { visibility:hidden; height:1px; padding:0; margin:0; }





#center div.article01 div.text dl.prefSelect{ padding:0 10px; background-image:url(img/japan_map.png); background-position:center center; background-repeat:no-repeat; }
#center div.article01 div.text dl.prefSelect dt { padding:5px 0 5px 10px; font-weight:bold; background-image:url(img/icon/square01.png); background-position:left center; background-repeat:no-repeat; }
#center div.article01 div.text dl.prefSelect dd { font-size:0; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #ccc; }
#center div.article01 div.text dl.prefSelect dd a{ font-size:13px; display:-moz-inline-box; display:inline-block; padding-right:15px; }

#center div.article02 {}
#center div.article02 h2 { height:47px; text-indent:-9999px; background-position:left top; background-repeat:no-repeat;}
#center div.article02 div.text { font-size:80%;}
#center div.article02 {}

#center div.article02 div.text ul.matterlist {}
#center div.article02 div.text ul.matterlist li { padding:5px 0;}
#center div.article02 div.text ul.matterlist li h3 { padding:0 0 0 10px; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat;}
#center div.article02 div.text ul.matterlist li div.type { padding:3px 32px; background-image:url(img/icon/arrow02.png); background-position:5px top; background-repeat:no-repeat; background-color:#E2E1DD; color:#193578;}
#center div.article02 div.text ul.matterlist li div.detail { font-size:90%;}
#center div.article02 div.text ul.matterlist li div.detail span { padding:0 0 0 15px; color:#193578;}

#center div.article02 div.text ul.QandA {}
#center div.article02 div.text ul.QandA li { padding:5px; border-bottom:#333333 dashed 1px;}
#center div.article02 div.text ul.QandA li div.type { color:#CB3301;}
#center div.article02 div.text ul.QandA li div.detail {}

/*#center div.Newsample {}
#center div.Newsample ul.TopBottomNavi { margin:5px -3px;}
#center div.Newsample ul.TopBottomNavi li { float:left; display:inline; height:36px;}
#center div.Newsample ul.TopBottomNavi li a { display:block; width:100%; height:36px; text-indent:-9999px;}

#center div.Newsample ul.TopBottomNavi li.button01 { width:123px;}
#center div.Newsample ul.TopBottomNavi li.button02 { width:115px;}
#center div.Newsample ul.TopBottomNavi li.button03 { width:115px;}
#center div.Newsample ul.TopBottomNavi li.button04 { width:123px;}
#center div.Newsample ul.TopBottomNavi li.button01 a { background-image:url(img/top_bottom_navi/btn_01.png);}
#center div.Newsample ul.TopBottomNavi li.button02 a { background-image:url(img/top_bottom_navi/btn_02.png);}
#center div.Newsample ul.TopBottomNavi li.button03 a { background-image:url(img/top_bottom_navi/btn_03.png);}
#center div.Newsample ul.TopBottomNavi li.button04 a { background-image:url(img/top_bottom_navi/btn_04.png);}

#center div.Newsample ul.TopBottomNavi li.button01 a:hover { background-image:url(img/top_bottom_navi/btn_01_over.png);}
#center div.Newsample ul.TopBottomNavi li.button02 a:hover { background-image:url(img/top_bottom_navi/btn_02_over.png);}
#center div.Newsample ul.TopBottomNavi li.button03 a:hover { background-image:url(img/top_bottom_navi/btn_03_over.png);}
#center div.Newsample ul.TopBottomNavi li.button04 a:hover { background-image:url(img/top_bottom_navi/btn_04_over.png);}

#center div.Newsample ul.TopBottomNavi li.button01 a.over { background-image:url(img/top_bottom_navi/btn_01_over.png);}
#center div.Newsample ul.TopBottomNavi li.button02 a.over { background-image:url(img/top_bottom_navi/btn_02_over.png);}
#center div.Newsample ul.TopBottomNavi li.button03 a.over { background-image:url(img/top_bottom_navi/btn_03_over.png);}
#center div.Newsample ul.TopBottomNavi li.button04 a.over { background-image:url(img/top_bottom_navi/btn_04_over.png);}

#center div.Newsample div.text ul {}
#center div.Newsample div.text ul li { border-bottom:#ccc dotted 1px;}
#center div.Newsample div.text ul li div.thumb { float:left; display:inline; margin:10px; border:#ccc solid 1px;}
#center div.Newsample div.text ul li div.thumb img { margin:3px;}
#center div.Newsample div.text ul li h3 { padding:10px 0 0 0; color:#CC3300}
#center div.Newsample div.text ul li h3.new { padding:10px 30px 0 0; background-image:url(img/icon/str_new01.png); background-position:right 50%; background-repeat:no-repeat;}
#center div.Newsample div.text ul li p { margin:5px 0; color:#225584;}
#center div.Newsample div.text ul li {}*/

#center #grup1{ display:block; }
#center #grup2{ display:none; }
#center #grup3{ display:none; }
#center #grup4{ display:none; }



/* right */

#right div.numberBox { margin:0 0 10px 0; padding:50px 0 0 0; border:#B2CCE5 solid 5px; background-image:url(img/numberbox_h2.png); background-position:center 5px; background-repeat:no-repeat;}
#right div.numberBox div.number01 { padding:0; font-size:80%; color:#333; margin:0 10px 5px;}
#right div.numberBox div.number02 { padding:0; font-size:80%; color:#333; margin:0 10px 5px;}
#right div.numberBox div.number01 img{ vertical-align:middle; margin-right:5px; }
#right div.numberBox div.number02 img{ vertical-align:middle; margin-right:5px; }

#right div.numberBox div.date { font-size:60%; margin:0 10px; padding-bottom:15px;}

#right div.article { margin:10px 0;}
#right div.article h2 { height:27px; text-indent:-9999px; background-position:left top; background-repeat:no-repeat; border:0;}
#right div.article div.text { font-size:80%;}

#right div.loginBox { margin:10px 0; background-color:#FDBF4E;}
#right div.loginBox h3 { height:42px; background-image:url(img/loginbox_h2.png); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#right div.loginBox label { display:block; margin:3px 10px;}
#right div.loginBox label input { vertical-align:middle; width:115px;}
#right div.loginBox label img { vertical-align:middle; margin:0 3px;}
#right div.loginBox button { padding:0; background-color:#FDBF4E; border:0; overflow:visible;}
#right div.loginBox div.otherTxt { margin:3px 5px 3px 12px; padding:5px; font-size:70%;}
#right div.loginBox div.otherTxt a { padding:0 0 0 14px; background-image:url(img/icon/arrow03.png); background-position:left 50%; background-repeat:no-repeat; color:#225584;}

#right ul.SeminarList li { border-bottom:#666666 dashed 1px;}
#right ul.SeminarList li h3 { padding:0 0 0 10px; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat; line-height:2.0;}
#right ul.SeminarList li div.thumb { float:left; border:#ccc solid 1px;}
#right ul.SeminarList li div.thumb img { margin:2px;}
#right ul.SeminarList li p { font-size:90%;}
#right ul.SeminarList li {}
#right ul.SeminarList {}

#right div.news {}
#right div.news h2 { position:relative; height:26px; border:0; margin:0;}
#right div.news h2 a { display:block; text-indent:0; position:absolute; top:3px; right:3px;}
#right div.news div.text { padding:3px; background-color:#fff;}
#right div.news div.text dl { margin:3px;}
#right div.news div.text dl dt { color:#D26717;}
#right div.news div.text dl dd { font-size:80%; line-height:1.7; border-bottom:dotted #999 1px;}

#right div.type02 {}
#right div.type02 h2 {}
#right div.type02 h2.Nontext {}
#right div.type02 h2 img.list {}
#right div.type02 div.text {}



/* footer */
#footer { clear:both;}

#footer {}

/*---------------------------------
		PageCSS
---------------------------------*/