@charset "UTF-8";

/* -------------------------- */
/* AUTHOR: SOL i Architect .Inc Masayuki Fujimoto */
/* LAST MODIFIED: 2010.03.09 tue */
/* -------------------------- */


/* -------------------------- */
/* basis */
/* -------------------------- */

html { overflow-y : scroll ; } /* firefox スクロールバー対応 */


body {
	color : #333 ;
	background:#fff;
	text-align : center ;
	margin :0;
	padding:0;
	font-size : 62.5% ;
	font-family:"メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	width:100%;
	height:100%;
}


html:\66irst-child body { font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif ; }






.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.highlight a:hover *{  
  filter: alpha(opacity=70);  
  -moz-opacity:0.70;  
  opacity:0.70;  
} 

/* -------------------------- */
/* images */
/* -------------------------- */

.Imgright {float:right;}
.Imgleft {float:left;}

img.Rsp5 {margin:0 5px 0 0;}
img.Rsp20 {margin:0 20px 0 0;}

img.Btm5 {margin:0 0 5px 0;}
img.Btm10 {margin:0 0 10px 0;}
img.Btm20 {margin:0 0 20px 0;}

img.Top5 {margin-top:5px;}
img.Top10 {margin-top:10px;}
img.Top20 {margin-top:20px;}



/* -------------------------- */
/* right */
/* -------------------------- */

.Right {text-align:right; padding:0 5px 0 0;}

/* -------------------------- */
/* header */
/* -------------------------- */


#header {
width:900px;
margin:0 auto;
text-align:left;
}

#header .blockLeft {
width:380px;
float:left;
}

#header .blockRight {
width:450px;
float:right;
}

#header .blockRight li {
	list-style:none;
	margin: 45px 0 0 0;
	padding: 0;
}

#header .blockRight li a {
background:url(../images/basis/headerarrow.gif) no-repeat;
	display: block;
	padding:0 0 0 14px;
	margin:0 10px 0 0;
	font-size:1.2em;
}


#header .blockLeft h1 {
margin:0;
padding:0;
}


a.logo {
  display: block;
  width: 375px;
  height: 73px;
  /* \*/
  overflow: hidden;
  /* */
  text-indent: -9999px;
  background: url(../images/basis/logo.jpg) no-repeat 0 0;
}

a.logo:hover {
background:url(../images/basis/logo.jpg) no-repeat 1px 1px;
}


/* -------------------------- */
/* breadcrumb */
/* -------------------------- */

#maincontentsSpace .spLeft .breadcrumb {
margin:5px 0;
padding:0;
}

#maincontentsSpace .spLeft .breadcrumb li {
	list-style:none;
	margin: 0;
	padding: 0;
	float:left;
	width:auto;
	font-size:1.0em;
}

#maincontentsSpace .spLeft .breadcrumb li a {
	background:url(../images/basis/bcarrow.jpg) no-repeat right;
	display:inline;
	padding:0 15px 0 0;
	margin:0 5px 0 0;
}






/* -------------------------- */
/* globalnavigation */
/* -------------------------- */



#global {
	margin:0;
	padding:0;
	width:100%;
	background:url(../images/basis/gnavi_bg.gif) repeat-x;
	text-align:center;
}

#global .naviSp {
	margin:0 auto;
	padding:0;
	width:900px;
}

#global .naviSp li {
	float: left;
	list-style-type: none;
	text-align:left;
}

#global .naviSp li a {
	background:url(../images/basis/gnavi.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 48px;
}



#global .naviSp li.g_nav1 a {background-position: 0px 0px; width: 48px;}
#global .naviSp li.g_nav2 a {background-position: -48px 0px; width: 170px;}
#global .naviSp li.g_nav3 a {background-position: -218px 0px; width: 170px;}
#global .naviSp li.g_nav4 a {background-position: -388px 0px; width: 170px;}
#global .naviSp li.g_nav5 a {background-position: -558px 0px; width: 170px;}
#global .naviSp li.g_nav6 a {background-position: -728px 0px; width: 170px;}

#global .naviSp li.g_nav1in a {background-position: 0px -96px; width: 48px;}
#global .naviSp li.g_nav2in a {background-position: -48px -96px; width: 170px;}
#global .naviSp li.g_nav3in a {background-position: -218px -96px; width: 170px;}
#global .naviSp li.g_nav4in a {background-position: -388px -96px; width:170px;}
#global .naviSp li.g_nav5in a {background-position: -558px -96px; width: 170px;}
#global .naviSp li.g_nav6in a {background-position: -728px -96px; width: 170px;}







/* -------------------------- */
/* mainspace */
/* -------------------------- */


#maincontentsSpace {
width:900px;
margin:10px auto;
text-align:left;
}

#maincontentsSpace .spLeft{
width:635px;
float:left;
display:inline;
}

#maincontentsSpace .spLeft .bgn{
width:310px;
float:left;
display:inline;
background:url(../images/basis/bgn_bg.gif) repeat-x #f4f4f4;
}

.lineccc {
border:1px solid #ccc;
border-bottom:none;
}

.ps10l {
padding:10px;
}

.ps10r {
padding:0 10px;
}

#maincontentsSpace .spLeft .faq{
width:310px;
float:right;
display:inline;
background:#f3f3f3;
}


#maincontentsSpace .spRight{
width:250px;
float:right;
display:inline;
}


#maincontentsSpace .spLeft .faq{
width:310px;
float:right;
display:inline;
background:#f3f3f3;
}



#maincontentsSpace .spLeft .faq li {
	list-style:none;
	margin: 5px 0 0 0;
	padding: 0;
}

#maincontentsSpace .spLeft .faq li a {
	background:url(../images/toppage/qicon.gif) no-repeat 0 3px;
	display: block;
	padding:0 0 0 15px;
	margin:0 10px 0 0;
	font-size:1.2em;
	text-decoration:underline;
	margin:0 0 5px 0;
}



#maincontentsSpace .spRight .news {
background:url(../images/toppage/news_event.gif) no-repeat;
padding:23px 0 0 0;
}



#maincontentsSpace .spRight .news p.data {
background:#e9e9e9;
font-size:1.0em;
padding:3px;
border-top:1px solid #fff;
margin:0;
}

#maincontentsSpace .spRight .news p.newsread {
background:#f3f3f3;
font-size:1.2em;
line-height:1.4;
padding:8px 10px 10px 10px;
border-bottom:1px solid #ccc;
margin:0;
}

#maincontentsSpace .spRight .news p.newsread span {
font-size:80%;
}


#maincontentsSpace .spRight .sumailab {
background:url(../images/toppage/event_info.gif) no-repeat;
padding:40px 0 0 0;
}

#maincontentsSpace .spRight .sumailab .field {
background:url(../images/basis/hrdot.gif) repeat-x bottom;
padding:0 0 15px 0;
}

#maincontentsSpace .spRight .sumailab .field_c {
background:url(../images/toppage/area_c.gif) no-repeat;
padding:0 0 0 43px;
}

#maincontentsSpace .spRight .sumailab .field_e {
background:url(../images/toppage/area_e.gif) no-repeat;
padding:0 0 0 43px;
}

#maincontentsSpace .spRight .sumailab .field_w {
background:url(../images/toppage/area_w.gif) no-repeat;
padding:0 0 0 43px;
}


p.Edata {
font-size:1.0em;
line-height:1.0;
font-weight:bold;
color:#444;
margin:0 5px 0 0;
}

p.Ename {
font-size:1.0em;
color:#900;
margin:0;
}

p.Eevent {
font-size:1.2em;
line-height:1.4;
font-weight:bold;
margin:0;
}

.dotline {
background:url(../images/basis/hrdot.gif) repeat-x bottom;
padding:0 0 10px 0;
}



#maincontentsSpace .spLeft .mainsp {
margin:0 0 20px 0;
padding:0;
}


/* -------------------------- */
/* font */
/* -------------------------- */


p {
font-size:1.2em;
line-height:1.6;
margin:0 0 8px 0;
}

p.bold {
color:#555;
font-weight:bold;
line-height:1.4;
}

p.bold_dotline {
color:#555;
font-weight:bold;
background:url(../images/basis/hrdot.gif) repeat-x bottom;
padding:0 0 15px 0;
line-height:1.4;
}


p.attention {
font-size:1.0em;
line-height:1.2;
color:#f00;
border:1px dotted #ccc;
padding:10px;
margin:10px 0 15px 0;
}

p.red {
font-size:1.2em;
line-height:1.2;
color:#f00;
padding:0;
margin:0 0 8px 0;
}


p.ic01 {
background:url(../../link/images/icon01.gif) no-repeat 0 5px;
padding:5px 0 5px 85px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin-bottom:5px;
}

p.ic02 {
background:url(../../link/images/icon02.gif) no-repeat;
padding:0 0 5px 85px;
border-bottom:1px dotted #ccc;
margin-bottom:5px;
}

p.ic03 {
background:url(../../link/images/icon03.gif) no-repeat;
padding:0 0 0 85px;
}

/* -------------------------- */
/* footer */
/* -------------------------- */


#footer {
width:100%;
background:url(../images/basis/footer_bg.gif) repeat-x #62a726;
margin:0;
padding:0;
height:100px;
}

#footer .ftsp {
width:900px;
margin:0 auto;
text-align:left;
padding:0;
}

#footer .ftsp .spL {
width:150px;
float:left;
}

#footer .ftsp .spC {
width:600px;
float:left;
background:url(../images/basis/ftimg01.gif) no-repeat 0 14px;
padding:45px 0 0 0;
}

#footer .ftsp .spR {
width:120px;
float:right;
padding:12px 0 0 0;
}


#footer .ftsp .spC li {
	list-style:none;
	margin: 0;
	padding: 0;
	float:left;
	width:auto;
}

#footer .ftsp .spC li a {
	background:url(../images/basis/headerarrow.gif) no-repeat;
	display:inline;
	padding:0 0 0 15px;
	margin:0 15px 0 0;
	font-size:1.2em;
	color:#fff;
}

a.rokin {
  display: block;
  width: 135px;
  height: 84px;
  /* \*/
  overflow: hidden;
  /* */
  text-indent: -9999px;
  background: url(../images/basis/rokin.gif) no-repeat 0 0;
}

a.rokin:hover {
background:url(../images/basis/rokin.gif) no-repeat 0 1px;
}


/* -------------------------- */
/* search form STYLE */
/* -------------------------- */





#search_button {
margin-left:160px;
position:absolute;
}


input#search_window {
background:url(../images/basis/search.png) no-repeat;
height:23px;
padding-top:3px;
width:160px;
}

#search_window {
background:url(../images/basis/search.png) no-repeat;
border:0 none;
height:23px;
margin-left:10px;
padding:4px 5px 2px;
position:absolute;
width:155px;
}




/* -------------------------- */
/* FORM STYLE */
/* -------------------------- */


input.txt-field,select,textarea {
	color: #333;
	background-color: #ffd;
	padding:6px;
	border: 1px solid #ccc;
	margin:0 5px 5px 0;
}

input.txt-field:focus,select:focus,textarea:focus {
	color: #333;
	background-color: #fff;
	border-color: #888;
}


label {
cursor:pointer;
}

input.select,radio,checkbox {
margin:0 5px 0 0;
}


#header li {
	float: left;
	list-style:decimal;
	margin: 0 0 0 15px;
	padding: 0px;
}




#guideSp dl {
 width:635px;
 clear:both;
}

#guideSp dt {
 float:left;
 width:125px;
 padding:0 0 5px 14px;
 font-size:1.2em;
 font-weight:bold;
 margin:0 0 10px 0;
 background:url(../images/basis/headerarrow.gif) no-repeat 0 2px;
}

#guideSp dd {
 width:470px;
 float:right;
 font-size:1.2em;
 border-left:1px solid #ccc;
 padding:0 0 0 20px;
 margin:0 0 10px 0;
}





button.formSm {
background:url(../images/basis/formbtn.gif) no-repeat;
width:150px; height:35px; overflow:hidden;
margin:0 10px 10px 155px; padding:0; border:0; text-indent:-9999em;
cursor:pointer;
}



button.formSm2 {
background:url(../images/basis/formbtn_sm.gif) no-repeat;
width:150px; height:35px; overflow:hidden;
margin:0 10px 0 0; padding:0; border:0; text-indent:-9999em;
cursor:pointer;
}


button.formBk {
background:url(../images/basis/formbtn_bk.gif) no-repeat;
width:95px; height:35px; overflow:hidden;
margin:0 10px 10px 155px; padding:0; border:0; text-indent:-9999em;
cursor:pointer;
}

/* -------------------------- */
/* LINK */
/* -------------------------- */

a:link {color:#0044cc; text-decoration:underline;}
a:visited {color:#395eaa; text-decoration:underline;}
a:hover {color:#ffa400; text-decoration:none;}
a:active{color:#888; text-decoration:none;}




/* マウスオーバー付き */

a.link_w1 {text-decoration:none; border:1px solid #ddd; display:block; margin-bottom:10px;} 
a.link_w1:visited {text-decoration:none; border:1px solid #ddd; display:block; margin-bottom:10px;} 
a.link_w1:active {text-decoration:none; border:1px solid #ddd; display:block; margin-bottom:10px;} 
a.link_w1:hover {text-decoration:none; border:1px solid #ea4e31; display:block; margin-bottom:10px;} 

a.link_w5 {text-decoration:none; border:5px solid #eee; display:block; margin-bottom:10px;} 
a.link_w5:visited {text-decoration:none; border:5px solid #eee; display:block; margin-bottom:10px;} 
a.link_w5:active {text-decoration:none; border:5px solid #eee; display:block; margin-bottom:10px;} 
a.link_w5:hover {text-decoration:none; border:5px solid #aaa; display:block; margin-bottom:10px;} 

a.link_w3 {text-decoration:none; border:3px solid #ddd; display:block; margin-bottom:5px;} 
a.link_w3:visited {text-decoration:none; border:3px solid #ddd; display:block; margin-bottom:5px;} 
a.link_w3:active {text-decoration:none; border:3px solid #ddd; display:block; margin-bottom:5px;} 
a.link_w3:hover {text-decoration:none; border:3px solid #ea4e31; display:block; margin-bottom:5px;} 





#err {
margin:3px 0 10px 0;
background:#f30;
color:#ffff88;
padding:3px;
font-weight:bold;
text-align:center;
font-size:120%;
}